@hook-sdk/template 0.9.1 → 0.10.0

package/dist/index.js

@@ -1,11 +1,142 @@
 // src/AppRoot.tsx
-import { useCallback as useCallback7, useEffect as useEffect8, useRef as useRef3, useState as useState12 } from "react";
-import { useHook as useHook9 } from "@hook-sdk/sdk";
+import { useMemo as useMemo3 } from "react";
+import { BrowserRouter, MemoryRouter, Navigate, Route, Routes } from "react-router-dom";
+import { useHook as useHook4 } from "@hook-sdk/sdk";
 
-// src/internal/TemplateConfigContext.tsx
-import { createContext, useContext, useMemo } from "react";
+// src/config/AppConfigContext.tsx
+import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-var TemplateConfigContext = createContext(null);
+var AppConfigContext = createContext(null);
+function AppConfigProvider({
+  config,
+  children
+}) {
+  return /* @__PURE__ */ jsx(AppConfigContext.Provider, { value: config, children });
+}
+function useAppConfig() {
+  const v = useContext(AppConfigContext);
+  if (!v) {
+    throw new Error(
+      "[hook-template] useAppConfig: AppConfigProvider missing \u2014 wrap your app in <AppRoot>"
+    );
+  }
+  return v;
+}
+
+// src/config/schema.ts
+import { z } from "zod";
+var SnakeKeyRE = /^[a-z0-9][a-z0-9_.-]{0,127}$/;
+var AuthFlowSchema = z.object({
+  minPassword: z.number().int().min(6).max(64),
+  requiresEmailVerify: z.boolean(),
+  googleOAuth: z.boolean(),
+  postAuthLanding: z.string().startsWith("/"),
+  preAuthRoutes: z.array(z.string().startsWith("/"))
+});
+var PaywallNonFreeSchema = z.object({
+  mode: z.enum(["trial", "pay_first"]),
+  trialDays: z.number().int().nonnegative().optional(),
+  cycles: z.array(z.enum(["MONTHLY", "YEARLY"])).min(1),
+  prices: z.object({
+    monthlyCents: z.number().int().nonnegative(),
+    yearlyCents: z.number().int().nonnegative()
+  }),
+  anchorPrices: z.object({
+    monthlyCents: z.number().int().nonnegative(),
+    yearlyCents: z.number().int().nonnegative()
+  }).optional(),
+  checkoutMethods: z.array(z.enum(["card", "pix-auto", "pix-once"])).min(1),
+  requiresCpf: z.boolean(),
+  cancelWindowDays: z.number().int().nonnegative().optional(),
+  errorMessages: z.enum(["default", "custom"])
+});
+var PaywallFreeSchema = z.object({ mode: z.literal("free") });
+var PaywallSchema = z.discriminatedUnion("mode", [PaywallNonFreeSchema, PaywallFreeSchema]);
+var PersistedKeySchema = z.object({
+  key: z.string().regex(SnakeKeyRE, "key must be snake_case (matches /^[a-z0-9][a-z0-9_.-]{0,127}$/)"),
+  default: z.unknown(),
+  guardRegen: z.boolean().optional(),
+  debounceMs: z.number().int().positive().optional()
+});
+var OnboardingSchema = z.object({
+  trigger: z.enum(["pre_signup", "post_signup", "pre_signup_custom", "optional"]),
+  steps: z.array(
+    z.object({
+      id: z.string().regex(SnakeKeyRE),
+      screen: z.string(),
+      validates: z.array(z.string()).optional()
+    })
+  ).min(1),
+  persistTo: z.literal("appData"),
+  persistKey: z.string().regex(SnakeKeyRE)
+});
+var DeepLinksSchema = z.object({
+  passwordReset: z.string().startsWith("/").optional(),
+  emailVerify: z.string().startsWith("/").optional()
+}).strict();
+var AppConfigSchema = z.object({
+  slug: z.string().regex(/^[a-z0-9-]+$/),
+  name: z.string().min(1),
+  branding: z.object({ primaryColor: z.string(), logoUrl: z.string().url() }),
+  authFlow: AuthFlowSchema,
+  paywall: PaywallSchema,
+  persistedKeys: z.array(PersistedKeySchema),
+  onboarding: OnboardingSchema.optional(),
+  deepLinks: DeepLinksSchema.optional(),
+  features_enabled: z.array(z.string()).optional()
+}).strict();
+function parseAppConfig(input) {
+  const r = AppConfigSchema.safeParse(input);
+  if (!r.success) {
+    const messages = r.error.issues.map((i) => `[${i.path.join(".")}] ${i.message}`).join("\n");
+    throw new Error(`Invalid app.config.json:
+${messages}`);
+  }
+  return r.data;
+}
+
+// src/PersistenceRegistry.tsx
+import { useEffect } from "react";
+import { useHook } from "@hook-sdk/sdk";
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+function PersistenceRegistry({ config, children }) {
+  const { appData } = useHook();
+  useEffect(() => {
+    if (config.length === 0) return;
+    const keys = config.map((c) => c.key);
+    const bulk = appData.bulkRead;
+    bulk?.(keys).catch(() => {
+    });
+  }, [config, appData]);
+  return /* @__PURE__ */ jsx2(Fragment, { children });
+}
+
+// src/DeepLinkHandler.tsx
+import { useEffect as useEffect2 } from "react";
+import { useLocation, useNavigate } from "react-router-dom";
+function DeepLinkHandler({ deepLinks }) {
+  const nav = useNavigate();
+  const loc = useLocation();
+  useEffect2(() => {
+    if (!deepLinks) return;
+    const params = new URLSearchParams(loc.search);
+    const token = params.get("token");
+    if (!token) return;
+    if (deepLinks.passwordReset && deepLinks.passwordReset.includes(":token") && loc.pathname === "/") {
+      nav(deepLinks.passwordReset.replace(":token", token));
+      return;
+    }
+    if (deepLinks.emailVerify && deepLinks.emailVerify.includes(":token") && loc.pathname === "/") {
+      nav(deepLinks.emailVerify.replace(":token", token));
+    }
+  }, [deepLinks, loc, nav]);
+  return null;
+}
+
+// src/internal/TemplateConfigContext.tsx
+import { createContext as createContext2, useContext as useContext2, useMemo } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var TemplateConfigContext = createContext2(null);
 function TemplateConfigProvider({
   config,
   children
@@ -14,10 +145,10 @@ function TemplateConfigProvider({
     ...config,
     mode: config.subscription?.mode ?? "trial"
   }), [config]);
-  return /* @__PURE__ */ jsx(TemplateConfigContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx3(TemplateConfigContext.Provider, { value, children });
 }
 function useTemplateConfig() {
-  const ctx = useContext(TemplateConfigContext);
+  const ctx = useContext2(TemplateConfigContext);
   if (ctx === null) {
     throw new Error("useTemplateConfig must be used inside <TemplateConfigProvider>");
   }
@@ -25,7 +156,7 @@ function useTemplateConfig() {
 }
 
 // src/internal/ThemeProvider.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function ThemeProvider({ children }) {
   const config = useTemplateConfig();
   const style = {
@@ -34,182 +165,308 @@ function ThemeProvider({ children }) {
       "--hook-color-background": config.theme.background_color
     }
   };
-  return /* @__PURE__ */ jsx2("div", { style, children });
+  return /* @__PURE__ */ jsx4("div", { style, children });
 }
 
-// src/internal/AuthGate.tsx
-import { useEffect, useState } from "react";
-
-// src/hooks/useAuth.ts
-import { useHook } from "@hook-sdk/sdk";
-function useAuth() {
-  const { user, authStatus, auth } = useHook();
-  return {
-    user,
-    authStatus,
-    refresh: auth.refresh
-  };
-}
-
-// src/defaults/LoadingState.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-function LoadingState({ message }) {
-  return /* @__PURE__ */ jsx3("div", { role: "status", "aria-live": "polite", style: { padding: 24, textAlign: "center" }, children: /* @__PURE__ */ jsx3("span", { children: message ?? "Carregando..." }) });
-}
+// src/hooks/usePaywallState.ts
+import { useCallback, useContext as useContext3, useMemo as useMemo2, useState } from "react";
+import { useHook as useHook2 } from "@hook-sdk/sdk";
 
-// src/internal/AuthGate.tsx
-import { Fragment, jsx as jsx4 } from "react/jsx-runtime";
-function detectResetFromUrl() {
-  if (typeof window === "undefined") return false;
-  const params = new URLSearchParams(window.location.search);
-  return params.get("token") !== null && params.get("screen") === "reset";
-}
-function AuthGate({ Login, Signup, Forgot, Reset, children }) {
-  const { user, authStatus } = useAuth();
-  const [screen, setScreen] = useState(
-    () => detectResetFromUrl() ? "reset" : "login"
-  );
-  useEffect(() => {
-    if (user && screen !== "login") {
-      setScreen("login");
-    }
-  }, [user, screen]);
-  useEffect(() => {
-    const onPop = () => {
-      if (detectResetFromUrl()) setScreen("reset");
-    };
-    window.addEventListener("popstate", onPop);
-    return () => window.removeEventListener("popstate", onPop);
-  }, []);
-  if (authStatus === "loading") return /* @__PURE__ */ jsx4(LoadingState, {});
-  if (!user) {
-    if (screen === "reset") return /* @__PURE__ */ jsx4(Reset, { onNavigate: setScreen });
-    if (screen === "signup") return /* @__PURE__ */ jsx4(Signup, { onNavigate: setScreen });
-    if (screen === "forgot") return /* @__PURE__ */ jsx4(Forgot, { onNavigate: setScreen });
-    return /* @__PURE__ */ jsx4(Login, { onNavigate: setScreen });
-  }
-  return /* @__PURE__ */ jsx4(Fragment, { children });
+// src/errors/asaas-pt-br.ts
+var MAP = {
+  invalid_cpf: "CPF inv\xE1lido. Confira os n\xFAmeros e tente novamente.",
+  cpf_required: "Por favor, informe seu CPF para continuar.",
+  card_declined: "Cart\xE3o recusado pela operadora. Tente outro cart\xE3o ou m\xE9todo.",
+  insufficient_funds: "Saldo insuficiente no cart\xE3o. Tente outro m\xE9todo.",
+  card_expired: "Cart\xE3o expirado. Use um cart\xE3o v\xE1lido.",
+  invalid_card_number: "N\xFAmero de cart\xE3o inv\xE1lido.",
+  invalid_cvv: "C\xF3digo de seguran\xE7a (CVV) inv\xE1lido.",
+  invalid_expiration: "Data de validade inv\xE1lida.",
+  generic_decline: "Pagamento recusado. Tente novamente em instantes ou use outro m\xE9todo.",
+  webhook_unverified: "N\xE3o conseguimos confirmar seu pagamento. Atualize a p\xE1gina em alguns segundos.",
+  pix_expired: "QR Code do PIX expirou. Gere um novo.",
+  pix_not_paid_yet: "PIX ainda n\xE3o foi pago. Aguardando confirma\xE7\xE3o."
+};
+function asaasErrorMessage(code) {
+  return MAP[code] ?? "Ocorreu um erro inesperado. Tente novamente em instantes.";
 }
 
 // src/hooks/usePaywallState.ts
-import { useCallback, useEffect as useEffect2, useMemo as useMemo2, useRef, useState as useState2 } from "react";
-import { useHook as useHook2 } from "@hook-sdk/sdk";
+function isCheckoutFailure(r) {
+  return "ok" in r && r.ok === false;
+}
+var FALLBACK_PAYWALL = {
+  mode: "pay_first",
+  cycles: ["MONTHLY"],
+  prices: { monthlyCents: 0, yearlyCents: 0 },
+  checkoutMethods: ["card", "pix-auto"],
+  requiresCpf: true,
+  errorMessages: "default"
+};
+var isMethodAvailable = (availability, method) => availability[method] !== false;
 function usePaywallState() {
   const { subscription, plan } = useHook2();
-  const [opening, setOpening] = useState2(false);
-  const [error, setError] = useState2(null);
-  const [pixPending, setPixPending] = useState2(null);
+  const configFromCtx = useContext3(AppConfigContext);
+  const paywall = configFromCtx?.paywall ?? FALLBACK_PAYWALL;
+  const isFree = paywall.mode === "free";
+  const declaredMethods = useMemo2(
+    () => isFree ? [] : paywall.checkoutMethods,
+    [isFree, paywall]
+  );
+  const availability = subscription.methodAvailability ?? {
+    card: null,
+    "pix-auto": null,
+    "pix-once": null
+  };
+  const methods = useMemo2(
+    () => declaredMethods.filter((m) => isMethodAvailable(availability, m)),
+    [declaredMethods, availability]
+  );
+  const defaultMethod = 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";
+  const [cycle, setCycle] = useState(initialCycle);
+  const cpfRequired = !isFree && paywall.requiresCpf;
+  const [cpf, setCpf] = useState("");
+  const cpfValid = useMemo2(() => /^[0-9]{11}$/.test(cpf), [cpf]);
+  const [card, setCardState] = useState({
+    number: "",
+    cvv: "",
+    expiry: "",
+    holder: ""
+  });
+  const setCard = useCallback((patch) => {
+    setCardState((prev) => ({ ...prev, ...patch }));
+  }, []);
+  const [error, setError] = useState(null);
+  const [submitting, setSubmitting] = useState(false);
   const status = subscription.status();
   const daysLeftInTrial = subscription.daysLeftInTrial();
   const initialLoadComplete = subscription.initialLoadComplete;
-  const availableMethods = useMemo2(
-    () => ["card", "pix-auto"],
-    []
-  );
-  const priceCents = plan.data?.priceCents ?? 0;
-  const yearlyPriceCents = plan.data?.yearlyPriceCents ?? null;
+  const pixPending = useMemo2(() => {
+    const sdkPix = subscription.pixPending;
+    if (!sdkPix) return null;
+    const liveStatus = subscription.current?.status;
+    const paid = liveStatus === "ACTIVE" || liveStatus === "TRIAL";
+    return {
+      method: sdkPix.method,
+      qrCodePayload: sdkPix.qrCodePayload,
+      qrCodeBase64: sdkPix.qrCodeBase64,
+      expiresAt: null,
+      paid
+    };
+  }, [subscription.pixPending, subscription.current]);
   const monthlyEquivalent = useCallback(
-    (cycle) => {
-      if (cycle === "YEARLY" && yearlyPriceCents) {
-        return Math.round(yearlyPriceCents / 12);
-      }
-      return priceCents;
+    (c) => {
+      const monthlyCents = plan.data?.priceCents ?? (isFree ? 0 : paywall.prices.monthlyCents);
+      const yearlyCents = plan.data?.yearlyPriceCents ?? (isFree ? null : paywall.prices.yearlyCents);
+      if (c === "YEARLY" && yearlyCents) return Math.round(yearlyCents / 12);
+      return monthlyCents;
     },
-    [priceCents, yearlyPriceCents]
+    [plan, paywall, isFree]
   );
+  const planDerived = useMemo2(() => {
+    if (isFree) return null;
+    const monthlyCents = paywall.prices.monthlyCents;
+    const yearlyCents = paywall.prices.yearlyCents;
+    const anchor = paywall.anchorPrices;
+    const discount = anchor && anchor.yearlyCents > 0 ? Math.round((1 - paywall.prices.yearlyCents / anchor.yearlyCents) * 100) : 0;
+    return {
+      monthlyCents,
+      yearlyCents,
+      anchorMonthlyCents: anchor?.monthlyCents,
+      anchorYearlyCents: anchor?.yearlyCents,
+      monthlyEquivalent: cycle === "YEARLY" ? Math.round(yearlyCents / 12) : monthlyCents,
+      discountPercent: discount
+    };
+  }, [paywall, cycle, isFree]);
+  const useDefaultMessages = paywall.mode !== "free" && paywall.errorMessages === "default";
+  const buildError = useCallback(
+    (code, fallbackMessage) => ({
+      code,
+      message: fallbackMessage,
+      userMessage: useDefaultMessages ? asaasErrorMessage(code) : fallbackMessage
+    }),
+    [useDefaultMessages]
+  );
+  const submit = useCallback(async () => {
+    setSubmitting(true);
+    setError(null);
+    const methodToUse = selectedMethod;
+    if (!isMethodAvailable(availability, methodToUse)) {
+      const code = "method_unavailable";
+      setError(buildError(code, `method ${methodToUse} unavailable`));
+      setSubmitting(false);
+      return {
+        ok: false,
+        code: "method_unavailable",
+        method: methodToUse,
+        reason: "pre_flight_unavailable"
+      };
+    }
+    try {
+      let result;
+      if (methodToUse === "card") {
+        const [expMonthRaw = "", expYearRaw = ""] = card.expiry.split("/");
+        const expYearTrimmed = expYearRaw.trim();
+        const cardData = {
+          number: card.number,
+          holderName: card.holder,
+          expiryMonth: expMonthRaw.trim(),
+          expiryYear: expYearTrimmed.length === 2 ? `20${expYearTrimmed}` : expYearTrimmed,
+          ccv: card.cvv
+        };
+        const holderInfo = {
+          name: card.holder,
+          email: "",
+          cpfCnpj: cpf,
+          postalCode: "",
+          addressNumber: ""
+        };
+        result = await subscription.checkout({
+          method: "card",
+          cycle,
+          cpf,
+          card: cardData,
+          holderInfo
+        });
+      } else if (methodToUse === "pix-auto") {
+        result = await subscription.checkout({ method: "pix-auto", cycle, cpf });
+      } else {
+        result = await subscription.checkout({ method: "pix-once", cycle, cpf });
+      }
+      if (isCheckoutFailure(result)) {
+        setError(buildError(result.code, `${result.code}: ${result.reason}`));
+        setSubmitting(false);
+        return result;
+      }
+      await subscription.refresh();
+      setSubmitting(false);
+      return result;
+    } catch (err) {
+      const code = err?.code ?? "generic_decline";
+      const message = err instanceof Error ? err.message : String(err);
+      setError(buildError(code, message));
+      setSubmitting(false);
+      return void 0;
+    }
+  }, [selectedMethod, availability, subscription, cycle, cpf, card, buildError]);
   const checkout = useCallback(
     async (args) => {
-      setOpening(true);
+      setSubmitting(true);
       setError(null);
-      setPixPending(null);
       try {
         if (args.method === "card") {
           if (!args.card || !args.holderInfo) {
-            throw new Error('card and holderInfo are required when method is "card"');
+            throw Object.assign(
+              new Error('card and holderInfo are required when method is "card"'),
+              { code: "validation" }
+            );
           }
-          await subscription.checkout({
+          const sdkArgs = {
             method: "card",
             cycle: args.cycle,
             cpf: args.cpf,
             card: args.card,
             holderInfo: args.holderInfo,
             ...args.remoteIp ? { remoteIp: args.remoteIp } : {}
-          });
+          };
+          const result2 = await subscription.checkout(sdkArgs);
+          if (isCheckoutFailure(result2)) {
+            setError(buildError(result2.code, `${result2.code}: ${result2.reason}`));
+            setSubmitting(false);
+            return;
+          }
           await subscription.refresh();
-          setOpening(false);
+          setSubmitting(false);
+          return;
+        }
+        if (args.method === "pix-auto") {
+          const result2 = await subscription.checkout({
+            method: "pix-auto",
+            cycle: args.cycle,
+            cpf: args.cpf
+          });
+          if (isCheckoutFailure(result2)) {
+            setError(buildError(result2.code, `${result2.code}: ${result2.reason}`));
+            setSubmitting(false);
+            return;
+          }
+          setSubmitting(false);
           return;
         }
         const result = await subscription.checkout({
-          method: "pix-auto",
+          method: "pix-once",
           cycle: args.cycle,
           cpf: args.cpf
         });
-        if (result.method !== "pix-auto") {
-          throw new Error(`unexpected checkout result method: ${result.method}`);
+        if (isCheckoutFailure(result)) {
+          setError(buildError(result.code, `${result.code}: ${result.reason}`));
+          setSubmitting(false);
+          return;
         }
-        setPixPending({
-          method: "pix-auto",
-          qrCodePayload: result.qrCodePayload,
-          qrCodeBase64: result.qrCodeBase64,
-          expiresAt: null,
-          paid: false
-        });
-        setOpening(false);
+        setSubmitting(false);
       } catch (err) {
-        setError(err);
-        setOpening(false);
+        const code = err?.code ?? "generic_decline";
+        const message = err instanceof Error ? err.message : String(err);
+        setError(buildError(code, message));
+        setSubmitting(false);
       }
     },
-    [subscription]
+    [subscription, buildError]
   );
   const cancel = useCallback(async () => {
     try {
       await subscription.cancel();
       await subscription.refresh();
     } catch (err) {
-      setError(err);
+      const code = err?.code ?? "generic_decline";
+      const message = err instanceof Error ? err.message : String(err);
+      setError(buildError(code, message));
     }
-  }, [subscription]);
-  const dismissPix = useCallback(() => setPixPending(null), []);
-  const subRef = useRef(subscription);
-  subRef.current = subscription;
-  useEffect2(() => {
-    if (!pixPending || pixPending.paid) return;
-    let attempts = 0;
-    const MAX_ATTEMPTS = 60;
-    let cancelled = false;
-    const tick = async () => {
-      if (cancelled || attempts >= MAX_ATTEMPTS) return;
-      attempts++;
-      try {
-        await subRef.current.refresh();
-        if (cancelled) return;
-        const s = subRef.current.status();
-        if (s === "active" || s === "trialing") {
-          setPixPending((prev) => prev ? { ...prev, paid: true } : prev);
-          return;
-        }
-      } catch {
-      }
-      if (!cancelled) setTimeout(tick, 3e3);
-    };
-    setTimeout(tick, 3e3);
-    return () => {
-      cancelled = true;
-    };
-  }, [pixPending]);
+  }, [subscription, buildError]);
+  const cardState = useMemo2(
+    () => ({ ...card, set: setCard }),
+    [card, setCard]
+  );
+  const cpfState = useMemo2(
+    () => ({ required: cpfRequired, value: cpf, set: setCpf, valid: cpfValid }),
+    [cpfRequired, cpf, cpfValid]
+  );
   return {
+    // Subscription status (reactive, proxied from SDK)
     status,
     daysLeftInTrial,
     initialLoadComplete,
+    // Plan derivation from config (sync, no fetch)
+    plan: planDerived,
+    // Cycle + method selection
+    cycle,
+    setCycle,
+    methods,
+    selectedMethod,
+    setSelectedMethod,
+    // Form state
+    cpfState,
+    cardState,
+    // High-level + legacy actions
+    submit,
     checkout,
     cancel,
-    opening,
-    error,
+    // PIX state (proxied from SDK; legacy `paid`/`expiresAt` derived)
     pixPending,
-    dismissPix,
-    availableMethods,
-    monthlyEquivalent
+    // Error + submit progress
+    error,
+    submitting,
+    // Backward-compat aliases (deprecated; remove in template 0.11)
+    opening: submitting,
+    availableMethods: methods,
+    monthlyEquivalent,
+    dismissPix: () => {
+    },
+    refreshPlan: () => {
+    }
   };
 }
 
@@ -230,51 +487,11 @@ function SubscriptionGate({ Paywall, children }) {
   return /* @__PURE__ */ jsx5(Fragment2, { children });
 }
 
-// src/internal/PersistedKeysPrefetch.tsx
-import { useEffect as useEffect3, useState as useState3 } from "react";
-import { useHook as useHook3 } from "@hook-sdk/sdk";
-import { Fragment as Fragment3, jsx as jsx6 } from "react/jsx-runtime";
-var SAFETY_TIMEOUT_MS = 3e3;
-function PersistedKeysPrefetch({ children }) {
-  const { appData } = useHook3();
-  const config = useTemplateConfig();
-  const hasKeys = !!config.persistedKeys && config.persistedKeys.length > 0;
-  const [ready, setReady] = useState3(!hasKeys);
-  useEffect3(() => {
-    const keys = config.persistedKeys;
-    if (!keys || keys.length === 0) {
-      setReady(true);
-      return;
-    }
-    let cancelled = false;
-    appData.cache.startPrefetch(keys, (ks) => appData.bulkRead(ks));
-    void appData.cache.waitForPrimed(SAFETY_TIMEOUT_MS).then((result) => {
-      if (cancelled) return;
-      if (result === "timeout") {
-        console.warn(
-          `[@hook-sdk/template] PersistedKeysPrefetch: bulk-read n\xE3o completou em ${SAFETY_TIMEOUT_MS}ms. Liberando render mesmo assim \u2014 usePersistedState pode expor defaultValue at\xE9 o fetch terminar (G77).`
-        );
-      }
-      setReady(true);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [appData, config.persistedKeys]);
-  if (!ready) return null;
-  return /* @__PURE__ */ jsx6(Fragment3, { children });
-}
-
-// src/internal/PushPrompt.tsx
-function PushPrompt() {
-  return null;
-}
-
 // src/components/InstallGate/InstallGate.tsx
-import { useEffect as useEffect5, useRef as useRef2 } from "react";
+import { useEffect as useEffect4, useRef } from "react";
 
 // src/hooks/useInstallPrompt.ts
-import { useCallback as useCallback2, useEffect as useEffect4, useState as useState4 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect3, useState as useState2 } from "react";
 var IOS_RE = /iPad|iPhone|iPod/;
 var IOS_NON_SAFARI_RE = /CriOS|FxiOS|EdgiOS/;
 var ANDROID_RE = /Android/;
@@ -407,18 +624,18 @@ function useInstallPrompt(slug) {
   const iosBrowser = detectIOSBrowser(ua);
   const androidBrowser = detectAndroidBrowser(ua);
   const inAppApp = detectInAppApp(ua);
-  const [isInstallable, setIsInstallable] = useState4(() => {
+  const [isInstallable, setIsInstallable] = useState2(() => {
     if (typeof window === "undefined") return false;
     return window.__pwaInstallPrompt != null;
   });
-  const [isInstalled, setIsInstalled] = useState4(() => {
+  const [isInstalled, setIsInstalled] = useState2(() => {
     const { installed } = detectStandalone();
     return installed || readInstalledMarker(slug);
   });
-  const [isDismissedSession, setIsDismissedSession] = useState4(() => readSessionSkip(slug));
-  const [isDismissedPermanent, setIsDismissedPermanent] = useState4(() => readPermanentDismiss(slug).dismissed);
-  const [skipCount, setSkipCount] = useState4(() => readSkipCount(slug));
-  useEffect4(() => {
+  const [isDismissedSession, setIsDismissedSession] = useState2(() => readSessionSkip(slug));
+  const [isDismissedPermanent, setIsDismissedPermanent] = useState2(() => readPermanentDismiss(slug).dismissed);
+  const [skipCount, setSkipCount] = useState2(() => readSkipCount(slug));
+  useEffect3(() => {
     if (typeof window === "undefined") return;
     if (window.__pwaInstallPrompt) {
       setIsInstallable(true);
@@ -442,7 +659,7 @@ function useInstallPrompt(slug) {
       window.removeEventListener("appinstalled", onInstalled);
     };
   }, [slug]);
-  useEffect4(() => {
+  useEffect3(() => {
     if (typeof window === "undefined") return;
     const mq = window.matchMedia?.("(display-mode: standalone)");
     if (!mq) return;
@@ -697,11 +914,11 @@ var INSTALL_COPY = {
 };
 
 // src/components/InstallGate/InstallSplash.tsx
-import { jsx as jsx7, jsxs } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs } from "react/jsx-runtime";
 function InstallSplash({ children, title, subtitle }) {
   const { name, theme } = useTemplateConfig();
   const iconUrl = theme.icon_url || theme.logo_url || null;
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       role: "dialog",
@@ -710,14 +927,14 @@ function InstallSplash({ children, title, subtitle }) {
       "aria-describedby": subtitle ? "install-splash-subtitle" : void 0,
       style: overlayStyle,
       children: /* @__PURE__ */ jsxs("div", { style: cardStyle, children: [
-        /* @__PURE__ */ jsx7("div", { style: { display: "flex", justifyContent: "center", marginBottom: 16 }, children: iconUrl ? /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx6("div", { style: { display: "flex", justifyContent: "center", marginBottom: 16 }, children: iconUrl ? /* @__PURE__ */ jsx6(
           "img",
           {
             src: iconUrl,
             alt: `\xCDcone de ${name}`,
             style: { width: 80, height: 80, borderRadius: 20, objectFit: "cover" }
           }
-        ) : /* @__PURE__ */ jsx7(
+        ) : /* @__PURE__ */ jsx6(
           "div",
           {
             style: {
@@ -735,10 +952,10 @@ function InstallSplash({ children, title, subtitle }) {
             children: name.charAt(0).toUpperCase()
           }
         ) }),
-        /* @__PURE__ */ jsx7("h1", { id: "install-splash-title", style: titleStyle, children: title }),
-        subtitle && /* @__PURE__ */ jsx7("p", { id: "install-splash-subtitle", style: subtitleStyle, children: subtitle }),
-        /* @__PURE__ */ jsx7("div", { style: { marginTop: 24 }, children }),
-        /* @__PURE__ */ jsx7("p", { style: footerStyle, children: "por Hook" })
+        /* @__PURE__ */ jsx6("h1", { id: "install-splash-title", style: titleStyle, children: title }),
+        subtitle && /* @__PURE__ */ jsx6("p", { id: "install-splash-subtitle", style: subtitleStyle, children: subtitle }),
+        /* @__PURE__ */ jsx6("div", { style: { marginTop: 24 }, children }),
+        /* @__PURE__ */ jsx6("p", { style: footerStyle, children: "por Hook" })
       ] })
     }
   );
@@ -812,7 +1029,7 @@ var footerStyle = {
 };
 
 // src/components/InstallGate/icons.tsx
-import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
 var defaultSvgProps = (size) => ({
   width: size,
   height: size,
@@ -825,55 +1042,55 @@ var defaultSvgProps = (size) => ({
 });
 function ShareIconIOS({ size = 24, style, className }) {
   return /* @__PURE__ */ jsxs2("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx8("path", { d: "M12 2L12 15" }),
-    /* @__PURE__ */ jsx8("path", { d: "M8 6L12 2L16 6" }),
-    /* @__PURE__ */ jsx8("path", { d: "M4 11v9a2 2 0 002 2h12a2 2 0 002-2v-9" })
+    /* @__PURE__ */ jsx7("path", { d: "M12 2L12 15" }),
+    /* @__PURE__ */ jsx7("path", { d: "M8 6L12 2L16 6" }),
+    /* @__PURE__ */ jsx7("path", { d: "M4 11v9a2 2 0 002 2h12a2 2 0 002-2v-9" })
   ] });
 }
 function MenuDotsVerticalIcon({ size = 24, style, className }) {
   return /* @__PURE__ */ jsxs2("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "5", r: "1.5" }),
-    /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "12", r: "1.5" }),
-    /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "19", r: "1.5" })
+    /* @__PURE__ */ jsx7("circle", { cx: "12", cy: "5", r: "1.5" }),
+    /* @__PURE__ */ jsx7("circle", { cx: "12", cy: "12", r: "1.5" }),
+    /* @__PURE__ */ jsx7("circle", { cx: "12", cy: "19", r: "1.5" })
   ] });
 }
 function MenuDotsHorizontalIcon({ size = 24, style, className }) {
   return /* @__PURE__ */ jsxs2("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx8("circle", { cx: "5", cy: "12", r: "1.5" }),
-    /* @__PURE__ */ jsx8("circle", { cx: "12", cy: "12", r: "1.5" }),
-    /* @__PURE__ */ jsx8("circle", { cx: "19", cy: "12", r: "1.5" })
+    /* @__PURE__ */ jsx7("circle", { cx: "5", cy: "12", r: "1.5" }),
+    /* @__PURE__ */ jsx7("circle", { cx: "12", cy: "12", r: "1.5" }),
+    /* @__PURE__ */ jsx7("circle", { cx: "19", cy: "12", r: "1.5" })
   ] });
 }
 function SquarePlusIcon({ size = 24, style, className }) {
   return /* @__PURE__ */ jsxs2("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx8("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
-    /* @__PURE__ */ jsx8("path", { d: "M12 8v8" }),
-    /* @__PURE__ */ jsx8("path", { d: "M8 12h8" })
+    /* @__PURE__ */ jsx7("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+    /* @__PURE__ */ jsx7("path", { d: "M12 8v8" }),
+    /* @__PURE__ */ jsx7("path", { d: "M8 12h8" })
   ] });
 }
 function DownloadIcon({ size = 24, style, className }) {
   return /* @__PURE__ */ jsxs2("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx8("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" }),
-    /* @__PURE__ */ jsx8("polyline", { points: "7 10 12 15 17 10" }),
-    /* @__PURE__ */ jsx8("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+    /* @__PURE__ */ jsx7("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" }),
+    /* @__PURE__ */ jsx7("polyline", { points: "7 10 12 15 17 10" }),
+    /* @__PURE__ */ jsx7("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
   ] });
 }
 function ExternalLinkIcon({ size = 24, style, className }) {
   return /* @__PURE__ */ jsxs2("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx8("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }),
-    /* @__PURE__ */ jsx8("polyline", { points: "15 3 21 3 21 9" }),
-    /* @__PURE__ */ jsx8("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+    /* @__PURE__ */ jsx7("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }),
+    /* @__PURE__ */ jsx7("polyline", { points: "15 3 21 3 21 9" }),
+    /* @__PURE__ */ jsx7("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
   ] });
 }
 function XIcon({ size = 20, style, className }) {
   return /* @__PURE__ */ jsxs2("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx8("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-    /* @__PURE__ */ jsx8("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+    /* @__PURE__ */ jsx7("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ jsx7("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
 
 // src/components/InstallGate/variants/AndroidNativeVariant.tsx
-import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 function AndroidNativeVariant({
   state,
   actions
@@ -889,12 +1106,12 @@ function AndroidNativeVariant({
         onClick: () => void actions.promptInstall(),
         style: { ...primaryButtonStyle, display: "inline-flex", alignItems: "center", justifyContent: "center", gap: 8 },
         children: [
-          /* @__PURE__ */ jsx9(DownloadIcon, { size: 18 }),
+          /* @__PURE__ */ jsx8(DownloadIcon, { size: 18 }),
           copy.cta
         ]
       }
     ),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx8(
       "button",
       {
         "data-testid": "install-prompt-skip-session",
@@ -904,7 +1121,7 @@ function AndroidNativeVariant({
         children: copy.skip
       }
     ),
-    showPermanent && /* @__PURE__ */ jsx9(
+    showPermanent && /* @__PURE__ */ jsx8(
       "button",
       {
         "data-testid": "install-prompt-skip-permanent",
@@ -918,7 +1135,7 @@ function AndroidNativeVariant({
 }
 
 // src/components/InstallGate/variants/AndroidManualVariant.tsx
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 function AndroidManualVariant({
   state,
   actions
@@ -926,9 +1143,9 @@ function AndroidManualVariant({
   const copy = INSTALL_COPY.android.manual;
   const showPermanent = shouldShowPermanentOption(state);
   return /* @__PURE__ */ jsxs4(InstallSplash, { title: copy.title, children: [
-    /* @__PURE__ */ jsx10(Step, { n: 1, icon: /* @__PURE__ */ jsx10(MenuDotsVerticalIcon, { size: 20 }), children: copy.step1 }),
-    /* @__PURE__ */ jsx10(Step, { n: 2, icon: /* @__PURE__ */ jsx10(DownloadIcon, { size: 18 }), children: copy.step2 }),
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx9(Step, { n: 1, icon: /* @__PURE__ */ jsx9(MenuDotsVerticalIcon, { size: 20 }), children: copy.step1 }),
+    /* @__PURE__ */ jsx9(Step, { n: 2, icon: /* @__PURE__ */ jsx9(DownloadIcon, { size: 18 }), children: copy.step2 }),
+    /* @__PURE__ */ jsx9(
       "button",
       {
         "data-testid": "install-prompt-cta-android-manual",
@@ -938,7 +1155,7 @@ function AndroidManualVariant({
         children: copy.cta
       }
     ),
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx9(
       "button",
       {
         "data-testid": "install-prompt-skip-session",
@@ -948,7 +1165,7 @@ function AndroidManualVariant({
         children: copy.skip
       }
     ),
-    showPermanent && /* @__PURE__ */ jsx10(
+    showPermanent && /* @__PURE__ */ jsx9(
       "button",
       {
         "data-testid": "install-prompt-skip-permanent",
@@ -975,7 +1192,7 @@ function Step({ n, icon, children }) {
         textAlign: "left"
       },
       children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx9(
           "div",
           {
             style: {
@@ -994,15 +1211,15 @@ function Step({ n, icon, children }) {
             children: n
           }
         ),
-        /* @__PURE__ */ jsx10("div", { style: { flex: 1, fontSize: 15, color: "#333" }, children }),
-        /* @__PURE__ */ jsx10("div", { style: { color: "#888", flexShrink: 0 }, children: icon })
+        /* @__PURE__ */ jsx9("div", { style: { flex: 1, fontSize: 15, color: "#333" }, children }),
+        /* @__PURE__ */ jsx9("div", { style: { color: "#888", flexShrink: 0 }, children: icon })
       ]
     }
   );
 }
 
 // src/components/InstallGate/Step.tsx
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 function Step2({
   n,
   title,
@@ -1020,7 +1237,7 @@ function Step2({
         textAlign: "left"
       },
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx10(
           "div",
           {
             style: {
@@ -1040,8 +1257,8 @@ function Step2({
           }
         ),
         /* @__PURE__ */ jsxs5("div", { style: { flex: 1 }, children: [
-          /* @__PURE__ */ jsx11("p", { style: { margin: 0, fontSize: 15, fontWeight: 500, color: "#111", lineHeight: 1.3 }, children: title }),
-          subtitle && /* @__PURE__ */ jsx11("p", { style: { margin: "4px 0 0 0", fontSize: 13, color: "#777" }, children: subtitle }),
+          /* @__PURE__ */ jsx10("p", { style: { margin: 0, fontSize: 15, fontWeight: 500, color: "#111", lineHeight: 1.3 }, children: title }),
+          subtitle && /* @__PURE__ */ jsx10("p", { style: { margin: "4px 0 0 0", fontSize: 13, color: "#777" }, children: subtitle }),
           visual
         ] })
       ]
@@ -1050,7 +1267,7 @@ function Step2({
 }
 
 // src/components/InstallGate/variants/IOSafariVariant.tsx
-import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 function IOSafariVariant({
   state,
   actions
@@ -1058,13 +1275,13 @@ function IOSafariVariant({
   const copy = INSTALL_COPY.iosSafari;
   const showPermanent = shouldShowPermanentOption(state);
   return /* @__PURE__ */ jsxs6(InstallSplash, { title: copy.title, subtitle: copy.subtitle, children: [
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx11(
       Step2,
       {
         n: 1,
         title: copy.step1.title,
         subtitle: copy.step1.subtitle,
-        visual: /* @__PURE__ */ jsx12(
+        visual: /* @__PURE__ */ jsx11(
           "div",
           {
             style: {
@@ -1076,12 +1293,12 @@ function IOSafariVariant({
               padding: "12px 0",
               marginTop: 8
             },
-            children: /* @__PURE__ */ jsx12(ShareIconIOS, { size: 32, style: { color: "var(--hook-color-primary)" } })
+            children: /* @__PURE__ */ jsx11(ShareIconIOS, { size: 32, style: { color: "var(--hook-color-primary)" } })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx11(
       Step2,
       {
         n: 2,
@@ -1099,19 +1316,19 @@ function IOSafariVariant({
               marginTop: 8
             },
             children: [
-              /* @__PURE__ */ jsx12(SquarePlusIcon, { size: 22, style: { color: "#555" } }),
-              /* @__PURE__ */ jsx12("span", { style: { fontSize: 14, color: "#333" }, children: copy.step2.iconLabel })
+              /* @__PURE__ */ jsx11(SquarePlusIcon, { size: 22, style: { color: "#555" } }),
+              /* @__PURE__ */ jsx11("span", { style: { fontSize: 14, color: "#333" }, children: copy.step2.iconLabel })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx11(
       Step2,
       {
         n: 3,
         title: copy.step3.title,
-        visual: /* @__PURE__ */ jsx12(
+        visual: /* @__PURE__ */ jsx11(
           "div",
           {
             style: {
@@ -1122,7 +1339,7 @@ function IOSafariVariant({
               padding: "10px 14px",
               marginTop: 8
             },
-            children: /* @__PURE__ */ jsx12(
+            children: /* @__PURE__ */ jsx11(
               "span",
               {
                 style: {
@@ -1137,7 +1354,7 @@ function IOSafariVariant({
         )
       }
     ),
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx11(
       "button",
       {
         "data-testid": "install-prompt-skip-session",
@@ -1147,7 +1364,7 @@ function IOSafariVariant({
         children: copy.skip
       }
     ),
-    showPermanent && /* @__PURE__ */ jsx12(
+    showPermanent && /* @__PURE__ */ jsx11(
       "button",
       {
         "data-testid": "install-prompt-skip-permanent",
@@ -1161,7 +1378,7 @@ function IOSafariVariant({
 }
 
 // src/components/InstallGate/variants/IOSOtherVariant.tsx
-import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
 function IOSOtherVariant({
   state,
   actions
@@ -1169,13 +1386,13 @@ function IOSOtherVariant({
   const copy = INSTALL_COPY.iosOther;
   const showPermanent = shouldShowPermanentOption(state);
   return /* @__PURE__ */ jsxs7(InstallSplash, { title: copy.title, subtitle: copy.subtitle, children: [
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx12(
       Step2,
       {
         n: 1,
         title: copy.step1.title,
         subtitle: copy.step1.subtitle,
-        visual: /* @__PURE__ */ jsx13(
+        visual: /* @__PURE__ */ jsx12(
           "div",
           {
             style: {
@@ -1187,12 +1404,12 @@ function IOSOtherVariant({
               padding: "12px 0",
               marginTop: 8
             },
-            children: /* @__PURE__ */ jsx13(ShareIconIOS, { size: 32, style: { color: "var(--hook-color-primary)" } })
+            children: /* @__PURE__ */ jsx12(ShareIconIOS, { size: 32, style: { color: "var(--hook-color-primary)" } })
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx12(
       Step2,
       {
         n: 2,
@@ -1210,19 +1427,19 @@ function IOSOtherVariant({
               marginTop: 8
             },
             children: [
-              /* @__PURE__ */ jsx13(SquarePlusIcon, { size: 22, style: { color: "#555" } }),
-              /* @__PURE__ */ jsx13("span", { style: { fontSize: 14, color: "#333" }, children: copy.step2.iconLabel })
+              /* @__PURE__ */ jsx12(SquarePlusIcon, { size: 22, style: { color: "#555" } }),
+              /* @__PURE__ */ jsx12("span", { style: { fontSize: 14, color: "#333" }, children: copy.step2.iconLabel })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx12(
       Step2,
       {
         n: 3,
         title: copy.step3.title,
-        visual: /* @__PURE__ */ jsx13(
+        visual: /* @__PURE__ */ jsx12(
           "div",
           {
             style: {
@@ -1233,7 +1450,7 @@ function IOSOtherVariant({
               padding: "10px 14px",
               marginTop: 8
             },
-            children: /* @__PURE__ */ jsx13(
+            children: /* @__PURE__ */ jsx12(
               "span",
               {
                 style: {
@@ -1248,7 +1465,7 @@ function IOSOtherVariant({
         )
       }
     ),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx12(
       "button",
       {
         "data-testid": "install-prompt-skip-session",
@@ -1258,7 +1475,7 @@ function IOSOtherVariant({
         children: copy.skip
       }
     ),
-    showPermanent && /* @__PURE__ */ jsx13(
+    showPermanent && /* @__PURE__ */ jsx12(
       "button",
       {
         "data-testid": "install-prompt-skip-permanent",
@@ -1272,8 +1489,8 @@ function IOSOtherVariant({
 }
 
 // src/components/InstallGate/variants/InAppBrowserVariant.tsx
-import { useState as useState5 } from "react";
-import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useState as useState3 } from "react";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
 function InAppBrowserVariant({
   state,
   actions
@@ -1282,7 +1499,7 @@ function InAppBrowserVariant({
   const appCopy = INSTALL_COPY.inApp[app] ?? INSTALL_COPY.inApp.other;
   const copy = INSTALL_COPY.inApp;
   const showPermanent = shouldShowPermanentOption(state);
-  const [copied, setCopied] = useState5(false);
+  const [copied, setCopied] = useState3(false);
   const handleCopy = async () => {
     await actions.copyLink();
     setCopied(true);
@@ -1290,9 +1507,9 @@ function InAppBrowserVariant({
   };
   const DotsIcon = app === "facebook" || app === "telegram" ? MenuDotsVerticalIcon : MenuDotsHorizontalIcon;
   return /* @__PURE__ */ jsxs8(InstallSplash, { title: appCopy.title, children: [
-    /* @__PURE__ */ jsx14(Step3, { n: 1, icon: /* @__PURE__ */ jsx14(DotsIcon, { size: 20 }), children: appCopy.step1 }),
-    /* @__PURE__ */ jsx14(Step3, { n: 2, icon: /* @__PURE__ */ jsx14(ExternalLinkIcon, { size: 18 }), children: appCopy.step2 }),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx13(Step3, { n: 1, icon: /* @__PURE__ */ jsx13(DotsIcon, { size: 20 }), children: appCopy.step1 }),
+    /* @__PURE__ */ jsx13(Step3, { n: 2, icon: /* @__PURE__ */ jsx13(ExternalLinkIcon, { size: 18 }), children: appCopy.step2 }),
+    /* @__PURE__ */ jsx13(
       "button",
       {
         "data-testid": "install-prompt-cta-inapp-copy",
@@ -1302,7 +1519,7 @@ function InAppBrowserVariant({
         children: copied ? copy.copiedToast : copy.copy
       }
     ),
-    /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx13(
       "button",
       {
         "data-testid": "install-prompt-skip-session",
@@ -1312,7 +1529,7 @@ function InAppBrowserVariant({
         children: copy.skip
       }
     ),
-    showPermanent && /* @__PURE__ */ jsx14(
+    showPermanent && /* @__PURE__ */ jsx13(
       "button",
       {
         "data-testid": "install-prompt-skip-permanent",
@@ -1343,7 +1560,7 @@ function Step3({
         textAlign: "left"
       },
       children: [
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx13(
           "div",
           {
             style: {
@@ -1362,15 +1579,15 @@ function Step3({
             children: n
           }
         ),
-        /* @__PURE__ */ jsx14("div", { style: { flex: 1, fontSize: 14, color: "#333" }, children }),
-        /* @__PURE__ */ jsx14("div", { style: { color: "#888", flexShrink: 0 }, children: icon })
+        /* @__PURE__ */ jsx13("div", { style: { flex: 1, fontSize: 14, color: "#333" }, children }),
+        /* @__PURE__ */ jsx13("div", { style: { color: "#888", flexShrink: 0 }, children: icon })
       ]
     }
   );
 }
 
 // src/components/InstallGate/variants/DesktopVariant.tsx
-import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 function DesktopVariant({
   state,
   actions
@@ -1386,14 +1603,14 @@ function DesktopVariant({
       "aria-label": copy.title,
       style: bannerStyle,
       children: [
-        iconUrl ? /* @__PURE__ */ jsx15(
+        iconUrl ? /* @__PURE__ */ jsx14(
           "img",
           {
             src: iconUrl,
             alt: "",
             style: { width: 40, height: 40, borderRadius: 10, objectFit: "cover", flexShrink: 0 }
           }
-        ) : /* @__PURE__ */ jsx15(
+        ) : /* @__PURE__ */ jsx14(
           "div",
           {
             style: {
@@ -1413,8 +1630,8 @@ function DesktopVariant({
           }
         ),
         /* @__PURE__ */ jsxs9("div", { style: { flex: 1, minWidth: 0 }, children: [
-          /* @__PURE__ */ jsx15("div", { style: { fontSize: 14, fontWeight: 600, color: "#111" }, children: copy.title }),
-          /* @__PURE__ */ jsx15("div", { style: { fontSize: 12, color: "#666" }, children: copy.subtitle })
+          /* @__PURE__ */ jsx14("div", { style: { fontSize: 14, fontWeight: 600, color: "#111" }, children: copy.title }),
+          /* @__PURE__ */ jsx14("div", { style: { fontSize: 12, color: "#666" }, children: copy.subtitle })
         ] }),
         /* @__PURE__ */ jsxs9(
           "button",
@@ -1437,12 +1654,12 @@ function DesktopVariant({
               flexShrink: 0
             },
             children: [
-              /* @__PURE__ */ jsx15(DownloadIcon, { size: 14 }),
+              /* @__PURE__ */ jsx14(DownloadIcon, { size: 14 }),
               copy.cta
             ]
           }
         ),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx14(
           "button",
           {
             "data-testid": "install-prompt-desktop-close",
@@ -1457,7 +1674,7 @@ function DesktopVariant({
               padding: 4,
               flexShrink: 0
             },
-            children: /* @__PURE__ */ jsx15(XIcon, { size: 16 })
+            children: /* @__PURE__ */ jsx14(XIcon, { size: 16 })
           }
         )
       ]
@@ -1481,14 +1698,14 @@ var bannerStyle = {
 };
 
 // src/components/InstallGate/InstallGate.tsx
-import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 function InstallGate({ children }) {
   const { slug, features_enabled } = useTemplateConfig();
   const enabled = features_enabled.includes("install_prompt");
   const installState = useInstallPrompt(slug);
   const shouldBlock = enabled && shouldBlockInstall(installState);
-  const trackedRef = useRef2(null);
-  useEffect5(() => {
+  const trackedRef = useRef(null);
+  useEffect4(() => {
     if (!shouldBlock) return;
     if (typeof window === "undefined") return;
     const variantKey = `${slug}:${installState.variant}`;
@@ -1502,36 +1719,41 @@ function InstallGate({ children }) {
       variant: installState.variant
     });
   }, [shouldBlock, slug, installState.variant, installState.platform, installState.iosBrowser, installState.androidBrowser, installState.inAppApp]);
-  if (!enabled) return /* @__PURE__ */ jsx16(Fragment4, { children });
-  if (installState.isInstalled) return /* @__PURE__ */ jsx16(Fragment4, { children });
+  if (!enabled) return /* @__PURE__ */ jsx15(Fragment3, { children });
+  if (installState.isInstalled) return /* @__PURE__ */ jsx15(Fragment3, { children });
   if (installState.variant === "desktop") {
     const showBanner = !installState.isDismissedSession && !installState.isDismissedPermanent;
-    return /* @__PURE__ */ jsxs10(Fragment4, { children: [
+    return /* @__PURE__ */ jsxs10(Fragment3, { children: [
       children,
-      showBanner && /* @__PURE__ */ jsx16(DesktopVariant, { state: installState, actions: installState })
+      showBanner && /* @__PURE__ */ jsx15(DesktopVariant, { state: installState, actions: installState })
     ] });
   }
-  if (!shouldBlock) return /* @__PURE__ */ jsx16(Fragment4, { children });
+  if (!shouldBlock) return /* @__PURE__ */ jsx15(Fragment3, { children });
   switch (installState.variant) {
     case "android-native":
-      return /* @__PURE__ */ jsx16(AndroidNativeVariant, { state: installState, actions: installState });
+      return /* @__PURE__ */ jsx15(AndroidNativeVariant, { state: installState, actions: installState });
     case "android-manual":
-      return /* @__PURE__ */ jsx16(AndroidManualVariant, { state: installState, actions: installState });
+      return /* @__PURE__ */ jsx15(AndroidManualVariant, { state: installState, actions: installState });
     case "ios-safari":
-      return /* @__PURE__ */ jsx16(IOSafariVariant, { state: installState, actions: installState });
+      return /* @__PURE__ */ jsx15(IOSafariVariant, { state: installState, actions: installState });
     case "ios-other":
-      return /* @__PURE__ */ jsx16(IOSOtherVariant, { state: installState, actions: installState });
+      return /* @__PURE__ */ jsx15(IOSOtherVariant, { state: installState, actions: installState });
     case "in-app":
-      return /* @__PURE__ */ jsx16(InAppBrowserVariant, { state: installState, actions: installState });
+      return /* @__PURE__ */ jsx15(InAppBrowserVariant, { state: installState, actions: installState });
     case "none":
     default:
-      return /* @__PURE__ */ jsx16(Fragment4, { children });
+      return /* @__PURE__ */ jsx15(Fragment3, { children });
   }
 }
 
+// src/internal/PushPrompt.tsx
+function PushPrompt() {
+  return null;
+}
+
 // src/defaults/ErrorBoundary.tsx
 import { Component } from "react";
-import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
 var ErrorBoundary = class extends Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
@@ -1543,68 +1765,396 @@ var ErrorBoundary = class extends Component {
   render() {
     if (this.state.error) {
       return this.props.fallback ?? /* @__PURE__ */ jsxs11("div", { role: "alert", style: { padding: 24, textAlign: "center" }, children: [
-        /* @__PURE__ */ jsx17("h2", { children: "Algo deu errado" }),
-        /* @__PURE__ */ jsx17("p", { style: { opacity: 0.7 }, children: "Recarregue a p\xE1gina pra tentar de novo." })
+        /* @__PURE__ */ jsx16("h2", { children: "Algo deu errado" }),
+        /* @__PURE__ */ jsx16("p", { style: { opacity: 0.7 }, children: "Recarregue a p\xE1gina pra tentar de novo." })
       ] });
     }
-    return /* @__PURE__ */ jsx17(Fragment5, { children: this.props.children });
+    return /* @__PURE__ */ jsx16(Fragment4, { children: this.props.children });
   }
 };
 
-// src/hooks/useLoginForm.ts
-import { useCallback as useCallback3, useMemo as useMemo3, useState as useState6 } from "react";
-import { useHook as useHook4 } from "@hook-sdk/sdk";
-
-// src/errors.ts
-import { SdkError, SdkAuthError, SdkRateLimitError } from "@hook-sdk/sdk";
-function mapSdkError(err) {
-  if (err instanceof SdkRateLimitError) {
-    return {
-      code: "rate_limited",
-      message: `Aguarde ${err.retryAfter}s e tente novamente.`,
-      retryAfter: err.retryAfter
+// src/internal/PaymentReturnHandler.tsx
+import { useCallback as useCallback3, useEffect as useEffect5, useRef as useRef2, useState as useState4 } from "react";
+import { useHook as useHook3 } from "@hook-sdk/sdk";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+var BACKOFF_MS = [2e3, 5e3, 1e4, 2e4, 4e4];
+function PaymentReturnHandler({ children }) {
+  const { subscription } = useHook3();
+  const subRef = useRef2(subscription);
+  subRef.current = subscription;
+  const runIdRef = useRef2(0);
+  const [state, setState] = useState4("idle");
+  const runPoll = useCallback3(() => {
+    const runId = ++runIdRef.current;
+    setState("confirming");
+    let attempts = 0;
+    const tick = async () => {
+      if (runIdRef.current !== runId) return;
+      attempts++;
+      try {
+        await subRef.current.refresh();
+      } catch {
+      }
+      if (runIdRef.current !== runId) return;
+      const status = subRef.current.status();
+      if (status === "active" || status === "trialing") {
+        const cleanUrl = new URL(window.location.href);
+        cleanUrl.searchParams.delete("paymentReturn");
+        window.history.replaceState({}, "", cleanUrl.toString());
+        setState("idle");
+        return;
+      }
+      const delay = BACKOFF_MS[attempts - 1];
+      if (delay === void 0) {
+        setState("waiting");
+        return;
+      }
+      setTimeout(tick, delay);
     };
+    void tick();
+  }, []);
+  useEffect5(() => {
+    if (typeof window === "undefined") return;
+    const url = new URL(window.location.href);
+    if (url.searchParams.get("paymentReturn") !== "1") return;
+    runPoll();
+    return () => {
+      runIdRef.current++;
+    };
+  }, [runPoll]);
+  if (state === "confirming") {
+    return /* @__PURE__ */ jsx17("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: "Confirmando pagamento\u2026" });
   }
-  if (err instanceof SdkAuthError) {
-    const detail = err.detail;
-    if (detail === "email_unverified") {
-      return { code: "email_unverified", message: "Confirme seu e-mail antes de entrar." };
-    }
-    if (detail === "account_locked") {
-      return { code: "account_locked", message: "Conta bloqueada. Contate o suporte." };
-    }
-    return { code: "invalid_credentials", message: "E-mail ou senha inv\xE1lidos." };
-  }
-  if (err instanceof SdkError && err.httpStatus === 0) {
-    return { code: "network", message: "Sem conex\xE3o com o servidor. Verifique sua internet." };
-  }
-  if (err instanceof TypeError) {
-    return { code: "network", message: "Sem conex\xE3o com o servidor. Verifique sua internet." };
+  if (state === "waiting") {
+    return /* @__PURE__ */ jsx17("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: /* @__PURE__ */ jsxs12("div", { style: { maxWidth: 320, textAlign: "center", lineHeight: 1.5 }, children: [
+      /* @__PURE__ */ jsx17("div", { style: { marginBottom: 16 }, children: "Pagamento aceito. Estamos confirmando com o banco \u2014 pode levar alguns minutos." }),
+      /* @__PURE__ */ jsx17("button", { type: "button", onClick: runPoll, style: buttonStyle, children: "Atualizar" })
+    ] }) });
   }
-  return { code: "server", message: "Algo deu errado. Tente novamente em instantes." };
+  return /* @__PURE__ */ jsx17(Fragment5, { children });
 }
-
-// src/hooks/useLoginForm.ts
-var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-var MIN_PASSWORD = 8;
+var overlayStyle2 = {
+  position: "fixed",
+  inset: 0,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  background: "rgba(0,0,0,0.4)",
+  zIndex: 9999,
+  color: "white",
+  fontSize: "1rem",
+  padding: 24
+};
+var buttonStyle = {
+  background: "white",
+  color: "black",
+  border: "none",
+  borderRadius: 8,
+  padding: "10px 24px",
+  fontSize: "1rem",
+  fontWeight: 600,
+  cursor: "pointer"
+};
+
+// src/AppRoot.tsx
+import { Fragment as Fragment6, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+function buildLegacyConfigShim(config) {
+  const paywall = config.paywall;
+  const isFree = paywall.mode === "free";
+  const monthlyCents = isFree ? 0 : paywall.prices.monthlyCents;
+  const trialDays = isFree ? 0 : paywall.trialDays ?? 0;
+  return {
+    slug: config.slug,
+    name: config.name,
+    email_alias: config.slug,
+    theme: { primary_color: config.branding.primaryColor },
+    features_enabled: config.features_enabled ?? [],
+    dependencies_allowlist: ["react", "react-dom"],
+    subscription: {
+      mode: paywall.mode,
+      price_cents: monthlyCents,
+      currency: "brl",
+      trial_days: trialDays,
+      paywall_config: {
+        title: config.name,
+        benefits: ["Acesso completo"],
+        cta: "Assinar"
+      }
+    },
+    sdk_version_required: ">=0.16.0",
+    max_bundle_size_kb: 500
+  };
+}
+function AppRoot(props) {
+  const {
+    config: rawConfig,
+    children,
+    testRouter,
+    testInitialEntries,
+    Login,
+    Signup,
+    Forgot,
+    Reset,
+    EmailVerify,
+    Paywall,
+    Onboarding,
+    PreAuthFlow
+  } = props;
+  if (!Login || !Signup || !Forgot || !Reset) {
+    throw new Error(
+      "[hook-template] <AppRoot>: Login, Signup, Forgot, Reset slot props are required."
+    );
+  }
+  const config = parseAppConfig(rawConfig);
+  if (config.paywall.mode !== "free" && !Paywall) {
+    throw new Error(
+      "[hook-template] <AppRoot>: Paywall slot prop is required when config.paywall.mode != 'free'."
+    );
+  }
+  if (config.authFlow.requiresEmailVerify && !EmailVerify) {
+    throw new Error(
+      "[hook-template] <AppRoot>: EmailVerify slot prop is required when config.authFlow.requiresEmailVerify === true."
+    );
+  }
+  if (config.onboarding?.trigger === "pre_signup_custom" && !PreAuthFlow) {
+    throw new Error(
+      "[hook-template] <AppRoot>: PreAuthFlow slot prop is required when config.onboarding.trigger === 'pre_signup_custom'."
+    );
+  }
+  const legacyShim = useMemo3(() => buildLegacyConfigShim(config), [config]);
+  const Router = testRouter === "memory" ? MemoryRouter : BrowserRouter;
+  const basename = `/app/${config.slug}`;
+  const routerProps = testRouter === "memory" ? { basename, initialEntries: testInitialEntries } : { basename };
+  return /* @__PURE__ */ jsx18(ErrorBoundary, { children: /* @__PURE__ */ jsx18(AppConfigProvider, { config, children: /* @__PURE__ */ jsx18(TemplateConfigProvider, { config: legacyShim, children: /* @__PURE__ */ jsx18(ThemeProvider, { children: /* @__PURE__ */ jsx18(PersistenceRegistry, { config: config.persistedKeys, children: /* @__PURE__ */ jsxs13(Router, { ...routerProps, children: [
+    /* @__PURE__ */ jsx18(DeepLinkHandler, { deepLinks: config.deepLinks }),
+    /* @__PURE__ */ jsx18(InstallGate, { children: /* @__PURE__ */ jsx18(
+      AuthGated,
+      {
+        config,
+        Login,
+        Signup,
+        Forgot,
+        Reset,
+        EmailVerify,
+        Paywall,
+        Onboarding,
+        PreAuthFlow,
+        children: /* @__PURE__ */ jsxs13(SubscriptionGate, { Paywall: Paywall ?? FallbackPaywall, children: [
+          children,
+          /* @__PURE__ */ jsx18(PushPrompt, {})
+        ] })
+      }
+    ) })
+  ] }) }) }) }) }) });
+}
+function AuthGated({
+  children,
+  config,
+  Login,
+  Signup,
+  Forgot,
+  Reset,
+  EmailVerify,
+  PreAuthFlow
+}) {
+  const { authStatus } = useHook4();
+  if (authStatus === "loading") return null;
+  if (authStatus !== "authenticated") {
+    if (config.onboarding?.trigger === "pre_signup_custom" && PreAuthFlow) {
+      return /* @__PURE__ */ jsxs13(Routes, { children: [
+        /* @__PURE__ */ jsx18(Route, { path: "/signin", element: /* @__PURE__ */ jsx18(Login, {}) }),
+        /* @__PURE__ */ jsx18(Route, { path: "/signup", element: /* @__PURE__ */ jsx18(Signup, {}) }),
+        /* @__PURE__ */ jsx18(Route, { path: "/forgot", element: /* @__PURE__ */ jsx18(Forgot, {}) }),
+        /* @__PURE__ */ jsx18(Route, { path: "/reset", element: /* @__PURE__ */ jsx18(Reset, {}) }),
+        EmailVerify ? /* @__PURE__ */ jsx18(Route, { path: "/verify", element: /* @__PURE__ */ jsx18(EmailVerify, {}) }) : null,
+        /* @__PURE__ */ jsx18(Route, { path: "/*", element: /* @__PURE__ */ jsx18(PreAuthFlow, {}) })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs13(Routes, { children: [
+      /* @__PURE__ */ jsx18(Route, { path: "/", element: /* @__PURE__ */ jsx18(Login, {}) }),
+      /* @__PURE__ */ jsx18(Route, { path: "/signup", element: /* @__PURE__ */ jsx18(Signup, {}) }),
+      /* @__PURE__ */ jsx18(Route, { path: "/forgot", element: /* @__PURE__ */ jsx18(Forgot, {}) }),
+      /* @__PURE__ */ jsx18(Route, { path: "/reset", element: /* @__PURE__ */ jsx18(Reset, {}) }),
+      EmailVerify ? /* @__PURE__ */ jsx18(Route, { path: "/verify", element: /* @__PURE__ */ jsx18(EmailVerify, {}) }) : null,
+      /* @__PURE__ */ jsx18(Route, { path: "*", element: /* @__PURE__ */ jsx18(Navigate, { to: "/", replace: true }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsx18(Fragment6, { children });
+}
+function FallbackPaywall() {
+  return null;
+}
+
+// src/hooks/usePush.ts
+import { useCallback as useCallback4, useEffect as useEffect6, useState as useState5 } from "react";
+import { useHook as useHook5 } from "@hook-sdk/sdk";
+function detectIosNeedsInstall() {
+  if (typeof navigator === "undefined" || typeof window === "undefined") return false;
+  const ua = navigator.userAgent || "";
+  const isIos = /iPhone|iPad|iPod/.test(ua);
+  if (!isIos) return false;
+  const mm = window.matchMedia?.("(display-mode: standalone)");
+  const standalone = mm?.matches === true;
+  const legacyStandalone = typeof navigator.standalone === "boolean" ? navigator.standalone : false;
+  return !(standalone || legacyStandalone);
+}
+function deriveState(push) {
+  if (!push.isAvailable()) {
+    if (detectIosNeedsInstall()) return { kind: "ios_needs_install" };
+    return { kind: "unsupported" };
+  }
+  const status = push.status();
+  if (status === "granted") return { kind: "subscribed" };
+  if (status === "denied") return { kind: "denied" };
+  if (status === "unsupported") {
+    if (detectIosNeedsInstall()) return { kind: "ios_needs_install" };
+    return { kind: "unsupported" };
+  }
+  return { kind: "prompt" };
+}
+function usePush() {
+  const { push } = useHook5();
+  const [state, setState] = useState5(() => deriveState(push));
+  useEffect6(() => {
+    setState(deriveState(push));
+  }, [push]);
+  const subscribe = useCallback4(async () => {
+    try {
+      await push.subscribe();
+      setState({ kind: "subscribed" });
+    } catch (e) {
+      const code = e?.code ?? "push.unknown";
+      const message = e?.message ?? "Push subscription failed";
+      if (code === "push.permission_denied") setState({ kind: "denied" });
+      else setState({ kind: "error", code, message });
+      throw e;
+    }
+  }, [push]);
+  const unsubscribe = useCallback4(async () => {
+    try {
+      await push.unsubscribe();
+      setState({ kind: "prompt" });
+    } catch (e) {
+      setState({ kind: "error", code: e?.code ?? "push.unknown", message: e?.message ?? "failed" });
+      throw e;
+    }
+  }, [push]);
+  return { state, subscribe, unsubscribe };
+}
+
+// src/components/PushPrompt.tsx
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, className }) {
+  const { state, subscribe } = usePush();
+  if (state.kind === "subscribed") return null;
+  if (state.kind === "ios_needs_install") {
+    return /* @__PURE__ */ jsxs14("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
+      /* @__PURE__ */ jsx19("h3", { children: texts.iosInstallTitle }),
+      /* @__PURE__ */ jsx19("p", { children: texts.iosInstallBody }),
+      onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ jsx19("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
+    ] });
+  }
+  if (state.kind === "denied") {
+    return /* @__PURE__ */ jsxs14("div", { className, role: "region", "aria-label": texts.deniedTitle, children: [
+      /* @__PURE__ */ jsx19("h3", { children: texts.deniedTitle }),
+      /* @__PURE__ */ jsx19("p", { children: texts.deniedBody })
+    ] });
+  }
+  if (state.kind === "unsupported") {
+    return /* @__PURE__ */ jsx19("div", { className, role: "region", children: /* @__PURE__ */ jsx19("p", { children: texts.unsupportedBody }) });
+  }
+  if (state.kind === "error") {
+    return /* @__PURE__ */ jsx19("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ jsx19("p", { children: state.message }) });
+  }
+  return /* @__PURE__ */ jsxs14("div", { className, role: "region", children: [
+    /* @__PURE__ */ jsx19(
+      "button",
+      {
+        type: "button",
+        onClick: async () => {
+          try {
+            await subscribe();
+            onSubscribed?.();
+          } catch {
+          }
+        },
+        children: texts.cta
+      }
+    ),
+    onDeclined && /* @__PURE__ */ jsx19("button", { type: "button", onClick: onDeclined, children: texts.declineCta })
+  ] });
+}
+
+// src/defaults/LoadingState.tsx
+import { jsx as jsx20 } from "react/jsx-runtime";
+function LoadingState({ message }) {
+  return /* @__PURE__ */ jsx20("div", { role: "status", "aria-live": "polite", style: { padding: 24, textAlign: "center" }, children: /* @__PURE__ */ jsx20("span", { children: message ?? "Carregando..." }) });
+}
+
+// src/defaults/EmptyState.tsx
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+function EmptyState({ title, description, action }) {
+  return /* @__PURE__ */ jsxs15("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
+    /* @__PURE__ */ jsx21("h2", { style: { marginBottom: 8 }, children: title }),
+    description && /* @__PURE__ */ jsx21("p", { style: { opacity: 0.7 }, children: description }),
+    action && /* @__PURE__ */ jsx21("div", { style: { marginTop: 16 }, children: action })
+  ] });
+}
+
+// src/hooks/useLoginForm.ts
+import { useCallback as useCallback5, useMemo as useMemo4, useState as useState6 } from "react";
+import { useHook as useHook6 } from "@hook-sdk/sdk";
+
+// src/errors.ts
+import { SdkError, SdkAuthError, SdkRateLimitError } from "@hook-sdk/sdk";
+function mapSdkError(err) {
+  if (err instanceof SdkRateLimitError) {
+    return {
+      code: "rate_limited",
+      message: `Aguarde ${err.retryAfter}s e tente novamente.`,
+      retryAfter: err.retryAfter
+    };
+  }
+  if (err instanceof SdkAuthError) {
+    const detail = err.detail;
+    if (detail === "email_unverified") {
+      return { code: "email_unverified", message: "Confirme seu e-mail antes de entrar." };
+    }
+    if (detail === "account_locked") {
+      return { code: "account_locked", message: "Conta bloqueada. Contate o suporte." };
+    }
+    return { code: "invalid_credentials", message: "E-mail ou senha inv\xE1lidos." };
+  }
+  if (err instanceof SdkError && err.httpStatus === 0) {
+    return { code: "network", message: "Sem conex\xE3o com o servidor. Verifique sua internet." };
+  }
+  if (err instanceof TypeError) {
+    return { code: "network", message: "Sem conex\xE3o com o servidor. Verifique sua internet." };
+  }
+  return { code: "server", message: "Algo deu errado. Tente novamente em instantes." };
+}
+
+// src/hooks/useLoginForm.ts
+var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+var MIN_PASSWORD = 8;
 function useLoginForm() {
-  const { auth } = useHook4();
+  const { auth } = useHook6();
   const [email, setEmail] = useState6("");
   const [password, setPassword] = useState6("");
   const [submitting, setSubmitting] = useState6(false);
   const [error, setError] = useState6(null);
-  const emailError = useMemo3(() => {
+  const emailError = useMemo4(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE.test(email)) return "Formato de e-mail inv\xE1lido.";
     return null;
   }, [email]);
-  const passwordError = useMemo3(() => {
+  const passwordError = useMemo4(() => {
     if (password.length === 0) return null;
     if (password.length < MIN_PASSWORD) return `M\xEDnimo de ${MIN_PASSWORD} caracteres.`;
     return null;
   }, [password]);
   const canSubmit = email.length > 0 && password.length >= MIN_PASSWORD && emailError === null && passwordError === null && !submitting;
-  const submit = useCallback3(async () => {
+  const submit = useCallback5(async () => {
     if (!canSubmit) return false;
     setSubmitting(true);
     setError(null);
@@ -1633,259 +2183,35 @@ function useLoginForm() {
   };
 }
 
-// src/internal/GoogleSignInButton.tsx
-import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
-function GoogleSignInButton({
-  onClick,
-  testId = "oauth-google",
-  label = "Continuar com Google"
-}) {
-  return /* @__PURE__ */ jsxs12(
-    "button",
-    {
-      "data-testid": testId,
-      type: "button",
-      onClick,
-      style: {
-        width: "100%",
-        padding: "10px 12px",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        gap: 10,
-        background: "#fff",
-        color: "#1f1f1f",
-        border: "1px solid #dadce0",
-        borderRadius: 8,
-        cursor: "pointer",
-        fontSize: 14,
-        fontWeight: 500,
-        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
-      },
-      children: [
-        /* @__PURE__ */ jsx18(GoogleGlyph, {}),
-        label
-      ]
-    }
-  );
-}
-function GoogleGlyph() {
-  return /* @__PURE__ */ jsxs12("svg", { width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx18(
-      "path",
-      {
-        d: "M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.874 2.684-6.615z",
-        fill: "#4285F4"
-      }
-    ),
-    /* @__PURE__ */ jsx18(
-      "path",
-      {
-        d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z",
-        fill: "#34A853"
-      }
-    ),
-    /* @__PURE__ */ jsx18(
-      "path",
-      {
-        d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332z",
-        fill: "#FBBC05"
-      }
-    ),
-    /* @__PURE__ */ jsx18(
-      "path",
-      {
-        d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58z",
-        fill: "#EA4335"
-      }
-    )
-  ] });
-}
-
-// src/internal/OAuthErrorBanner.tsx
-import { useEffect as useEffect6, useState as useState7 } from "react";
-import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
-var ERROR_MESSAGES = {
-  invalid_state: "Sess\xE3o expirou, tente de novo.",
-  access_denied: "Voc\xEA cancelou o login com Google.",
-  provider_error: "O Google recusou a autentica\xE7\xE3o. Tente de novo em alguns segundos.",
-  invalid_return_to: "Link inv\xE1lido. Tente entrar novamente."
-};
-function readErrorCode() {
-  if (typeof window === "undefined") return null;
-  const code = new URLSearchParams(window.location.search).get("oauth_error");
-  if (!code) return null;
-  return code;
-}
-function stripErrorFromUrl() {
-  if (typeof window === "undefined") return;
-  const url = new URL(window.location.href);
-  url.searchParams.delete("oauth_error");
-  window.history.replaceState({}, "", url.toString());
-}
-function OAuthErrorBanner() {
-  const [code, setCode] = useState7(() => readErrorCode());
-  useEffect6(() => {
-    if (code !== null) stripErrorFromUrl();
-  }, [code]);
-  if (!code) return null;
-  const message = ERROR_MESSAGES[code] ?? "N\xE3o conseguimos conectar ao Google. Tente de novo.";
-  return /* @__PURE__ */ jsxs13(
-    "div",
-    {
-      role: "alert",
-      "data-testid": "oauth-error-banner",
-      style: {
-        padding: "10px 12px",
-        marginBottom: 16,
-        background: "#fce8e6",
-        color: "#a50e0e",
-        borderRadius: 8,
-        fontSize: 14
-      },
-      children: [
-        message,
-        /* @__PURE__ */ jsx19(
-          "button",
-          {
-            type: "button",
-            onClick: () => setCode(null),
-            "aria-label": "Fechar",
-            style: {
-              float: "right",
-              background: "none",
-              border: "none",
-              color: "#a50e0e",
-              cursor: "pointer",
-              fontSize: 16,
-              lineHeight: 1,
-              padding: 0
-            },
-            children: "\xD7"
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/defaults/DefaultLoginScreen.tsx
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
-function DefaultLoginScreen({ onNavigate }) {
-  const { name } = useTemplateConfig();
-  const f = useLoginForm();
-  return /* @__PURE__ */ jsxs14("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
-    /* @__PURE__ */ jsx20("h1", { style: { marginBottom: 8 }, children: name }),
-    /* @__PURE__ */ jsx20("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Entre na sua conta" }),
-    /* @__PURE__ */ jsx20(OAuthErrorBanner, {}),
-    /* @__PURE__ */ jsx20(GoogleSignInButton, { onClick: f.loginWithGoogle, testId: "login-oauth-google" }),
-    /* @__PURE__ */ jsxs14(
-      "div",
-      {
-        "aria-hidden": "true",
-        style: {
-          display: "flex",
-          alignItems: "center",
-          gap: 8,
-          margin: "16px 0",
-          color: "rgba(0,0,0,0.45)",
-          fontSize: 12
-        },
-        children: [
-          /* @__PURE__ */ jsx20("span", { style: { flex: 1, height: 1, background: "rgba(0,0,0,0.1)" } }),
-          "ou",
-          /* @__PURE__ */ jsx20("span", { style: { flex: 1, height: 1, background: "rgba(0,0,0,0.1)" } })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs14("form", { onSubmit: (e) => {
-      e.preventDefault();
-      void f.submit();
-    }, children: [
-      /* @__PURE__ */ jsxs14("label", { style: { display: "block", marginBottom: 12 }, children: [
-        "E-mail",
-        /* @__PURE__ */ jsx20(
-          "input",
-          {
-            "data-testid": "login-email",
-            type: "email",
-            value: f.email,
-            onChange: (e) => f.setEmail(e.target.value),
-            style: { display: "block", width: "100%" }
-          }
-        ),
-        f.emailError && /* @__PURE__ */ jsx20("small", { style: { color: "#c00" }, children: f.emailError })
-      ] }),
-      /* @__PURE__ */ jsxs14("label", { style: { display: "block", marginBottom: 12 }, children: [
-        "Senha",
-        /* @__PURE__ */ jsx20(
-          "input",
-          {
-            "data-testid": "login-password",
-            type: "password",
-            value: f.password,
-            onChange: (e) => f.setPassword(e.target.value),
-            style: { display: "block", width: "100%" }
-          }
-        ),
-        f.passwordError && /* @__PURE__ */ jsx20("small", { style: { color: "#c00" }, children: f.passwordError })
-      ] }),
-      f.error && /* @__PURE__ */ jsx20("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
-      /* @__PURE__ */ jsx20(
-        "button",
-        {
-          "data-testid": "login-submit",
-          type: "submit",
-          disabled: !f.canSubmit,
-          style: {
-            width: "100%",
-            padding: 12,
-            background: "var(--hook-color-primary)",
-            color: "#fff",
-            border: "none",
-            borderRadius: 8,
-            opacity: f.canSubmit ? 1 : 0.5
-          },
-          children: f.submitting ? "Entrando..." : "Entrar"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs14("div", { style: { marginTop: 16, display: "flex", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ jsx20("button", { "data-testid": "login-goto-signup", type: "button", onClick: () => onNavigate("signup"), style: { background: "none", border: "none", cursor: "pointer" }, children: "Criar conta" }),
-      /* @__PURE__ */ jsx20("button", { "data-testid": "login-goto-forgot", type: "button", onClick: () => onNavigate("forgot"), style: { background: "none", border: "none", cursor: "pointer" }, children: "Esqueci senha" })
-    ] })
-  ] });
-}
-
 // src/hooks/useSignupForm.ts
-import { useCallback as useCallback4, useMemo as useMemo4, useState as useState8 } from "react";
-import { useHook as useHook5 } from "@hook-sdk/sdk";
+import { useCallback as useCallback6, useMemo as useMemo5, useState as useState7 } from "react";
+import { useHook as useHook7 } from "@hook-sdk/sdk";
 var EMAIL_RE2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var MIN_PASSWORD2 = 8;
 function useSignupForm() {
-  const { auth } = useHook5();
-  const [name, setName] = useState8("");
-  const [email, setEmail] = useState8("");
-  const [password, setPassword] = useState8("");
-  const [submitting, setSubmitting] = useState8(false);
-  const [error, setError] = useState8(null);
-  const nameError = useMemo4(() => {
+  const { auth } = useHook7();
+  const [name, setName] = useState7("");
+  const [email, setEmail] = useState7("");
+  const [password, setPassword] = useState7("");
+  const [submitting, setSubmitting] = useState7(false);
+  const [error, setError] = useState7(null);
+  const nameError = useMemo5(() => {
     if (name.length === 0) return null;
     if (name.trim().length < 2) return "Nome muito curto.";
     return null;
   }, [name]);
-  const emailError = useMemo4(() => {
+  const emailError = useMemo5(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE2.test(email)) return "Formato de e-mail inv\xE1lido.";
     return null;
   }, [email]);
-  const passwordError = useMemo4(() => {
+  const passwordError = useMemo5(() => {
     if (password.length === 0) return null;
     if (password.length < MIN_PASSWORD2) return `M\xEDnimo de ${MIN_PASSWORD2} caracteres.`;
     return null;
   }, [password]);
   const canSubmit = name.trim().length >= 2 && email.length > 0 && password.length >= MIN_PASSWORD2 && nameError === null && emailError === null && passwordError === null && !submitting;
-  const submit = useCallback4(async () => {
+  const submit = useCallback6(async () => {
     if (!canSubmit) return false;
     setSubmitting(true);
     setError(null);
@@ -1899,1100 +2225,173 @@ function useSignupForm() {
       setSubmitting(false);
     }
   }, [auth, name, email, password, canSubmit]);
-  return {
-    name,
-    setName,
-    nameError,
-    email,
-    setEmail,
-    emailError,
-    password,
-    setPassword,
-    passwordError,
-    submit,
-    submitting,
-    canSubmit,
-    error,
-    loginWithGoogle: () => auth.loginWithGoogle()
-  };
-}
-
-// src/defaults/DefaultSignupScreen.tsx
-import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
-function DefaultSignupScreen({ onNavigate }) {
-  const { name } = useTemplateConfig();
-  const f = useSignupForm();
-  return /* @__PURE__ */ jsxs15("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
-    /* @__PURE__ */ jsx21("h1", { style: { marginBottom: 8 }, children: name }),
-    /* @__PURE__ */ jsx21("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Criar sua conta" }),
-    /* @__PURE__ */ jsx21(OAuthErrorBanner, {}),
-    /* @__PURE__ */ jsx21(GoogleSignInButton, { onClick: f.loginWithGoogle, testId: "signup-oauth-google" }),
-    /* @__PURE__ */ jsxs15(
-      "div",
-      {
-        "aria-hidden": "true",
-        style: {
-          display: "flex",
-          alignItems: "center",
-          gap: 8,
-          margin: "16px 0",
-          color: "rgba(0,0,0,0.45)",
-          fontSize: 12
-        },
-        children: [
-          /* @__PURE__ */ jsx21("span", { style: { flex: 1, height: 1, background: "rgba(0,0,0,0.1)" } }),
-          "ou",
-          /* @__PURE__ */ jsx21("span", { style: { flex: 1, height: 1, background: "rgba(0,0,0,0.1)" } })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs15("form", { onSubmit: (e) => {
-      e.preventDefault();
-      void f.submit();
-    }, children: [
-      /* @__PURE__ */ jsxs15("label", { style: { display: "block", marginBottom: 12 }, children: [
-        "Nome",
-        /* @__PURE__ */ jsx21("input", { "data-testid": "signup-name", value: f.name, onChange: (e) => f.setName(e.target.value), style: { display: "block", width: "100%" } }),
-        f.nameError && /* @__PURE__ */ jsx21("small", { style: { color: "#c00" }, children: f.nameError })
-      ] }),
-      /* @__PURE__ */ jsxs15("label", { style: { display: "block", marginBottom: 12 }, children: [
-        "E-mail",
-        /* @__PURE__ */ jsx21("input", { "data-testid": "signup-email", type: "email", value: f.email, onChange: (e) => f.setEmail(e.target.value), style: { display: "block", width: "100%" } }),
-        f.emailError && /* @__PURE__ */ jsx21("small", { style: { color: "#c00" }, children: f.emailError })
-      ] }),
-      /* @__PURE__ */ jsxs15("label", { style: { display: "block", marginBottom: 12 }, children: [
-        "Senha",
-        /* @__PURE__ */ jsx21("input", { "data-testid": "signup-password", type: "password", value: f.password, onChange: (e) => f.setPassword(e.target.value), style: { display: "block", width: "100%" } }),
-        f.passwordError && /* @__PURE__ */ jsx21("small", { style: { color: "#c00" }, children: f.passwordError })
-      ] }),
-      f.error && /* @__PURE__ */ jsx21("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
-      /* @__PURE__ */ jsx21("button", { "data-testid": "signup-submit", type: "submit", disabled: !f.canSubmit, style: { width: "100%", padding: 12, background: "var(--hook-color-primary)", color: "#fff", border: "none", borderRadius: 8, opacity: f.canSubmit ? 1 : 0.5 }, children: f.submitting ? "Criando..." : "Criar conta" })
-    ] }),
-    /* @__PURE__ */ jsx21("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsx21("button", { "data-testid": "signup-goto-login", type: "button", onClick: () => onNavigate("login"), style: { background: "none", border: "none", cursor: "pointer" }, children: "J\xE1 tem conta? Entre" }) })
-  ] });
-}
-
-// src/hooks/useForgotForm.ts
-import { useCallback as useCallback5, useMemo as useMemo5, useState as useState9 } from "react";
-import { useHook as useHook6 } from "@hook-sdk/sdk";
-var EMAIL_RE3 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-function useForgotForm() {
-  const { auth } = useHook6();
-  const [email, setEmail] = useState9("");
-  const [submitting, setSubmitting] = useState9(false);
-  const [sent, setSent] = useState9(false);
-  const [error, setError] = useState9(null);
-  const emailError = useMemo5(() => {
-    if (email.length === 0) return null;
-    if (!EMAIL_RE3.test(email)) return "Formato de e-mail inv\xE1lido.";
-    return null;
-  }, [email]);
-  const canSubmit = email.length > 0 && emailError === null && !submitting;
-  const submit = useCallback5(async () => {
-    if (!canSubmit) return false;
-    setSubmitting(true);
-    setError(null);
-    try {
-      await auth.forgot({ email });
-      setSent(true);
-      return true;
-    } catch (err) {
-      setError(mapSdkError(err));
-      return false;
-    } finally {
-      setSubmitting(false);
-    }
-  }, [auth, email, canSubmit]);
-  return {
-    email,
-    setEmail,
-    emailError,
-    submit,
-    submitting,
-    canSubmit,
-    sent,
-    error
-  };
-}
-
-// src/defaults/DefaultForgotScreen.tsx
-import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
-function DefaultForgotScreen({ onNavigate }) {
-  const { name } = useTemplateConfig();
-  const f = useForgotForm();
-  if (f.sent) {
-    return /* @__PURE__ */ jsxs16("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
-      /* @__PURE__ */ jsx22("h1", { children: "Verifique seu e-mail" }),
-      /* @__PURE__ */ jsx22("p", { style: { opacity: 0.7 }, children: "Enviamos um link pra redefinir sua senha." }),
-      /* @__PURE__ */ jsx22("button", { "data-testid": "forgot-back-login", type: "button", onClick: () => onNavigate("login"), children: "Voltar pro login" })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs16("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
-    /* @__PURE__ */ jsx22("h1", { style: { marginBottom: 8 }, children: name }),
-    /* @__PURE__ */ jsx22("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Redefinir senha" }),
-    /* @__PURE__ */ jsxs16("form", { onSubmit: (e) => {
-      e.preventDefault();
-      void f.submit();
-    }, children: [
-      /* @__PURE__ */ jsxs16("label", { style: { display: "block", marginBottom: 12 }, children: [
-        "E-mail",
-        /* @__PURE__ */ jsx22("input", { "data-testid": "forgot-email", type: "email", value: f.email, onChange: (e) => f.setEmail(e.target.value), style: { display: "block", width: "100%" } }),
-        f.emailError && /* @__PURE__ */ jsx22("small", { style: { color: "#c00" }, children: f.emailError })
-      ] }),
-      f.error && /* @__PURE__ */ jsx22("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
-      /* @__PURE__ */ jsx22("button", { "data-testid": "forgot-submit", type: "submit", disabled: !f.canSubmit, style: { width: "100%", padding: 12, background: "var(--hook-color-primary)", color: "#fff", border: "none", borderRadius: 8, opacity: f.canSubmit ? 1 : 0.5 }, children: f.submitting ? "Enviando..." : "Enviar link" })
-    ] }),
-    /* @__PURE__ */ jsx22("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsx22("button", { "data-testid": "forgot-goto-login", type: "button", onClick: () => onNavigate("login"), style: { background: "none", border: "none", cursor: "pointer" }, children: "Voltar pro login" }) })
-  ] });
-}
-
-// src/hooks/useResetForm.ts
-import { useCallback as useCallback6, useEffect as useEffect7, useMemo as useMemo6, useState as useState10 } from "react";
-import { useHook as useHook7 } from "@hook-sdk/sdk";
-var MIN_PASSWORD3 = 12;
-function useResetForm() {
-  const { auth } = useHook7();
-  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);
-  useEffect7(() => {
-    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 passwordError = useMemo6(() => {
-    if (password.length === 0) return null;
-    if (password.length < MIN_PASSWORD3) return `M\xEDnimo de ${MIN_PASSWORD3} caracteres.`;
-    return null;
-  }, [password]);
-  const confirmError = useMemo6(() => {
-    if (confirm.length === 0) return null;
-    if (confirm !== password) return "Senhas n\xE3o coincidem.";
-    return null;
-  }, [confirm, password]);
-  const canSubmit = token !== null && password.length >= MIN_PASSWORD3 && confirm === password && passwordError === null && confirmError === null && !submitting && !done;
-  const submit = useCallback6(async () => {
-    if (!canSubmit || token === null) return;
-    setSubmitting(true);
-    setError(null);
-    try {
-      await auth.reset({ token, newPassword: password });
-      setDone(true);
-      if (typeof window !== "undefined") {
-        const url = new URL(window.location.href);
-        url.searchParams.delete("token");
-        url.searchParams.delete("screen");
-        window.history.replaceState({}, "", url.toString());
-      }
-    } catch (err) {
-      setError(mapSdkError(err));
-    } finally {
-      setSubmitting(false);
-    }
-  }, [auth, token, password, canSubmit]);
-  return {
-    token,
-    password,
-    setPassword,
-    passwordError,
-    confirm,
-    setConfirm,
-    confirmError,
-    submit,
-    submitting,
-    canSubmit,
-    done,
-    error
-  };
-}
-
-// src/defaults/DefaultResetScreen.tsx
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
-function DefaultResetScreen({ onNavigate }) {
-  const { name } = useTemplateConfig();
-  const f = useResetForm();
-  if (f.done) {
-    return /* @__PURE__ */ jsxs17("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
-      /* @__PURE__ */ jsx23("h1", { children: "Senha alterada" }),
-      /* @__PURE__ */ jsx23("p", { style: { opacity: 0.7 }, children: "Agora \xE9 s\xF3 fazer login com a nova senha." }),
-      /* @__PURE__ */ jsx23("button", { "data-testid": "reset-back-login", type: "button", onClick: () => onNavigate("login"), children: "Ir pro login" })
-    ] });
-  }
-  if (f.token === null) {
-    return /* @__PURE__ */ jsxs17("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
-      /* @__PURE__ */ jsx23("h1", { children: "Link inv\xE1lido" }),
-      /* @__PURE__ */ jsx23("p", { style: { opacity: 0.7 }, children: "Pe\xE7a um novo link de reset." }),
-      /* @__PURE__ */ jsx23("button", { "data-testid": "reset-goto-forgot", type: "button", onClick: () => onNavigate("forgot"), children: "Pedir novo link" })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs17("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
-    /* @__PURE__ */ jsx23("h1", { style: { marginBottom: 8 }, children: name }),
-    /* @__PURE__ */ jsx23("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Escolha uma nova senha" }),
-    /* @__PURE__ */ jsxs17("form", { onSubmit: (e) => {
-      e.preventDefault();
-      void f.submit();
-    }, children: [
-      /* @__PURE__ */ jsxs17("label", { style: { display: "block", marginBottom: 12 }, children: [
-        "Nova senha",
-        /* @__PURE__ */ jsx23("input", { "data-testid": "reset-password", type: "password", value: f.password, onChange: (e) => f.setPassword(e.target.value), style: { display: "block", width: "100%" }, autoComplete: "new-password" }),
-        f.passwordError && /* @__PURE__ */ jsx23("small", { style: { color: "#c00" }, children: f.passwordError })
-      ] }),
-      /* @__PURE__ */ jsxs17("label", { style: { display: "block", marginBottom: 12 }, children: [
-        "Confirmar senha",
-        /* @__PURE__ */ jsx23("input", { "data-testid": "reset-confirm", type: "password", value: f.confirm, onChange: (e) => f.setConfirm(e.target.value), style: { display: "block", width: "100%" }, autoComplete: "new-password" }),
-        f.confirmError && /* @__PURE__ */ jsx23("small", { style: { color: "#c00" }, children: f.confirmError })
-      ] }),
-      f.error && /* @__PURE__ */ jsx23("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
-      /* @__PURE__ */ jsx23("button", { "data-testid": "reset-submit", type: "submit", disabled: !f.canSubmit, style: { width: "100%", padding: 12, background: "var(--hook-color-primary)", color: "#fff", border: "none", borderRadius: 8, opacity: f.canSubmit ? 1 : 0.5 }, children: f.submitting ? "Alterando..." : "Alterar senha" })
-    ] })
-  ] });
-}
-
-// src/defaults/DefaultPaywall.tsx
-import { useMemo as useMemo7, useState as useState11 } from "react";
-
-// src/hooks/usePlan.ts
-import { useHook as useHook8 } from "@hook-sdk/sdk";
-function usePlan() {
-  const { plan } = useHook8();
-  return plan;
-}
-
-// src/utils/price.ts
-function formatBRL(cents) {
-  if (cents === null || cents === void 0) return "";
-  const reais = cents / 100;
-  return new Intl.NumberFormat("pt-BR", {
-    style: "currency",
-    currency: "BRL"
-  }).format(reais);
-}
-function monthlyFromYearly(yearlyCents) {
-  if (yearlyCents === null || yearlyCents === void 0) return 0;
-  return Math.round(yearlyCents / 12);
-}
-function dailyFromYearly(yearlyCents) {
-  if (yearlyCents === null || yearlyCents === void 0) return 0;
-  return Math.round(yearlyCents / 365);
-}
-function computeAnchorCents(baseCents, multiplier) {
-  if (multiplier === null || multiplier === void 0) return null;
-  if (!Number.isFinite(multiplier)) return null;
-  if (multiplier <= 1) return null;
-  return Math.round(baseCents * multiplier);
-}
-function discountPercent(anchorCents, realCents) {
-  if (anchorCents <= realCents) return 0;
-  return Math.floor((anchorCents - realCents) / anchorCents * 100);
-}
-
-// src/defaults/DefaultPaywall.tsx
-import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
-function DefaultPaywall() {
-  const config = useTemplateConfig();
-  const plan = usePlan();
-  const {
-    checkout,
-    opening,
-    error,
-    availableMethods,
-    monthlyEquivalent,
-    pixPending,
-    dismissPix
-  } = usePaywallState();
-  const p = config.subscription.paywall_config;
-  const paywallCfg = plan.data?.paywallConfig ?? {};
-  const anchorMultiplier = paywallCfg.anchorMultiplier ?? p.anchorMultiplier;
-  const anchorPriceCents = paywallCfg.anchorPriceCents ?? p.anchorPriceCents;
-  const [cycle, setCycle] = useState11("MONTHLY");
-  const [method, setMethod] = useState11("card");
-  const [cpf, setCpf] = useState11("");
-  const [cardNumber, setCardNumber] = useState11("");
-  const [cardHolderName, setCardHolderName] = useState11("");
-  const [cardExpiryMonth, setCardExpiryMonth] = useState11("");
-  const [cardExpiryYear, setCardExpiryYear] = useState11("");
-  const [cardCcv, setCardCcv] = useState11("");
-  const [holderName, setHolderName] = useState11("");
-  const [holderEmail, setHolderEmail] = useState11("");
-  const [holderPostalCode, setHolderPostalCode] = useState11("");
-  const [holderAddressNumber, setHolderAddressNumber] = useState11("");
-  const [holderPhone, setHolderPhone] = useState11("");
-  const trialDays = plan.data?.trialDays ?? 0;
-  const monthlyCents = plan.data?.priceCents ?? 0;
-  const yearlyCents = plan.data?.yearlyPriceCents ?? null;
-  const activeCents = cycle === "YEARLY" && yearlyCents ? monthlyEquivalent("YEARLY") : monthlyCents;
-  const cycleValueCents = cycle === "YEARLY" && yearlyCents ? yearlyCents : monthlyCents;
-  const cycleLabel = cycle === "YEARLY" ? "por ano" : "por m\xEAs";
-  const pct = useMemo7(() => {
-    if (!yearlyCents || !monthlyCents) return 0;
-    const derived = Math.round((1 - yearlyCents / 12 / monthlyCents) * 100);
-    return Math.max(0, derived);
-  }, [monthlyCents, yearlyCents]);
-  const anchorBaseCents = cycle === "YEARLY" && yearlyCents ? monthlyFromYearly(yearlyCents) : monthlyCents;
-  const anchorCents = computeAnchorCents(anchorBaseCents, anchorMultiplier) ?? (anchorPriceCents && anchorPriceCents > anchorBaseCents ? anchorPriceCents : null);
-  const anchorDiscount = anchorCents ? discountPercent(anchorCents, activeCents) : 0;
-  const cpfDigits = cpf.replace(/\D/g, "");
-  const cardFieldsFilled = cardNumber.replace(/\s/g, "").length >= 13 && cardHolderName.trim().length > 0 && cardExpiryMonth.length === 2 && cardExpiryYear.length >= 2 && cardCcv.length >= 3 && holderName.trim().length > 0 && /.+@.+\..+/.test(holderEmail) && holderPostalCode.replace(/\D/g, "").length === 8 && holderAddressNumber.trim().length > 0;
-  const canCheckout = cpfDigits.length === 11 && !opening && (method === "pix-auto" || cardFieldsFilled);
-  const ctaLabel = useMemo7(() => {
-    if (opening) return "Abrindo\u2026";
-    if (trialDays > 0) return `Comece trial de ${trialDays} dias gr\xE1tis`;
-    return p.cta ?? "Assinar agora";
-  }, [opening, trialDays, p.cta]);
-  const footer = useMemo7(() => {
-    if (trialDays > 0) {
-      return `Sem cobran\xE7a agora. Cobran\xE7a autom\xE1tica em ${trialDays} dias. Cancele quando quiser.`;
-    }
-    return "Cobran\xE7a imediata. Cancele quando quiser.";
-  }, [trialDays]);
-  const yearSuffix = cardExpiryYear.length === 2 ? `20${cardExpiryYear}` : cardExpiryYear;
-  const phoneDigits = holderPhone.replace(/\D/g, "");
-  const postalDigits = holderPostalCode.replace(/\D/g, "");
-  const submit = () => {
-    if (method === "card") {
-      void checkout({
-        cpf: cpfDigits,
-        cycle,
-        method: "card",
-        card: {
-          number: cardNumber.replace(/\s/g, ""),
-          holderName: cardHolderName.trim(),
-          expiryMonth: cardExpiryMonth,
-          expiryYear: yearSuffix,
-          ccv: cardCcv
-        },
-        holderInfo: {
-          name: holderName.trim(),
-          email: holderEmail.trim(),
-          cpfCnpj: cpfDigits,
-          postalCode: postalDigits,
-          addressNumber: holderAddressNumber.trim(),
-          ...phoneDigits ? { phone: phoneDigits } : {}
-        }
-      });
-      return;
-    }
-    void checkout({ cpf: cpfDigits, cycle, method: "pix-auto" });
-  };
-  const inputStyle = {
-    width: "100%",
-    padding: 10,
-    fontSize: 14,
-    borderRadius: 8,
-    border: "1px solid #ccc",
-    boxSizing: "border-box"
-  };
-  const labelStyle = { display: "block", fontSize: 13, opacity: 0.75, marginBottom: 4 };
-  const fieldGroup = { marginBottom: 10, textAlign: "left" };
-  return /* @__PURE__ */ jsxs18("main", { style: { padding: 24, maxWidth: 480, margin: "0 auto", textAlign: "center" }, children: [
-    /* @__PURE__ */ jsx24("h1", { style: { marginBottom: 8 }, children: p.title }),
-    p.subtitle && /* @__PURE__ */ jsx24("p", { style: { opacity: 0.7, marginBottom: 24 }, children: p.subtitle }),
-    /* @__PURE__ */ jsxs18(
-      "div",
-      {
-        role: "group",
-        "aria-label": "Per\xEDodo de cobran\xE7a",
-        style: { display: "flex", gap: 8, marginBottom: 16 },
-        children: [
-          /* @__PURE__ */ jsx24(
-            "button",
-            {
-              type: "button",
-              "aria-pressed": cycle === "MONTHLY",
-              onClick: () => setCycle("MONTHLY"),
-              style: {
-                flex: 1,
-                padding: 12,
-                borderRadius: 8,
-                border: cycle === "MONTHLY" ? "2px solid var(--hook-color-primary)" : "1px solid #ccc",
-                background: cycle === "MONTHLY" ? "var(--hook-color-primary-soft, #eef)" : "white",
-                cursor: "pointer"
-              },
-              children: "Mensal"
-            }
-          ),
-          /* @__PURE__ */ jsxs18(
-            "button",
-            {
-              type: "button",
-              "aria-pressed": cycle === "YEARLY",
-              onClick: () => setCycle("YEARLY"),
-              disabled: !yearlyCents,
-              style: {
-                flex: 1,
-                padding: 12,
-                borderRadius: 8,
-                border: cycle === "YEARLY" ? "2px solid var(--hook-color-primary)" : "1px solid #ccc",
-                background: cycle === "YEARLY" ? "var(--hook-color-primary-soft, #eef)" : "white",
-                cursor: yearlyCents ? "pointer" : "not-allowed",
-                opacity: yearlyCents ? 1 : 0.5
-              },
-              children: [
-                "Anual",
-                pct > 0 ? ` \u2212${pct}%` : ""
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs18("div", { style: { marginBottom: 8 }, children: [
-      /* @__PURE__ */ jsxs18("div", { style: { fontSize: 32, fontWeight: 700, lineHeight: 1 }, children: [
-        formatBRL(activeCents),
-        /* @__PURE__ */ jsx24("span", { style: { fontSize: 16, fontWeight: 400, opacity: 0.7 }, children: "/m\xEAs" })
-      ] }),
-      anchorCents && /* @__PURE__ */ jsxs18("div", { style: { fontSize: 14, opacity: 0.6, marginTop: 4 }, children: [
-        /* @__PURE__ */ jsx24("span", { style: { textDecoration: "line-through" }, children: formatBRL(anchorCents) }),
-        anchorDiscount > 0 && /* @__PURE__ */ jsxs18("span", { style: { marginLeft: 6 }, children: [
-          "\u2212",
-          anchorDiscount,
-          "%"
-        ] })
-      ] }),
-      cycle === "YEARLY" && yearlyCents && /* @__PURE__ */ jsxs18("div", { style: { fontSize: 12, opacity: 0.6, marginTop: 4 }, children: [
-        "Cobrado ",
-        formatBRL(yearlyCents),
-        " por ano"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx24("ul", { style: { listStyle: "none", padding: 0, textAlign: "left", margin: "24px 0" }, children: p.benefits.map((b) => /* @__PURE__ */ jsxs18("li", { style: { padding: "8px 0", display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ jsx24("span", { "aria-hidden": true, style: { marginRight: 8 }, children: "\u2713" }),
-      /* @__PURE__ */ jsx24("span", { children: b })
-    ] }, b)) }),
-    /* @__PURE__ */ jsx24("div", { role: "tablist", "aria-label": "M\xE9todo de pagamento", style: { display: "flex", gap: 8, marginBottom: 16 }, children: availableMethods.map((m) => /* @__PURE__ */ jsx24(
-      "button",
-      {
-        type: "button",
-        role: "tab",
-        "aria-selected": method === m,
-        onClick: () => setMethod(m),
-        style: {
-          flex: 1,
-          padding: 10,
-          borderRadius: 8,
-          border: method === m ? "2px solid var(--hook-color-primary)" : "1px solid #ccc",
-          background: method === m ? "var(--hook-color-primary-soft, #eef)" : "white",
-          cursor: "pointer"
-        },
-        children: m === "card" ? "\u{1F4B3} Cart\xE3o" : "\u{1F4F1} Pix Autom\xE1tico"
-      },
-      m
-    )) }),
-    method === "card" && /* @__PURE__ */ jsxs18(
-      "fieldset",
-      {
-        "data-testid": "paywall-card-form",
-        style: { border: "none", padding: 0, marginBottom: 16 },
-        children: [
-          /* @__PURE__ */ jsx24("legend", { style: { fontSize: 13, opacity: 0.75, marginBottom: 8 }, children: "Dados do cart\xE3o" }),
-          /* @__PURE__ */ jsxs18("div", { style: fieldGroup, children: [
-            /* @__PURE__ */ jsx24("label", { htmlFor: "pw-card-number", style: labelStyle, children: "N\xFAmero do cart\xE3o" }),
-            /* @__PURE__ */ jsx24(
-              "input",
-              {
-                id: "pw-card-number",
-                "data-testid": "pw-card-number",
-                type: "text",
-                inputMode: "numeric",
-                autoComplete: "cc-number",
-                placeholder: "0000 0000 0000 0000",
-                value: cardNumber,
-                onChange: (e) => setCardNumber(e.target.value),
-                style: inputStyle
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs18("div", { style: fieldGroup, children: [
-            /* @__PURE__ */ jsx24("label", { htmlFor: "pw-card-holder", style: labelStyle, children: "Nome impresso no cart\xE3o" }),
-            /* @__PURE__ */ jsx24(
-              "input",
-              {
-                id: "pw-card-holder",
-                "data-testid": "pw-card-holder",
-                type: "text",
-                autoComplete: "cc-name",
-                placeholder: "NOME SOBRENOME",
-                value: cardHolderName,
-                onChange: (e) => setCardHolderName(e.target.value),
-                style: inputStyle
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs18("div", { style: { display: "flex", gap: 8, marginBottom: 10 }, children: [
-            /* @__PURE__ */ jsxs18("div", { style: { flex: 1, textAlign: "left" }, children: [
-              /* @__PURE__ */ jsx24("label", { htmlFor: "pw-card-exp-m", style: labelStyle, children: "M\xEAs" }),
-              /* @__PURE__ */ jsx24(
-                "input",
-                {
-                  id: "pw-card-exp-m",
-                  "data-testid": "pw-card-exp-m",
-                  type: "text",
-                  inputMode: "numeric",
-                  autoComplete: "cc-exp-month",
-                  placeholder: "MM",
-                  maxLength: 2,
-                  value: cardExpiryMonth,
-                  onChange: (e) => setCardExpiryMonth(e.target.value.replace(/\D/g, "")),
-                  style: inputStyle
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs18("div", { style: { flex: 1, textAlign: "left" }, children: [
-              /* @__PURE__ */ jsx24("label", { htmlFor: "pw-card-exp-y", style: labelStyle, children: "Ano" }),
-              /* @__PURE__ */ jsx24(
-                "input",
-                {
-                  id: "pw-card-exp-y",
-                  "data-testid": "pw-card-exp-y",
-                  type: "text",
-                  inputMode: "numeric",
-                  autoComplete: "cc-exp-year",
-                  placeholder: "AA",
-                  maxLength: 4,
-                  value: cardExpiryYear,
-                  onChange: (e) => setCardExpiryYear(e.target.value.replace(/\D/g, "")),
-                  style: inputStyle
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs18("div", { style: { flex: 1, textAlign: "left" }, children: [
-              /* @__PURE__ */ jsx24("label", { htmlFor: "pw-card-cvv", style: labelStyle, children: "CVV" }),
-              /* @__PURE__ */ jsx24(
-                "input",
-                {
-                  id: "pw-card-cvv",
-                  "data-testid": "pw-card-cvv",
-                  type: "text",
-                  inputMode: "numeric",
-                  autoComplete: "cc-csc",
-                  placeholder: "123",
-                  maxLength: 4,
-                  value: cardCcv,
-                  onChange: (e) => setCardCcv(e.target.value.replace(/\D/g, "")),
-                  style: inputStyle
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx24("legend", { style: { fontSize: 13, opacity: 0.75, marginBottom: 8, marginTop: 8 }, children: "Dados do titular" }),
-          /* @__PURE__ */ jsxs18("div", { style: fieldGroup, children: [
-            /* @__PURE__ */ jsx24("label", { htmlFor: "pw-holder-name", style: labelStyle, children: "Nome completo" }),
-            /* @__PURE__ */ jsx24(
-              "input",
-              {
-                id: "pw-holder-name",
-                "data-testid": "pw-holder-name",
-                type: "text",
-                autoComplete: "name",
-                placeholder: "Nome Sobrenome",
-                value: holderName,
-                onChange: (e) => setHolderName(e.target.value),
-                style: inputStyle
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs18("div", { style: fieldGroup, children: [
-            /* @__PURE__ */ jsx24("label", { htmlFor: "pw-holder-email", style: labelStyle, children: "E-mail" }),
-            /* @__PURE__ */ jsx24(
-              "input",
-              {
-                id: "pw-holder-email",
-                "data-testid": "pw-holder-email",
-                type: "email",
-                autoComplete: "email",
-                placeholder: "voce@email.com",
-                value: holderEmail,
-                onChange: (e) => setHolderEmail(e.target.value),
-                style: inputStyle
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs18("div", { style: { display: "flex", gap: 8, marginBottom: 10 }, children: [
-            /* @__PURE__ */ jsxs18("div", { style: { flex: 1, textAlign: "left" }, children: [
-              /* @__PURE__ */ jsx24("label", { htmlFor: "pw-holder-cep", style: labelStyle, children: "CEP" }),
-              /* @__PURE__ */ jsx24(
-                "input",
-                {
-                  id: "pw-holder-cep",
-                  "data-testid": "pw-holder-cep",
-                  type: "text",
-                  inputMode: "numeric",
-                  autoComplete: "postal-code",
-                  placeholder: "00000-000",
-                  value: holderPostalCode,
-                  onChange: (e) => setHolderPostalCode(e.target.value),
-                  style: inputStyle
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs18("div", { style: { flex: 1, textAlign: "left" }, children: [
-              /* @__PURE__ */ jsx24("label", { htmlFor: "pw-holder-addr-n", style: labelStyle, children: "N\xFAmero" }),
-              /* @__PURE__ */ jsx24(
-                "input",
-                {
-                  id: "pw-holder-addr-n",
-                  "data-testid": "pw-holder-addr-n",
-                  type: "text",
-                  inputMode: "numeric",
-                  placeholder: "123",
-                  value: holderAddressNumber,
-                  onChange: (e) => setHolderAddressNumber(e.target.value),
-                  style: inputStyle
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs18("div", { style: fieldGroup, children: [
-            /* @__PURE__ */ jsx24("label", { htmlFor: "pw-holder-phone", style: labelStyle, children: "Telefone (opcional)" }),
-            /* @__PURE__ */ jsx24(
-              "input",
-              {
-                id: "pw-holder-phone",
-                "data-testid": "pw-holder-phone",
-                type: "tel",
-                inputMode: "tel",
-                autoComplete: "tel",
-                placeholder: "(11) 99999-9999",
-                value: holderPhone,
-                onChange: (e) => setHolderPhone(e.target.value),
-                style: inputStyle
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs18("div", { style: fieldGroup, children: [
-      /* @__PURE__ */ jsx24("label", { htmlFor: "pw-cpf", style: labelStyle, children: "Seu CPF" }),
-      /* @__PURE__ */ jsx24(
-        "input",
-        {
-          id: "pw-cpf",
-          "data-testid": "paywall-cpf",
-          type: "text",
-          inputMode: "numeric",
-          placeholder: "000.000.000-00",
-          value: cpf,
-          onChange: (e) => setCpf(e.target.value),
-          style: inputStyle
-        }
-      )
-    ] }),
-    error && /* @__PURE__ */ jsx24("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: error.message }),
-    method === "pix-auto" && /* @__PURE__ */ jsxs18(
-      "div",
-      {
-        "data-testid": "paywall-pix-callout",
-        style: {
-          background: "rgba(0,0,0,0.04)",
-          borderLeft: "3px solid var(--hook-color-primary)",
-          padding: "10px 12px",
-          marginBottom: 12,
-          borderRadius: 4,
-          fontSize: 12,
-          lineHeight: 1.45,
-          textAlign: "left"
-        },
-        children: [
-          /* @__PURE__ */ jsx24("strong", { children: "Como funciona:" }),
-          " no app do seu banco vai aparecer uma cobran\xE7a de",
-          " ",
-          /* @__PURE__ */ jsx24("strong", { children: "R$ 0,01" }),
-          " \u2014 \xE9 simb\xF3lica, s\xF3 pra ativar o PIX Autom\xE1tico.",
-          trialDays > 0 ? /* @__PURE__ */ jsxs18(Fragment6, { children: [
-            " ",
-            "Depois, ",
-            /* @__PURE__ */ jsxs18("strong", { children: [
-              trialDays,
-              " dias gr\xE1tis"
-            ] }),
-            "; a cobran\xE7a de",
-            " ",
-            /* @__PURE__ */ jsx24("strong", { children: formatBRL(cycleValueCents) }),
-            " ",
-            cycleLabel,
-            " s\xF3 come\xE7a depois."
-          ] }) : /* @__PURE__ */ jsxs18(Fragment6, { children: [
-            " ",
-            "A cobran\xE7a de ",
-            /* @__PURE__ */ jsx24("strong", { children: formatBRL(cycleValueCents) }),
-            " ",
-            cycleLabel,
-            " vem em seguida."
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx24(
-      "button",
-      {
-        "data-testid": "paywall-cta",
-        type: "button",
-        onClick: submit,
-        disabled: !canCheckout,
-        style: {
-          width: "100%",
-          padding: 14,
-          background: "var(--hook-color-primary)",
-          color: "#fff",
-          border: "none",
-          borderRadius: 8,
-          opacity: canCheckout ? 1 : 0.5,
-          fontSize: 16,
-          fontWeight: 600,
-          cursor: canCheckout ? "pointer" : "not-allowed"
-        },
-        children: ctaLabel
-      }
-    ),
-    /* @__PURE__ */ jsx24("p", { style: { opacity: 0.55, marginTop: 16, fontSize: 12 }, children: footer }),
-    p.priceHint && /* @__PURE__ */ jsx24("p", { style: { opacity: 0.6, marginTop: 8, fontSize: 12 }, children: p.priceHint }),
-    p.footerNote && /* @__PURE__ */ jsx24("p", { style: { opacity: 0.5, marginTop: 8, fontSize: 12 }, children: p.footerNote }),
-    pixPending && /* @__PURE__ */ jsx24(
-      "div",
-      {
-        "data-testid": "paywall-pix-modal",
-        role: "dialog",
-        "aria-label": "Pagamento Pix pendente",
-        style: {
-          position: "fixed",
-          inset: 0,
-          background: "rgba(0,0,0,0.6)",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          padding: 24,
-          zIndex: 1e3
-        },
-        children: /* @__PURE__ */ jsxs18("div", { style: {
-          background: "#fff",
-          borderRadius: 12,
-          padding: 24,
-          maxWidth: 360,
-          width: "100%",
-          textAlign: "center"
-        }, children: [
-          pixPending.paid ? /* @__PURE__ */ jsxs18(Fragment6, { children: [
-            /* @__PURE__ */ jsx24("h2", { style: { marginTop: 0 }, children: "Pagamento confirmado!" }),
-            /* @__PURE__ */ jsx24("p", { style: { opacity: 0.7 }, children: "Liberando acesso\u2026" })
-          ] }) : /* @__PURE__ */ jsxs18(Fragment6, { children: [
-            /* @__PURE__ */ jsx24("h2", { style: { marginTop: 0, fontSize: 18 }, children: "Pague com Pix Autom\xE1tico" }),
-            /* @__PURE__ */ jsx24("p", { style: { fontSize: 13, opacity: 0.75 }, children: "Escaneie o QR Code no app do seu banco pra autorizar o d\xE9bito recorrente." }),
-            /* @__PURE__ */ jsxs18(
-              "p",
-              {
-                "data-testid": "pix-modal-explain",
-                style: { fontSize: 12, opacity: 0.65, marginTop: 8, lineHeight: 1.4 },
-                children: [
-                  "Seu banco vai mostrar uma cobran\xE7a de ",
-                  /* @__PURE__ */ jsx24("strong", { children: "R$ 0,01" }),
-                  " \u2014 \xE9 simb\xF3lica, s\xF3 pra ativar o PIX Autom\xE1tico.",
-                  trialDays > 0 ? /* @__PURE__ */ jsxs18(Fragment6, { children: [
-                    " ",
-                    "A cobran\xE7a de ",
-                    /* @__PURE__ */ jsx24("strong", { children: formatBRL(cycleValueCents) }),
-                    " ",
-                    cycleLabel,
-                    " come\xE7a depois dos ",
-                    /* @__PURE__ */ jsxs18("strong", { children: [
-                      trialDays,
-                      " dias gr\xE1tis"
-                    ] }),
-                    ", automaticamente."
-                  ] }) : /* @__PURE__ */ jsxs18(Fragment6, { children: [
-                    " ",
-                    "A cobran\xE7a de ",
-                    /* @__PURE__ */ jsx24("strong", { children: formatBRL(cycleValueCents) }),
-                    " ",
-                    cycleLabel,
-                    " vem logo em seguida."
-                  ] })
-                ]
-              }
-            ),
-            pixPending.qrCodeBase64 && /* @__PURE__ */ jsx24(
-              "img",
-              {
-                "data-testid": "pix-qr-image",
-                alt: "QR Code Pix",
-                src: `data:image/png;base64,${pixPending.qrCodeBase64}`,
-                style: { width: "100%", maxWidth: 240, margin: "12px auto", display: "block" }
-              }
-            ),
-            pixPending.qrCodePayload && /* @__PURE__ */ jsx24(
-              "textarea",
-              {
-                "data-testid": "pix-qr-payload",
-                readOnly: true,
-                value: pixPending.qrCodePayload,
-                style: {
-                  width: "100%",
-                  minHeight: 72,
-                  padding: 8,
-                  fontSize: 11,
-                  fontFamily: "monospace",
-                  borderRadius: 6,
-                  border: "1px solid #ccc",
-                  resize: "none"
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx24("p", { style: { fontSize: 11, opacity: 0.55, marginTop: 12 }, children: "Aguardando confirma\xE7\xE3o do banco\u2026 Pode levar alguns segundos." })
-          ] }),
-          /* @__PURE__ */ jsx24(
-            "button",
-            {
-              type: "button",
-              onClick: dismissPix,
-              style: {
-                marginTop: 16,
-                padding: "8px 16px",
-                border: "1px solid #ccc",
-                borderRadius: 6,
-                background: "white",
-                cursor: "pointer"
-              },
-              children: "Fechar"
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-}
-
-// src/AppRoot.tsx
-import { Fragment as Fragment7, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
-var BACKOFF_MS = [2e3, 5e3, 1e4, 2e4, 4e4];
-function PaymentReturnHandler({ children }) {
-  const { subscription } = useHook9();
-  const subRef = useRef3(subscription);
-  subRef.current = subscription;
-  const runIdRef = useRef3(0);
-  const [state, setState] = useState12("idle");
-  const runPoll = useCallback7(() => {
-    const runId = ++runIdRef.current;
-    setState("confirming");
-    let attempts = 0;
-    const tick = async () => {
-      if (runIdRef.current !== runId) return;
-      attempts++;
-      try {
-        await subRef.current.refresh();
-      } catch {
-      }
-      if (runIdRef.current !== runId) return;
-      const status = subRef.current.status();
-      if (status === "active" || status === "trialing") {
-        const cleanUrl = new URL(window.location.href);
-        cleanUrl.searchParams.delete("paymentReturn");
-        window.history.replaceState({}, "", cleanUrl.toString());
-        setState("idle");
-        return;
-      }
-      const delay = BACKOFF_MS[attempts - 1];
-      if (delay === void 0) {
-        setState("waiting");
-        return;
-      }
-      setTimeout(tick, delay);
-    };
-    void tick();
-  }, []);
-  useEffect8(() => {
-    if (typeof window === "undefined") return;
-    const url = new URL(window.location.href);
-    if (url.searchParams.get("paymentReturn") !== "1") return;
-    runPoll();
-    return () => {
-      runIdRef.current++;
-    };
-  }, [runPoll]);
-  if (state === "confirming") {
-    return /* @__PURE__ */ jsx25(
-      "div",
-      {
-        role: "status",
-        "aria-live": "polite",
-        style: overlayStyle2,
-        children: "Confirmando pagamento\u2026"
-      }
-    );
-  }
-  if (state === "waiting") {
-    return /* @__PURE__ */ jsx25("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: /* @__PURE__ */ jsxs19("div", { style: { maxWidth: 320, textAlign: "center", lineHeight: 1.5 }, children: [
-      /* @__PURE__ */ jsx25("div", { style: { marginBottom: 16 }, children: "Pagamento aceito. Estamos confirmando com o banco \u2014 pode levar alguns minutos." }),
-      /* @__PURE__ */ jsx25(
-        "button",
-        {
-          type: "button",
-          onClick: runPoll,
-          style: buttonStyle,
-          children: "Atualizar"
-        }
-      )
-    ] }) });
-  }
-  return /* @__PURE__ */ jsx25(Fragment7, { children });
-}
-var overlayStyle2 = {
-  position: "fixed",
-  inset: 0,
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  background: "rgba(0,0,0,0.4)",
-  zIndex: 9999,
-  color: "white",
-  fontSize: "1rem",
-  padding: 24
-};
-var buttonStyle = {
-  background: "white",
-  color: "black",
-  border: "none",
-  borderRadius: 8,
-  padding: "10px 24px",
-  fontSize: "1rem",
-  fontWeight: 600,
-  cursor: "pointer"
-};
-function AppRoot({
-  config,
-  children,
-  Login = DefaultLoginScreen,
-  Signup = DefaultSignupScreen,
-  Forgot = DefaultForgotScreen,
-  Reset = DefaultResetScreen,
-  Paywall = DefaultPaywall
-}) {
-  return /* @__PURE__ */ jsx25(PaymentReturnHandler, { children: /* @__PURE__ */ jsx25(TemplateConfigProvider, { config, children: /* @__PURE__ */ jsx25(ErrorBoundary, { children: /* @__PURE__ */ jsx25(ThemeProvider, { children: /* @__PURE__ */ jsx25(InstallGate, { children: /* @__PURE__ */ jsx25(AuthGate, { Login, Signup, Forgot, Reset, children: /* @__PURE__ */ jsx25(PersistedKeysPrefetch, { children: /* @__PURE__ */ jsxs19(SubscriptionGate, { Paywall, children: [
-    children,
-    /* @__PURE__ */ jsx25(PushPrompt, {})
-  ] }) }) }) }) }) }) }) });
+  return {
+    name,
+    setName,
+    nameError,
+    email,
+    setEmail,
+    emailError,
+    password,
+    setPassword,
+    passwordError,
+    submit,
+    submitting,
+    canSubmit,
+    error,
+    loginWithGoogle: () => auth.loginWithGoogle()
+  };
 }
 
-// src/hooks/usePush.ts
-import { useCallback as useCallback8, useEffect as useEffect9, useState as useState13 } from "react";
-import { useHook as useHook10 } from "@hook-sdk/sdk";
-function detectIosNeedsInstall() {
-  if (typeof navigator === "undefined" || typeof window === "undefined") return false;
-  const ua = navigator.userAgent || "";
-  const isIos = /iPhone|iPad|iPod/.test(ua);
-  if (!isIos) return false;
-  const mm = window.matchMedia?.("(display-mode: standalone)");
-  const standalone = mm?.matches === true;
-  const legacyStandalone = typeof navigator.standalone === "boolean" ? navigator.standalone : false;
-  return !(standalone || legacyStandalone);
-}
-function deriveState(push) {
-  if (!push.isAvailable()) {
-    if (detectIosNeedsInstall()) return { kind: "ios_needs_install" };
-    return { kind: "unsupported" };
-  }
-  const status = push.status();
-  if (status === "granted") return { kind: "subscribed" };
-  if (status === "denied") return { kind: "denied" };
-  if (status === "unsupported") {
-    if (detectIosNeedsInstall()) return { kind: "ios_needs_install" };
-    return { kind: "unsupported" };
-  }
-  return { kind: "prompt" };
-}
-function usePush() {
-  const { push } = useHook10();
-  const [state, setState] = useState13(() => deriveState(push));
-  useEffect9(() => {
-    setState(deriveState(push));
-  }, [push]);
-  const subscribe = useCallback8(async () => {
+// src/hooks/useForgotForm.ts
+import { useCallback as useCallback7, useMemo as useMemo6, useState as useState8 } from "react";
+import { useHook as useHook8 } from "@hook-sdk/sdk";
+var EMAIL_RE3 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function useForgotForm() {
+  const { auth } = useHook8();
+  const [email, setEmail] = useState8("");
+  const [submitting, setSubmitting] = useState8(false);
+  const [sent, setSent] = useState8(false);
+  const [error, setError] = useState8(null);
+  const emailError = useMemo6(() => {
+    if (email.length === 0) return null;
+    if (!EMAIL_RE3.test(email)) return "Formato de e-mail inv\xE1lido.";
+    return null;
+  }, [email]);
+  const canSubmit = email.length > 0 && emailError === null && !submitting;
+  const submit = useCallback7(async () => {
+    if (!canSubmit) return false;
+    setSubmitting(true);
+    setError(null);
     try {
-      await push.subscribe();
-      setState({ kind: "subscribed" });
-    } catch (e) {
-      const code = e?.code ?? "push.unknown";
-      const message = e?.message ?? "Push subscription failed";
-      if (code === "push.permission_denied") setState({ kind: "denied" });
-      else setState({ kind: "error", code, message });
-      throw e;
+      await auth.forgot({ email });
+      setSent(true);
+      return true;
+    } catch (err) {
+      setError(mapSdkError(err));
+      return false;
+    } finally {
+      setSubmitting(false);
     }
-  }, [push]);
-  const unsubscribe = useCallback8(async () => {
+  }, [auth, email, canSubmit]);
+  return {
+    email,
+    setEmail,
+    emailError,
+    submit,
+    submitting,
+    canSubmit,
+    sent,
+    error
+  };
+}
+
+// src/hooks/useResetForm.ts
+import { useCallback as useCallback8, useEffect as useEffect7, useMemo as useMemo7, useState as useState9 } from "react";
+import { useHook as useHook9 } from "@hook-sdk/sdk";
+var MIN_PASSWORD3 = 12;
+function useResetForm() {
+  const { auth } = useHook9();
+  const [token, setToken] = useState9(null);
+  const [password, setPassword] = useState9("");
+  const [confirm, setConfirm] = useState9("");
+  const [submitting, setSubmitting] = useState9(false);
+  const [done, setDone] = useState9(false);
+  const [error, setError] = useState9(null);
+  useEffect7(() => {
+    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 passwordError = useMemo7(() => {
+    if (password.length === 0) return null;
+    if (password.length < MIN_PASSWORD3) return `M\xEDnimo de ${MIN_PASSWORD3} caracteres.`;
+    return null;
+  }, [password]);
+  const confirmError = useMemo7(() => {
+    if (confirm.length === 0) return null;
+    if (confirm !== password) return "Senhas n\xE3o coincidem.";
+    return null;
+  }, [confirm, password]);
+  const canSubmit = token !== null && password.length >= MIN_PASSWORD3 && confirm === password && passwordError === null && confirmError === null && !submitting && !done;
+  const submit = useCallback8(async () => {
+    if (!canSubmit || token === null) return;
+    setSubmitting(true);
+    setError(null);
     try {
-      await push.unsubscribe();
-      setState({ kind: "prompt" });
-    } catch (e) {
-      setState({ kind: "error", code: e?.code ?? "push.unknown", message: e?.message ?? "failed" });
-      throw e;
+      await auth.reset({ token, newPassword: password });
+      setDone(true);
+      if (typeof window !== "undefined") {
+        const url = new URL(window.location.href);
+        url.searchParams.delete("token");
+        url.searchParams.delete("screen");
+        window.history.replaceState({}, "", url.toString());
+      }
+    } catch (err) {
+      setError(mapSdkError(err));
+    } finally {
+      setSubmitting(false);
     }
-  }, [push]);
-  return { state, subscribe, unsubscribe };
+  }, [auth, token, password, canSubmit]);
+  return {
+    token,
+    password,
+    setPassword,
+    passwordError,
+    confirm,
+    setConfirm,
+    confirmError,
+    submit,
+    submitting,
+    canSubmit,
+    done,
+    error
+  };
 }
 
-// src/components/PushPrompt.tsx
-import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
-function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, className }) {
-  const { state, subscribe } = usePush();
-  if (state.kind === "subscribed") return null;
-  if (state.kind === "ios_needs_install") {
-    return /* @__PURE__ */ jsxs20("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
-      /* @__PURE__ */ jsx26("h3", { children: texts.iosInstallTitle }),
-      /* @__PURE__ */ jsx26("p", { children: texts.iosInstallBody }),
-      onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ jsx26("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
-    ] });
-  }
-  if (state.kind === "denied") {
-    return /* @__PURE__ */ jsxs20("div", { className, role: "region", "aria-label": texts.deniedTitle, children: [
-      /* @__PURE__ */ jsx26("h3", { children: texts.deniedTitle }),
-      /* @__PURE__ */ jsx26("p", { children: texts.deniedBody })
-    ] });
-  }
-  if (state.kind === "unsupported") {
-    return /* @__PURE__ */ jsx26("div", { className, role: "region", children: /* @__PURE__ */ jsx26("p", { children: texts.unsupportedBody }) });
-  }
-  if (state.kind === "error") {
-    return /* @__PURE__ */ jsx26("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ jsx26("p", { children: state.message }) });
-  }
-  return /* @__PURE__ */ jsxs20("div", { className, role: "region", children: [
-    /* @__PURE__ */ jsx26(
-      "button",
-      {
-        type: "button",
-        onClick: async () => {
-          try {
-            await subscribe();
-            onSubscribed?.();
-          } catch {
-          }
-        },
-        children: texts.cta
-      }
-    ),
-    onDeclined && /* @__PURE__ */ jsx26("button", { type: "button", onClick: onDeclined, children: texts.declineCta })
-  ] });
+// src/hooks/usePlan.ts
+import { useHook as useHook10 } from "@hook-sdk/sdk";
+function usePlan() {
+  const { plan } = useHook10();
+  return plan;
 }
 
-// src/defaults/EmptyState.tsx
-import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
-function EmptyState({ title, description, action }) {
-  return /* @__PURE__ */ jsxs21("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 })
-  ] });
+// src/utils/price.ts
+function formatBRL(cents) {
+  if (cents === null || cents === void 0) return "";
+  const reais = cents / 100;
+  return new Intl.NumberFormat("pt-BR", {
+    style: "currency",
+    currency: "BRL"
+  }).format(reais);
+}
+function monthlyFromYearly(yearlyCents) {
+  if (yearlyCents === null || yearlyCents === void 0) return 0;
+  return Math.round(yearlyCents / 12);
+}
+function dailyFromYearly(yearlyCents) {
+  if (yearlyCents === null || yearlyCents === void 0) return 0;
+  return Math.round(yearlyCents / 365);
+}
+function computeAnchorCents(baseCents, multiplier) {
+  if (multiplier === null || multiplier === void 0) return null;
+  if (!Number.isFinite(multiplier)) return null;
+  if (multiplier <= 1) return null;
+  return Math.round(baseCents * multiplier);
+}
+function discountPercent(anchorCents, realCents) {
+  if (anchorCents <= realCents) return 0;
+  return Math.floor((anchorCents - realCents) / anchorCents * 100);
 }
 
 // src/hooks/useAuthPrimitives.ts
-import { useEffect as useEffect10 } from "react";
+import { useEffect as useEffect8 } from "react";
 import { useHook as useHook11 } from "@hook-sdk/sdk";
 var warned = false;
 function useAuthPrimitives() {
   const { auth } = useHook11();
-  useEffect10(() => {
+  useEffect8(() => {
     if (!warned && process.env.NODE_ENV !== "production") {
       warned = true;
       console.warn(
@@ -3013,23 +2412,34 @@ function useAuthPrimitives() {
   };
 }
 
-// src/hooks/useSubscription.ts
+// src/hooks/useAuth.ts
 import { useHook as useHook12 } from "@hook-sdk/sdk";
+function useAuth() {
+  const { user, authStatus, auth } = useHook12();
+  return {
+    user,
+    authStatus,
+    refresh: auth.refresh
+  };
+}
+
+// src/hooks/useSubscription.ts
+import { useHook as useHook13 } from "@hook-sdk/sdk";
 function useSubscription() {
-  const { subscription } = useHook12();
+  const { subscription } = useHook13();
   return {
     status: subscription.status()
   };
 }
 
 // src/hooks/useReminders.ts
-import { useCallback as useCallback9, useEffect as useEffect11, useState as useState14 } from "react";
-import { useHook as useHook13 } from "@hook-sdk/sdk";
+import { useCallback as useCallback9, useEffect as useEffect9, useState as useState10 } from "react";
+import { useHook as useHook14 } from "@hook-sdk/sdk";
 function useReminders() {
-  const { push } = useHook13();
+  const { push } = useHook14();
   const r = push.reminders;
-  const [reminders, setReminders] = useState14([]);
-  const [loading, setLoading] = useState14(true);
+  const [reminders, setReminders] = useState10([]);
+  const [loading, setLoading] = useState10(true);
   const reload = useCallback9(async () => {
     setLoading(true);
     try {
@@ -3039,7 +2449,7 @@ function useReminders() {
       setLoading(false);
     }
   }, [r]);
-  useEffect11(() => {
+  useEffect9(() => {
     void reload();
   }, [reload]);
   const setReminder = useCallback9(async (input) => {
@@ -3060,9 +2470,9 @@ function useReminders() {
 }
 
 // src/hooks/useToast.ts
-import { useCallback as useCallback10, useState as useState15 } from "react";
+import { useCallback as useCallback10, useState as useState11 } from "react";
 function useToast() {
-  const [items, setItems] = useState15([]);
+  const [items, setItems] = useState11([]);
   const show = useCallback10((message, kind = "info") => {
     const id = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
     setItems((prev) => [...prev, { id, message, kind }]);
@@ -3075,19 +2485,136 @@ function useToast() {
   }, []);
   return { items, show, dismiss };
 }
+
+// src/RouteBoundary.tsx
+import { Routes as Routes2, Route as Route2 } from "react-router-dom";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+function RouteBoundary({ children }) {
+  return /* @__PURE__ */ jsxs16(Routes2, { children: [
+    children,
+    /* @__PURE__ */ jsx22(Route2, { path: "*", element: /* @__PURE__ */ jsx22(DefaultNotFound, {}) })
+  ] });
+}
+function DefaultNotFound() {
+  return /* @__PURE__ */ jsx22("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 jsx23 } from "react/jsx-runtime";
+function PreAuthShell({
+  basename,
+  testRouter,
+  testInitialEntries,
+  children
+}) {
+  if (testRouter === "memory") {
+    return /* @__PURE__ */ jsx23(MemoryRouter2, { basename, initialEntries: testInitialEntries, children: /* @__PURE__ */ jsx23(Routes3, { children }) });
+  }
+  return /* @__PURE__ */ jsx23(BrowserRouter2, { basename, children: /* @__PURE__ */ jsx23(Routes3, { children }) });
+}
+
+// src/OnboardingFlow.tsx
+import { useCallback as useCallback11, useMemo as useMemo8, useRef as useRef3, useState as useState12 } from "react";
+import { usePersistedState } from "@hook-sdk/sdk";
+
+// src/hooks/useOnboardingStep.ts
+import { createContext as createContext3, useContext as useContext4 } from "react";
+var OnboardingStepContext = createContext3(null);
+function useOnboardingStep() {
+  const ctx = useContext4(OnboardingStepContext);
+  if (!ctx) {
+    throw new Error(
+      "[hook-template] useOnboardingStep must be used inside <OnboardingFlow>. (G75)"
+    );
+  }
+  return ctx;
+}
+
+// src/OnboardingFlow.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+var isFilled = (v) => v != null && v !== "";
+function OnboardingFlow({
+  steps,
+  screens,
+  onComplete,
+  persistKey
+}) {
+  const [draft, setDraft] = usePersistedState(persistKey, {});
+  const [idx, setIdx] = useState12(0);
+  const draftRef = useRef3(draft);
+  draftRef.current = draft;
+  const step = steps[idx];
+  if (!step) {
+    throw new Error(
+      `[hook-template] OnboardingFlow: step index ${idx} out of range (steps.length=${steps.length})`
+    );
+  }
+  const Screen = screens[step.screen];
+  if (!Screen) {
+    throw new Error(
+      `[hook-template] OnboardingFlow: missing screen component for step '${step.id}' (expected key '${step.screen}' in screens prop)`
+    );
+  }
+  const valid = useMemo8(
+    () => (step.validates ?? []).every((field) => isFilled(draft[field])),
+    [draft, step]
+  );
+  const setValue = useCallback11(
+    (patch) => {
+      draftRef.current = { ...draftRef.current, ...patch };
+      setDraft((prev2) => ({ ...prev2, ...patch }));
+    },
+    [setDraft]
+  );
+  const next = useCallback11(() => {
+    const current = draftRef.current;
+    const validNow = (step.validates ?? []).every((field) => isFilled(current[field]));
+    if (!validNow) return;
+    if (idx + 1 >= steps.length) {
+      onComplete(current);
+    } else {
+      setIdx(idx + 1);
+    }
+  }, [idx, onComplete, step, steps.length]);
+  const prev = useCallback11(() => setIdx((i) => Math.max(0, i - 1)), []);
+  const ctx = useMemo8(
+    () => ({
+      stepIndex: idx,
+      totalSteps: steps.length,
+      value: draft,
+      setValue,
+      valid,
+      next,
+      prev
+    }),
+    [idx, steps.length, draft, setValue, valid, next, prev]
+  );
+  return /* @__PURE__ */ jsx24(OnboardingStepContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx24(Screen, {}) });
+}
+
+// src/hooks/useFeature.ts
+function useFeature(name) {
+  const config = useAppConfig();
+  return Array.isArray(config.features_enabled) && config.features_enabled.includes(name);
+}
 export {
+  AppConfigProvider,
+  AppConfigSchema,
   AppRoot,
-  DefaultForgotScreen,
-  DefaultLoginScreen,
-  DefaultPaywall,
-  DefaultResetScreen,
-  DefaultSignupScreen,
+  DeepLinkHandler,
   EmptyState,
   ErrorBoundary,
   InstallGate,
   InstallSplash,
   LoadingState,
+  OnboardingFlow,
+  PaymentReturnHandler,
+  PersistenceRegistry,
+  PreAuthShell,
   PushPrompt2 as PushPrompt,
+  RouteBoundary,
+  asaasErrorMessage,
   computeAnchorCents,
   dailyFromYearly,
   detectAndroidBrowser,
@@ -3098,13 +2625,17 @@ export {
   discountPercent,
   formatBRL,
   monthlyFromYearly,
+  parseAppConfig,
   shouldBlockInstall,
   shouldShowPermanentOption,
+  useAppConfig,
   useAuth,
   useAuthPrimitives,
+  useFeature,
   useForgotForm,
   useInstallPrompt,
   useLoginForm,
+  useOnboardingStep,
   usePaywallState,
   usePlan,
   usePush,