@hook-sdk/template 0.25.0 → 0.26.0

package/dist/index.js

@@ -1,7 +1,7 @@
 // src/AppRoot.tsx
 import { useMemo as useMemo3 } from "react";
 import { BrowserRouter, MemoryRouter, Navigate, Route, Routes } from "react-router-dom";
-import { useHook as useHook8 } from "@hook-sdk/sdk";
+import { useHook as useHook7 } from "@hook-sdk/sdk";
 
 // src/config/AppConfigContext.tsx
 import { createContext, useContext } from "react";
@@ -31,7 +31,9 @@ var AuthFlowSchema = z.object({
   requiresEmailVerify: z.boolean(),
   googleOAuth: z.boolean(),
   postAuthLanding: z.string().startsWith("/"),
-  preAuthRoutes: z.array(z.string().startsWith("/"))
+  preAuthRoutes: z.array(z.string().startsWith("/")),
+  // Plan-V — pay-first signup mode. See types/AppConfig.ts AuthFlowConfig.
+  signupMode: z.enum(["pre_signup", "pay_first"]).optional()
 });
 var PaywallNonFreeSchema = z.object({
   mode: z.enum(["trial", "pay_first"]),
@@ -630,8 +632,8 @@ function usePaywallState() {
     opening: submitting,
     availableMethods: methods,
     monthlyEquivalent,
-    // G154 fix (template 0.24.0 + SDK 0.26.0): wired to SDK action.
-    dismissPix: subscription.clearPixPending,
+    dismissPix: () => {
+    },
     refreshPlan: () => {
     }
   };
@@ -2031,53 +2033,9 @@ function SessionExpiredBanner() {
   ] });
 }
 
-// src/internal/EmailVerifyBanner.tsx
-import { useState as useState5 } from "react";
-import { useHook as useHook5 } from "@hook-sdk/sdk";
-import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
-function EmailVerifyBanner() {
-  const { user, auth } = useHook5();
-  const [sending, setSending] = useState5(false);
-  const [sent, setSent] = useState5(false);
-  if (!user || user.emailVerified) return null;
-  async function handleResend() {
-    if (sending || sent) return;
-    setSending(true);
-    try {
-      await auth.resendVerify();
-      setSent(true);
-    } catch {
-    } finally {
-      setSending(false);
-    }
-  }
-  const label = sent ? "Enviado!" : sending ? "Enviando..." : "Reenviar link";
-  return /* @__PURE__ */ jsxs12(
-    "div",
-    {
-      role: "status",
-      "data-testid": "email-verify-banner",
-      className: "sticky top-0 inset-x-0 z-50 bg-yellow-100 text-yellow-900 border-b border-yellow-200 px-4 py-2 flex items-center justify-between gap-3 text-sm",
-      children: [
-        /* @__PURE__ */ jsx18("span", { children: "Confirma teu e-mail pra liberar tudo." }),
-        /* @__PURE__ */ jsx18(
-          "button",
-          {
-            type: "button",
-            onClick: handleResend,
-            disabled: sending || sent,
-            className: "px-3 py-1 rounded text-xs font-medium bg-yellow-900 text-yellow-50 hover:bg-yellow-800 disabled:opacity-60 disabled:cursor-not-allowed",
-            children: label
-          }
-        )
-      ]
-    }
-  );
-}
-
 // src/defaults/ErrorBoundary.tsx
 import { Component } from "react";
-import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
 var ErrorBoundary = class extends Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
@@ -2095,12 +2053,12 @@ var ErrorBoundary = class extends Component {
   }
   render() {
     if (this.state.error) {
-      return this.props.fallback ?? /* @__PURE__ */ jsxs13("div", { role: "alert", style: { padding: 24, textAlign: "center" }, children: [
-        /* @__PURE__ */ jsx19("h2", { children: "Algo deu errado" }),
-        /* @__PURE__ */ jsx19("p", { style: { opacity: 0.7 }, children: "Recarregue a p\xE1gina pra tentar de novo." })
+      return this.props.fallback ?? /* @__PURE__ */ jsxs12("div", { role: "alert", style: { padding: 24, textAlign: "center" }, children: [
+        /* @__PURE__ */ jsx18("h2", { children: "Algo deu errado" }),
+        /* @__PURE__ */ jsx18("p", { style: { opacity: 0.7 }, children: "Recarregue a p\xE1gina pra tentar de novo." })
       ] });
     }
-    return /* @__PURE__ */ jsx19(Fragment4, { children: this.props.children });
+    return /* @__PURE__ */ jsx18(Fragment4, { children: this.props.children });
   }
 };
 
@@ -2109,7 +2067,7 @@ import { useEffect as useEffect7 } from "react";
 import i18n from "i18next";
 import { I18nextProvider, initReactI18next } from "react-i18next";
 import { usePersistedState } from "@hook-sdk/sdk";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function ensureInitialized(defaultLocale, supportedLocales, resources, initialLocale) {
   if (i18n.isInitialized) return;
   i18n.use(initReactI18next).init({
@@ -2138,7 +2096,7 @@ function I18nProvider({
       i18n.changeLanguage(userLocale);
     }
   }, [userLocale]);
-  return /* @__PURE__ */ jsx20(I18nextProvider, { i18n, children });
+  return /* @__PURE__ */ jsx19(I18nextProvider, { i18n, children });
 }
 
 // src/dev/env.ts
@@ -2149,9 +2107,9 @@ function isDevToolsEnabled() {
 }
 
 // src/dev/DevSkipOnboardingFab.tsx
-import { useCallback as useCallback3, useRef as useRef4, useState as useState6 } from "react";
-import { useHook as useHook6 } from "@hook-sdk/sdk";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { useCallback as useCallback3, useRef as useRef4, useState as useState5 } from "react";
+import { useHook as useHook5 } from "@hook-sdk/sdk";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var STORAGE_KEY = "hook_dev_skip_email";
 var TEST_EMAIL_DOMAIN = "@hook.test";
 var TEST_PASSWORD = "SkipTest!2026";
@@ -2218,10 +2176,10 @@ var STYLES = {
 };
 var CONFIRM_TIMEOUT_MS = 3e3;
 function DevSkipOnboardingFab({ defaults }) {
-  const hook = useHook6();
+  const hook = useHook5();
   const { slug } = useAppConfig();
-  const [state, setState] = useState6("idle");
-  const [errorMsg, setErrorMsg] = useState6(null);
+  const [state, setState] = useState5("idle");
+  const [errorMsg, setErrorMsg] = useState5(null);
   const timerRef = useRef4(null);
   const clearTimer = useCallback3(() => {
     if (timerRef.current) {
@@ -2258,7 +2216,7 @@ function DevSkipOnboardingFab({ defaults }) {
     ...state === "confirm" || state === "error" ? STYLES.confirm : {},
     ...state === "busy" ? STYLES.busy : {}
   };
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "button",
     {
       type: "button",
@@ -2273,20 +2231,20 @@ function DevSkipOnboardingFab({ defaults }) {
 }
 
 // src/internal/PaymentReturnHandler.tsx
-import { useCallback as useCallback4, useEffect as useEffect8, useRef as useRef5, useState as useState7 } from "react";
-import { useHook as useHook7 } from "@hook-sdk/sdk";
-import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useCallback as useCallback4, useEffect as useEffect8, useRef as useRef5, useState as useState6 } from "react";
+import { useHook as useHook6 } from "@hook-sdk/sdk";
+import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
 var BACKOFF_MS = [2e3, 5e3, 1e4, 2e4, 4e4];
 var MAX_CYCLES = 3;
 var SUPPORT_MAILTO = "mailto:suporte@usehook.net?subject=Pagamento%20pendente";
 function PaymentReturnHandler({ children }) {
-  const { subscription, track: track2 } = useHook7();
+  const { subscription, track: track2 } = useHook6();
   const subRef = useRef5(subscription);
   subRef.current = subscription;
   const runIdRef = useRef5(0);
   const cyclesRef = useRef5(0);
   const startMsRef = useRef5(0);
-  const [state, setState] = useState7("idle");
+  const [state, setState] = useState6("idle");
   const runPoll = useCallback4(() => {
     const runId = ++runIdRef.current;
     const isFirstRun = cyclesRef.current === 0;
@@ -2352,19 +2310,19 @@ function PaymentReturnHandler({ children }) {
     window.location.href = cleanUrl.toString();
   }, []);
   if (state === "confirming") {
-    return /* @__PURE__ */ jsx22("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: "Confirmando pagamento\u2026" });
+    return /* @__PURE__ */ jsx21("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: "Confirmando pagamento\u2026" });
   }
   if (state === "waiting") {
-    return /* @__PURE__ */ jsx22("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: /* @__PURE__ */ jsxs14("div", { style: { maxWidth: 320, textAlign: "center", lineHeight: 1.5 }, children: [
-      /* @__PURE__ */ jsx22("div", { style: { marginBottom: 16 }, children: "Pagamento aceito. Estamos confirmando com o banco \u2014 pode levar alguns minutos." }),
-      /* @__PURE__ */ jsx22("button", { type: "button", onClick: runPoll, style: buttonStyle, children: "Atualizar" })
+    return /* @__PURE__ */ jsx21("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: /* @__PURE__ */ jsxs13("div", { style: { maxWidth: 320, textAlign: "center", lineHeight: 1.5 }, children: [
+      /* @__PURE__ */ jsx21("div", { style: { marginBottom: 16 }, children: "Pagamento aceito. Estamos confirmando com o banco \u2014 pode levar alguns minutos." }),
+      /* @__PURE__ */ jsx21("button", { type: "button", onClick: runPoll, style: buttonStyle, children: "Atualizar" })
     ] }) });
   }
   if (state === "timeout") {
-    return /* @__PURE__ */ jsx22("div", { role: "alert", "aria-live": "assertive", style: overlayStyle2, children: /* @__PURE__ */ jsxs14("div", { style: { maxWidth: 360, textAlign: "center", lineHeight: 1.5 }, children: [
-      /* @__PURE__ */ jsx22("div", { style: { marginBottom: 16 }, children: "Ainda n\xE3o conseguimos confirmar seu pagamento com o banco. Voc\xEA pode tentar de novo, voltar pro app, ou falar com a gente." }),
-      /* @__PURE__ */ jsxs14("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
-        /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx21("div", { role: "alert", "aria-live": "assertive", style: overlayStyle2, children: /* @__PURE__ */ jsxs13("div", { style: { maxWidth: 360, textAlign: "center", lineHeight: 1.5 }, children: [
+      /* @__PURE__ */ jsx21("div", { style: { marginBottom: 16 }, children: "Ainda n\xE3o conseguimos confirmar seu pagamento com o banco. Voc\xEA pode tentar de novo, voltar pro app, ou falar com a gente." }),
+      /* @__PURE__ */ jsxs13("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+        /* @__PURE__ */ jsx21(
           "button",
           {
             type: "button",
@@ -2377,7 +2335,7 @@ function PaymentReturnHandler({ children }) {
             children: "Tentar de novo"
           }
         ),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx21(
           "button",
           {
             type: "button",
@@ -2387,7 +2345,7 @@ function PaymentReturnHandler({ children }) {
             children: "Voltar pro app"
           }
         ),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx21(
           "a",
           {
             href: SUPPORT_MAILTO,
@@ -2399,7 +2357,7 @@ function PaymentReturnHandler({ children }) {
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsx22(Fragment5, { children });
+  return /* @__PURE__ */ jsx21(Fragment5, { children });
 }
 var overlayStyle2 = {
   position: "fixed",
@@ -2438,7 +2396,7 @@ var linkStyle = {
 };
 
 // src/AppRoot.tsx
-import { Fragment as Fragment6, jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
 function buildLegacyConfigShim(config) {
   const paywall = config.paywall;
   const isFree = paywall.mode === "free";
@@ -2517,17 +2475,14 @@ function AppRoot(props) {
   const basename = `/app/${config.slug}`;
   const routerProps = testRouter === "memory" ? { basename, initialEntries: testInitialEntries } : { basename };
   const position = config.install_prompt?.position ?? "post-paywall";
-  const subscriptionGated = /* @__PURE__ */ jsxs15(SubscriptionGate, { Paywall: Paywall2 ?? FallbackPaywall, children: [
-    /* @__PURE__ */ jsx23(EmailVerifyBanner, {}),
-    position === "post-paywall" ? /* @__PURE__ */ jsxs15(InstallGate, { position: "post-paywall", children: [
-      children,
-      /* @__PURE__ */ jsx23(PushPrompt, {})
-    ] }) : /* @__PURE__ */ jsxs15(Fragment6, { children: [
-      children,
-      /* @__PURE__ */ jsx23(PushPrompt, {})
-    ] })
-  ] });
-  const authGated = /* @__PURE__ */ jsx23(
+  const subscriptionGated = /* @__PURE__ */ jsx22(SubscriptionGate, { Paywall: Paywall2 ?? FallbackPaywall, children: position === "post-paywall" ? /* @__PURE__ */ jsxs14(InstallGate, { position: "post-paywall", children: [
+    children,
+    /* @__PURE__ */ jsx22(PushPrompt, {})
+  ] }) : /* @__PURE__ */ jsxs14(Fragment6, { children: [
+    children,
+    /* @__PURE__ */ jsx22(PushPrompt, {})
+  ] }) });
+  const authGated = /* @__PURE__ */ jsx22(
     AuthGated,
     {
       config,
@@ -2542,13 +2497,13 @@ function AppRoot(props) {
       children: subscriptionGated
     }
   );
-  const routedTree = /* @__PURE__ */ jsxs15(Router, { ...routerProps, children: [
-    /* @__PURE__ */ jsx23(DeepLinkHandler, { deepLinks: config.deepLinks }),
-    /* @__PURE__ */ jsx23(SessionExpiredBanner, {}),
-    position === "pre-auth" ? /* @__PURE__ */ jsx23(InstallGate, { position: "pre-auth", children: authGated }) : authGated,
-    isDevToolsEnabled() && devSkipOnboarding ? /* @__PURE__ */ jsx23(DevSkipOnboardingFab, { defaults: devSkipOnboarding.defaults }) : null
+  const routedTree = /* @__PURE__ */ jsxs14(Router, { ...routerProps, children: [
+    /* @__PURE__ */ jsx22(DeepLinkHandler, { deepLinks: config.deepLinks }),
+    /* @__PURE__ */ jsx22(SessionExpiredBanner, {}),
+    position === "pre-auth" ? /* @__PURE__ */ jsx22(InstallGate, { position: "pre-auth", children: authGated }) : authGated,
+    isDevToolsEnabled() && devSkipOnboarding ? /* @__PURE__ */ jsx22(DevSkipOnboardingFab, { defaults: devSkipOnboarding.defaults }) : null
   ] });
-  return /* @__PURE__ */ jsx23(ErrorBoundary, { children: /* @__PURE__ */ jsx23(AppConfigProvider, { config, children: /* @__PURE__ */ jsx23(TemplateConfigProvider, { config: legacyShim, children: /* @__PURE__ */ jsx23(ThemeProvider, { children: /* @__PURE__ */ jsx23(PersistenceRegistry, { config: config.persistedKeys, children: config.i18n ? /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(ErrorBoundary, { children: /* @__PURE__ */ jsx22(AppConfigProvider, { config, children: /* @__PURE__ */ jsx22(TemplateConfigProvider, { config: legacyShim, children: /* @__PURE__ */ jsx22(ThemeProvider, { children: /* @__PURE__ */ jsx22(PersistenceRegistry, { config: config.persistedKeys, children: config.i18n ? /* @__PURE__ */ jsx22(
     I18nProvider,
     {
       defaultLocale: config.i18n.defaultLocale,
@@ -2568,37 +2523,46 @@ function AuthGated({
   EmailVerify,
   PreAuthFlow
 }) {
-  const { authStatus } = useHook8();
+  const { authStatus } = useHook7();
   if (authStatus === "loading") return null;
   if (authStatus !== "authenticated") {
+    if (config.authFlow.signupMode === "pay_first" && PreAuthFlow) {
+      return /* @__PURE__ */ jsxs14(Routes, { children: [
+        /* @__PURE__ */ jsx22(Route, { path: "/signin", element: /* @__PURE__ */ jsx22(Login, {}) }),
+        /* @__PURE__ */ jsx22(Route, { path: "/forgot", element: /* @__PURE__ */ jsx22(Forgot, {}) }),
+        /* @__PURE__ */ jsx22(Route, { path: "/reset", element: /* @__PURE__ */ jsx22(Reset, {}) }),
+        EmailVerify ? /* @__PURE__ */ jsx22(Route, { path: "/verify", element: /* @__PURE__ */ jsx22(EmailVerify, {}) }) : null,
+        /* @__PURE__ */ jsx22(Route, { path: "/*", element: /* @__PURE__ */ jsx22(PreAuthFlow, {}) })
+      ] });
+    }
     if (config.onboarding?.trigger === "pre_signup_custom" && PreAuthFlow) {
-      return /* @__PURE__ */ jsxs15(Routes, { children: [
-        /* @__PURE__ */ jsx23(Route, { path: "/signin", element: /* @__PURE__ */ jsx23(Login, {}) }),
-        /* @__PURE__ */ jsx23(Route, { path: "/signup", element: /* @__PURE__ */ jsx23(Signup, {}) }),
-        /* @__PURE__ */ jsx23(Route, { path: "/forgot", element: /* @__PURE__ */ jsx23(Forgot, {}) }),
-        /* @__PURE__ */ jsx23(Route, { path: "/reset", element: /* @__PURE__ */ jsx23(Reset, {}) }),
-        EmailVerify ? /* @__PURE__ */ jsx23(Route, { path: "/verify", element: /* @__PURE__ */ jsx23(EmailVerify, {}) }) : null,
-        /* @__PURE__ */ jsx23(Route, { path: "/*", element: /* @__PURE__ */ jsx23(PreAuthFlow, {}) })
+      return /* @__PURE__ */ jsxs14(Routes, { children: [
+        /* @__PURE__ */ jsx22(Route, { path: "/signin", element: /* @__PURE__ */ jsx22(Login, {}) }),
+        /* @__PURE__ */ jsx22(Route, { path: "/signup", element: /* @__PURE__ */ jsx22(Signup, {}) }),
+        /* @__PURE__ */ jsx22(Route, { path: "/forgot", element: /* @__PURE__ */ jsx22(Forgot, {}) }),
+        /* @__PURE__ */ jsx22(Route, { path: "/reset", element: /* @__PURE__ */ jsx22(Reset, {}) }),
+        EmailVerify ? /* @__PURE__ */ jsx22(Route, { path: "/verify", element: /* @__PURE__ */ jsx22(EmailVerify, {}) }) : null,
+        /* @__PURE__ */ jsx22(Route, { path: "/*", element: /* @__PURE__ */ jsx22(PreAuthFlow, {}) })
       ] });
     }
-    return /* @__PURE__ */ jsxs15(Routes, { children: [
-      /* @__PURE__ */ jsx23(Route, { path: "/", element: /* @__PURE__ */ jsx23(Login, {}) }),
-      /* @__PURE__ */ jsx23(Route, { path: "/signup", element: /* @__PURE__ */ jsx23(Signup, {}) }),
-      /* @__PURE__ */ jsx23(Route, { path: "/forgot", element: /* @__PURE__ */ jsx23(Forgot, {}) }),
-      /* @__PURE__ */ jsx23(Route, { path: "/reset", element: /* @__PURE__ */ jsx23(Reset, {}) }),
-      EmailVerify ? /* @__PURE__ */ jsx23(Route, { path: "/verify", element: /* @__PURE__ */ jsx23(EmailVerify, {}) }) : null,
-      /* @__PURE__ */ jsx23(Route, { path: "*", element: /* @__PURE__ */ jsx23(Navigate, { to: "/", replace: true }) })
+    return /* @__PURE__ */ jsxs14(Routes, { children: [
+      /* @__PURE__ */ jsx22(Route, { path: "/", element: /* @__PURE__ */ jsx22(Login, {}) }),
+      /* @__PURE__ */ jsx22(Route, { path: "/signup", element: /* @__PURE__ */ jsx22(Signup, {}) }),
+      /* @__PURE__ */ jsx22(Route, { path: "/forgot", element: /* @__PURE__ */ jsx22(Forgot, {}) }),
+      /* @__PURE__ */ jsx22(Route, { path: "/reset", element: /* @__PURE__ */ jsx22(Reset, {}) }),
+      EmailVerify ? /* @__PURE__ */ jsx22(Route, { path: "/verify", element: /* @__PURE__ */ jsx22(EmailVerify, {}) }) : null,
+      /* @__PURE__ */ jsx22(Route, { path: "*", element: /* @__PURE__ */ jsx22(Navigate, { to: "/", replace: true }) })
     ] });
   }
-  return /* @__PURE__ */ jsx23(Fragment6, { children });
+  return /* @__PURE__ */ jsx22(Fragment6, { children });
 }
 function FallbackPaywall() {
   return null;
 }
 
 // src/hooks/usePush.ts
-import { useCallback as useCallback5, useEffect as useEffect9, useState as useState8 } from "react";
-import { useHook as useHook9 } from "@hook-sdk/sdk";
+import { useCallback as useCallback5, useEffect as useEffect9, useState as useState7 } from "react";
+import { useHook as useHook8 } from "@hook-sdk/sdk";
 var DISMISS_STORAGE_KEY = "push:dismissed-until";
 var DISMISS_TTL_MS2 = 7 * 24 * 60 * 60 * 1e3;
 function detectIosNeedsInstall() {
@@ -2642,8 +2606,8 @@ function deriveState(push) {
   return { kind: "prompt" };
 }
 function usePush() {
-  const { push } = useHook9();
-  const [state, setState] = useState8(() => deriveState(push));
+  const { push } = useHook8();
+  const [state, setState] = useState7(() => deriveState(push));
   useEffect9(() => {
     setState(deriveState(push));
   }, [push]);
@@ -2681,27 +2645,27 @@ function usePush() {
 }
 
 // src/components/PushPrompt.tsx
-import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
 function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, className }) {
   const { state, subscribe } = usePush();
   if (state.kind === "denied" || state.kind === "dismissed" || state.kind === "subscribed") {
     return null;
   }
   if (state.kind === "ios_needs_install") {
-    return /* @__PURE__ */ jsxs16("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
-      /* @__PURE__ */ jsx24("h3", { children: texts.iosInstallTitle }),
-      /* @__PURE__ */ jsx24("p", { children: texts.iosInstallBody }),
-      onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ jsx24("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
+    return /* @__PURE__ */ jsxs15("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
+      /* @__PURE__ */ jsx23("h3", { children: texts.iosInstallTitle }),
+      /* @__PURE__ */ jsx23("p", { children: texts.iosInstallBody }),
+      onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ jsx23("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
     ] });
   }
   if (state.kind === "unsupported") {
-    return /* @__PURE__ */ jsx24("div", { className, role: "region", children: /* @__PURE__ */ jsx24("p", { children: texts.unsupportedBody }) });
+    return /* @__PURE__ */ jsx23("div", { className, role: "region", children: /* @__PURE__ */ jsx23("p", { children: texts.unsupportedBody }) });
   }
   if (state.kind === "error") {
-    return /* @__PURE__ */ jsx24("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ jsx24("p", { children: state.message }) });
+    return /* @__PURE__ */ jsx23("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ jsx23("p", { children: state.message }) });
   }
-  return /* @__PURE__ */ jsxs16("div", { className, role: "region", children: [
-    /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs15("div", { className, role: "region", children: [
+    /* @__PURE__ */ jsx23(
       "button",
       {
         type: "button",
@@ -2715,13 +2679,13 @@ function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, clas
         children: texts.cta
       }
     ),
-    onDeclined && /* @__PURE__ */ jsx24("button", { type: "button", onClick: onDeclined, children: texts.declineCta })
+    onDeclined && /* @__PURE__ */ jsx23("button", { type: "button", onClick: onDeclined, children: texts.declineCta })
   ] });
 }
 
 // src/components/LanguageSwitcher.tsx
 import { usePersistedState as usePersistedState2 } from "@hook-sdk/sdk";
-import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
 function LanguageSwitcher({ id, className, label = "Language" }) {
   const config = useAppConfig();
   const i18nConfig = config.i18n;
@@ -2730,43 +2694,50 @@ function LanguageSwitcher({ id, className, label = "Language" }) {
     i18nConfig?.defaultLocale ?? "en-US"
   );
   if (!i18nConfig) return null;
-  return /* @__PURE__ */ jsxs17("label", { className, children: [
-    label ? /* @__PURE__ */ jsx25("span", { children: label }) : null,
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs16("label", { className, children: [
+    label ? /* @__PURE__ */ jsx24("span", { children: label }) : null,
+    /* @__PURE__ */ jsx24(
       "select",
       {
         id,
         value: userLocale,
         onChange: (e) => setUserLocale(e.target.value),
         "data-testid": "language-switcher",
-        children: i18nConfig.supportedLocales.map((loc) => /* @__PURE__ */ jsx25("option", { value: loc, children: loc }, loc))
+        children: i18nConfig.supportedLocales.map((loc) => /* @__PURE__ */ jsx24("option", { value: loc, children: loc }, loc))
       }
     )
   ] });
 }
 
 // src/defaults/LoadingState.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function LoadingState({ message }) {
-  return /* @__PURE__ */ jsx26("div", { role: "status", "aria-live": "polite", style: { padding: 24, textAlign: "center" }, children: /* @__PURE__ */ jsx26("span", { children: message ?? "Carregando..." }) });
+  return /* @__PURE__ */ jsx25("div", { role: "status", "aria-live": "polite", style: { padding: 24, textAlign: "center" }, children: /* @__PURE__ */ jsx25("span", { children: message ?? "Carregando..." }) });
 }
 
 // src/defaults/EmptyState.tsx
-import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
 function EmptyState({ title, description, action }) {
-  return /* @__PURE__ */ jsxs18("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
-    /* @__PURE__ */ jsx27("h2", { style: { marginBottom: 8 }, children: title }),
-    description && /* @__PURE__ */ jsx27("p", { style: { opacity: 0.7 }, children: description }),
-    action && /* @__PURE__ */ jsx27("div", { style: { marginTop: 16 }, children: action })
+  return /* @__PURE__ */ jsxs17("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
+    /* @__PURE__ */ jsx26("h2", { style: { marginBottom: 8 }, children: title }),
+    description && /* @__PURE__ */ jsx26("p", { style: { opacity: 0.7 }, children: description }),
+    action && /* @__PURE__ */ jsx26("div", { style: { marginTop: 16 }, children: action })
   ] });
 }
 
-// src/hooks/useLoginForm.ts
-import { useCallback as useCallback6, useMemo as useMemo4, useState as useState9 } from "react";
-import { useHook as useHook10 } from "@hook-sdk/sdk";
+// src/defaults/CheckoutPageDefault.tsx
+import { useEffect as useEffect11, useMemo as useMemo5 } from "react";
+import { useNavigate as useNavigate2 } from "react-router-dom";
+
+// src/hooks/useCheckoutForm.ts
+import { useCallback as useCallback6, useEffect as useEffect10, useMemo as useMemo4, useRef as useRef6, useState as useState8 } from "react";
+import {
+  useHook as useHook9,
+  EmailTakenError
+} from "@hook-sdk/sdk";
 
 // src/errors.ts
-import { SdkError, SdkAuthError, SdkRateLimitError, SdkValidationError } from "@hook-sdk/sdk";
+import { SdkError, SdkAuthError, SdkRateLimitError } from "@hook-sdk/sdk";
 function mapSdkError(err) {
   if (err instanceof SdkRateLimitError) {
     return {
@@ -2785,9 +2756,6 @@ function mapSdkError(err) {
     }
     return { code: "invalid_credentials", message: "E-mail ou senha inv\xE1lidos." };
   }
-  if (err instanceof SdkValidationError && err.code === "auth.email_taken") {
-    return { code: "email_taken", message: "Esse e-mail j\xE1 tem conta." };
-  }
   if (err instanceof SdkError && err.httpStatus === 0) {
     return { code: "network", message: "Sem conex\xE3o com o servidor. Verifique sua internet." };
   }
@@ -2797,24 +2765,597 @@ function mapSdkError(err) {
   return { code: "server", message: "Algo deu errado. Tente novamente em instantes." };
 }
 
-// src/hooks/useLoginForm.ts
+// src/hooks/useCheckoutForm.ts
 var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-var MIN_PASSWORD = 8;
-function useLoginForm() {
-  const { auth } = useHook10();
-  const [email, setEmail] = useState9("");
-  const [password, setPassword] = useState9("");
-  const [submitting, setSubmitting] = useState9(false);
-  const [error, setError] = useState9(null);
-  const [touchedEmail, setTouchedEmail] = useState9(false);
-  const [touchedPassword, setTouchedPassword] = useState9(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = useState9(false);
+var PHONE_RE = /^[0-9()+\-\s]{8,20}$/;
+var CHECK_DEBOUNCE_MS = 400;
+function useCheckoutForm(args) {
+  const { auth } = useHook9();
+  const [name, setName] = useState8("");
+  const [email, setEmail] = useState8("");
+  const [emailConfirm, setEmailConfirm] = useState8("");
+  const [phone, setPhone] = useState8("");
+  const [cpf, setCpf] = useState8("");
+  const [method, setMethod] = useState8(args.defaultMethod);
+  const [cycle, setCycle] = useState8(args.defaultCycle);
+  const [card, setCardState] = useState8({
+    number: "",
+    expiryMonth: "",
+    expiryYear: "",
+    ccv: "",
+    holderName: ""
+  });
+  const setCard = useCallback6((patch) => {
+    setCardState((prev) => ({ ...prev, ...patch }));
+  }, []);
+  const [touchedName, setTouchedName] = useState8(false);
+  const [touchedEmail, setTouchedEmail] = useState8(false);
+  const [touchedEmailConfirm, setTouchedEmailConfirm] = useState8(false);
+  const [touchedPhone, setTouchedPhone] = useState8(false);
+  const [touchedCpf, setTouchedCpf] = useState8(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = useState8(false);
+  const [submitting, setSubmitting] = useState8(false);
+  const [error, setError] = useState8(null);
+  const [emailTaken, setEmailTaken] = useState8(false);
+  const [loginUrl, setLoginUrl] = useState8(null);
+  const [emailStatus, setEmailStatus] = useState8("idle");
+  const lastCheckedEmail = useRef6("");
+  useEffect10(() => {
+    if (!email || !EMAIL_RE.test(email)) {
+      setEmailStatus("idle");
+      return;
+    }
+    if (email === lastCheckedEmail.current) return;
+    const timer = setTimeout(async () => {
+      setEmailStatus("checking");
+      try {
+        const result = await auth.checkEmailExists({ email });
+        lastCheckedEmail.current = email;
+        setEmailStatus(result.exists ? "exists" : "available");
+      } catch {
+        setEmailStatus("idle");
+      }
+    }, CHECK_DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [email, auth]);
+  const validateName = useMemo4(() => {
+    if (name.length === 0) return null;
+    if (name.trim().length < 2) return "Nome muito curto.";
+    return null;
+  }, [name]);
   const validateEmail = useMemo4(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE.test(email)) return "Formato de e-mail inv\xE1lido.";
     return null;
   }, [email]);
-  const validatePassword = useMemo4(() => {
+  const validateEmailConfirm = useMemo4(() => {
+    if (emailConfirm.length === 0) return null;
+    if (emailConfirm !== email) return "Os e-mails n\xE3o coincidem.";
+    return null;
+  }, [emailConfirm, email]);
+  const validatePhone = useMemo4(() => {
+    if (phone.length === 0) return null;
+    if (!PHONE_RE.test(phone)) return "Telefone inv\xE1lido.";
+    return null;
+  }, [phone]);
+  const validateCpf = useMemo4(() => {
+    if (cpf.length === 0) return null;
+    const digits = cpf.replace(/\D/g, "");
+    if (digits.length !== 11) return "CPF deve ter 11 d\xEDgitos.";
+    if (/^(\d)\1+$/.test(digits)) return "CPF inv\xE1lido.";
+    const ok = mod11(digits, 9) === digits[9] && mod11(digits, 10) === digits[10];
+    return ok ? null : "CPF inv\xE1lido.";
+  }, [cpf]);
+  const nameError = touchedName || formSubmitAttempted ? validateName : null;
+  const emailError = touchedEmail || formSubmitAttempted ? validateEmail : null;
+  const emailConfirmError = touchedEmailConfirm || formSubmitAttempted ? validateEmailConfirm : null;
+  const phoneError = touchedPhone || formSubmitAttempted ? validatePhone : null;
+  const cpfError = touchedCpf || formSubmitAttempted ? validateCpf : null;
+  const canSubmit = name.trim().length >= 2 && EMAIL_RE.test(email) && emailConfirm === email && PHONE_RE.test(phone) && validateCpf === null && cpf.replace(/\D/g, "").length === 11 && emailStatus !== "exists" && !submitting && (method !== "card" || card.number.length >= 12 && card.ccv.length >= 3 && card.expiryMonth.length >= 1 && card.expiryYear.length >= 2 && card.holderName.length >= 1);
+  const submit = useCallback6(async () => {
+    setFormSubmitAttempted(true);
+    setError(null);
+    setEmailTaken(false);
+    setLoginUrl(null);
+    if (!canSubmit) return null;
+    setSubmitting(true);
+    try {
+      let args2;
+      if (method === "card") {
+        args2 = {
+          method: "card",
+          name: name.trim(),
+          email,
+          emailConfirm,
+          phone,
+          cpf: cpf.replace(/\D/g, ""),
+          cycle,
+          card: {
+            number: card.number.replace(/\s/g, ""),
+            expiryMonth: card.expiryMonth,
+            expiryYear: card.expiryYear,
+            ccv: card.ccv,
+            holderName: card.holderName
+          },
+          cardHolderInfo: {
+            name: card.holderName || name.trim(),
+            email,
+            cpfCnpj: cpf.replace(/\D/g, ""),
+            // Empty postal/address: backend defaults if Asaas requires.
+            // Apps that need full address should override via custom form.
+            postalCode: "00000000",
+            addressNumber: "0",
+            phone
+          }
+        };
+      } else {
+        args2 = {
+          method: "pix-auto",
+          name: name.trim(),
+          email,
+          emailConfirm,
+          phone,
+          cpf: cpf.replace(/\D/g, ""),
+          cycle
+        };
+      }
+      const result = await auth.subscribeAnonymous(args2);
+      return result;
+    } catch (err) {
+      if (err instanceof EmailTakenError) {
+        setEmailTaken(true);
+        setLoginUrl(err.loginUrl);
+        setEmailStatus("exists");
+        return null;
+      }
+      setError(mapSdkError(err));
+      return null;
+    } finally {
+      setSubmitting(false);
+    }
+  }, [auth, canSubmit, method, cycle, name, email, emailConfirm, phone, cpf, card]);
+  return {
+    name,
+    setName,
+    email,
+    setEmail,
+    emailConfirm,
+    setEmailConfirm,
+    phone,
+    setPhone,
+    cpf,
+    setCpf,
+    method,
+    setMethod,
+    cycle,
+    setCycle,
+    card,
+    setCard,
+    nameError,
+    emailError,
+    emailConfirmError,
+    phoneError,
+    cpfError,
+    markNameTouched: () => setTouchedName(true),
+    markEmailTouched: () => setTouchedEmail(true),
+    markEmailConfirmTouched: () => setTouchedEmailConfirm(true),
+    markPhoneTouched: () => setTouchedPhone(true),
+    markCpfTouched: () => setTouchedCpf(true),
+    emailStatus,
+    submit,
+    submitting,
+    canSubmit,
+    formSubmitAttempted,
+    error,
+    emailTaken,
+    loginUrl
+  };
+}
+function mod11(digits, len) {
+  let sum = 0;
+  for (let i = 0; i < len; i++) sum += parseInt(digits.charAt(i), 10) * (len + 1 - i);
+  const r = sum * 10 % 11;
+  return String(r === 10 ? 0 : r);
+}
+
+// src/hooks/usePlan.ts
+import { useHook as useHook10 } from "@hook-sdk/sdk";
+function usePlan() {
+  const { plan } = useHook10();
+  return plan;
+}
+
+// src/defaults/CheckoutPageDefault.tsx
+import { jsx as jsx27, jsxs as jsxs18 } 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 CheckoutPageDefault() {
+  const navigate = useNavigate2();
+  const plan = usePlan();
+  const intent = useMemo5(readIntent, []);
+  const defaultMethod = intent.method === "pix-auto" ? "pix-auto" : "card";
+  const defaultCycle = intent.cycle === "YEARLY" ? "YEARLY" : "MONTHLY";
+  const form = useCheckoutForm({ defaultMethod, defaultCycle });
+  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 cyclePrice = useMemo5(() => {
+    if (!planInfo) return null;
+    return form.cycle === "YEARLY" ? planInfo.yearlyPriceCents ?? planInfo.priceCents * 12 : planInfo.priceCents;
+  }, [planInfo, form.cycle]);
+  const submitLabel = useMemo5(() => {
+    if (form.submitting) return "Processando\u2026";
+    if (form.method === "card") {
+      const trial = planInfo?.trialDays ?? 0;
+      if (trial > 0 && cyclePrice) {
+        return `Come\xE7ar ${trial} dias gr\xE1tis \xB7 ${formatBrl(cyclePrice)} depois`;
+      }
+      return cyclePrice ? `Pagar ${formatBrl(cyclePrice)}` : "Continuar";
+    }
+    return cyclePrice ? `Pagar ${formatBrl(cyclePrice)} via PIX` : "Continuar via PIX";
+  }, [form.method, form.submitting, planInfo, cyclePrice]);
+  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__ */ jsx27("div", { className: "flex-1 flex flex-col bg-background min-h-0", children: /* @__PURE__ */ jsxs18("form", { onSubmit, className: "flex-1 overflow-y-auto px-5 py-6 space-y-6", children: [
+    /* @__PURE__ */ jsxs18("header", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx27("h1", { className: "font-display text-2xl text-foreground", children: "Finalizar assinatura" }),
+      /* @__PURE__ */ jsx27("p", { className: "text-sm text-muted-foreground", children: "Preencha seus dados pra liberar o app. Voc\xEA j\xE1 entra com acesso na hora." })
+    ] }),
+    form.emailTaken ? /* @__PURE__ */ jsxs18("div", { role: "alert", className: "rounded-xl bg-destructive/10 p-4 text-sm text-destructive border border-destructive/20", children: [
+      "Esse e-mail j\xE1 tem conta nesse app.",
+      " ",
+      /* @__PURE__ */ jsx27("a", { href: form.loginUrl ?? "/signin", className: "underline font-medium", children: "Entrar agora" })
+    ] }) : null,
+    form.error ? /* @__PURE__ */ jsx27("div", { role: "alert", className: "rounded-xl 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__ */ jsxs18("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx27("h2", { className: "text-sm font-semibold text-foreground uppercase tracking-wide", children: "Voc\xEA" }),
+      /* @__PURE__ */ jsx27(
+        FieldRow,
+        {
+          label: "Nome completo",
+          value: form.name,
+          onChange: form.setName,
+          onBlur: form.markNameTouched,
+          error: form.nameError,
+          autoComplete: "name"
+        }
+      ),
+      /* @__PURE__ */ jsx27(
+        FieldRow,
+        {
+          label: "E-mail",
+          type: "email",
+          value: form.email,
+          onChange: form.setEmail,
+          onBlur: form.markEmailTouched,
+          error: form.emailError,
+          autoComplete: "email",
+          autoCapitalize: "none",
+          autoCorrect: "off",
+          spellCheck: false,
+          hint: form.emailStatus === "checking" ? "Verificando\u2026" : form.emailStatus === "available" ? "\u2713 Dispon\xEDvel" : form.emailStatus === "exists" ? null : null
+        }
+      ),
+      /* @__PURE__ */ jsx27(
+        FieldRow,
+        {
+          label: "Confirme o e-mail",
+          type: "email",
+          value: form.emailConfirm,
+          onChange: form.setEmailConfirm,
+          onBlur: form.markEmailConfirmTouched,
+          error: form.emailConfirmError,
+          autoComplete: "email",
+          autoCapitalize: "none",
+          autoCorrect: "off",
+          spellCheck: false
+        }
+      ),
+      /* @__PURE__ */ jsx27(
+        FieldRow,
+        {
+          label: "Telefone",
+          type: "tel",
+          value: form.phone,
+          onChange: form.setPhone,
+          onBlur: form.markPhoneTouched,
+          error: form.phoneError,
+          autoComplete: "tel",
+          placeholder: "(11) 99999-9999"
+        }
+      ),
+      /* @__PURE__ */ jsx27(
+        FieldRow,
+        {
+          label: "CPF",
+          type: "text",
+          inputMode: "numeric",
+          value: form.cpf,
+          onChange: form.setCpf,
+          onBlur: form.markCpfTouched,
+          error: form.cpfError,
+          autoComplete: "off",
+          placeholder: "000.000.000-00"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs18("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx27("h2", { className: "text-sm font-semibold text-foreground uppercase tracking-wide", children: "Pagamento" }),
+      /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-2 gap-2", role: "tablist", children: [
+        /* @__PURE__ */ jsx27(MethodTab, { active: form.method === "card", onClick: () => form.setMethod("card"), children: "Cart\xE3o" }),
+        /* @__PURE__ */ jsx27(MethodTab, { active: form.method === "pix-auto", onClick: () => form.setMethod("pix-auto"), children: "PIX" })
+      ] }),
+      /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-2 gap-2", role: "tablist", children: [
+        /* @__PURE__ */ jsx27(MethodTab, { active: form.cycle === "MONTHLY", onClick: () => form.setCycle("MONTHLY"), children: "Mensal" }),
+        /* @__PURE__ */ jsx27(MethodTab, { active: form.cycle === "YEARLY", onClick: () => form.setCycle("YEARLY"), children: "Anual" })
+      ] }),
+      form.method === "card" ? /* @__PURE__ */ jsxs18("div", { className: "space-y-3 rounded-xl border border-border p-4", children: [
+        /* @__PURE__ */ jsx27(
+          FieldRow,
+          {
+            label: "Nome no cart\xE3o",
+            value: form.card.holderName,
+            onChange: (v) => form.setCard({ holderName: v }),
+            autoComplete: "cc-name"
+          }
+        ),
+        /* @__PURE__ */ jsx27(
+          FieldRow,
+          {
+            label: "N\xFAmero",
+            value: form.card.number,
+            onChange: (v) => form.setCard({ number: v }),
+            autoComplete: "cc-number",
+            inputMode: "numeric",
+            placeholder: "0000 0000 0000 0000"
+          }
+        ),
+        /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-3 gap-2", children: [
+          /* @__PURE__ */ jsx27(
+            FieldRow,
+            {
+              label: "M\xEAs",
+              value: form.card.expiryMonth,
+              onChange: (v) => form.setCard({ expiryMonth: v }),
+              autoComplete: "cc-exp-month",
+              inputMode: "numeric",
+              placeholder: "MM"
+            }
+          ),
+          /* @__PURE__ */ jsx27(
+            FieldRow,
+            {
+              label: "Ano",
+              value: form.card.expiryYear,
+              onChange: (v) => form.setCard({ expiryYear: v }),
+              autoComplete: "cc-exp-year",
+              inputMode: "numeric",
+              placeholder: "AA"
+            }
+          ),
+          /* @__PURE__ */ jsx27(
+            FieldRow,
+            {
+              label: "CVV",
+              value: form.card.ccv,
+              onChange: (v) => form.setCard({ ccv: v }),
+              autoComplete: "cc-csc",
+              inputMode: "numeric",
+              placeholder: "123"
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ jsx27("div", { className: "rounded-xl border border-border p-4 text-sm text-muted-foreground", children: "Ap\xF3s confirmar, mostraremos o QR Code PIX. Pagamento \xE0 vista." })
+    ] }),
+    /* @__PURE__ */ jsx27(
+      "button",
+      {
+        type: "submit",
+        disabled: !form.canSubmit,
+        className: "w-full rounded-xl bg-primary py-4 text-base font-semibold text-primary-foreground disabled:opacity-50 disabled:cursor-not-allowed",
+        children: submitLabel
+      }
+    ),
+    /* @__PURE__ */ jsx27("p", { className: "text-center text-xs text-muted-foreground", children: "\u{1F512} SSL \xB7 via Asaas \xB7 Garantia 7 dias" })
+  ] }) });
+}
+function FieldRow(props) {
+  return /* @__PURE__ */ jsxs18("label", { className: "block space-y-1", children: [
+    /* @__PURE__ */ jsx27("span", { className: "block text-sm font-medium text-foreground", children: props.label }),
+    /* @__PURE__ */ jsx27(
+      "input",
+      {
+        type: props.type ?? "text",
+        value: props.value,
+        onChange: (e) => props.onChange(e.target.value),
+        onBlur: props.onBlur,
+        autoComplete: props.autoComplete,
+        autoCapitalize: props.autoCapitalize,
+        autoCorrect: props.autoCorrect,
+        spellCheck: props.spellCheck,
+        inputMode: props.inputMode,
+        placeholder: props.placeholder,
+        className: `w-full rounded-xl border bg-card px-3 py-2 text-base text-foreground outline-none focus:ring-2 focus:ring-primary ${props.error ? "border-destructive" : "border-border"}`
+      }
+    ),
+    props.error ? /* @__PURE__ */ jsx27("span", { className: "block text-xs text-destructive", children: props.error }) : props.hint ? /* @__PURE__ */ jsx27("span", { className: "block text-xs text-muted-foreground", children: props.hint }) : null
+  ] });
+}
+function MethodTab({ active, onClick, children }) {
+  return /* @__PURE__ */ jsx27(
+    "button",
+    {
+      type: "button",
+      role: "tab",
+      "aria-selected": active,
+      onClick,
+      className: `rounded-xl border px-4 py-2 text-sm font-medium transition ${active ? "border-primary bg-primary text-primary-foreground" : "border-border bg-card text-foreground"}`,
+      children
+    }
+  );
+}
+
+// src/defaults/PixWaitingPageDefault.tsx
+import { useEffect as useEffect12, useMemo as useMemo6, useState as useState9 } from "react";
+import { useNavigate as useNavigate3 } from "react-router-dom";
+import { useHook as useHook11 } from "@hook-sdk/sdk";
+import { jsx as jsx28, jsxs as jsxs19 } 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 } = useHook11();
+  const payload = useMemo6(readPixPayload, []);
+  const [copied, setCopied] = useState9(false);
+  const [timedOut, setTimedOut] = useState9(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__ */ jsxs19("div", { className: "flex-1 flex flex-col items-center justify-center px-6 py-10 text-center bg-background space-y-4", children: [
+      /* @__PURE__ */ jsx28("h1", { className: "font-display text-2xl text-foreground", children: "PIX expirado" }),
+      /* @__PURE__ */ jsx28("p", { className: "text-sm text-muted-foreground", children: "O tempo pra pagar acabou. Gere um novo PIX." }),
+      /* @__PURE__ */ jsx28(
+        "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__ */ jsxs19("div", { className: "flex-1 flex flex-col items-center px-6 py-8 bg-background space-y-6", children: [
+    /* @__PURE__ */ jsxs19("header", { className: "text-center space-y-2", children: [
+      /* @__PURE__ */ jsx28("h1", { className: "font-display text-2xl text-foreground", children: "Pague o PIX" }),
+      /* @__PURE__ */ jsx28("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__ */ jsx28(
+      "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__ */ jsx28("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__ */ jsx28(
+      "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__ */ jsxs19("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx28("span", { className: "inline-block w-2 h-2 rounded-full bg-primary animate-pulse" }),
+      "Aguardando pagamento\u2026"
+    ] }),
+    /* @__PURE__ */ jsx28("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 useState10 } from "react";
+import { useHook as useHook12 } from "@hook-sdk/sdk";
+var EMAIL_RE2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+var MIN_PASSWORD = 8;
+function useLoginForm() {
+  const { auth } = useHook12();
+  const [email, setEmail] = useState10("");
+  const [password, setPassword] = useState10("");
+  const [submitting, setSubmitting] = useState10(false);
+  const [error, setError] = useState10(null);
+  const [touchedEmail, setTouchedEmail] = useState10(false);
+  const [touchedPassword, setTouchedPassword] = useState10(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = useState10(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;
@@ -2822,7 +3363,7 @@ function useLoginForm() {
   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 = useCallback6(async () => {
+  const submit = useCallback7(async () => {
     setFormSubmitAttempted(true);
     if (!canSubmit) return false;
     setSubmitting(true);
@@ -2856,32 +3397,32 @@ function useLoginForm() {
 }
 
 // src/hooks/useSignupForm.ts
-import { useCallback as useCallback7, useMemo as useMemo5, useState as useState10 } from "react";
-import { useHook as useHook11 } from "@hook-sdk/sdk";
-var EMAIL_RE2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+import { useCallback as useCallback8, useMemo as useMemo8, useState as useState11 } from "react";
+import { useHook as useHook13 } from "@hook-sdk/sdk";
+var EMAIL_RE3 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var MIN_PASSWORD2 = 8;
 function useSignupForm() {
-  const { auth } = useHook11();
-  const [name, setName] = useState10("");
-  const [email, setEmail] = useState10("");
-  const [password, setPassword] = useState10("");
-  const [submitting, setSubmitting] = useState10(false);
-  const [error, setError] = useState10(null);
-  const [touchedName, setTouchedName] = useState10(false);
-  const [touchedEmail, setTouchedEmail] = useState10(false);
-  const [touchedPassword, setTouchedPassword] = useState10(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = useState10(false);
-  const validateName = useMemo5(() => {
+  const { auth } = useHook13();
+  const [name, setName] = useState11("");
+  const [email, setEmail] = useState11("");
+  const [password, setPassword] = useState11("");
+  const [submitting, setSubmitting] = useState11(false);
+  const [error, setError] = useState11(null);
+  const [touchedName, setTouchedName] = useState11(false);
+  const [touchedEmail, setTouchedEmail] = useState11(false);
+  const [touchedPassword, setTouchedPassword] = useState11(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = useState11(false);
+  const validateName = useMemo8(() => {
     if (name.length === 0) return null;
     if (name.trim().length < 2) return "Nome muito curto.";
     return null;
   }, [name]);
-  const validateEmail = useMemo5(() => {
+  const validateEmail = useMemo8(() => {
     if (email.length === 0) return null;
-    if (!EMAIL_RE2.test(email)) return "Formato de e-mail inv\xE1lido.";
+    if (!EMAIL_RE3.test(email)) return "Formato de e-mail inv\xE1lido.";
     return null;
   }, [email]);
-  const validatePassword = useMemo5(() => {
+  const validatePassword = useMemo8(() => {
     if (password.length === 0) return null;
     if (password.length < MIN_PASSWORD2) return `M\xEDnimo de ${MIN_PASSWORD2} caracteres.`;
     return null;
@@ -2890,7 +3431,7 @@ function useSignupForm() {
   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 = useCallback7(async () => {
+  const submit = useCallback8(async () => {
     setFormSubmitAttempted(true);
     if (!canSubmit) return false;
     setSubmitting(true);
@@ -2928,25 +3469,25 @@ function useSignupForm() {
 }
 
 // src/hooks/useForgotForm.ts
-import { useCallback as useCallback8, useMemo as useMemo6, useState as useState11 } from "react";
-import { useHook as useHook12 } from "@hook-sdk/sdk";
-var EMAIL_RE3 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+import { useCallback as useCallback9, useMemo as useMemo9, useState as useState12 } from "react";
+import { useHook as useHook14 } from "@hook-sdk/sdk";
+var EMAIL_RE4 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function useForgotForm() {
-  const { auth } = useHook12();
-  const [email, setEmail] = useState11("");
-  const [submitting, setSubmitting] = useState11(false);
-  const [sent, setSent] = useState11(false);
-  const [error, setError] = useState11(null);
-  const [touchedEmail, setTouchedEmail] = useState11(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = useState11(false);
-  const validateEmail = useMemo6(() => {
+  const { auth } = useHook14();
+  const [email, setEmail] = useState12("");
+  const [submitting, setSubmitting] = useState12(false);
+  const [sent, setSent] = useState12(false);
+  const [error, setError] = useState12(null);
+  const [touchedEmail, setTouchedEmail] = useState12(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = useState12(false);
+  const validateEmail = useMemo9(() => {
     if (email.length === 0) return null;
-    if (!EMAIL_RE3.test(email)) return "Formato de e-mail inv\xE1lido.";
+    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 = useCallback8(async () => {
+  const submit = useCallback9(async () => {
     setFormSubmitAttempted(true);
     if (!canSubmit) return false;
     setSubmitting(true);
@@ -2977,32 +3518,32 @@ function useForgotForm() {
 }
 
 // src/hooks/useResetForm.ts
-import { useCallback as useCallback9, useEffect as useEffect10, useMemo as useMemo7, useState as useState12 } from "react";
-import { useHook as useHook13 } from "@hook-sdk/sdk";
+import { useCallback as useCallback10, useEffect as useEffect13, useMemo as useMemo10, useState as useState13 } from "react";
+import { useHook as useHook15 } from "@hook-sdk/sdk";
 var MIN_PASSWORD3 = 12;
 function useResetForm() {
-  const { auth } = useHook13();
-  const [token, setToken] = useState12(null);
-  const [password, setPassword] = useState12("");
-  const [confirm, setConfirm] = useState12("");
-  const [submitting, setSubmitting] = useState12(false);
-  const [done, setDone] = useState12(false);
-  const [error, setError] = useState12(null);
-  const [touchedPassword, setTouchedPassword] = useState12(false);
-  const [touchedConfirm, setTouchedConfirm] = useState12(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = useState12(false);
-  useEffect10(() => {
+  const { auth } = useHook15();
+  const [token, setToken] = useState13(null);
+  const [password, setPassword] = useState13("");
+  const [confirm, setConfirm] = useState13("");
+  const [submitting, setSubmitting] = useState13(false);
+  const [done, setDone] = useState13(false);
+  const [error, setError] = useState13(null);
+  const [touchedPassword, setTouchedPassword] = useState13(false);
+  const [touchedConfirm, setTouchedConfirm] = useState13(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = useState13(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 = useMemo7(() => {
+  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 = useMemo7(() => {
+  const validateConfirm = useMemo10(() => {
     if (confirm.length === 0) return null;
     if (confirm !== password) return "Senhas n\xE3o coincidem.";
     return null;
@@ -3010,7 +3551,7 @@ function useResetForm() {
   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 = useCallback9(async () => {
+  const submit = useCallback10(async () => {
     setFormSubmitAttempted(true);
     if (!canSubmit || token === null) return;
     setSubmitting(true);
@@ -3049,13 +3590,6 @@ function useResetForm() {
   };
 }
 
-// src/hooks/usePlan.ts
-import { useHook as useHook14 } from "@hook-sdk/sdk";
-function usePlan() {
-  const { plan } = useHook14();
-  return plan;
-}
-
 // src/utils/price.ts
 function formatBRL(cents) {
   if (cents === null || cents === void 0) return "";
@@ -3085,12 +3619,12 @@ function discountPercent(anchorCents, realCents) {
 }
 
 // src/hooks/useAuthPrimitives.ts
-import { useEffect as useEffect11 } from "react";
-import { useHook as useHook15 } from "@hook-sdk/sdk";
+import { useEffect as useEffect14 } from "react";
+import { useHook as useHook16 } from "@hook-sdk/sdk";
 var warned = false;
 function useAuthPrimitives() {
-  const { auth } = useHook15();
-  useEffect11(() => {
+  const { auth } = useHook16();
+  useEffect14(() => {
     if (!warned && process.env.NODE_ENV !== "production") {
       warned = true;
       console.warn(
@@ -3112,9 +3646,9 @@ function useAuthPrimitives() {
 }
 
 // src/hooks/useAuth.ts
-import { useHook as useHook16 } from "@hook-sdk/sdk";
+import { useHook as useHook17 } from "@hook-sdk/sdk";
 function useAuth() {
-  const { user, authStatus, auth } = useHook16();
+  const { user, authStatus, auth } = useHook17();
   return {
     user,
     authStatus,
@@ -3126,23 +3660,23 @@ function useAuth() {
 import { useTrackOnboardingStep } from "@hook-sdk/sdk";
 
 // src/hooks/useSubscription.ts
-import { useHook as useHook17 } from "@hook-sdk/sdk";
+import { useHook as useHook18 } from "@hook-sdk/sdk";
 function useSubscription() {
-  const { subscription } = useHook17();
+  const { subscription } = useHook18();
   return {
     status: subscription.status()
   };
 }
 
 // src/hooks/useReminders.ts
-import { useCallback as useCallback10, useEffect as useEffect12, useState as useState13 } from "react";
-import { useHook as useHook18 } from "@hook-sdk/sdk";
+import { useCallback as useCallback11, useEffect as useEffect15, useState as useState14 } from "react";
+import { useHook as useHook19 } from "@hook-sdk/sdk";
 function useReminders() {
-  const { push } = useHook18();
+  const { push } = useHook19();
   const r = push.reminders;
-  const [reminders, setReminders] = useState13([]);
-  const [loading, setLoading] = useState13(true);
-  const reload = useCallback10(async () => {
+  const [reminders, setReminders] = useState14([]);
+  const [loading, setLoading] = useState14(true);
+  const reload = useCallback11(async () => {
     setLoading(true);
     try {
       const next = await r.list();
@@ -3151,38 +3685,38 @@ function useReminders() {
       setLoading(false);
     }
   }, [r]);
-  useEffect12(() => {
+  useEffect15(() => {
     void reload();
   }, [reload]);
-  const setReminder = useCallback10(async (input) => {
+  const setReminder = useCallback11(async (input) => {
     await r.set(input);
     await reload();
   }, [r, reload]);
-  const deleteReminder = useCallback10(async (slot) => {
+  const deleteReminder = useCallback11(async (slot) => {
     await r.delete(slot);
     await reload();
   }, [r, reload]);
-  const schedule = useCallback10(async (items) => {
+  const schedule = useCallback11(async (items) => {
     return r.schedule(items);
   }, [r]);
-  const setFallbacks = useCallback10(async (items) => {
+  const setFallbacks = useCallback11(async (items) => {
     return r.setFallbacks(items);
   }, [r]);
   return { reminders, loading, setReminder, deleteReminder, schedule, setFallbacks };
 }
 
 // src/hooks/useToast.ts
-import { useCallback as useCallback11, useState as useState14 } from "react";
+import { useCallback as useCallback12, useState as useState15 } from "react";
 function useToast() {
-  const [items, setItems] = useState14([]);
-  const show = useCallback11((message, kind = "info") => {
+  const [items, setItems] = useState15([]);
+  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 = useCallback11((id) => {
+  const dismiss = useCallback12((id) => {
     setItems((prev) => prev.filter((t) => t.id !== id));
   }, []);
   return { items, show, dismiss };
@@ -3190,20 +3724,20 @@ function useToast() {
 
 // src/RouteBoundary.tsx
 import { Routes as Routes2, Route as Route2 } from "react-router-dom";
-import { jsx as jsx28, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
 function RouteBoundary({ children }) {
-  return /* @__PURE__ */ jsxs19(Routes2, { children: [
+  return /* @__PURE__ */ jsxs20(Routes2, { children: [
     children,
-    /* @__PURE__ */ jsx28(Route2, { path: "*", element: /* @__PURE__ */ jsx28(DefaultNotFound, {}) })
+    /* @__PURE__ */ jsx29(Route2, { path: "*", element: /* @__PURE__ */ jsx29(DefaultNotFound, {}) })
   ] });
 }
 function DefaultNotFound() {
-  return /* @__PURE__ */ jsx28("div", { role: "alert", children: "P\xE1gina n\xE3o encontrada" });
+  return /* @__PURE__ */ jsx29("div", { role: "alert", children: "P\xE1gina n\xE3o encontrada" });
 }
 
 // src/PreAuthShell.tsx
 import { BrowserRouter as BrowserRouter2, MemoryRouter as MemoryRouter2, Routes as Routes3 } from "react-router-dom";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function PreAuthShell({
   basename,
   testRouter,
@@ -3211,14 +3745,14 @@ function PreAuthShell({
   children
 }) {
   if (testRouter === "memory") {
-    return /* @__PURE__ */ jsx29(MemoryRouter2, { basename, initialEntries: testInitialEntries, children: /* @__PURE__ */ jsx29(Routes3, { children }) });
+    return /* @__PURE__ */ jsx30(MemoryRouter2, { basename, initialEntries: testInitialEntries, children: /* @__PURE__ */ jsx30(Routes3, { children }) });
   }
-  return /* @__PURE__ */ jsx29(BrowserRouter2, { basename, children: /* @__PURE__ */ jsx29(Routes3, { children }) });
+  return /* @__PURE__ */ jsx30(BrowserRouter2, { basename, children: /* @__PURE__ */ jsx30(Routes3, { children }) });
 }
 
 // src/OnboardingFlow.tsx
-import { useCallback as useCallback12, useEffect as useEffect13, useMemo as useMemo8, useRef as useRef6 } from "react";
-import { usePersistedState as usePersistedState3, useHook as useHook19 } from "@hook-sdk/sdk";
+import { useCallback as useCallback13, useEffect as useEffect16, useMemo as useMemo11, useRef as useRef7 } from "react";
+import { usePersistedState as usePersistedState3, useHook as useHook20 } from "@hook-sdk/sdk";
 
 // src/hooks/useOnboardingStep.ts
 import { createContext as createContext3, useContext as useContext4 } from "react";
@@ -3234,7 +3768,7 @@ function useOnboardingStep() {
 }
 
 // src/OnboardingFlow.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var isFilled = (v) => v != null && v !== "";
 var CURRENT_STEP_FIELD = "currentStep";
 function readPersistedStepIdx(draft) {
@@ -3248,11 +3782,11 @@ function OnboardingFlow({
   persistKey
 }) {
   const [draft, setDraft, status] = usePersistedState3(persistKey, {});
-  const draftRef = useRef6(draft);
+  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 = useCallback12(
+  const setIdx = useCallback13(
     (n) => {
       setDraft((prev) => {
         const prevIdx = readPersistedStepIdx(prev);
@@ -3262,7 +3796,7 @@ function OnboardingFlow({
     },
     [setDraft]
   );
-  const setValue = useCallback12(
+  const setValue = useCallback13(
     (patch) => {
       draftRef.current = { ...draftRef.current, ...patch };
       setDraft((prev) => ({ ...prev, ...patch }));
@@ -3270,9 +3804,9 @@ function OnboardingFlow({
     [setDraft]
   );
   const step = steps[clampedIdx];
-  const hookCtx = useHook19();
+  const hookCtx = useHook20();
   const track2 = typeof hookCtx.track === "function" ? hookCtx.track : void 0;
-  useEffect13(() => {
+  useEffect16(() => {
     if (status.loading) return;
     if (!step) return;
     if (!track2) return;
@@ -3282,11 +3816,11 @@ function OnboardingFlow({
       total_steps: steps.length
     });
   }, [step?.id, clampedIdx, steps.length, status.loading, track2]);
-  const valid = useMemo8(
+  const valid = useMemo11(
     () => step ? (step.validates ?? []).every((field) => isFilled(draft[field])) : false,
     [draft, step]
   );
-  const next = useCallback12(() => {
+  const next = useCallback13(() => {
     if (!step) return;
     const current = draftRef.current;
     const validNow = (step.validates ?? []).every((field) => isFilled(current[field]));
@@ -3297,8 +3831,8 @@ function OnboardingFlow({
       setIdx(clampedIdx + 1);
     }
   }, [clampedIdx, onComplete, step, steps.length, setIdx]);
-  const prevStep = useCallback12(() => setIdx((i) => Math.max(0, i - 1)), [setIdx]);
-  const ctx = useMemo8(
+  const prevStep = useCallback13(() => setIdx((i) => Math.max(0, i - 1)), [setIdx]);
+  const ctx = useMemo11(
     () => ({
       stepIndex: clampedIdx,
       totalSteps: steps.length,
@@ -3324,7 +3858,7 @@ function OnboardingFlow({
       `[hook-template] OnboardingFlow: missing screen component for step '${step.id}' (expected key '${step.screen}' in screens prop)`
     );
   }
-  return /* @__PURE__ */ jsx30(OnboardingStepContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx30(Screen, {}) });
+  return /* @__PURE__ */ jsx31(OnboardingStepContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx31(Screen, {}) });
 }
 
 // src/hooks/useFeature.ts
@@ -3334,40 +3868,23 @@ function useFeature(name) {
 }
 
 // src/components/paywall/Paywall.tsx
-import { useEffect as useEffect14, useMemo as useMemo9 } from "react";
-import { useHook as useHook20 } from "@hook-sdk/sdk";
-
-// src/components/paywall/PaywallProvider.tsx
-import { createContext as createContext4 } from "react";
-import { jsx as jsx31 } from "react/jsx-runtime";
-var PaywallContext = createContext4(null);
-function PaywallProvider({ children }) {
-  const state = usePaywallState();
-  return /* @__PURE__ */ jsx31(PaywallContext.Provider, { value: state, children });
-}
-
-// 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>");
-  }
-  return ctx;
-}
+import { useEffect as useEffect17, useMemo as useMemo12 } from "react";
+import { useHook as useHook21 } from "@hook-sdk/sdk";
 
 // src/components/paywall/PaywallMethodTabs.tsx
 import { jsx as jsx32 } from "react/jsx-runtime";
 function PaywallMethodTabs({
+  methods,
+  selected,
+  onSelect,
   labels,
   className,
   tabClassName,
   tabActiveClassName
 }) {
-  const { methods, selectedMethod, selectMethod } = usePaywallContext();
   if (methods.length < 2) return null;
   return /* @__PURE__ */ jsx32("div", { role: "tablist", "aria-label": "M\xE9todo de pagamento", className, children: methods.map((m) => {
-    const active = m === selectedMethod;
+    const active = m === selected;
     const label = labels[m] ?? m;
     return /* @__PURE__ */ jsx32(
       "button",
@@ -3377,7 +3894,7 @@ function PaywallMethodTabs({
         "aria-selected": active,
         "aria-controls": `paywall-tab-${m}`,
         tabIndex: active ? 0 : -1,
-        onClick: () => selectMethod(m),
+        onClick: () => onSelect(m),
         className: [tabClassName, active ? tabActiveClassName : ""].filter(Boolean).join(" "),
         children: label
       },
@@ -3388,49 +3905,34 @@ function PaywallMethodTabs({
 
 // src/components/paywall/PaywallMethodContent.tsx
 import { jsx as jsx33 } 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__ */ jsx33("div", { role: "tabpanel", id: `paywall-tab-${selectedMethod}`, className, children: rows.map((row, i) => /* @__PURE__ */ jsx33("div", { className: rowClassName, children: row }, i)) });
+function PaywallMethodContent({
+  method,
+  copy,
+  hasConsumedTrial = false,
+  className,
+  rowClassName
+}) {
+  const useCardConsumed = method === "card" && hasConsumedTrial && copy.cardConsumedTrial;
+  const rows = useCardConsumed ? copy.cardConsumedTrial.bodyRows : method === "pix-auto" || method === "pix-once" ? copy.pix.bodyRows : copy.card.bodyRows;
+  return /* @__PURE__ */ jsx33("div", { role: "tabpanel", id: `paywall-tab-${method}`, className, children: rows.map((row, i) => /* @__PURE__ */ jsx33("div", { className: rowClassName, children: row }, i)) });
 }
 
 // src/components/paywall/PaywallCyclePicker.tsx
-import { jsx as jsx34, jsxs as jsxs20 } 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"
-  }
-};
+import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
 function PaywallCyclePicker({
+  cycles,
+  selected,
+  onSelect,
+  priceCentsByCycle,
+  anchorCentsByCycle,
+  monthlyEquivByCycle,
   labels,
   className,
   cardClassName,
   cardSelectedClassName,
-  anchorClassName,
-  variant = "default",
-  render
+  anchorClassName
 }) {
-  const ctx = usePaywallContext();
-  const { cycle: selected, setCycle, plan, anchorPriceCents } = ctx;
-  const cycles = ["MONTHLY", "YEARLY"];
-  if (render) {
-    return /* @__PURE__ */ jsx34("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__ */ jsx34(
     "div",
     {
@@ -3441,20 +3943,16 @@ function PaywallCyclePicker({
         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__ */ jsxs20(
+        const mainCents = c === "YEARLY" ? monthlyEquivByCycle[c] : priceCentsByCycle[c];
+        const anchorCents = anchorCentsByCycle[c];
+        return /* @__PURE__ */ jsxs21(
           "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(" "),
+            onClick: () => onSelect(c),
+            className: ["flex flex-col items-center gap-0.5", cardClassName, active ? cardSelectedClassName : ""].filter(Boolean).join(" "),
             children: [
               /* @__PURE__ */ jsx34("span", { className: "font-bold text-base leading-tight", children: formatBRL(mainCents) }),
               /* @__PURE__ */ jsx34("span", { className: "text-xs opacity-70 leading-tight", children: suffix }),
@@ -3469,8 +3967,40 @@ function PaywallCyclePicker({
   );
 }
 
+// src/components/paywall/PaywallCta.tsx
+import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
+function PaywallCta({
+  ctaLabel,
+  loadingLabel,
+  switchHint,
+  trustLine,
+  onClick,
+  disabled = false,
+  loading = false,
+  className,
+  buttonClassName,
+  switchHintClassName,
+  trustClassName
+}) {
+  const label = loading && loadingLabel ? loadingLabel : ctaLabel;
+  return /* @__PURE__ */ jsxs22("div", { className, children: [
+    /* @__PURE__ */ jsx35(
+      "button",
+      {
+        type: "button",
+        onClick,
+        disabled: disabled || loading,
+        className: buttonClassName,
+        children: label
+      }
+    ),
+    switchHint ? /* @__PURE__ */ jsx35("p", { className: switchHintClassName, children: switchHint }) : null,
+    /* @__PURE__ */ jsx35("p", { className: trustClassName, children: trustLine })
+  ] });
+}
+
 // src/components/paywall/Paywall.tsx
-import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
 var NBSP = "\xA0";
 function Paywall({
   copy,
@@ -3478,42 +4008,21 @@ function Paywall({
   slots = {},
   onBeforeCheckout
 }) {
-  return /* @__PURE__ */ jsx35(PaywallProvider, { children: /* @__PURE__ */ jsx35(
-    PaywallInner,
-    {
-      copy,
-      themeClasses,
-      slots,
-      onBeforeCheckout
-    }
-  ) });
-}
-function PaywallInner({
-  copy,
-  themeClasses = {},
-  slots = {},
-  onBeforeCheckout
-}) {
-  const { track: track2 } = useHook20();
-  const s = usePaywallContext();
+  const { track: track2 } = useHook21();
+  const s = usePaywallState();
   const priceLabel = formatBRL(s.currentPriceCents).replace(new RegExp(NBSP, "g"), " ");
+  const monthlyEquivLabel = formatBRL(s.currentMonthlyEquivCents).replace(new RegExp(NBSP, "g"), " ");
   const trialDaysCardLabel = String(s.trialDaysCard);
-  const ctaLabel = useMemo9(() => {
+  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
-        });
+        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 copy.cardConsumedTrial ? interp(copy.cardConsumedTrial.ctaTemplate, { price: priceLabel, days: trialDaysCardLabel }) : `Assinar por ${priceLabel}`;
     }
     return interp(copy.pix.ctaTemplate, { price: priceLabel, days: trialDaysCardLabel });
   }, [
@@ -3525,11 +4034,11 @@ function PaywallInner({
     priceLabel,
     trialDaysCardLabel
   ]);
-  const switchHint = useMemo9(() => {
+  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]);
-  useEffect14(() => {
+  useEffect17(() => {
     if (!s.initialLoadComplete) return;
     track2("paywall_view", {
       default_method: s.selectedMethod,
@@ -3551,35 +4060,54 @@ function PaywallInner({
     await s.submit();
   };
   const ctaTheme = s.selectedMethod === "card" ? themeClasses.ctaCard : themeClasses.ctaPix;
-  return /* @__PURE__ */ jsxs21("div", { className: themeClasses.container, children: [
+  return /* @__PURE__ */ jsxs23("div", { className: themeClasses.container, children: [
     slots.heroSlot,
-    /* @__PURE__ */ jsx35("h1", { className: themeClasses.headline, children: copy.headline }),
-    /* @__PURE__ */ jsx35("ul", { children: copy.features.map((f) => /* @__PURE__ */ jsxs21("li", { className: themeClasses.feature, children: [
+    /* @__PURE__ */ jsx36("h1", { className: themeClasses.headline, children: copy.headline }),
+    /* @__PURE__ */ jsx36("ul", { children: copy.features.map((f) => /* @__PURE__ */ jsxs23("li", { className: themeClasses.feature, children: [
       "\u2713 ",
-      /* @__PURE__ */ jsx35("span", { children: f })
+      /* @__PURE__ */ jsx36("span", { children: f })
     ] }, f)) }),
-    copy.socialProof ? /* @__PURE__ */ jsx35("p", { className: themeClasses.socialProof, children: copy.socialProof }) : null,
-    slots.cyclePickerSlot ?? /* @__PURE__ */ jsx35(
+    copy.socialProof ? /* @__PURE__ */ jsx36("p", { className: themeClasses.socialProof, children: copy.socialProof }) : null,
+    slots.cyclePickerSlot ?? /* @__PURE__ */ jsx36(
       PaywallCyclePicker,
       {
+        cycles: ["MONTHLY", "YEARLY"],
+        selected: s.cycle,
+        onSelect: s.selectCycle,
+        priceCentsByCycle: {
+          MONTHLY: priceCentsForCycle(s, "MONTHLY"),
+          YEARLY: priceCentsForCycle(s, "YEARLY")
+        },
+        anchorCentsByCycle: {
+          MONTHLY: anchorForCycle(s, "MONTHLY"),
+          YEARLY: anchorForCycle(s, "YEARLY")
+        },
+        monthlyEquivByCycle: {
+          MONTHLY: priceCentsForCycle(s, "MONTHLY"),
+          YEARLY: Math.round(priceCentsForCycle(s, "YEARLY") / 12)
+        },
         labels: copy.cycle,
         cardClassName: themeClasses.cycleCard,
         cardSelectedClassName: themeClasses.cycleCardSelected,
         anchorClassName: themeClasses.anchorPrice
       }
     ),
-    /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx36(
       PaywallMethodTabs,
       {
+        methods: s.methods,
+        selected: s.selectedMethod,
+        onSelect: s.selectMethod,
         labels: { "pix-auto": copy.pix.tabLabel, card: copy.card.tabLabel },
         className: themeClasses.tabs,
         tabClassName: themeClasses.tab,
         tabActiveClassName: themeClasses.tabActive
       }
     ),
-    /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx36(
       PaywallMethodContent,
       {
+        method: s.selectedMethod,
         copy: {
           pix: interpolateCopy(copy.pix, priceLabel, trialDaysCardLabel),
           card: interpolateCopy(copy.card, priceLabel, trialDaysCardLabel),
@@ -3590,27 +4118,27 @@ function PaywallInner({
             ctaTemplate: copy.cardConsumedTrial.ctaTemplate
           } : void 0
         },
+        hasConsumedTrial: s.hasConsumedTrial,
         className: themeClasses.tabContent,
         rowClassName: themeClasses.tabContentRow
       }
     ),
     slots.beforeCtaSlot,
-    /* @__PURE__ */ jsxs21("div", { children: [
-      /* @__PURE__ */ jsx35(
-        "button",
-        {
-          type: "button",
-          onClick: () => {
-            void handleCta();
-          },
-          disabled: s.submitting,
-          className: ctaTheme,
-          children: s.submitting ? "Abrindo checkout\u2026" : ctaLabel
-        }
-      ),
-      switchHint ? /* @__PURE__ */ jsx35("p", { className: themeClasses.switchHint, children: switchHint }) : null,
-      /* @__PURE__ */ jsx35("p", { className: themeClasses.trustLine, children: copy.trustLine })
-    ] })
+    /* @__PURE__ */ jsx36(
+      PaywallCta,
+      {
+        ctaLabel,
+        loadingLabel: "Abrindo checkout\u2026",
+        switchHint,
+        trustLine: copy.trustLine,
+        onClick: handleCta,
+        disabled: s.submitting,
+        loading: s.submitting,
+        buttonClassName: ctaTheme,
+        switchHintClassName: themeClasses.switchHint,
+        trustClassName: themeClasses.trustLine
+      }
+    )
   ] });
 }
 function interp(tpl, vars) {
@@ -3624,443 +4152,19 @@ function interpolateCopy(m, price, days) {
     switchHint: m.switchHint
   };
 }
-
-// src/components/paywall/PaywallCta.tsx
-import { jsx as jsx36, jsxs as jsxs22 } 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__ */ jsxs22("div", { className, children: [
-    /* @__PURE__ */ jsx36(
-      "button",
-      {
-        type: "button",
-        onClick: () => {
-          void submit();
-        },
-        disabled: submitting,
-        className: buttonClassName,
-        children: label
-      }
-    ),
-    switchHint ? /* @__PURE__ */ jsx36("p", { className: switchHintClassName, children: switchHint }) : null,
-    /* @__PURE__ */ jsx36("p", { className: trustClassName, children: trustLine })
-  ] });
-}
-
-// src/components/paywall/blocks/PaywallEyebrow.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
-var DEFAULT_EYEBROW_CLASSES = "text-xs uppercase tracking-widest font-semibold opacity-70";
-function PaywallEyebrow({ text, className }) {
-  return /* @__PURE__ */ jsx37("div", { className: [DEFAULT_EYEBROW_CLASSES, className].filter(Boolean).join(" "), children: text });
-}
-
-// src/components/paywall/blocks/PaywallHero.tsx
-import { jsx as jsx38, jsxs as jsxs23 } 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__ */ jsx38("div", { className, children: render({ src, headline }) });
-  }
-  return /* @__PURE__ */ jsxs23(
-    "div",
-    {
-      className: ["relative overflow-hidden", className].filter(Boolean).join(" "),
-      style: { aspectRatio },
-      children: [
-        /* @__PURE__ */ jsx38(
-          "img",
-          {
-            src,
-            alt,
-            className: ["absolute inset-0 w-full h-full object-cover", imgClassName].filter(Boolean).join(" ")
-          }
-        ),
-        /* @__PURE__ */ jsx38("div", { className: gradientClassName ?? DEFAULT_GRADIENT, "aria-hidden": "true" }),
-        headline ? /* @__PURE__ */ jsx38(
-          "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/components/paywall/blocks/PaywallHeadline.tsx
-import { jsx as jsx39 } 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__ */ jsx39(Tag, { className: [DEFAULT_HEADLINE_CLASSES, className].filter(Boolean).join(" "), children: text });
-}
-
-// src/components/paywall/blocks/PaywallPriceHeadline.tsx
-import { jsx as jsx40 } 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__ */ jsx40(RootTag2, { className: [className].filter(Boolean).join(" ") || void 0, children: render({ pricePerDay, currentMonthlyEquivCents: monthlyEquiv, cycle }) });
-  }
-  const text = template.replaceAll("{pricePerDay}", pricePerDay).replaceAll("{currentMonthlyEquiv}", formatBRL(monthlyEquiv)).replaceAll("{cycle}", cycleLabel);
-  const RootTag = as;
-  return /* @__PURE__ */ jsx40(RootTag, { className: rootClasses, children: text });
-}
-
-// src/components/paywall/blocks/PaywallCountdown.tsx
-import { useEffect as useEffect15, useRef as useRef7, useState as useState15 } from "react";
-import { jsx as jsx41 } 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 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] = useState15(() => computeRemaining(deadlineMsRef.current));
-  const expiredCalledRef = useRef7(false);
-  useEffect15(() => {
-    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__ */ jsx41("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__ */ jsx41("div", { className: [DEFAULT_COUNTDOWN_CLASSES, className].filter(Boolean).join(" "), children: formatted });
+function priceCentsForCycle(s, c) {
+  return s.plan ? c === "YEARLY" ? s.plan.yearlyCents ?? 0 : s.plan.monthlyCents : 0;
 }
-
-// src/components/paywall/blocks/PaywallFeatures.tsx
-import { jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
-function PaywallFeatures({
-  items,
-  IconComponent,
-  className,
-  itemClassName,
-  iconClassName,
-  render,
-  renderItem
-}) {
-  if (render) {
-    return /* @__PURE__ */ jsx42("div", { className, children: render({ items }) });
-  }
-  if (renderItem) {
-    return /* @__PURE__ */ jsx42("ul", { className, children: items.map((item, idx) => /* @__PURE__ */ jsx42("li", { children: renderItem(item, idx) }, idx)) });
-  }
-  return /* @__PURE__ */ jsx42("ul", { className, children: items.map((item, idx) => /* @__PURE__ */ jsxs24("li", { className: itemClassName, children: [
-    IconComponent ? /* @__PURE__ */ jsx42(IconComponent, { className: iconClassName }) : /* @__PURE__ */ jsx42("span", { className: iconClassName, "aria-hidden": "true", children: "\u2713" }),
-    /* @__PURE__ */ jsx42("span", { children: item })
-  ] }, idx)) });
-}
-
-// src/components/paywall/blocks/PaywallFeaturesCard.tsx
-import { jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
-var DEFAULT_CARD_CLASSES = "rounded-xl border p-4";
-function PaywallFeaturesCard({
-  title,
-  items,
-  className,
-  cardClassName,
-  titleClassName,
-  itemClassName,
-  renderItem
-}) {
-  return /* @__PURE__ */ jsx43("div", { className, children: /* @__PURE__ */ jsxs25("div", { className: [DEFAULT_CARD_CLASSES, cardClassName].filter(Boolean).join(" "), children: [
-    title ? /* @__PURE__ */ jsx43("div", { className: ["font-semibold mb-2", titleClassName].filter(Boolean).join(" "), children: title }) : null,
-    /* @__PURE__ */ jsx43("ul", { children: items.map(
-      (item, idx) => renderItem ? /* @__PURE__ */ jsx43("li", { children: renderItem(item, idx) }, idx) : /* @__PURE__ */ jsxs25("li", { className: itemClassName, children: [
-        /* @__PURE__ */ jsx43("span", { "aria-hidden": "true", children: "\u2022" }),
-        " ",
-        /* @__PURE__ */ jsx43("span", { children: item })
-      ] }, idx)
-    ) })
-  ] }) });
-}
-
-// src/components/paywall/blocks/PaywallTrophyBadge.tsx
-import { jsx as jsx44, jsxs as jsxs26 } 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__ */ jsx44("div", { className, children: render({ text }) });
-  }
-  const rootClasses = [
-    DEFAULT_CHIP_CLASSES,
-    floating ? FLOATING_CLASSES : "",
-    className
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs26("div", { className: rootClasses, children: [
-    /* @__PURE__ */ jsx44("span", { className: iconClassName, "aria-hidden": "true", children: "\u{1F3C6}" }),
-    /* @__PURE__ */ jsx44("span", { children: text })
-  ] });
-}
-
-// src/components/paywall/blocks/PaywallAnchorPrice.tsx
-import { jsx as jsx45 } 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__ */ jsx45("span", { className: className || void 0, children: render({ anchorCents: anchorPriceCents, formatted }) });
-  }
-  return /* @__PURE__ */ jsx45("span", { className: rootClasses, children: formatted });
-}
-
-// src/components/paywall/blocks/PaywallTestimonials.tsx
-import { jsx as jsx46, jsxs as jsxs27 } 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__ */ jsx46("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__ */ jsxs27("div", { className: cardClasses, children: [
-      /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
-        item.avatar ? /* @__PURE__ */ jsx46(
-          "img",
-          {
-            src: item.avatar,
-            alt: "",
-            loading: "lazy",
-            className: avatarClasses,
-            "aria-hidden": "true"
-          }
-        ) : null,
-        /* @__PURE__ */ jsx46("div", { className: nameClasses, children: item.name })
-      ] }),
-      /* @__PURE__ */ jsxs27("div", { className: starsClasses, "aria-label": `${filled} de 5 estrelas`, children: [
-        "\u2605".repeat(filled),
-        "\u2606".repeat(empty)
-      ] }),
-      /* @__PURE__ */ jsx46("p", { className: quoteClasses, children: item.quote })
-    ] }, idx);
-  }) });
-}
-
-// src/components/paywall/blocks/PaywallStatsRow.tsx
-import { jsx as jsx47, jsxs as jsxs28 } 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__ */ jsx47("div", { className: rootClasses, children: stats.map((stat, idx) => {
-    if (renderCell) return renderCell(stat, idx);
-    return /* @__PURE__ */ jsxs28("div", { className: cellClasses, children: [
-      stat.icon ? /* @__PURE__ */ jsx47("div", { "aria-hidden": "true", children: stat.icon }) : null,
-      /* @__PURE__ */ jsx47("div", { className: valueClasses, children: stat.value }),
-      /* @__PURE__ */ jsx47("div", { className: labelClasses, children: stat.label })
-    ] }, idx);
-  }) });
-}
-
-// src/components/paywall/blocks/PaywallFinePrint.tsx
-import { jsx as jsx48 } 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
-}) {
-  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__ */ jsx48("p", { className: className || void 0, children: render({
-      currentPriceCents: currentPriceCents ?? 0,
-      cycle,
-      trialDays: trialDays ?? 0,
-      selectedMethod
-    }) });
-  }
-  const text = template.replaceAll("{price}", priceFormatted).replaceAll("{trialDays}", String(trialDays ?? 0)).replaceAll("{cycle}", cycleLabel);
-  return /* @__PURE__ */ jsx48("p", { className: rootClasses, children: text });
-}
-
-// src/components/paywall/blocks/PaywallTrustLine.tsx
-import { jsx as jsx49, jsxs as jsxs29 } 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__ */ jsx49("div", { className: rootClasses, children: items.map((item, idx) => {
-    if (renderItem) return renderItem(item, idx);
-    return /* @__PURE__ */ jsxs29("span", { className: itemClasses, children: [
-      /* @__PURE__ */ jsx49("span", { "aria-hidden": "true", children: item.icon }),
-      /* @__PURE__ */ jsx49("span", { children: item.text })
-    ] }, idx);
-  }) });
-}
-
-// src/components/paywall/blocks/PaywallStickyFooter.tsx
-import { jsx as jsx50 } 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 classes = [DEFAULT_CLASSES, safeAreaInsets ? SAFE_AREA_CLASS : null, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx50("div", { className: classes, children });
+function anchorForCycle(s, c) {
+  if (!s.plan) return null;
+  if (c === "YEARLY") return s.plan.anchorYearlyCents ?? null;
+  return s.plan.anchorMonthlyCents ?? null;
 }
 export {
   AppConfigProvider,
   AppConfigSchema,
   AppRoot,
+  CheckoutPageDefault,
   DeepLinkHandler,
   DevSkipOnboardingFab,
   EmptyState,
@@ -4073,27 +4177,12 @@ export {
   OnboardingFlow,
   PaymentReturnHandler,
   Paywall,
-  PaywallAnchorPrice,
-  PaywallContext,
-  PaywallCountdown,
   PaywallCta,
   PaywallCyclePicker,
-  PaywallEyebrow,
-  PaywallFeatures,
-  PaywallFeaturesCard,
-  PaywallFinePrint,
-  PaywallHeadline,
-  PaywallHero,
   PaywallMethodContent,
   PaywallMethodTabs,
-  PaywallPriceHeadline,
-  PaywallProvider,
-  PaywallStatsRow,
-  PaywallStickyFooter,
-  PaywallTestimonials,
-  PaywallTrophyBadge,
-  PaywallTrustLine,
   PersistenceRegistry,
+  PixWaitingPageDefault,
   PreAuthShell,
   PushPrompt2 as PushPrompt,
   RouteBoundary,
@@ -4116,12 +4205,12 @@ export {
   useAppConfig,
   useAuth,
   useAuthPrimitives,
+  useCheckoutForm,
   useFeature,
   useForgotForm,
   useInstallPrompt,
   useLoginForm,
   useOnboardingStep,
-  usePaywallContext,
   usePaywallState,
   usePlan,
   usePush,