@hook-sdk/template 0.19.0 → 0.21.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 useHook6 } from "@hook-sdk/sdk";
+import { useHook as useHook7 } from "@hook-sdk/sdk";
 
 // src/config/AppConfigContext.tsx
 import { createContext, useContext } from "react";
@@ -35,7 +35,16 @@ var AuthFlowSchema = z.object({
 });
 var PaywallNonFreeSchema = z.object({
   mode: z.enum(["trial", "pay_first"]),
+  // Legacy flat trial — fallback when per-method fields aren't set.
   trialDays: z.number().int().nonnegative().optional(),
+  // Per-method trial (ADR-022 Amendment 2026-05-12 + G154). PIX Auto can't
+  // offer trial on Asaas today (Jornada 2 unavailable), so apps that mix
+  // methods must split the value to avoid bait-and-switch on PIX shoppers.
+  trialDaysCard: z.number().int().nonnegative().optional(),
+  trialDaysPix: z.number().int().nonnegative().optional(),
+  // Which method the paywall preselects. null/undefined = no preselection
+  // (user picks). Per-app override reflects audience, not Hook bias.
+  defaultMethod: z.enum(["card", "pix-auto", "pix-once"]).nullable().optional(),
   cycles: z.array(z.enum(["MONTHLY", "YEARLY"])).min(1),
   prices: z.object({
     monthlyCents: z.number().int().nonnegative(),
@@ -269,7 +278,7 @@ var FALLBACK_PAYWALL = {
 };
 var isMethodAvailable = (availability, method) => availability[method] !== false;
 function usePaywallState() {
-  const { subscription, plan } = useHook3();
+  const { subscription, plan, authStatus, track: track2 } = useHook3();
   const configFromCtx = useContext3(AppConfigContext);
   const paywall = configFromCtx?.paywall ?? FALLBACK_PAYWALL;
   const isFree = paywall.mode === "free";
@@ -286,7 +295,8 @@ function usePaywallState() {
     () => declaredMethods.filter((m) => isMethodAvailable(availability, m)),
     [declaredMethods, availability]
   );
-  const defaultMethod = methods[0] ?? declaredMethods[0] ?? "card";
+  const configDefault = !isFree && "defaultMethod" in paywall ? paywall.defaultMethod ?? null : null;
+  const defaultMethod = (configDefault && methods.includes(configDefault) ? configDefault : null) ?? methods[0] ?? declaredMethods[0] ?? "card";
   const [selectedMethodRaw, setSelectedMethod] = useState(defaultMethod);
   const selectedMethod = methods.includes(selectedMethodRaw) ? selectedMethodRaw : methods[0] ?? selectedMethodRaw;
   const initialCycle = isFree ? "MONTHLY" : paywall.cycles[0] ?? "MONTHLY";
@@ -307,6 +317,22 @@ function usePaywallState() {
   const [submitting, setSubmitting] = useState(false);
   const status = subscription.status();
   const daysLeftInTrial = subscription.daysLeftInTrial();
+  const trialDaysForMethod = useCallback(
+    (method) => {
+      if (isFree) return 0;
+      if (method === "card") {
+        if (typeof paywall.trialDaysCard === "number") return paywall.trialDaysCard;
+        if (typeof paywall.trialDays === "number") return paywall.trialDays;
+        return 7;
+      }
+      if (typeof paywall.trialDaysPix === "number") return paywall.trialDaysPix;
+      if (typeof paywall.trialDays === "number") return paywall.trialDays;
+      return 0;
+    },
+    [isFree, paywall]
+  );
+  const trialDaysCard = trialDaysForMethod("card");
+  const trialDaysPix = trialDaysForMethod("pix-auto");
   const initialLoadComplete = subscription.initialLoadComplete;
   const hasAccess = subscription.hasAccess;
   const pixPending = useMemo2(() => {
@@ -346,6 +372,40 @@ function usePaywallState() {
       discountPercent: discount
     };
   }, [paywall, cycle, isFree]);
+  const hasConsumedTrial = useMemo2(() => {
+    return ["active", "trialing", "past_due", "canceled", "expired"].includes(status);
+  }, [status]);
+  const currentPriceCents = useMemo2(() => {
+    if (isFree) return 0;
+    return cycle === "YEARLY" ? paywall.prices.yearlyCents : paywall.prices.monthlyCents;
+  }, [paywall, cycle, isFree]);
+  const currentMonthlyEquivCents = useMemo2(() => {
+    if (isFree) return 0;
+    if (cycle === "YEARLY") return Math.round(paywall.prices.yearlyCents / 12);
+    return paywall.prices.monthlyCents;
+  }, [paywall, cycle, isFree]);
+  const anchorPriceCents = useMemo2(() => {
+    if (isFree) return null;
+    const a = paywall.anchorPrices;
+    if (!a) return null;
+    return cycle === "YEARLY" ? a.yearlyCents : a.monthlyCents;
+  }, [paywall, cycle, isFree]);
+  const selectMethod = useCallback(
+    (next) => {
+      if (next === selectedMethod) return;
+      track2("paywall_method_tab_clicked", { method: next, from_method: selectedMethod });
+      setSelectedMethod(next);
+    },
+    [selectedMethod, track2]
+  );
+  const selectCycle = useCallback(
+    (next) => {
+      if (next === cycle) return;
+      track2("paywall_cycle_clicked", { cycle: next, from_cycle: cycle });
+      setCycle(next);
+    },
+    [cycle, track2]
+  );
   const useDefaultMessages = paywall.mode !== "free" && paywall.errorMessages === "default";
   const buildError = useCallback(
     (code, fallbackMessage) => ({
@@ -358,6 +418,21 @@ function usePaywallState() {
     [useDefaultMessages]
   );
   const submit = useCallback(async () => {
+    if (authStatus === "loading") return void 0;
+    if (authStatus !== "authenticated") {
+      track2("unauthenticated_submit_attempted", {
+        method: selectedMethod,
+        cycle,
+        cpf_valid: cpfValid
+      });
+      return void 0;
+    }
+    track2("payment_attempted", {
+      method: selectedMethod,
+      cycle,
+      cpf_valid: cpfValid,
+      selected_amount_cents: cycle === "YEARLY" ? plan.data?.yearlyPriceCents ?? (isFree ? 0 : paywall.prices.yearlyCents) : plan.data?.priceCents ?? (isFree ? 0 : paywall.prices.monthlyCents)
+    });
     setSubmitting(true);
     setError(null);
     const methodToUse = selectedMethod;
@@ -418,7 +493,7 @@ function usePaywallState() {
       setSubmitting(false);
       return void 0;
     }
-  }, [selectedMethod, availability, subscription, cycle, cpf, card, buildError]);
+  }, [authStatus, track2, selectedMethod, availability, subscription, cycle, cpf, cpfValid, card, buildError, plan, paywall]);
   const checkout = useCallback(
     async (args) => {
       setSubmitting(true);
@@ -525,6 +600,20 @@ function usePaywallState() {
     methods,
     selectedMethod,
     setSelectedMethod,
+    // Conversion-max derivations (template 0.21)
+    hasConsumedTrial,
+    currentPriceCents,
+    currentMonthlyEquivCents,
+    anchorPriceCents,
+    selectMethod,
+    selectCycle,
+    isFree,
+    // Per-method trial (ADR-022 Amendment 2026-05-12). Use these to render
+    // asymmetric copy per method card on the paywall — never a global
+    // "free trial!" headline when both methods are visible.
+    trialDaysForMethod,
+    trialDaysCard,
+    trialDaysPix,
     // Form state
     cpfState,
     cardState,
@@ -556,13 +645,13 @@ var BLOCKING = /* @__PURE__ */ new Set([
   "canceled",
   "none"
 ]);
-function SubscriptionGate({ Paywall, children }) {
+function SubscriptionGate({ Paywall: Paywall2, children }) {
   const { mode } = useTemplateConfig();
   const { status, hasAccess, initialLoadComplete } = usePaywallState();
   if (mode === "free") return /* @__PURE__ */ jsx5(Fragment2, { children });
   if (!initialLoadComplete && status === "none") return null;
   if (hasAccess === true && status !== "none") return /* @__PURE__ */ jsx5(Fragment2, { children });
-  if (BLOCKING.has(status)) return /* @__PURE__ */ jsx5(Paywall, {});
+  if (BLOCKING.has(status)) return /* @__PURE__ */ jsx5(Paywall2, {});
   return /* @__PURE__ */ jsx5(Fragment2, { children });
 }
 
@@ -2008,23 +2097,162 @@ function I18nProvider({
   return /* @__PURE__ */ jsx19(I18nextProvider, { i18n, children });
 }
 
-// src/internal/PaymentReturnHandler.tsx
-import { useCallback as useCallback3, useEffect as useEffect8, useRef as useRef4, useState as useState5 } from "react";
+// src/dev/env.ts
+function isDevToolsEnabled() {
+  const meta = import.meta;
+  if (meta.env?.VITE_HOOK_DEV_TOOLS !== "1") return false;
+  if (typeof window === "undefined") return false;
+  const host = window.location.hostname;
+  return host.includes(".staging.") || host === "localhost" || host === "127.0.0.1";
+}
+
+// src/dev/DevSkipOnboardingFab.tsx
+import { useCallback as useCallback3, useRef as useRef4, useState as useState5 } from "react";
 import { useHook as useHook5 } from "@hook-sdk/sdk";
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+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";
+function makeEmail() {
+  return `ryan+skip-${Date.now()}${TEST_EMAIL_DOMAIN}`;
+}
+async function ensureSignedIn(hook, maxAttempts = 3) {
+  if (hook.authStatus === "authenticated") return null;
+  let lastErr;
+  for (let i = 0; i < maxAttempts; i += 1) {
+    const email = makeEmail();
+    try {
+      await hook.auth.signup({ email, password: TEST_PASSWORD, name: "Ryan Test" });
+      try {
+        window.sessionStorage.setItem(STORAGE_KEY, email);
+      } catch {
+      }
+      return email;
+    } catch (err) {
+      lastErr = err;
+      await new Promise((r) => setTimeout(r, 30));
+    }
+  }
+  throw lastErr ?? new Error("signup failed after retries");
+}
+async function skipOnboarding(hook, defaults, appSlug) {
+  const { __seed, ...rest } = defaults;
+  await ensureSignedIn(hook);
+  await hook.appData.set("onboarding_data", {
+    ...rest,
+    onboarding_completed: true
+  });
+  if (__seed) {
+    await __seed(hook);
+  }
+  console.info("[hook-template] dev_skip_onboarding fired", {
+    app_slug: appSlug,
+    hostname: window.location.hostname
+  });
+  window.location.assign(`/app/${appSlug}/`);
+}
+var STYLES = {
+  base: {
+    position: "fixed",
+    bottom: "16px",
+    right: "16px",
+    zIndex: 2147483647,
+    padding: "10px 14px",
+    borderRadius: "999px",
+    border: "none",
+    background: "#F59E0B",
+    color: "#111827",
+    fontWeight: 600,
+    fontSize: "13px",
+    fontFamily: "system-ui, -apple-system, sans-serif",
+    boxShadow: "0 4px 14px rgba(0, 0, 0, 0.25)",
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    gap: "6px"
+  },
+  confirm: { background: "#DC2626", color: "#FFFFFF" },
+  busy: { opacity: 0.6, cursor: "wait" }
+};
+var CONFIRM_TIMEOUT_MS = 3e3;
+function DevSkipOnboardingFab({ defaults }) {
+  const hook = useHook5();
+  const { slug } = useAppConfig();
+  const [state, setState] = useState5("idle");
+  const [errorMsg, setErrorMsg] = useState5(null);
+  const timerRef = useRef4(null);
+  const clearTimer = useCallback3(() => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  const onClick = useCallback3(async () => {
+    if (state === "busy") return;
+    if (state === "idle" || state === "error") {
+      setState("confirm");
+      setErrorMsg(null);
+      clearTimer();
+      timerRef.current = setTimeout(() => setState("idle"), CONFIRM_TIMEOUT_MS);
+      return;
+    }
+    clearTimer();
+    setState("busy");
+    try {
+      await skipOnboarding(hook, defaults, slug);
+    } catch (err) {
+      setState("error");
+      setErrorMsg(err instanceof Error ? err.message : String(err));
+    }
+  }, [state, hook, defaults, slug, clearTimer]);
+  const label = (() => {
+    if (state === "busy") return "skipping\u2026";
+    if (state === "confirm") return "tap again to confirm";
+    if (state === "error") return `failed \u2014 tap to retry`;
+    return hook.authStatus === "authenticated" ? "\u26A1 skip onboarding" : "\u26A1 skip + signup";
+  })();
+  const style = {
+    ...STYLES.base,
+    ...state === "confirm" || state === "error" ? STYLES.confirm : {},
+    ...state === "busy" ? STYLES.busy : {}
+  };
+  return /* @__PURE__ */ jsx20(
+    "button",
+    {
+      type: "button",
+      "data-testid": "dev-skip-onboarding-fab",
+      "aria-label": "Skip onboarding (staging dev only)",
+      style,
+      onClick,
+      title: errorMsg ?? void 0,
+      children: label
+    }
+  );
+}
+
+// src/internal/PaymentReturnHandler.tsx
+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 } = useHook5();
-  const subRef = useRef4(subscription);
+  const { subscription, track: track2 } = useHook6();
+  const subRef = useRef5(subscription);
   subRef.current = subscription;
-  const runIdRef = useRef4(0);
-  const cyclesRef = useRef4(0);
-  const [state, setState] = useState5("idle");
-  const runPoll = useCallback3(() => {
+  const runIdRef = useRef5(0);
+  const cyclesRef = useRef5(0);
+  const startMsRef = useRef5(0);
+  const [state, setState] = useState6("idle");
+  const runPoll = useCallback4(() => {
     const runId = ++runIdRef.current;
+    const isFirstRun = cyclesRef.current === 0;
     cyclesRef.current += 1;
+    if (isFirstRun) {
+      startMsRef.current = Date.now();
+      track2("payment_confirmation_started", {});
+    }
     setState("confirming");
     let attempts = 0;
     const tick = async () => {
@@ -2037,6 +2265,11 @@ function PaymentReturnHandler({ children }) {
       if (runIdRef.current !== runId) return;
       const status = subRef.current.status();
       if (status === "active" || status === "trialing") {
+        track2("payment_confirmation_succeeded", {
+          cycle_count: cyclesRef.current,
+          attempt_count: attempts,
+          duration_ms: Date.now() - startMsRef.current
+        });
         const cleanUrl = new URL(window.location.href);
         cleanUrl.searchParams.delete("paymentReturn");
         window.history.replaceState({}, "", cleanUrl.toString());
@@ -2047,6 +2280,9 @@ function PaymentReturnHandler({ children }) {
       const delay = BACKOFF_MS[attempts - 1];
       if (delay === void 0) {
         if (cyclesRef.current >= MAX_CYCLES) {
+          track2("payment_confirmation_timed_out", {
+            total_duration_ms: Date.now() - startMsRef.current
+          });
           setState("timeout");
         } else {
           setState("waiting");
@@ -2056,7 +2292,7 @@ function PaymentReturnHandler({ children }) {
       setTimeout(tick, delay);
     };
     void tick();
-  }, []);
+  }, [track2]);
   useEffect8(() => {
     if (typeof window === "undefined") return;
     const url = new URL(window.location.href);
@@ -2067,26 +2303,26 @@ function PaymentReturnHandler({ children }) {
       runIdRef.current++;
     };
   }, [runPoll]);
-  const goHome = useCallback3(() => {
+  const goHome = useCallback4(() => {
     const cleanUrl = new URL(window.location.href);
     cleanUrl.searchParams.delete("paymentReturn");
     cleanUrl.pathname = "/app/home";
     window.location.href = cleanUrl.toString();
   }, []);
   if (state === "confirming") {
-    return /* @__PURE__ */ jsx20("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__ */ jsx20("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: /* @__PURE__ */ jsxs13("div", { style: { maxWidth: 320, textAlign: "center", lineHeight: 1.5 }, children: [
-      /* @__PURE__ */ jsx20("div", { style: { marginBottom: 16 }, children: "Pagamento aceito. Estamos confirmando com o banco \u2014 pode levar alguns minutos." }),
-      /* @__PURE__ */ jsx20("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__ */ jsx20("div", { role: "alert", "aria-live": "assertive", style: overlayStyle2, children: /* @__PURE__ */ jsxs13("div", { style: { maxWidth: 360, textAlign: "center", lineHeight: 1.5 }, children: [
-      /* @__PURE__ */ jsx20("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." }),
+    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__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           "button",
           {
             type: "button",
@@ -2099,7 +2335,7 @@ function PaymentReturnHandler({ children }) {
             children: "Tentar de novo"
           }
         ),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           "button",
           {
             type: "button",
@@ -2109,7 +2345,7 @@ function PaymentReturnHandler({ children }) {
             children: "Voltar pro app"
           }
         ),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           "a",
           {
             href: SUPPORT_MAILTO,
@@ -2121,7 +2357,7 @@ function PaymentReturnHandler({ children }) {
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsx20(Fragment5, { children });
+  return /* @__PURE__ */ jsx21(Fragment5, { children });
 }
 var overlayStyle2 = {
   position: "fixed",
@@ -2160,7 +2396,7 @@ var linkStyle = {
 };
 
 // src/AppRoot.tsx
-import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs14 } 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";
@@ -2208,9 +2444,10 @@ function AppRoot(props) {
     Forgot,
     Reset,
     EmailVerify,
-    Paywall,
+    Paywall: Paywall2,
     Onboarding,
-    PreAuthFlow
+    PreAuthFlow,
+    devSkipOnboarding
   } = props;
   if (!Login || !Signup || !Forgot || !Reset) {
     throw new Error(
@@ -2218,7 +2455,7 @@ function AppRoot(props) {
     );
   }
   const config = parseAppConfig(rawConfig);
-  if (config.paywall.mode !== "free" && !Paywall) {
+  if (config.paywall.mode !== "free" && !Paywall2) {
     throw new Error(
       "[hook-template] <AppRoot>: Paywall slot prop is required when config.paywall.mode != 'free'."
     );
@@ -2238,14 +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__ */ jsx21(SubscriptionGate, { Paywall: Paywall ?? FallbackPaywall, children: position === "post-paywall" ? /* @__PURE__ */ jsxs14(InstallGate, { position: "post-paywall", children: [
+  const subscriptionGated = /* @__PURE__ */ jsx22(SubscriptionGate, { Paywall: Paywall2 ?? FallbackPaywall, children: position === "post-paywall" ? /* @__PURE__ */ jsxs14(InstallGate, { position: "post-paywall", children: [
     children,
-    /* @__PURE__ */ jsx21(PushPrompt, {})
+    /* @__PURE__ */ jsx22(PushPrompt, {})
   ] }) : /* @__PURE__ */ jsxs14(Fragment6, { children: [
     children,
-    /* @__PURE__ */ jsx21(PushPrompt, {})
+    /* @__PURE__ */ jsx22(PushPrompt, {})
   ] }) });
-  const authGated = /* @__PURE__ */ jsx21(
+  const authGated = /* @__PURE__ */ jsx22(
     AuthGated,
     {
       config,
@@ -2254,18 +2491,19 @@ function AppRoot(props) {
       Forgot,
       Reset,
       EmailVerify,
-      Paywall,
+      Paywall: Paywall2,
       Onboarding,
       PreAuthFlow,
       children: subscriptionGated
     }
   );
   const routedTree = /* @__PURE__ */ jsxs14(Router, { ...routerProps, children: [
-    /* @__PURE__ */ jsx21(DeepLinkHandler, { deepLinks: config.deepLinks }),
-    /* @__PURE__ */ jsx21(SessionExpiredBanner, {}),
-    position === "pre-auth" ? /* @__PURE__ */ jsx21(InstallGate, { position: "pre-auth", children: authGated }) : authGated
+    /* @__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__ */ jsx21(ErrorBoundary, { children: /* @__PURE__ */ jsx21(AppConfigProvider, { config, children: /* @__PURE__ */ jsx21(TemplateConfigProvider, { config: legacyShim, children: /* @__PURE__ */ jsx21(ThemeProvider, { children: /* @__PURE__ */ jsx21(PersistenceRegistry, { config: config.persistedKeys, children: config.i18n ? /* @__PURE__ */ jsx21(
+  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,
@@ -2285,37 +2523,37 @@ function AuthGated({
   EmailVerify,
   PreAuthFlow
 }) {
-  const { authStatus } = useHook6();
+  const { authStatus } = useHook7();
   if (authStatus === "loading") return null;
   if (authStatus !== "authenticated") {
     if (config.onboarding?.trigger === "pre_signup_custom" && PreAuthFlow) {
       return /* @__PURE__ */ jsxs14(Routes, { children: [
-        /* @__PURE__ */ jsx21(Route, { path: "/signin", element: /* @__PURE__ */ jsx21(Login, {}) }),
-        /* @__PURE__ */ jsx21(Route, { path: "/signup", element: /* @__PURE__ */ jsx21(Signup, {}) }),
-        /* @__PURE__ */ jsx21(Route, { path: "/forgot", element: /* @__PURE__ */ jsx21(Forgot, {}) }),
-        /* @__PURE__ */ jsx21(Route, { path: "/reset", element: /* @__PURE__ */ jsx21(Reset, {}) }),
-        EmailVerify ? /* @__PURE__ */ jsx21(Route, { path: "/verify", element: /* @__PURE__ */ jsx21(EmailVerify, {}) }) : null,
-        /* @__PURE__ */ jsx21(Route, { path: "/*", element: /* @__PURE__ */ jsx21(PreAuthFlow, {}) })
+        /* @__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__ */ jsxs14(Routes, { children: [
-      /* @__PURE__ */ jsx21(Route, { path: "/", element: /* @__PURE__ */ jsx21(Login, {}) }),
-      /* @__PURE__ */ jsx21(Route, { path: "/signup", element: /* @__PURE__ */ jsx21(Signup, {}) }),
-      /* @__PURE__ */ jsx21(Route, { path: "/forgot", element: /* @__PURE__ */ jsx21(Forgot, {}) }),
-      /* @__PURE__ */ jsx21(Route, { path: "/reset", element: /* @__PURE__ */ jsx21(Reset, {}) }),
-      EmailVerify ? /* @__PURE__ */ jsx21(Route, { path: "/verify", element: /* @__PURE__ */ jsx21(EmailVerify, {}) }) : null,
-      /* @__PURE__ */ jsx21(Route, { path: "*", element: /* @__PURE__ */ jsx21(Navigate, { to: "/", replace: true }) })
+      /* @__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__ */ jsx21(Fragment6, { children });
+  return /* @__PURE__ */ jsx22(Fragment6, { children });
 }
 function FallbackPaywall() {
   return null;
 }
 
 // src/hooks/usePush.ts
-import { useCallback as useCallback4, useEffect as useEffect9, useState as useState6 } from "react";
-import { useHook as useHook7 } 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() {
@@ -2359,12 +2597,12 @@ function deriveState(push) {
   return { kind: "prompt" };
 }
 function usePush() {
-  const { push } = useHook7();
-  const [state, setState] = useState6(() => deriveState(push));
+  const { push } = useHook8();
+  const [state, setState] = useState7(() => deriveState(push));
   useEffect9(() => {
     setState(deriveState(push));
   }, [push]);
-  const subscribe = useCallback4(async () => {
+  const subscribe = useCallback5(async () => {
     try {
       await push.subscribe();
       setState({ kind: "subscribed" });
@@ -2376,7 +2614,7 @@ function usePush() {
       throw e;
     }
   }, [push]);
-  const unsubscribe = useCallback4(async () => {
+  const unsubscribe = useCallback5(async () => {
     try {
       await push.unsubscribe();
       setState({ kind: "prompt" });
@@ -2385,7 +2623,7 @@ function usePush() {
       throw e;
     }
   }, [push]);
-  const dismiss = useCallback4(() => {
+  const dismiss = useCallback5(() => {
     if (typeof localStorage !== "undefined") {
       try {
         localStorage.setItem(DISMISS_STORAGE_KEY, String(Date.now() + DISMISS_TTL_MS2));
@@ -2398,51 +2636,27 @@ function usePush() {
 }
 
 // src/components/PushPrompt.tsx
-import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
-function platformRecoveryCopy(texts) {
-  if (typeof navigator === "undefined") return null;
-  const ua = navigator.userAgent || "";
-  const platform = detectPlatform(ua);
-  switch (platform) {
-    case "ios-safari":
-    case "ios-other":
-      return texts.deniedRecoveryIos ?? null;
-    case "android":
-      return texts.deniedRecoveryAndroid ?? null;
-    case "desktop":
-      return texts.deniedRecoveryDesktop ?? null;
-    case "in-app":
-      return texts.deniedRecoveryInApp ?? null;
-    default:
-      return null;
-  }
-}
+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 === "subscribed" || state.kind === "dismissed") return null;
+  if (state.kind === "denied" || state.kind === "dismissed" || state.kind === "subscribed") {
+    return null;
+  }
   if (state.kind === "ios_needs_install") {
     return /* @__PURE__ */ jsxs15("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
-      /* @__PURE__ */ jsx22("h3", { children: texts.iosInstallTitle }),
-      /* @__PURE__ */ jsx22("p", { children: texts.iosInstallBody }),
-      onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ jsx22("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
-    ] });
-  }
-  if (state.kind === "denied") {
-    const recovery = platformRecoveryCopy(texts);
-    return /* @__PURE__ */ jsxs15("div", { className, role: "region", "aria-label": texts.deniedTitle, children: [
-      /* @__PURE__ */ jsx22("h3", { children: texts.deniedTitle }),
-      /* @__PURE__ */ jsx22("p", { children: texts.deniedBody }),
-      recovery && /* @__PURE__ */ jsx22("p", { "data-testid": "denied-recovery", children: recovery })
+      /* @__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__ */ jsx22("div", { className, role: "region", children: /* @__PURE__ */ jsx22("p", { children: texts.unsupportedBody }) });
+    return /* @__PURE__ */ jsx23("div", { className, role: "region", children: /* @__PURE__ */ jsx23("p", { children: texts.unsupportedBody }) });
   }
   if (state.kind === "error") {
-    return /* @__PURE__ */ jsx22("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ jsx22("p", { children: state.message }) });
+    return /* @__PURE__ */ jsx23("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ jsx23("p", { children: state.message }) });
   }
   return /* @__PURE__ */ jsxs15("div", { className, role: "region", children: [
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx23(
       "button",
       {
         type: "button",
@@ -2456,13 +2670,13 @@ function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, clas
         children: texts.cta
       }
     ),
-    onDeclined && /* @__PURE__ */ jsx22("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 jsx23, jsxs as jsxs16 } 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;
@@ -2472,39 +2686,39 @@ function LanguageSwitcher({ id, className, label = "Language" }) {
   );
   if (!i18nConfig) return null;
   return /* @__PURE__ */ jsxs16("label", { className, children: [
-    label ? /* @__PURE__ */ jsx23("span", { children: label }) : null,
-    /* @__PURE__ */ jsx23(
+    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__ */ jsx23("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 jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function LoadingState({ message }) {
-  return /* @__PURE__ */ jsx24("div", { role: "status", "aria-live": "polite", style: { padding: 24, textAlign: "center" }, children: /* @__PURE__ */ jsx24("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 jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
 function EmptyState({ title, description, action }) {
   return /* @__PURE__ */ jsxs17("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
-    /* @__PURE__ */ jsx25("h2", { style: { marginBottom: 8 }, children: title }),
-    description && /* @__PURE__ */ jsx25("p", { style: { opacity: 0.7 }, children: description }),
-    action && /* @__PURE__ */ jsx25("div", { style: { marginTop: 16 }, children: action })
+    /* @__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 useCallback5, useMemo as useMemo4, useState as useState7 } from "react";
-import { useHook as useHook8 } from "@hook-sdk/sdk";
+import { useCallback as useCallback6, useMemo as useMemo4, useState as useState8 } from "react";
+import { useHook as useHook9 } from "@hook-sdk/sdk";
 
 // src/errors.ts
 import { SdkError, SdkAuthError, SdkRateLimitError } from "@hook-sdk/sdk";
@@ -2539,14 +2753,14 @@ function mapSdkError(err) {
 var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var MIN_PASSWORD = 8;
 function useLoginForm() {
-  const { auth } = useHook8();
-  const [email, setEmail] = useState7("");
-  const [password, setPassword] = useState7("");
-  const [submitting, setSubmitting] = useState7(false);
-  const [error, setError] = useState7(null);
-  const [touchedEmail, setTouchedEmail] = useState7(false);
-  const [touchedPassword, setTouchedPassword] = useState7(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = useState7(false);
+  const { auth } = useHook9();
+  const [email, setEmail] = useState8("");
+  const [password, setPassword] = useState8("");
+  const [submitting, setSubmitting] = useState8(false);
+  const [error, setError] = useState8(null);
+  const [touchedEmail, setTouchedEmail] = useState8(false);
+  const [touchedPassword, setTouchedPassword] = useState8(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = useState8(false);
   const validateEmail = useMemo4(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE.test(email)) return "Formato de e-mail inv\xE1lido.";
@@ -2560,7 +2774,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 = useCallback5(async () => {
+  const submit = useCallback6(async () => {
     setFormSubmitAttempted(true);
     if (!canSubmit) return false;
     setSubmitting(true);
@@ -2594,21 +2808,21 @@ function useLoginForm() {
 }
 
 // src/hooks/useSignupForm.ts
-import { useCallback as useCallback6, useMemo as useMemo5, useState as useState8 } from "react";
-import { useHook as useHook9 } from "@hook-sdk/sdk";
+import { useCallback as useCallback7, useMemo as useMemo5, useState as useState9 } from "react";
+import { useHook as useHook10 } from "@hook-sdk/sdk";
 var EMAIL_RE2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var MIN_PASSWORD2 = 8;
 function useSignupForm() {
-  const { auth } = useHook9();
-  const [name, setName] = useState8("");
-  const [email, setEmail] = useState8("");
-  const [password, setPassword] = useState8("");
-  const [submitting, setSubmitting] = useState8(false);
-  const [error, setError] = useState8(null);
-  const [touchedName, setTouchedName] = useState8(false);
-  const [touchedEmail, setTouchedEmail] = useState8(false);
-  const [touchedPassword, setTouchedPassword] = useState8(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = useState8(false);
+  const { auth } = useHook10();
+  const [name, setName] = useState9("");
+  const [email, setEmail] = useState9("");
+  const [password, setPassword] = useState9("");
+  const [submitting, setSubmitting] = useState9(false);
+  const [error, setError] = useState9(null);
+  const [touchedName, setTouchedName] = useState9(false);
+  const [touchedEmail, setTouchedEmail] = useState9(false);
+  const [touchedPassword, setTouchedPassword] = useState9(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = useState9(false);
   const validateName = useMemo5(() => {
     if (name.length === 0) return null;
     if (name.trim().length < 2) return "Nome muito curto.";
@@ -2628,7 +2842,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 = useCallback6(async () => {
+  const submit = useCallback7(async () => {
     setFormSubmitAttempted(true);
     if (!canSubmit) return false;
     setSubmitting(true);
@@ -2666,17 +2880,17 @@ function useSignupForm() {
 }
 
 // src/hooks/useForgotForm.ts
-import { useCallback as useCallback7, useMemo as useMemo6, useState as useState9 } from "react";
-import { useHook as useHook10 } from "@hook-sdk/sdk";
+import { useCallback as useCallback8, useMemo as useMemo6, useState as useState10 } from "react";
+import { useHook as useHook11 } from "@hook-sdk/sdk";
 var EMAIL_RE3 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function useForgotForm() {
-  const { auth } = useHook10();
-  const [email, setEmail] = useState9("");
-  const [submitting, setSubmitting] = useState9(false);
-  const [sent, setSent] = useState9(false);
-  const [error, setError] = useState9(null);
-  const [touchedEmail, setTouchedEmail] = useState9(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = useState9(false);
+  const { auth } = useHook11();
+  const [email, setEmail] = useState10("");
+  const [submitting, setSubmitting] = useState10(false);
+  const [sent, setSent] = useState10(false);
+  const [error, setError] = useState10(null);
+  const [touchedEmail, setTouchedEmail] = useState10(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = useState10(false);
   const validateEmail = useMemo6(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE3.test(email)) return "Formato de e-mail inv\xE1lido.";
@@ -2684,7 +2898,7 @@ function useForgotForm() {
   }, [email]);
   const emailError = touchedEmail || formSubmitAttempted ? validateEmail : null;
   const canSubmit = email.length > 0 && validateEmail === null && !submitting;
-  const submit = useCallback7(async () => {
+  const submit = useCallback8(async () => {
     setFormSubmitAttempted(true);
     if (!canSubmit) return false;
     setSubmitting(true);
@@ -2715,20 +2929,20 @@ function useForgotForm() {
 }
 
 // src/hooks/useResetForm.ts
-import { useCallback as useCallback8, useEffect as useEffect10, useMemo as useMemo7, useState as useState10 } from "react";
-import { useHook as useHook11 } from "@hook-sdk/sdk";
+import { useCallback as useCallback9, useEffect as useEffect10, useMemo as useMemo7, useState as useState11 } from "react";
+import { useHook as useHook12 } from "@hook-sdk/sdk";
 var MIN_PASSWORD3 = 12;
 function useResetForm() {
-  const { auth } = useHook11();
-  const [token, setToken] = useState10(null);
-  const [password, setPassword] = useState10("");
-  const [confirm, setConfirm] = useState10("");
-  const [submitting, setSubmitting] = useState10(false);
-  const [done, setDone] = useState10(false);
-  const [error, setError] = useState10(null);
-  const [touchedPassword, setTouchedPassword] = useState10(false);
-  const [touchedConfirm, setTouchedConfirm] = useState10(false);
-  const [formSubmitAttempted, setFormSubmitAttempted] = useState10(false);
+  const { auth } = useHook12();
+  const [token, setToken] = useState11(null);
+  const [password, setPassword] = useState11("");
+  const [confirm, setConfirm] = useState11("");
+  const [submitting, setSubmitting] = useState11(false);
+  const [done, setDone] = useState11(false);
+  const [error, setError] = useState11(null);
+  const [touchedPassword, setTouchedPassword] = useState11(false);
+  const [touchedConfirm, setTouchedConfirm] = useState11(false);
+  const [formSubmitAttempted, setFormSubmitAttempted] = useState11(false);
   useEffect10(() => {
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
@@ -2748,7 +2962,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 = useCallback8(async () => {
+  const submit = useCallback9(async () => {
     setFormSubmitAttempted(true);
     if (!canSubmit || token === null) return;
     setSubmitting(true);
@@ -2788,9 +3002,9 @@ function useResetForm() {
 }
 
 // src/hooks/usePlan.ts
-import { useHook as useHook12 } from "@hook-sdk/sdk";
+import { useHook as useHook13 } from "@hook-sdk/sdk";
 function usePlan() {
-  const { plan } = useHook12();
+  const { plan } = useHook13();
   return plan;
 }
 
@@ -2824,10 +3038,10 @@ function discountPercent(anchorCents, realCents) {
 
 // src/hooks/useAuthPrimitives.ts
 import { useEffect as useEffect11 } from "react";
-import { useHook as useHook13 } from "@hook-sdk/sdk";
+import { useHook as useHook14 } from "@hook-sdk/sdk";
 var warned = false;
 function useAuthPrimitives() {
-  const { auth } = useHook13();
+  const { auth } = useHook14();
   useEffect11(() => {
     if (!warned && process.env.NODE_ENV !== "production") {
       warned = true;
@@ -2850,9 +3064,9 @@ function useAuthPrimitives() {
 }
 
 // src/hooks/useAuth.ts
-import { useHook as useHook14 } from "@hook-sdk/sdk";
+import { useHook as useHook15 } from "@hook-sdk/sdk";
 function useAuth() {
-  const { user, authStatus, auth } = useHook14();
+  const { user, authStatus, auth } = useHook15();
   return {
     user,
     authStatus,
@@ -2864,23 +3078,23 @@ function useAuth() {
 import { useTrackOnboardingStep } from "@hook-sdk/sdk";
 
 // src/hooks/useSubscription.ts
-import { useHook as useHook15 } from "@hook-sdk/sdk";
+import { useHook as useHook16 } from "@hook-sdk/sdk";
 function useSubscription() {
-  const { subscription } = useHook15();
+  const { subscription } = useHook16();
   return {
     status: subscription.status()
   };
 }
 
 // src/hooks/useReminders.ts
-import { useCallback as useCallback9, useEffect as useEffect12, useState as useState11 } from "react";
-import { useHook as useHook16 } from "@hook-sdk/sdk";
+import { useCallback as useCallback10, useEffect as useEffect12, useState as useState12 } from "react";
+import { useHook as useHook17 } from "@hook-sdk/sdk";
 function useReminders() {
-  const { push } = useHook16();
+  const { push } = useHook17();
   const r = push.reminders;
-  const [reminders, setReminders] = useState11([]);
-  const [loading, setLoading] = useState11(true);
-  const reload = useCallback9(async () => {
+  const [reminders, setReminders] = useState12([]);
+  const [loading, setLoading] = useState12(true);
+  const reload = useCallback10(async () => {
     setLoading(true);
     try {
       const next = await r.list();
@@ -2892,35 +3106,35 @@ function useReminders() {
   useEffect12(() => {
     void reload();
   }, [reload]);
-  const setReminder = useCallback9(async (input) => {
+  const setReminder = useCallback10(async (input) => {
     await r.set(input);
     await reload();
   }, [r, reload]);
-  const deleteReminder = useCallback9(async (slot) => {
+  const deleteReminder = useCallback10(async (slot) => {
     await r.delete(slot);
     await reload();
   }, [r, reload]);
-  const schedule = useCallback9(async (items) => {
+  const schedule = useCallback10(async (items) => {
     return r.schedule(items);
   }, [r]);
-  const setFallbacks = useCallback9(async (items) => {
+  const setFallbacks = useCallback10(async (items) => {
     return r.setFallbacks(items);
   }, [r]);
   return { reminders, loading, setReminder, deleteReminder, schedule, setFallbacks };
 }
 
 // src/hooks/useToast.ts
-import { useCallback as useCallback10, useState as useState12 } from "react";
+import { useCallback as useCallback11, useState as useState13 } from "react";
 function useToast() {
-  const [items, setItems] = useState12([]);
-  const show = useCallback10((message, kind = "info") => {
+  const [items, setItems] = useState13([]);
+  const show = useCallback11((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 = useCallback10((id) => {
+  const dismiss = useCallback11((id) => {
     setItems((prev) => prev.filter((t) => t.id !== id));
   }, []);
   return { items, show, dismiss };
@@ -2928,20 +3142,20 @@ function useToast() {
 
 // src/RouteBoundary.tsx
 import { Routes as Routes2, Route as Route2 } from "react-router-dom";
-import { jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
 function RouteBoundary({ children }) {
   return /* @__PURE__ */ jsxs18(Routes2, { children: [
     children,
-    /* @__PURE__ */ jsx26(Route2, { path: "*", element: /* @__PURE__ */ jsx26(DefaultNotFound, {}) })
+    /* @__PURE__ */ jsx27(Route2, { path: "*", element: /* @__PURE__ */ jsx27(DefaultNotFound, {}) })
   ] });
 }
 function DefaultNotFound() {
-  return /* @__PURE__ */ jsx26("div", { role: "alert", children: "P\xE1gina n\xE3o encontrada" });
+  return /* @__PURE__ */ jsx27("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 jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function PreAuthShell({
   basename,
   testRouter,
@@ -2949,14 +3163,14 @@ function PreAuthShell({
   children
 }) {
   if (testRouter === "memory") {
-    return /* @__PURE__ */ jsx27(MemoryRouter2, { basename, initialEntries: testInitialEntries, children: /* @__PURE__ */ jsx27(Routes3, { children }) });
+    return /* @__PURE__ */ jsx28(MemoryRouter2, { basename, initialEntries: testInitialEntries, children: /* @__PURE__ */ jsx28(Routes3, { children }) });
   }
-  return /* @__PURE__ */ jsx27(BrowserRouter2, { basename, children: /* @__PURE__ */ jsx27(Routes3, { children }) });
+  return /* @__PURE__ */ jsx28(BrowserRouter2, { basename, children: /* @__PURE__ */ jsx28(Routes3, { children }) });
 }
 
 // src/OnboardingFlow.tsx
-import { useCallback as useCallback11, useEffect as useEffect13, useMemo as useMemo8, useRef as useRef5 } from "react";
-import { usePersistedState as usePersistedState3, useHook as useHook17 } from "@hook-sdk/sdk";
+import { useCallback as useCallback12, useEffect as useEffect13, useMemo as useMemo8, useRef as useRef6 } from "react";
+import { usePersistedState as usePersistedState3, useHook as useHook18 } from "@hook-sdk/sdk";
 
 // src/hooks/useOnboardingStep.ts
 import { createContext as createContext3, useContext as useContext4 } from "react";
@@ -2972,7 +3186,7 @@ function useOnboardingStep() {
 }
 
 // src/OnboardingFlow.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var isFilled = (v) => v != null && v !== "";
 var CURRENT_STEP_FIELD = "currentStep";
 function readPersistedStepIdx(draft) {
@@ -2986,11 +3200,11 @@ function OnboardingFlow({
   persistKey
 }) {
   const [draft, setDraft, status] = usePersistedState3(persistKey, {});
-  const draftRef = useRef5(draft);
+  const draftRef = useRef6(draft);
   draftRef.current = draft;
   const idx = readPersistedStepIdx(draft);
   const clampedIdx = Math.min(Math.max(idx, 0), Math.max(steps.length - 1, 0));
-  const setIdx = useCallback11(
+  const setIdx = useCallback12(
     (n) => {
       setDraft((prev) => {
         const prevIdx = readPersistedStepIdx(prev);
@@ -3000,7 +3214,7 @@ function OnboardingFlow({
     },
     [setDraft]
   );
-  const setValue = useCallback11(
+  const setValue = useCallback12(
     (patch) => {
       draftRef.current = { ...draftRef.current, ...patch };
       setDraft((prev) => ({ ...prev, ...patch }));
@@ -3008,7 +3222,7 @@ function OnboardingFlow({
     [setDraft]
   );
   const step = steps[clampedIdx];
-  const hookCtx = useHook17();
+  const hookCtx = useHook18();
   const track2 = typeof hookCtx.track === "function" ? hookCtx.track : void 0;
   useEffect13(() => {
     if (status.loading) return;
@@ -3024,7 +3238,7 @@ function OnboardingFlow({
     () => step ? (step.validates ?? []).every((field) => isFilled(draft[field])) : false,
     [draft, step]
   );
-  const next = useCallback11(() => {
+  const next = useCallback12(() => {
     if (!step) return;
     const current = draftRef.current;
     const validNow = (step.validates ?? []).every((field) => isFilled(current[field]));
@@ -3035,7 +3249,7 @@ function OnboardingFlow({
       setIdx(clampedIdx + 1);
     }
   }, [clampedIdx, onComplete, step, steps.length, setIdx]);
-  const prevStep = useCallback11(() => setIdx((i) => Math.max(0, i - 1)), [setIdx]);
+  const prevStep = useCallback12(() => setIdx((i) => Math.max(0, i - 1)), [setIdx]);
   const ctx = useMemo8(
     () => ({
       stepIndex: clampedIdx,
@@ -3062,7 +3276,7 @@ function OnboardingFlow({
       `[hook-template] OnboardingFlow: missing screen component for step '${step.id}' (expected key '${step.screen}' in screens prop)`
     );
   }
-  return /* @__PURE__ */ jsx28(OnboardingStepContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx28(Screen, {}) });
+  return /* @__PURE__ */ jsx29(OnboardingStepContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx29(Screen, {}) });
 }
 
 // src/hooks/useFeature.ts
@@ -3070,11 +3284,298 @@ function useFeature(name) {
   const config = useAppConfig();
   return Array.isArray(config.features_enabled) && config.features_enabled.includes(name);
 }
+
+// src/components/paywall/Paywall.tsx
+import { useEffect as useEffect14, useMemo as useMemo9 } from "react";
+import { useHook as useHook19 } from "@hook-sdk/sdk";
+
+// src/components/paywall/PaywallMethodTabs.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
+function PaywallMethodTabs({
+  methods,
+  selected,
+  onSelect,
+  labels,
+  className,
+  tabClassName,
+  tabActiveClassName
+}) {
+  if (methods.length < 2) return null;
+  return /* @__PURE__ */ jsx30("div", { role: "tablist", "aria-label": "M\xE9todo de pagamento", className, children: methods.map((m) => {
+    const active = m === selected;
+    const label = labels[m] ?? m;
+    return /* @__PURE__ */ jsx30(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": active,
+        "aria-controls": `paywall-tab-${m}`,
+        tabIndex: active ? 0 : -1,
+        onClick: () => onSelect(m),
+        className: [tabClassName, active ? tabActiveClassName : ""].filter(Boolean).join(" "),
+        children: label
+      },
+      m
+    );
+  }) });
+}
+
+// src/components/paywall/PaywallMethodContent.tsx
+import { jsx as jsx31 } from "react/jsx-runtime";
+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__ */ jsx31("div", { role: "tabpanel", id: `paywall-tab-${method}`, className, children: rows.map((row, i) => /* @__PURE__ */ jsx31("div", { className: rowClassName, children: row }, i)) });
+}
+
+// src/components/paywall/PaywallCyclePicker.tsx
+import { jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
+function PaywallCyclePicker({
+  cycles,
+  selected,
+  onSelect,
+  priceCentsByCycle,
+  anchorCentsByCycle,
+  monthlyEquivByCycle,
+  labels,
+  className,
+  cardClassName,
+  cardSelectedClassName,
+  anchorClassName
+}) {
+  if (cycles.length < 2) return null;
+  return /* @__PURE__ */ jsx32("div", { role: "radiogroup", "aria-label": "Ciclo de cobran\xE7a", className, children: cycles.map((c) => {
+    const active = c === selected;
+    const label = c === "YEARLY" ? labels.annualLabel : labels.monthlyLabel;
+    const suffix = c === "YEARLY" ? labels.annualSuffix : labels.monthlySuffix;
+    const mainCents = c === "YEARLY" ? monthlyEquivByCycle[c] : priceCentsByCycle[c];
+    const anchorCents = anchorCentsByCycle[c];
+    return /* @__PURE__ */ jsxs19(
+      "button",
+      {
+        type: "button",
+        role: "radio",
+        "aria-checked": active,
+        onClick: () => onSelect(c),
+        className: [cardClassName, active ? cardSelectedClassName : ""].filter(Boolean).join(" "),
+        children: [
+          /* @__PURE__ */ jsx32("strong", { children: formatBRL(mainCents) }),
+          /* @__PURE__ */ jsx32("span", { children: suffix }),
+          /* @__PURE__ */ jsx32("span", { children: label }),
+          anchorCents != null && anchorCents > mainCents ? /* @__PURE__ */ jsx32("span", { className: anchorClassName, children: /* @__PURE__ */ jsx32("s", { children: formatBRL(anchorCents) }) }) : null
+        ]
+      },
+      c
+    );
+  }) });
+}
+
+// src/components/paywall/PaywallCta.tsx
+import { jsx as jsx33, jsxs as jsxs20 } 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__ */ jsxs20("div", { className, children: [
+    /* @__PURE__ */ jsx33(
+      "button",
+      {
+        type: "button",
+        onClick,
+        disabled: disabled || loading,
+        className: buttonClassName,
+        children: label
+      }
+    ),
+    switchHint ? /* @__PURE__ */ jsx33("p", { className: switchHintClassName, children: switchHint }) : null,
+    /* @__PURE__ */ jsx33("p", { className: trustClassName, children: trustLine })
+  ] });
+}
+
+// src/components/paywall/Paywall.tsx
+import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
+var NBSP = "\xA0";
+function Paywall({
+  copy,
+  themeClasses = {},
+  slots = {},
+  onBeforeCheckout
+}) {
+  const { track: track2 } = useHook19();
+  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(() => {
+    if (s.isFree) return copy.freeCta ?? "Come\xE7ar agora";
+    if (s.selectedMethod === "card") {
+      if (s.hasConsumedTrial && copy.cardConsumedTrial) {
+        return interp(copy.cardConsumedTrial.ctaTemplate, { price: priceLabel, days: trialDaysCardLabel });
+      }
+      if (s.trialDaysCard > 0) {
+        return interp(copy.card.ctaTemplate, { price: priceLabel, days: trialDaysCardLabel });
+      }
+      return copy.cardConsumedTrial ? interp(copy.cardConsumedTrial.ctaTemplate, { price: priceLabel, days: trialDaysCardLabel }) : `Assinar por ${priceLabel}`;
+    }
+    return interp(copy.pix.ctaTemplate, { price: priceLabel, days: trialDaysCardLabel });
+  }, [
+    s.isFree,
+    s.selectedMethod,
+    s.hasConsumedTrial,
+    s.trialDaysCard,
+    copy,
+    priceLabel,
+    trialDaysCardLabel
+  ]);
+  const switchHint = useMemo9(() => {
+    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(() => {
+    if (!s.initialLoadComplete) return;
+    track2("paywall_view", {
+      default_method: s.selectedMethod,
+      default_cycle: s.cycle,
+      available_methods: s.methods
+    });
+  }, [s.initialLoadComplete]);
+  const handleCta = async () => {
+    track2("paywall_cta_clicked", {
+      method: s.selectedMethod,
+      cycle: s.cycle,
+      price_cents: s.currentPriceCents,
+      had_consumed_trial: s.hasConsumedTrial
+    });
+    if (onBeforeCheckout) {
+      await onBeforeCheckout(s.selectedMethod, s.cycle);
+      return;
+    }
+    await s.submit();
+  };
+  const ctaTheme = s.selectedMethod === "card" ? themeClasses.ctaCard : themeClasses.ctaPix;
+  return /* @__PURE__ */ jsxs21("div", { className: themeClasses.container, children: [
+    slots.heroSlot,
+    /* @__PURE__ */ jsx34("h1", { className: themeClasses.headline, children: copy.headline }),
+    /* @__PURE__ */ jsx34("ul", { children: copy.features.map((f) => /* @__PURE__ */ jsxs21("li", { className: themeClasses.feature, children: [
+      "\u2713 ",
+      /* @__PURE__ */ jsx34("span", { children: f })
+    ] }, f)) }),
+    copy.socialProof ? /* @__PURE__ */ jsx34("p", { className: themeClasses.socialProof, children: copy.socialProof }) : null,
+    slots.cyclePickerSlot ?? /* @__PURE__ */ jsx34(
+      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__ */ jsx34(
+      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__ */ jsx34(
+      PaywallMethodContent,
+      {
+        method: s.selectedMethod,
+        copy: {
+          pix: interpolateCopy(copy.pix, priceLabel, trialDaysCardLabel),
+          card: interpolateCopy(copy.card, priceLabel, trialDaysCardLabel),
+          cardConsumedTrial: copy.cardConsumedTrial ? {
+            bodyRows: copy.cardConsumedTrial.bodyRows.map(
+              (r) => interp(r, { price: priceLabel, days: trialDaysCardLabel })
+            ),
+            ctaTemplate: copy.cardConsumedTrial.ctaTemplate
+          } : void 0
+        },
+        hasConsumedTrial: s.hasConsumedTrial,
+        className: themeClasses.tabContent,
+        rowClassName: themeClasses.tabContentRow
+      }
+    ),
+    slots.beforeCtaSlot,
+    /* @__PURE__ */ jsx34(
+      PaywallCta,
+      {
+        ctaLabel,
+        loadingLabel: "Abrindo checkout\u2026",
+        switchHint,
+        trustLine: copy.trustLine,
+        onClick: handleCta,
+        disabled: !s.initialLoadComplete,
+        loading: s.submitting,
+        buttonClassName: ctaTheme,
+        switchHintClassName: themeClasses.switchHint,
+        trustClassName: themeClasses.trustLine
+      }
+    )
+  ] });
+}
+function interp(tpl, vars) {
+  return tpl.replace(/\{(\w+)\}/g, (_m, k) => vars[k] ?? "");
+}
+function interpolateCopy(m, price, days) {
+  return {
+    tabLabel: m.tabLabel,
+    bodyRows: m.bodyRows.map((r) => interp(r, { price, days })),
+    ctaTemplate: m.ctaTemplate,
+    switchHint: m.switchHint
+  };
+}
+function priceCentsForCycle(s, c) {
+  return s.plan ? c === "YEARLY" ? s.plan.yearlyCents ?? 0 : s.plan.monthlyCents : 0;
+}
+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,
   DeepLinkHandler,
+  DevSkipOnboardingFab,
   EmptyState,
   ErrorBoundary,
   I18nProvider,
@@ -3084,6 +3585,11 @@ export {
   LoadingState,
   OnboardingFlow,
   PaymentReturnHandler,
+  Paywall,
+  PaywallCta,
+  PaywallCyclePicker,
+  PaywallMethodContent,
+  PaywallMethodTabs,
   PersistenceRegistry,
   PreAuthShell,
   PushPrompt2 as PushPrompt,
@@ -3098,10 +3604,12 @@ export {
   detectStandalone,
   discountPercent,
   formatBRL,
+  isDevToolsEnabled,
   monthlyFromYearly,
   parseAppConfig,
   shouldBlockInstall,
   shouldShowPermanentOption,
+  skipOnboarding,
   useAppConfig,
   useAuth,
   useAuthPrimitives,