@hook-sdk/template 0.9.1 → 0.10.0

package/dist/index.cjs

@@ -20,18 +20,22 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  AppConfigProvider: () => AppConfigProvider,
+  AppConfigSchema: () => AppConfigSchema,
   AppRoot: () => AppRoot,
-  DefaultForgotScreen: () => DefaultForgotScreen,
-  DefaultLoginScreen: () => DefaultLoginScreen,
-  DefaultPaywall: () => DefaultPaywall,
-  DefaultResetScreen: () => DefaultResetScreen,
-  DefaultSignupScreen: () => DefaultSignupScreen,
+  DeepLinkHandler: () => DeepLinkHandler,
   EmptyState: () => EmptyState,
   ErrorBoundary: () => ErrorBoundary,
   InstallGate: () => InstallGate,
   InstallSplash: () => InstallSplash,
   LoadingState: () => LoadingState,
+  OnboardingFlow: () => OnboardingFlow,
+  PaymentReturnHandler: () => PaymentReturnHandler,
+  PersistenceRegistry: () => PersistenceRegistry,
+  PreAuthShell: () => PreAuthShell,
   PushPrompt: () => PushPrompt2,
+  RouteBoundary: () => RouteBoundary,
+  asaasErrorMessage: () => asaasErrorMessage,
   computeAnchorCents: () => computeAnchorCents,
   dailyFromYearly: () => dailyFromYearly,
   detectAndroidBrowser: () => detectAndroidBrowser,
@@ -42,13 +46,17 @@ __export(index_exports, {
   discountPercent: () => discountPercent,
   formatBRL: () => formatBRL,
   monthlyFromYearly: () => monthlyFromYearly,
+  parseAppConfig: () => parseAppConfig,
   shouldBlockInstall: () => shouldBlockInstall,
   shouldShowPermanentOption: () => shouldShowPermanentOption,
+  useAppConfig: () => useAppConfig,
   useAuth: () => useAuth,
   useAuthPrimitives: () => useAuthPrimitives,
+  useFeature: () => useFeature,
   useForgotForm: () => useForgotForm,
   useInstallPrompt: () => useInstallPrompt,
   useLoginForm: () => useLoginForm,
+  useOnboardingStep: () => useOnboardingStep,
   usePaywallState: () => usePaywallState,
   usePlan: () => usePlan,
   usePush: () => usePush,
@@ -61,25 +69,156 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/AppRoot.tsx
-var import_react15 = require("react");
-var import_sdk10 = require("@hook-sdk/sdk");
+var import_react11 = require("react");
+var import_react_router_dom2 = require("react-router-dom");
+var import_sdk4 = require("@hook-sdk/sdk");
 
-// src/internal/TemplateConfigContext.tsx
+// src/config/AppConfigContext.tsx
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
-var TemplateConfigContext = (0, import_react.createContext)(null);
+var AppConfigContext = (0, import_react.createContext)(null);
+function AppConfigProvider({
+  config,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AppConfigContext.Provider, { value: config, children });
+}
+function useAppConfig() {
+  const v = (0, import_react.useContext)(AppConfigContext);
+  if (!v) {
+    throw new Error(
+      "[hook-template] useAppConfig: AppConfigProvider missing \u2014 wrap your app in <AppRoot>"
+    );
+  }
+  return v;
+}
+
+// src/config/schema.ts
+var import_zod = require("zod");
+var SnakeKeyRE = /^[a-z0-9][a-z0-9_.-]{0,127}$/;
+var AuthFlowSchema = import_zod.z.object({
+  minPassword: import_zod.z.number().int().min(6).max(64),
+  requiresEmailVerify: import_zod.z.boolean(),
+  googleOAuth: import_zod.z.boolean(),
+  postAuthLanding: import_zod.z.string().startsWith("/"),
+  preAuthRoutes: import_zod.z.array(import_zod.z.string().startsWith("/"))
+});
+var PaywallNonFreeSchema = import_zod.z.object({
+  mode: import_zod.z.enum(["trial", "pay_first"]),
+  trialDays: import_zod.z.number().int().nonnegative().optional(),
+  cycles: import_zod.z.array(import_zod.z.enum(["MONTHLY", "YEARLY"])).min(1),
+  prices: import_zod.z.object({
+    monthlyCents: import_zod.z.number().int().nonnegative(),
+    yearlyCents: import_zod.z.number().int().nonnegative()
+  }),
+  anchorPrices: import_zod.z.object({
+    monthlyCents: import_zod.z.number().int().nonnegative(),
+    yearlyCents: import_zod.z.number().int().nonnegative()
+  }).optional(),
+  checkoutMethods: import_zod.z.array(import_zod.z.enum(["card", "pix-auto", "pix-once"])).min(1),
+  requiresCpf: import_zod.z.boolean(),
+  cancelWindowDays: import_zod.z.number().int().nonnegative().optional(),
+  errorMessages: import_zod.z.enum(["default", "custom"])
+});
+var PaywallFreeSchema = import_zod.z.object({ mode: import_zod.z.literal("free") });
+var PaywallSchema = import_zod.z.discriminatedUnion("mode", [PaywallNonFreeSchema, PaywallFreeSchema]);
+var PersistedKeySchema = import_zod.z.object({
+  key: import_zod.z.string().regex(SnakeKeyRE, "key must be snake_case (matches /^[a-z0-9][a-z0-9_.-]{0,127}$/)"),
+  default: import_zod.z.unknown(),
+  guardRegen: import_zod.z.boolean().optional(),
+  debounceMs: import_zod.z.number().int().positive().optional()
+});
+var OnboardingSchema = import_zod.z.object({
+  trigger: import_zod.z.enum(["pre_signup", "post_signup", "pre_signup_custom", "optional"]),
+  steps: import_zod.z.array(
+    import_zod.z.object({
+      id: import_zod.z.string().regex(SnakeKeyRE),
+      screen: import_zod.z.string(),
+      validates: import_zod.z.array(import_zod.z.string()).optional()
+    })
+  ).min(1),
+  persistTo: import_zod.z.literal("appData"),
+  persistKey: import_zod.z.string().regex(SnakeKeyRE)
+});
+var DeepLinksSchema = import_zod.z.object({
+  passwordReset: import_zod.z.string().startsWith("/").optional(),
+  emailVerify: import_zod.z.string().startsWith("/").optional()
+}).strict();
+var AppConfigSchema = import_zod.z.object({
+  slug: import_zod.z.string().regex(/^[a-z0-9-]+$/),
+  name: import_zod.z.string().min(1),
+  branding: import_zod.z.object({ primaryColor: import_zod.z.string(), logoUrl: import_zod.z.string().url() }),
+  authFlow: AuthFlowSchema,
+  paywall: PaywallSchema,
+  persistedKeys: import_zod.z.array(PersistedKeySchema),
+  onboarding: OnboardingSchema.optional(),
+  deepLinks: DeepLinksSchema.optional(),
+  features_enabled: import_zod.z.array(import_zod.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
+var import_react2 = require("react");
+var import_sdk = require("@hook-sdk/sdk");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function PersistenceRegistry({ config, children }) {
+  const { appData } = (0, import_sdk.useHook)();
+  (0, import_react2.useEffect)(() => {
+    if (config.length === 0) return;
+    const keys = config.map((c) => c.key);
+    const bulk = appData.bulkRead;
+    bulk?.(keys).catch(() => {
+    });
+  }, [config, appData]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children });
+}
+
+// src/DeepLinkHandler.tsx
+var import_react3 = require("react");
+var import_react_router_dom = require("react-router-dom");
+function DeepLinkHandler({ deepLinks }) {
+  const nav = (0, import_react_router_dom.useNavigate)();
+  const loc = (0, import_react_router_dom.useLocation)();
+  (0, import_react3.useEffect)(() => {
+    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
+var import_react4 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var TemplateConfigContext = (0, import_react4.createContext)(null);
 function TemplateConfigProvider({
   config,
   children
 }) {
-  const value = (0, import_react.useMemo)(() => ({
+  const value = (0, import_react4.useMemo)(() => ({
     ...config,
     mode: config.subscription?.mode ?? "trial"
   }), [config]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TemplateConfigContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TemplateConfigContext.Provider, { value, children });
 }
 function useTemplateConfig() {
-  const ctx = (0, import_react.useContext)(TemplateConfigContext);
+  const ctx = (0, import_react4.useContext)(TemplateConfigContext);
   if (ctx === null) {
     throw new Error("useTemplateConfig must be used inside <TemplateConfigProvider>");
   }
@@ -87,7 +226,7 @@ function useTemplateConfig() {
 }
 
 // src/internal/ThemeProvider.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function ThemeProvider({ children }) {
   const config = useTemplateConfig();
   const style = {
@@ -96,182 +235,308 @@ function ThemeProvider({ children }) {
       "--hook-color-background": config.theme.background_color
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style, children });
-}
-
-// src/internal/AuthGate.tsx
-var import_react2 = require("react");
-
-// src/hooks/useAuth.ts
-var import_sdk = require("@hook-sdk/sdk");
-function useAuth() {
-  const { user, authStatus, auth } = (0, import_sdk.useHook)();
-  return {
-    user,
-    authStatus,
-    refresh: auth.refresh
-  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style, children });
 }
 
-// src/defaults/LoadingState.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function LoadingState({ message }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { role: "status", "aria-live": "polite", style: { padding: 24, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: message ?? "Carregando..." }) });
-}
+// src/hooks/usePaywallState.ts
+var import_react5 = require("react");
+var import_sdk2 = require("@hook-sdk/sdk");
 
-// src/internal/AuthGate.tsx
-var import_jsx_runtime4 = require("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] = (0, import_react2.useState)(
-    () => detectResetFromUrl() ? "reset" : "login"
-  );
-  (0, import_react2.useEffect)(() => {
-    if (user && screen !== "login") {
-      setScreen("login");
-    }
-  }, [user, screen]);
-  (0, import_react2.useEffect)(() => {
-    const onPop = () => {
-      if (detectResetFromUrl()) setScreen("reset");
-    };
-    window.addEventListener("popstate", onPop);
-    return () => window.removeEventListener("popstate", onPop);
-  }, []);
-  if (authStatus === "loading") return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LoadingState, {});
-  if (!user) {
-    if (screen === "reset") return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Reset, { onNavigate: setScreen });
-    if (screen === "signup") return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Signup, { onNavigate: setScreen });
-    if (screen === "forgot") return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Forgot, { onNavigate: setScreen });
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Login, { onNavigate: setScreen });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.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
-var import_react3 = require("react");
-var import_sdk2 = require("@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 } = (0, import_sdk2.useHook)();
-  const [opening, setOpening] = (0, import_react3.useState)(false);
-  const [error, setError] = (0, import_react3.useState)(null);
-  const [pixPending, setPixPending] = (0, import_react3.useState)(null);
+  const configFromCtx = (0, import_react5.useContext)(AppConfigContext);
+  const paywall = configFromCtx?.paywall ?? FALLBACK_PAYWALL;
+  const isFree = paywall.mode === "free";
+  const declaredMethods = (0, import_react5.useMemo)(
+    () => isFree ? [] : paywall.checkoutMethods,
+    [isFree, paywall]
+  );
+  const availability = subscription.methodAvailability ?? {
+    card: null,
+    "pix-auto": null,
+    "pix-once": null
+  };
+  const methods = (0, import_react5.useMemo)(
+    () => declaredMethods.filter((m) => isMethodAvailable(availability, m)),
+    [declaredMethods, availability]
+  );
+  const defaultMethod = methods[0] ?? declaredMethods[0] ?? "card";
+  const [selectedMethodRaw, setSelectedMethod] = (0, import_react5.useState)(defaultMethod);
+  const selectedMethod = methods.includes(selectedMethodRaw) ? selectedMethodRaw : methods[0] ?? selectedMethodRaw;
+  const initialCycle = isFree ? "MONTHLY" : paywall.cycles[0] ?? "MONTHLY";
+  const [cycle, setCycle] = (0, import_react5.useState)(initialCycle);
+  const cpfRequired = !isFree && paywall.requiresCpf;
+  const [cpf, setCpf] = (0, import_react5.useState)("");
+  const cpfValid = (0, import_react5.useMemo)(() => /^[0-9]{11}$/.test(cpf), [cpf]);
+  const [card, setCardState] = (0, import_react5.useState)({
+    number: "",
+    cvv: "",
+    expiry: "",
+    holder: ""
+  });
+  const setCard = (0, import_react5.useCallback)((patch) => {
+    setCardState((prev) => ({ ...prev, ...patch }));
+  }, []);
+  const [error, setError] = (0, import_react5.useState)(null);
+  const [submitting, setSubmitting] = (0, import_react5.useState)(false);
   const status = subscription.status();
   const daysLeftInTrial = subscription.daysLeftInTrial();
   const initialLoadComplete = subscription.initialLoadComplete;
-  const availableMethods = (0, import_react3.useMemo)(
-    () => ["card", "pix-auto"],
-    []
-  );
-  const priceCents = plan.data?.priceCents ?? 0;
-  const yearlyPriceCents = plan.data?.yearlyPriceCents ?? null;
-  const monthlyEquivalent = (0, import_react3.useCallback)(
-    (cycle) => {
-      if (cycle === "YEARLY" && yearlyPriceCents) {
-        return Math.round(yearlyPriceCents / 12);
-      }
-      return priceCents;
+  const pixPending = (0, import_react5.useMemo)(() => {
+    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 = (0, import_react5.useCallback)(
+    (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 checkout = (0, import_react3.useCallback)(
+  const planDerived = (0, import_react5.useMemo)(() => {
+    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 = (0, import_react5.useCallback)(
+    (code, fallbackMessage) => ({
+      code,
+      message: fallbackMessage,
+      userMessage: useDefaultMessages ? asaasErrorMessage(code) : fallbackMessage
+    }),
+    [useDefaultMessages]
+  );
+  const submit = (0, import_react5.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 = (0, import_react5.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 = (0, import_react3.useCallback)(async () => {
+  const cancel = (0, import_react5.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 = (0, import_react3.useCallback)(() => setPixPending(null), []);
-  const subRef = (0, import_react3.useRef)(subscription);
-  subRef.current = subscription;
-  (0, import_react3.useEffect)(() => {
-    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 = (0, import_react5.useMemo)(
+    () => ({ ...card, set: setCard }),
+    [card, setCard]
+  );
+  const cpfState = (0, import_react5.useMemo)(
+    () => ({ 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: () => {
+    }
   };
 }
 
@@ -292,51 +557,11 @@ function SubscriptionGate({ Paywall, children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children });
 }
 
-// src/internal/PersistedKeysPrefetch.tsx
-var import_react4 = require("react");
-var import_sdk3 = require("@hook-sdk/sdk");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var SAFETY_TIMEOUT_MS = 3e3;
-function PersistedKeysPrefetch({ children }) {
-  const { appData } = (0, import_sdk3.useHook)();
-  const config = useTemplateConfig();
-  const hasKeys = !!config.persistedKeys && config.persistedKeys.length > 0;
-  const [ready, setReady] = (0, import_react4.useState)(!hasKeys);
-  (0, import_react4.useEffect)(() => {
-    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__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children });
-}
-
-// src/internal/PushPrompt.tsx
-function PushPrompt() {
-  return null;
-}
-
 // src/components/InstallGate/InstallGate.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 
 // src/hooks/useInstallPrompt.ts
-var import_react5 = require("react");
+var import_react6 = require("react");
 var IOS_RE = /iPad|iPhone|iPod/;
 var IOS_NON_SAFARI_RE = /CriOS|FxiOS|EdgiOS/;
 var ANDROID_RE = /Android/;
@@ -469,18 +694,18 @@ function useInstallPrompt(slug) {
   const iosBrowser = detectIOSBrowser(ua);
   const androidBrowser = detectAndroidBrowser(ua);
   const inAppApp = detectInAppApp(ua);
-  const [isInstallable, setIsInstallable] = (0, import_react5.useState)(() => {
+  const [isInstallable, setIsInstallable] = (0, import_react6.useState)(() => {
     if (typeof window === "undefined") return false;
     return window.__pwaInstallPrompt != null;
   });
-  const [isInstalled, setIsInstalled] = (0, import_react5.useState)(() => {
+  const [isInstalled, setIsInstalled] = (0, import_react6.useState)(() => {
     const { installed } = detectStandalone();
     return installed || readInstalledMarker(slug);
   });
-  const [isDismissedSession, setIsDismissedSession] = (0, import_react5.useState)(() => readSessionSkip(slug));
-  const [isDismissedPermanent, setIsDismissedPermanent] = (0, import_react5.useState)(() => readPermanentDismiss(slug).dismissed);
-  const [skipCount, setSkipCount] = (0, import_react5.useState)(() => readSkipCount(slug));
-  (0, import_react5.useEffect)(() => {
+  const [isDismissedSession, setIsDismissedSession] = (0, import_react6.useState)(() => readSessionSkip(slug));
+  const [isDismissedPermanent, setIsDismissedPermanent] = (0, import_react6.useState)(() => readPermanentDismiss(slug).dismissed);
+  const [skipCount, setSkipCount] = (0, import_react6.useState)(() => readSkipCount(slug));
+  (0, import_react6.useEffect)(() => {
     if (typeof window === "undefined") return;
     if (window.__pwaInstallPrompt) {
       setIsInstallable(true);
@@ -504,7 +729,7 @@ function useInstallPrompt(slug) {
       window.removeEventListener("appinstalled", onInstalled);
     };
   }, [slug]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (typeof window === "undefined") return;
     const mq = window.matchMedia?.("(display-mode: standalone)");
     if (!mq) return;
@@ -528,7 +753,7 @@ function useInstallPrompt(slug) {
     isDismissedPermanent,
     skipCount
   });
-  const promptInstall = (0, import_react5.useCallback)(async () => {
+  const promptInstall = (0, import_react6.useCallback)(async () => {
     if (typeof window === "undefined") return false;
     const prompt = window.__pwaInstallPrompt;
     if (!prompt) return false;
@@ -550,7 +775,7 @@ function useInstallPrompt(slug) {
       return false;
     }
   }, [slug]);
-  const dismissSession = (0, import_react5.useCallback)(() => {
+  const dismissSession = (0, import_react6.useCallback)(() => {
     if (typeof sessionStorage !== "undefined") {
       try {
         sessionStorage.setItem(storageKey.sessionSkip(slug), "true");
@@ -564,20 +789,20 @@ function useInstallPrompt(slug) {
     setIsDismissedSession(true);
     track("pwa_install_session_skip", { slug, platform, skip_count: newCount });
   }, [slug, skipCount, platform]);
-  const dismissPermanent = (0, import_react5.useCallback)(() => {
+  const dismissPermanent = (0, import_react6.useCallback)(() => {
     const storage = safeStorage();
     if (storage) storage.setItem(storageKey.dismissedAt(slug), (/* @__PURE__ */ new Date()).toISOString());
     setIsDismissedPermanent(true);
     track("pwa_install_permanent_dismiss", { slug, platform, prior_skip_count: skipCount });
   }, [slug, platform, skipCount]);
-  const copyLink = (0, import_react5.useCallback)(async () => {
+  const copyLink = (0, import_react6.useCallback)(async () => {
     if (typeof navigator === "undefined" || typeof location === "undefined") return;
     try {
       await navigator.clipboard?.writeText?.(location.href);
     } catch {
     }
   }, []);
-  const reset = (0, import_react5.useCallback)(() => {
+  const reset = (0, import_react6.useCallback)(() => {
     const storage = safeStorage();
     if (storage) {
       storage.removeItem(storageKey.dismissedAt(slug));
@@ -759,11 +984,11 @@ var INSTALL_COPY = {
 };
 
 // src/components/InstallGate/InstallSplash.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function InstallSplash({ children, title, subtitle }) {
   const { name, theme } = useTemplateConfig();
   const iconUrl = theme.icon_url || theme.logo_url || null;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       role: "dialog",
@@ -771,15 +996,15 @@ function InstallSplash({ children, title, subtitle }) {
       "aria-labelledby": "install-splash-title",
       "aria-describedby": subtitle ? "install-splash-subtitle" : void 0,
       style: overlayStyle,
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: cardStyle, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { display: "flex", justifyContent: "center", marginBottom: 16 }, children: iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: cardStyle, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { display: "flex", justifyContent: "center", marginBottom: 16 }, children: iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "img",
           {
             src: iconUrl,
             alt: `\xCDcone de ${name}`,
             style: { width: 80, height: 80, borderRadius: 20, objectFit: "cover" }
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "div",
           {
             style: {
@@ -797,10 +1022,10 @@ function InstallSplash({ children, title, subtitle }) {
             children: name.charAt(0).toUpperCase()
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h1", { id: "install-splash-title", style: titleStyle, children: title }),
-        subtitle && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { id: "install-splash-subtitle", style: subtitleStyle, children: subtitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { marginTop: 24 }, children }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: footerStyle, children: "por Hook" })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h1", { id: "install-splash-title", style: titleStyle, children: title }),
+        subtitle && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { id: "install-splash-subtitle", style: subtitleStyle, children: subtitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { marginTop: 24 }, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: footerStyle, children: "por Hook" })
       ] })
     }
   );
@@ -874,7 +1099,7 @@ var footerStyle = {
 };
 
 // src/components/InstallGate/icons.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var defaultSvgProps = (size) => ({
   width: size,
   height: size,
@@ -886,64 +1111,64 @@ var defaultSvgProps = (size) => ({
   strokeLinejoin: "round"
 });
 function ShareIconIOS({ size = 24, style, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 2L12 15" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M8 6L12 2L16 6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M4 11v9a2 2 0 002 2h12a2 2 0 002-2v-9" })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M12 2L12 15" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M8 6L12 2L16 6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M4 11v9a2 2 0 002 2h12a2 2 0 002-2v-9" })
   ] });
 }
 function MenuDotsVerticalIcon({ size = 24, style, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "12", cy: "5", r: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "12", cy: "12", r: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "12", cy: "19", r: "1.5" })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "12", cy: "5", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "12", cy: "12", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "12", cy: "19", r: "1.5" })
   ] });
 }
 function MenuDotsHorizontalIcon({ size = 24, style, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "5", cy: "12", r: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "12", cy: "12", r: "1.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "19", cy: "12", r: "1.5" })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "5", cy: "12", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "12", cy: "12", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "19", cy: "12", r: "1.5" })
   ] });
 }
 function SquarePlusIcon({ size = 24, style, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 8v8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M8 12h8" })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M12 8v8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M8 12h8" })
   ] });
 }
 function DownloadIcon({ size = 24, style, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("polyline", { points: "7 10 12 15 17 10" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "7 10 12 15 17 10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
   ] });
 }
 function ExternalLinkIcon({ size = 24, style, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("polyline", { points: "15 3 21 3 21 9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "15 3 21 3 21 9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
   ] });
 }
 function XIcon({ size = 20, style, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
 
 // src/components/InstallGate/variants/AndroidNativeVariant.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function AndroidNativeVariant({
   state,
   actions
 }) {
   const copy = INSTALL_COPY.android.native;
   const showPermanent = shouldShowPermanentOption(state);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(InstallSplash, { title: copy.title, subtitle: copy.subtitle, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(InstallSplash, { title: copy.title, subtitle: copy.subtitle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
       "button",
       {
         "data-testid": "install-prompt-cta-android-native",
@@ -951,12 +1176,12 @@ function AndroidNativeVariant({
         onClick: () => void actions.promptInstall(),
         style: { ...primaryButtonStyle, display: "inline-flex", alignItems: "center", justifyContent: "center", gap: 8 },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DownloadIcon, { size: 18 }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DownloadIcon, { size: 18 }),
           copy.cta
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "button",
       {
         "data-testid": "install-prompt-skip-session",
@@ -966,7 +1191,7 @@ function AndroidNativeVariant({
         children: copy.skip
       }
     ),
-    showPermanent && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    showPermanent && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "button",
       {
         "data-testid": "install-prompt-skip-permanent",
@@ -980,17 +1205,17 @@ function AndroidNativeVariant({
 }
 
 // src/components/InstallGate/variants/AndroidManualVariant.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function AndroidManualVariant({
   state,
   actions
 }) {
   const copy = INSTALL_COPY.android.manual;
   const showPermanent = shouldShowPermanentOption(state);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(InstallSplash, { title: copy.title, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Step, { n: 1, icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MenuDotsVerticalIcon, { size: 20 }), children: copy.step1 }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Step, { n: 2, icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DownloadIcon, { size: 18 }), children: copy.step2 }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(InstallSplash, { title: copy.title, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Step, { n: 1, icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MenuDotsVerticalIcon, { size: 20 }), children: copy.step1 }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Step, { n: 2, icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DownloadIcon, { size: 18 }), children: copy.step2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "button",
       {
         "data-testid": "install-prompt-cta-android-manual",
@@ -1000,7 +1225,7 @@ function AndroidManualVariant({
         children: copy.cta
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "button",
       {
         "data-testid": "install-prompt-skip-session",
@@ -1010,7 +1235,7 @@ function AndroidManualVariant({
         children: copy.skip
       }
     ),
-    showPermanent && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    showPermanent && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "button",
       {
         "data-testid": "install-prompt-skip-permanent",
@@ -1023,7 +1248,7 @@ function AndroidManualVariant({
   ] });
 }
 function Step({ n, icon, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "div",
     {
       style: {
@@ -1037,7 +1262,7 @@ function Step({ n, icon, children }) {
         textAlign: "left"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "div",
           {
             style: {
@@ -1056,22 +1281,22 @@ function Step({ n, icon, children }) {
             children: n
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { flex: 1, fontSize: 15, color: "#333" }, children }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { color: "#888", flexShrink: 0 }, children: icon })
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { flex: 1, fontSize: 15, color: "#333" }, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { color: "#888", flexShrink: 0 }, children: icon })
       ]
     }
   );
 }
 
 // src/components/InstallGate/Step.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function Step2({
   n,
   title,
   subtitle,
   visual
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "div",
     {
       style: {
@@ -1082,7 +1307,7 @@ function Step2({
         textAlign: "left"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "div",
           {
             style: {
@@ -1101,9 +1326,9 @@ function Step2({
             children: n
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { flex: 1 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { style: { margin: 0, fontSize: 15, fontWeight: 500, color: "#111", lineHeight: 1.3 }, children: title }),
-          subtitle && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { style: { margin: "4px 0 0 0", fontSize: 13, color: "#777" }, children: subtitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: { flex: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { style: { margin: 0, fontSize: 15, fontWeight: 500, color: "#111", lineHeight: 1.3 }, children: title }),
+          subtitle && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { style: { margin: "4px 0 0 0", fontSize: 13, color: "#777" }, children: subtitle }),
           visual
         ] })
       ]
@@ -1112,21 +1337,21 @@ function Step2({
 }
 
 // src/components/InstallGate/variants/IOSafariVariant.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function IOSafariVariant({
   state,
   actions
 }) {
   const copy = INSTALL_COPY.iosSafari;
   const showPermanent = shouldShowPermanentOption(state);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(InstallSplash, { title: copy.title, subtitle: copy.subtitle, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(InstallSplash, { title: copy.title, subtitle: copy.subtitle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       Step2,
       {
         n: 1,
         title: copy.step1.title,
         subtitle: copy.step1.subtitle,
-        visual: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        visual: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "div",
           {
             style: {
@@ -1138,17 +1363,17 @@ function IOSafariVariant({
               padding: "12px 0",
               marginTop: 8
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ShareIconIOS, { size: 32, style: { color: "var(--hook-color-primary)" } })
+            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ShareIconIOS, { size: 32, style: { color: "var(--hook-color-primary)" } })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       Step2,
       {
         n: 2,
         title: copy.step2.title,
-        visual: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        visual: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
           "div",
           {
             style: {
@@ -1161,19 +1386,19 @@ function IOSafariVariant({
               marginTop: 8
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SquarePlusIcon, { size: 22, style: { color: "#555" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { style: { fontSize: 14, color: "#333" }, children: copy.step2.iconLabel })
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SquarePlusIcon, { size: 22, style: { color: "#555" } }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { style: { fontSize: 14, color: "#333" }, children: copy.step2.iconLabel })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       Step2,
       {
         n: 3,
         title: copy.step3.title,
-        visual: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        visual: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "div",
           {
             style: {
@@ -1184,7 +1409,7 @@ function IOSafariVariant({
               padding: "10px 14px",
               marginTop: 8
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               "span",
               {
                 style: {
@@ -1199,7 +1424,7 @@ function IOSafariVariant({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "button",
       {
         "data-testid": "install-prompt-skip-session",
@@ -1209,7 +1434,7 @@ function IOSafariVariant({
         children: copy.skip
       }
     ),
-    showPermanent && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    showPermanent && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "button",
       {
         "data-testid": "install-prompt-skip-permanent",
@@ -1223,21 +1448,21 @@ function IOSafariVariant({
 }
 
 // src/components/InstallGate/variants/IOSOtherVariant.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function IOSOtherVariant({
   state,
   actions
 }) {
   const copy = INSTALL_COPY.iosOther;
   const showPermanent = shouldShowPermanentOption(state);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(InstallSplash, { title: copy.title, subtitle: copy.subtitle, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(InstallSplash, { title: copy.title, subtitle: copy.subtitle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       Step2,
       {
         n: 1,
         title: copy.step1.title,
         subtitle: copy.step1.subtitle,
-        visual: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        visual: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "div",
           {
             style: {
@@ -1249,17 +1474,17 @@ function IOSOtherVariant({
               padding: "12px 0",
               marginTop: 8
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ShareIconIOS, { size: 32, style: { color: "var(--hook-color-primary)" } })
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ShareIconIOS, { size: 32, style: { color: "var(--hook-color-primary)" } })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       Step2,
       {
         n: 2,
         title: copy.step2.title,
-        visual: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+        visual: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
           "div",
           {
             style: {
@@ -1272,19 +1497,19 @@ function IOSOtherVariant({
               marginTop: 8
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SquarePlusIcon, { size: 22, style: { color: "#555" } }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { style: { fontSize: 14, color: "#333" }, children: copy.step2.iconLabel })
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SquarePlusIcon, { size: 22, style: { color: "#555" } }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { style: { fontSize: 14, color: "#333" }, children: copy.step2.iconLabel })
             ]
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       Step2,
       {
         n: 3,
         title: copy.step3.title,
-        visual: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        visual: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "div",
           {
             style: {
@@ -1295,7 +1520,7 @@ function IOSOtherVariant({
               padding: "10px 14px",
               marginTop: 8
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "span",
               {
                 style: {
@@ -1310,7 +1535,7 @@ function IOSOtherVariant({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "button",
       {
         "data-testid": "install-prompt-skip-session",
@@ -1320,7 +1545,7 @@ function IOSOtherVariant({
         children: copy.skip
       }
     ),
-    showPermanent && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    showPermanent && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "button",
       {
         "data-testid": "install-prompt-skip-permanent",
@@ -1334,8 +1559,8 @@ function IOSOtherVariant({
 }
 
 // src/components/InstallGate/variants/InAppBrowserVariant.tsx
-var import_react6 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_react7 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function InAppBrowserVariant({
   state,
   actions
@@ -1344,17 +1569,17 @@ function InAppBrowserVariant({
   const appCopy = INSTALL_COPY.inApp[app] ?? INSTALL_COPY.inApp.other;
   const copy = INSTALL_COPY.inApp;
   const showPermanent = shouldShowPermanentOption(state);
-  const [copied, setCopied] = (0, import_react6.useState)(false);
+  const [copied, setCopied] = (0, import_react7.useState)(false);
   const handleCopy = async () => {
     await actions.copyLink();
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };
   const DotsIcon = app === "facebook" || app === "telegram" ? MenuDotsVerticalIcon : MenuDotsHorizontalIcon;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(InstallSplash, { title: appCopy.title, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Step3, { n: 1, icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DotsIcon, { size: 20 }), children: appCopy.step1 }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Step3, { n: 2, icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ExternalLinkIcon, { size: 18 }), children: appCopy.step2 }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(InstallSplash, { title: appCopy.title, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Step3, { n: 1, icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DotsIcon, { size: 20 }), children: appCopy.step1 }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Step3, { n: 2, icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ExternalLinkIcon, { size: 18 }), children: appCopy.step2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "button",
       {
         "data-testid": "install-prompt-cta-inapp-copy",
@@ -1364,7 +1589,7 @@ function InAppBrowserVariant({
         children: copied ? copy.copiedToast : copy.copy
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "button",
       {
         "data-testid": "install-prompt-skip-session",
@@ -1374,7 +1599,7 @@ function InAppBrowserVariant({
         children: copy.skip
       }
     ),
-    showPermanent && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    showPermanent && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "button",
       {
         "data-testid": "install-prompt-skip-permanent",
@@ -1391,7 +1616,7 @@ function Step3({
   icon,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "div",
     {
       style: {
@@ -1405,7 +1630,7 @@ function Step3({
         textAlign: "left"
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "div",
           {
             style: {
@@ -1424,15 +1649,15 @@ function Step3({
             children: n
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { flex: 1, fontSize: 14, color: "#333" }, children }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { color: "#888", flexShrink: 0 }, children: icon })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { flex: 1, fontSize: 14, color: "#333" }, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { color: "#888", flexShrink: 0 }, children: icon })
       ]
     }
   );
 }
 
 // src/components/InstallGate/variants/DesktopVariant.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function DesktopVariant({
   state,
   actions
@@ -1441,21 +1666,21 @@ function DesktopVariant({
   const copy = INSTALL_COPY.desktop;
   const iconUrl = theme.icon_url || theme.logo_url || null;
   if (!state.isInstallable) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
       role: "complementary",
       "aria-label": copy.title,
       style: bannerStyle,
       children: [
-        iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "img",
           {
             src: iconUrl,
             alt: "",
             style: { width: 40, height: 40, borderRadius: 10, objectFit: "cover", flexShrink: 0 }
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "div",
           {
             style: {
@@ -1474,11 +1699,11 @@ function DesktopVariant({
             children: name.charAt(0).toUpperCase()
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { fontSize: 14, fontWeight: 600, color: "#111" }, children: copy.title }),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { fontSize: 12, color: "#666" }, children: copy.subtitle })
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontSize: 14, fontWeight: 600, color: "#111" }, children: copy.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontSize: 12, color: "#666" }, children: copy.subtitle })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
           "button",
           {
             "data-testid": "install-prompt-cta-desktop",
@@ -1499,12 +1724,12 @@ function DesktopVariant({
               flexShrink: 0
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DownloadIcon, { size: 14 }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DownloadIcon, { size: 14 }),
               copy.cta
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "button",
           {
             "data-testid": "install-prompt-desktop-close",
@@ -1519,7 +1744,7 @@ function DesktopVariant({
               padding: 4,
               flexShrink: 0
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(XIcon, { size: 16 })
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(XIcon, { size: 16 })
           }
         )
       ]
@@ -1543,14 +1768,14 @@ var bannerStyle = {
 };
 
 // src/components/InstallGate/InstallGate.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("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 = (0, import_react7.useRef)(null);
-  (0, import_react7.useEffect)(() => {
+  const trackedRef = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
     if (!shouldBlock) return;
     if (typeof window === "undefined") return;
     const variantKey = `${slug}:${installState.variant}`;
@@ -1564,37 +1789,42 @@ function InstallGate({ children }) {
       variant: installState.variant
     });
   }, [shouldBlock, slug, installState.variant, installState.platform, installState.iosBrowser, installState.androidBrowser, installState.inAppApp]);
-  if (!enabled) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children });
-  if (installState.isInstalled) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children });
+  if (!enabled) return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
+  if (installState.isInstalled) return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
   if (installState.variant === "desktop") {
     const showBanner = !installState.isDismissedSession && !installState.isDismissedPermanent;
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
       children,
-      showBanner && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DesktopVariant, { state: installState, actions: installState })
+      showBanner && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DesktopVariant, { state: installState, actions: installState })
     ] });
   }
-  if (!shouldBlock) return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children });
+  if (!shouldBlock) return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
   switch (installState.variant) {
     case "android-native":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AndroidNativeVariant, { state: installState, actions: installState });
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AndroidNativeVariant, { state: installState, actions: installState });
     case "android-manual":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AndroidManualVariant, { state: installState, actions: installState });
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AndroidManualVariant, { state: installState, actions: installState });
     case "ios-safari":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IOSafariVariant, { state: installState, actions: installState });
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IOSafariVariant, { state: installState, actions: installState });
     case "ios-other":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IOSOtherVariant, { state: installState, actions: installState });
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IOSOtherVariant, { state: installState, actions: installState });
     case "in-app":
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(InAppBrowserVariant, { state: installState, actions: installState });
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(InAppBrowserVariant, { state: installState, actions: installState });
     case "none":
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children });
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
   }
 }
 
+// src/internal/PushPrompt.tsx
+function PushPrompt() {
+  return null;
+}
+
 // src/defaults/ErrorBoundary.tsx
-var import_react8 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var ErrorBoundary = class extends import_react8.Component {
+var import_react9 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var ErrorBoundary = class extends import_react9.Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
     return { error };
@@ -1604,1239 +1834,27 @@ var ErrorBoundary = class extends import_react8.Component {
   }
   render() {
     if (this.state.error) {
-      return this.props.fallback ?? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { role: "alert", style: { padding: 24, textAlign: "center" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { children: "Algo deu errado" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { opacity: 0.7 }, children: "Recarregue a p\xE1gina pra tentar de novo." })
+      return this.props.fallback ?? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { role: "alert", style: { padding: 24, textAlign: "center" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", { children: "Algo deu errado" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { style: { opacity: 0.7 }, children: "Recarregue a p\xE1gina pra tentar de novo." })
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children: this.props.children });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: this.props.children });
   }
 };
 
-// src/hooks/useLoginForm.ts
-var import_react9 = require("react");
-var import_sdk5 = require("@hook-sdk/sdk");
-
-// src/errors.ts
-var import_sdk4 = require("@hook-sdk/sdk");
-function mapSdkError(err) {
-  if (err instanceof import_sdk4.SdkRateLimitError) {
-    return {
-      code: "rate_limited",
-      message: `Aguarde ${err.retryAfter}s e tente novamente.`,
-      retryAfter: err.retryAfter
-    };
-  }
-  if (err instanceof import_sdk4.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 import_sdk4.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 } = (0, import_sdk5.useHook)();
-  const [email, setEmail] = (0, import_react9.useState)("");
-  const [password, setPassword] = (0, import_react9.useState)("");
-  const [submitting, setSubmitting] = (0, import_react9.useState)(false);
-  const [error, setError] = (0, import_react9.useState)(null);
-  const emailError = (0, import_react9.useMemo)(() => {
-    if (email.length === 0) return null;
-    if (!EMAIL_RE.test(email)) return "Formato de e-mail inv\xE1lido.";
-    return null;
-  }, [email]);
-  const passwordError = (0, import_react9.useMemo)(() => {
-    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 = (0, import_react9.useCallback)(async () => {
-    if (!canSubmit) return false;
-    setSubmitting(true);
-    setError(null);
-    try {
-      await auth.login({ email, password });
-      return true;
-    } catch (err) {
-      setError(mapSdkError(err));
-      return false;
-    } finally {
-      setSubmitting(false);
-    }
-  }, [auth, email, password, canSubmit]);
-  return {
-    email,
-    setEmail,
-    emailError,
-    password,
-    setPassword,
-    passwordError,
-    submit,
-    submitting,
-    canSubmit,
-    error,
-    loginWithGoogle: () => auth.loginWithGoogle()
-  };
-}
-
-// src/internal/GoogleSignInButton.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-function GoogleSignInButton({
-  onClick,
-  testId = "oauth-google",
-  label = "Continuar com Google"
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-    "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__ */ (0, import_jsx_runtime18.jsx)(GoogleGlyph, {}),
-        label
-      ]
-    }
-  );
-}
-function GoogleGlyph() {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      "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__ */ (0, import_jsx_runtime18.jsx)(
-      "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__ */ (0, import_jsx_runtime18.jsx)(
-      "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__ */ (0, import_jsx_runtime18.jsx)(
-      "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
-var import_react10 = require("react");
-var import_jsx_runtime19 = require("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] = (0, import_react10.useState)(() => readErrorCode());
-  (0, import_react10.useEffect)(() => {
-    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__ */ (0, import_jsx_runtime19.jsxs)(
-    "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__ */ (0, import_jsx_runtime19.jsx)(
-          "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
-var import_jsx_runtime20 = require("react/jsx-runtime");
-function DefaultLoginScreen({ onNavigate }) {
-  const { name } = useTemplateConfig();
-  const f = useLoginForm();
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h1", { style: { marginBottom: 8 }, children: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Entre na sua conta" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(OAuthErrorBanner, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(GoogleSignInButton, { onClick: f.loginWithGoogle, testId: "login-oauth-google" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
-      "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__ */ (0, import_jsx_runtime20.jsx)("span", { style: { flex: 1, height: 1, background: "rgba(0,0,0,0.1)" } }),
-          "ou",
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { style: { flex: 1, height: 1, background: "rgba(0,0,0,0.1)" } })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("form", { onSubmit: (e) => {
-      e.preventDefault();
-      void f.submit();
-    }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
-        "E-mail",
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-          "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__ */ (0, import_jsx_runtime20.jsx)("small", { style: { color: "#c00" }, children: f.emailError })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
-        "Senha",
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-          "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__ */ (0, import_jsx_runtime20.jsx)("small", { style: { color: "#c00" }, children: f.passwordError })
-      ] }),
-      f.error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        "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__ */ (0, import_jsx_runtime20.jsxs)("div", { style: { marginTop: 16, display: "flex", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { "data-testid": "login-goto-signup", type: "button", onClick: () => onNavigate("signup"), style: { background: "none", border: "none", cursor: "pointer" }, children: "Criar conta" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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
-var import_react11 = require("react");
-var import_sdk6 = require("@hook-sdk/sdk");
-var EMAIL_RE2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-var MIN_PASSWORD2 = 8;
-function useSignupForm() {
-  const { auth } = (0, import_sdk6.useHook)();
-  const [name, setName] = (0, import_react11.useState)("");
-  const [email, setEmail] = (0, import_react11.useState)("");
-  const [password, setPassword] = (0, import_react11.useState)("");
-  const [submitting, setSubmitting] = (0, import_react11.useState)(false);
-  const [error, setError] = (0, import_react11.useState)(null);
-  const nameError = (0, import_react11.useMemo)(() => {
-    if (name.length === 0) return null;
-    if (name.trim().length < 2) return "Nome muito curto.";
-    return null;
-  }, [name]);
-  const emailError = (0, import_react11.useMemo)(() => {
-    if (email.length === 0) return null;
-    if (!EMAIL_RE2.test(email)) return "Formato de e-mail inv\xE1lido.";
-    return null;
-  }, [email]);
-  const passwordError = (0, import_react11.useMemo)(() => {
-    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 = (0, import_react11.useCallback)(async () => {
-    if (!canSubmit) return false;
-    setSubmitting(true);
-    setError(null);
-    try {
-      await auth.signup({ name, email, password });
-      return true;
-    } catch (err) {
-      setError(mapSdkError(err));
-      return false;
-    } finally {
-      setSubmitting(false);
-    }
-  }, [auth, name, email, password, canSubmit]);
-  return {
-    name,
-    setName,
-    nameError,
-    email,
-    setEmail,
-    emailError,
-    password,
-    setPassword,
-    passwordError,
-    submit,
-    submitting,
-    canSubmit,
-    error,
-    loginWithGoogle: () => auth.loginWithGoogle()
-  };
-}
-
-// src/defaults/DefaultSignupScreen.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
-function DefaultSignupScreen({ onNavigate }) {
-  const { name } = useTemplateConfig();
-  const f = useSignupForm();
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h1", { style: { marginBottom: 8 }, children: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Criar sua conta" }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(OAuthErrorBanner, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(GoogleSignInButton, { onClick: f.loginWithGoogle, testId: "signup-oauth-google" }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-      "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__ */ (0, import_jsx_runtime21.jsx)("span", { style: { flex: 1, height: 1, background: "rgba(0,0,0,0.1)" } }),
-          "ou",
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { style: { flex: 1, height: 1, background: "rgba(0,0,0,0.1)" } })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("form", { onSubmit: (e) => {
-      e.preventDefault();
-      void f.submit();
-    }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
-        "Nome",
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { "data-testid": "signup-name", value: f.name, onChange: (e) => f.setName(e.target.value), style: { display: "block", width: "100%" } }),
-        f.nameError && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("small", { style: { color: "#c00" }, children: f.nameError })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
-        "E-mail",
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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__ */ (0, import_jsx_runtime21.jsx)("small", { style: { color: "#c00" }, children: f.emailError })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
-        "Senha",
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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__ */ (0, import_jsx_runtime21.jsx)("small", { style: { color: "#c00" }, children: f.passwordError })
-      ] }),
-      f.error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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__ */ (0, import_jsx_runtime21.jsx)("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("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
-var import_react12 = require("react");
-var import_sdk7 = require("@hook-sdk/sdk");
-var EMAIL_RE3 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-function useForgotForm() {
-  const { auth } = (0, import_sdk7.useHook)();
-  const [email, setEmail] = (0, import_react12.useState)("");
-  const [submitting, setSubmitting] = (0, import_react12.useState)(false);
-  const [sent, setSent] = (0, import_react12.useState)(false);
-  const [error, setError] = (0, import_react12.useState)(null);
-  const emailError = (0, import_react12.useMemo)(() => {
-    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 = (0, import_react12.useCallback)(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
-var import_jsx_runtime22 = require("react/jsx-runtime");
-function DefaultForgotScreen({ onNavigate }) {
-  const { name } = useTemplateConfig();
-  const f = useForgotForm();
-  if (f.sent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h1", { children: "Verifique seu e-mail" }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { style: { opacity: 0.7 }, children: "Enviamos um link pra redefinir sua senha." }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", { "data-testid": "forgot-back-login", type: "button", onClick: () => onNavigate("login"), children: "Voltar pro login" })
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h1", { style: { marginBottom: 8 }, children: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Redefinir senha" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("form", { onSubmit: (e) => {
-      e.preventDefault();
-      void f.submit();
-    }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
-        "E-mail",
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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__ */ (0, import_jsx_runtime22.jsx)("small", { style: { color: "#c00" }, children: f.emailError })
-      ] }),
-      f.error && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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__ */ (0, import_jsx_runtime22.jsx)("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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
-var import_react13 = require("react");
-var import_sdk8 = require("@hook-sdk/sdk");
-var MIN_PASSWORD3 = 12;
-function useResetForm() {
-  const { auth } = (0, import_sdk8.useHook)();
-  const [token, setToken] = (0, import_react13.useState)(null);
-  const [password, setPassword] = (0, import_react13.useState)("");
-  const [confirm, setConfirm] = (0, import_react13.useState)("");
-  const [submitting, setSubmitting] = (0, import_react13.useState)(false);
-  const [done, setDone] = (0, import_react13.useState)(false);
-  const [error, setError] = (0, import_react13.useState)(null);
-  (0, import_react13.useEffect)(() => {
-    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 = (0, import_react13.useMemo)(() => {
-    if (password.length === 0) return null;
-    if (password.length < MIN_PASSWORD3) return `M\xEDnimo de ${MIN_PASSWORD3} caracteres.`;
-    return null;
-  }, [password]);
-  const confirmError = (0, import_react13.useMemo)(() => {
-    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 = (0, import_react13.useCallback)(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
-var import_jsx_runtime23 = require("react/jsx-runtime");
-function DefaultResetScreen({ onNavigate }) {
-  const { name } = useTemplateConfig();
-  const f = useResetForm();
-  if (f.done) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h1", { children: "Senha alterada" }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { style: { opacity: 0.7 }, children: "Agora \xE9 s\xF3 fazer login com a nova senha." }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { "data-testid": "reset-back-login", type: "button", onClick: () => onNavigate("login"), children: "Ir pro login" })
-    ] });
-  }
-  if (f.token === null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h1", { children: "Link inv\xE1lido" }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { style: { opacity: 0.7 }, children: "Pe\xE7a um novo link de reset." }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { "data-testid": "reset-goto-forgot", type: "button", onClick: () => onNavigate("forgot"), children: "Pedir novo link" })
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h1", { style: { marginBottom: 8 }, children: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Escolha uma nova senha" }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("form", { onSubmit: (e) => {
-      e.preventDefault();
-      void f.submit();
-    }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
-        "Nova senha",
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("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__ */ (0, import_jsx_runtime23.jsx)("small", { style: { color: "#c00" }, children: f.passwordError })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
-        "Confirmar senha",
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("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__ */ (0, import_jsx_runtime23.jsx)("small", { style: { color: "#c00" }, children: f.confirmError })
-      ] }),
-      f.error && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("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
-var import_react14 = require("react");
-
-// src/hooks/usePlan.ts
-var import_sdk9 = require("@hook-sdk/sdk");
-function usePlan() {
-  const { plan } = (0, import_sdk9.useHook)();
-  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
-var import_jsx_runtime24 = require("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] = (0, import_react14.useState)("MONTHLY");
-  const [method, setMethod] = (0, import_react14.useState)("card");
-  const [cpf, setCpf] = (0, import_react14.useState)("");
-  const [cardNumber, setCardNumber] = (0, import_react14.useState)("");
-  const [cardHolderName, setCardHolderName] = (0, import_react14.useState)("");
-  const [cardExpiryMonth, setCardExpiryMonth] = (0, import_react14.useState)("");
-  const [cardExpiryYear, setCardExpiryYear] = (0, import_react14.useState)("");
-  const [cardCcv, setCardCcv] = (0, import_react14.useState)("");
-  const [holderName, setHolderName] = (0, import_react14.useState)("");
-  const [holderEmail, setHolderEmail] = (0, import_react14.useState)("");
-  const [holderPostalCode, setHolderPostalCode] = (0, import_react14.useState)("");
-  const [holderAddressNumber, setHolderAddressNumber] = (0, import_react14.useState)("");
-  const [holderPhone, setHolderPhone] = (0, import_react14.useState)("");
-  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 = (0, import_react14.useMemo)(() => {
-    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 = (0, import_react14.useMemo)(() => {
-    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 = (0, import_react14.useMemo)(() => {
-    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__ */ (0, import_jsx_runtime24.jsxs)("main", { style: { padding: 24, maxWidth: 480, margin: "0 auto", textAlign: "center" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h1", { style: { marginBottom: 8 }, children: p.title }),
-    p.subtitle && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { style: { opacity: 0.7, marginBottom: 24 }, children: p.subtitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-      "div",
-      {
-        role: "group",
-        "aria-label": "Per\xEDodo de cobran\xE7a",
-        style: { display: "flex", gap: 8, marginBottom: 16 },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-            "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__ */ (0, import_jsx_runtime24.jsxs)(
-            "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__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { marginBottom: 8 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { fontSize: 32, fontWeight: 700, lineHeight: 1 }, children: [
-        formatBRL(activeCents),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { style: { fontSize: 16, fontWeight: 400, opacity: 0.7 }, children: "/m\xEAs" })
-      ] }),
-      anchorCents && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { fontSize: 14, opacity: 0.6, marginTop: 4 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { style: { textDecoration: "line-through" }, children: formatBRL(anchorCents) }),
-        anchorDiscount > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { style: { marginLeft: 6 }, children: [
-          "\u2212",
-          anchorDiscount,
-          "%"
-        ] })
-      ] }),
-      cycle === "YEARLY" && yearlyCents && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { fontSize: 12, opacity: 0.6, marginTop: 4 }, children: [
-        "Cobrado ",
-        formatBRL(yearlyCents),
-        " por ano"
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("ul", { style: { listStyle: "none", padding: 0, textAlign: "left", margin: "24px 0" }, children: p.benefits.map((b) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("li", { style: { padding: "8px 0", display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "aria-hidden": true, style: { marginRight: 8 }, children: "\u2713" }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: b })
-    ] }, b)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { role: "tablist", "aria-label": "M\xE9todo de pagamento", style: { display: "flex", gap: 8, marginBottom: 16 }, children: availableMethods.map((m) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      "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__ */ (0, import_jsx_runtime24.jsxs)(
-      "fieldset",
-      {
-        "data-testid": "paywall-card-form",
-        style: { border: "none", padding: 0, marginBottom: 16 },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("legend", { style: { fontSize: 13, opacity: 0.75, marginBottom: 8 }, children: "Dados do cart\xE3o" }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: fieldGroup, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: "pw-card-number", style: labelStyle, children: "N\xFAmero do cart\xE3o" }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-              "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__ */ (0, import_jsx_runtime24.jsxs)("div", { style: fieldGroup, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: "pw-card-holder", style: labelStyle, children: "Nome impresso no cart\xE3o" }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-              "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__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { display: "flex", gap: 8, marginBottom: 10 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { flex: 1, textAlign: "left" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: "pw-card-exp-m", style: labelStyle, children: "M\xEAs" }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-                "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__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { flex: 1, textAlign: "left" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: "pw-card-exp-y", style: labelStyle, children: "Ano" }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-                "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__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { flex: 1, textAlign: "left" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: "pw-card-cvv", style: labelStyle, children: "CVV" }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-                "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__ */ (0, import_jsx_runtime24.jsx)("legend", { style: { fontSize: 13, opacity: 0.75, marginBottom: 8, marginTop: 8 }, children: "Dados do titular" }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: fieldGroup, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: "pw-holder-name", style: labelStyle, children: "Nome completo" }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-              "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__ */ (0, import_jsx_runtime24.jsxs)("div", { style: fieldGroup, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: "pw-holder-email", style: labelStyle, children: "E-mail" }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-              "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__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { display: "flex", gap: 8, marginBottom: 10 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { flex: 1, textAlign: "left" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: "pw-holder-cep", style: labelStyle, children: "CEP" }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-                "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__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { flex: 1, textAlign: "left" }, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: "pw-holder-addr-n", style: labelStyle, children: "N\xFAmero" }),
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-                "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__ */ (0, import_jsx_runtime24.jsxs)("div", { style: fieldGroup, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: "pw-holder-phone", style: labelStyle, children: "Telefone (opcional)" }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-              "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__ */ (0, import_jsx_runtime24.jsxs)("div", { style: fieldGroup, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("label", { htmlFor: "pw-cpf", style: labelStyle, children: "Seu CPF" }),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-        "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__ */ (0, import_jsx_runtime24.jsx)("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: error.message }),
-    method === "pix-auto" && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-      "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__ */ (0, import_jsx_runtime24.jsx)("strong", { children: "Como funciona:" }),
-          " no app do seu banco vai aparecer uma cobran\xE7a de",
-          " ",
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("strong", { children: "R$ 0,01" }),
-          " \u2014 \xE9 simb\xF3lica, s\xF3 pra ativar o PIX Autom\xE1tico.",
-          trialDays > 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-            " ",
-            "Depois, ",
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("strong", { children: [
-              trialDays,
-              " dias gr\xE1tis"
-            ] }),
-            "; a cobran\xE7a de",
-            " ",
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("strong", { children: formatBRL(cycleValueCents) }),
-            " ",
-            cycleLabel,
-            " s\xF3 come\xE7a depois."
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-            " ",
-            "A cobran\xE7a de ",
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("strong", { children: formatBRL(cycleValueCents) }),
-            " ",
-            cycleLabel,
-            " vem em seguida."
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      "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__ */ (0, import_jsx_runtime24.jsx)("p", { style: { opacity: 0.55, marginTop: 16, fontSize: 12 }, children: footer }),
-    p.priceHint && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { style: { opacity: 0.6, marginTop: 8, fontSize: 12 }, children: p.priceHint }),
-    p.footerNote && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { style: { opacity: 0.5, marginTop: 8, fontSize: 12 }, children: p.footerNote }),
-    pixPending && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      "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__ */ (0, import_jsx_runtime24.jsxs)("div", { style: {
-          background: "#fff",
-          borderRadius: 12,
-          padding: 24,
-          maxWidth: 360,
-          width: "100%",
-          textAlign: "center"
-        }, children: [
-          pixPending.paid ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { style: { marginTop: 0 }, children: "Pagamento confirmado!" }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { style: { opacity: 0.7 }, children: "Liberando acesso\u2026" })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h2", { style: { marginTop: 0, fontSize: 18 }, children: "Pague com Pix Autom\xE1tico" }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { style: { fontSize: 13, opacity: 0.75 }, children: "Escaneie o QR Code no app do seu banco pra autorizar o d\xE9bito recorrente." }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-              "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__ */ (0, import_jsx_runtime24.jsx)("strong", { children: "R$ 0,01" }),
-                  " \u2014 \xE9 simb\xF3lica, s\xF3 pra ativar o PIX Autom\xE1tico.",
-                  trialDays > 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-                    " ",
-                    "A cobran\xE7a de ",
-                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("strong", { children: formatBRL(cycleValueCents) }),
-                    " ",
-                    cycleLabel,
-                    " come\xE7a depois dos ",
-                    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("strong", { children: [
-                      trialDays,
-                      " dias gr\xE1tis"
-                    ] }),
-                    ", automaticamente."
-                  ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
-                    " ",
-                    "A cobran\xE7a de ",
-                    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("strong", { children: formatBRL(cycleValueCents) }),
-                    " ",
-                    cycleLabel,
-                    " vem logo em seguida."
-                  ] })
-                ]
-              }
-            ),
-            pixPending.qrCodeBase64 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-              "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__ */ (0, import_jsx_runtime24.jsx)(
-              "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__ */ (0, import_jsx_runtime24.jsx)("p", { style: { fontSize: 11, opacity: 0.55, marginTop: 12 }, children: "Aguardando confirma\xE7\xE3o do banco\u2026 Pode levar alguns segundos." })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-            "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
-var import_jsx_runtime25 = require("react/jsx-runtime");
+// src/internal/PaymentReturnHandler.tsx
+var import_react10 = require("react");
+var import_sdk3 = require("@hook-sdk/sdk");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var BACKOFF_MS = [2e3, 5e3, 1e4, 2e4, 4e4];
 function PaymentReturnHandler({ children }) {
-  const { subscription } = (0, import_sdk10.useHook)();
-  const subRef = (0, import_react15.useRef)(subscription);
+  const { subscription } = (0, import_sdk3.useHook)();
+  const subRef = (0, import_react10.useRef)(subscription);
   subRef.current = subscription;
-  const runIdRef = (0, import_react15.useRef)(0);
-  const [state, setState] = (0, import_react15.useState)("idle");
-  const runPoll = (0, import_react15.useCallback)(() => {
+  const runIdRef = (0, import_react10.useRef)(0);
+  const [state, setState] = (0, import_react10.useState)("idle");
+  const runPoll = (0, import_react10.useCallback)(() => {
     const runId = ++runIdRef.current;
     setState("confirming");
     let attempts = 0;
@@ -2865,7 +1883,7 @@ function PaymentReturnHandler({ children }) {
     };
     void tick();
   }, []);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (typeof window === "undefined") return;
     const url = new URL(window.location.href);
     if (url.searchParams.get("paymentReturn") !== "1") return;
@@ -2875,31 +1893,15 @@ function PaymentReturnHandler({ children }) {
     };
   }, [runPoll]);
   if (state === "confirming") {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      "div",
-      {
-        role: "status",
-        "aria-live": "polite",
-        style: overlayStyle2,
-        children: "Confirmando pagamento\u2026"
-      }
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: "Confirmando pagamento\u2026" });
   }
   if (state === "waiting") {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { style: { maxWidth: 320, textAlign: "center", lineHeight: 1.5 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { style: { marginBottom: 16 }, children: "Pagamento aceito. Estamos confirmando com o banco \u2014 pode levar alguns minutos." }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: runPoll,
-          style: buttonStyle,
-          children: "Atualizar"
-        }
-      )
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { maxWidth: 320, textAlign: "center", lineHeight: 1.5 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { marginBottom: 16 }, children: "Pagamento aceito. Estamos confirmando com o banco \u2014 pode levar alguns minutos." }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: runPoll, style: buttonStyle, children: "Atualizar" })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children });
 }
 var overlayStyle2 = {
   position: "fixed",
@@ -2923,129 +1925,534 @@ var buttonStyle = {
   fontWeight: 600,
   cursor: "pointer"
 };
-function AppRoot({
-  config,
+
+// src/AppRoot.tsx
+var import_jsx_runtime18 = require("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 = (0, import_react11.useMemo)(() => buildLegacyConfigShim(config), [config]);
+  const Router = testRouter === "memory" ? import_react_router_dom2.MemoryRouter : import_react_router_dom2.BrowserRouter;
+  const basename = `/app/${config.slug}`;
+  const routerProps = testRouter === "memory" ? { basename, initialEntries: testInitialEntries } : { basename };
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AppConfigProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TemplateConfigProvider, { config: legacyShim, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PersistenceRegistry, { config: config.persistedKeys, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Router, { ...routerProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DeepLinkHandler, { deepLinks: config.deepLinks }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(InstallGate, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      AuthGated,
+      {
+        config,
+        Login,
+        Signup,
+        Forgot,
+        Reset,
+        EmailVerify,
+        Paywall,
+        Onboarding,
+        PreAuthFlow,
+        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(SubscriptionGate, { Paywall: Paywall ?? FallbackPaywall, children: [
+          children,
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PushPrompt, {})
+        ] })
+      }
+    ) })
+  ] }) }) }) }) }) });
+}
+function AuthGated({
   children,
-  Login = DefaultLoginScreen,
-  Signup = DefaultSignupScreen,
-  Forgot = DefaultForgotScreen,
-  Reset = DefaultResetScreen,
-  Paywall = DefaultPaywall
+  config,
+  Login,
+  Signup,
+  Forgot,
+  Reset,
+  EmailVerify,
+  PreAuthFlow
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PaymentReturnHandler, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TemplateConfigProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(InstallGate, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AuthGate, { Login, Signup, Forgot, Reset, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PersistedKeysPrefetch, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(SubscriptionGate, { Paywall, children: [
-    children,
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PushPrompt, {})
-  ] }) }) }) }) }) }) }) });
+  const { authStatus } = (0, import_sdk4.useHook)();
+  if (authStatus === "loading") return null;
+  if (authStatus !== "authenticated") {
+    if (config.onboarding?.trigger === "pre_signup_custom" && PreAuthFlow) {
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_router_dom2.Routes, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/signin", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Login, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/signup", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Signup, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/forgot", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Forgot, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/reset", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Reset, {}) }),
+        EmailVerify ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/verify", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(EmailVerify, {}) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/*", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PreAuthFlow, {}) })
+      ] });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_router_dom2.Routes, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Login, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/signup", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Signup, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/forgot", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Forgot, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/reset", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Reset, {}) }),
+      EmailVerify ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/verify", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(EmailVerify, {}) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Navigate, { to: "/", replace: true }) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children });
+}
+function FallbackPaywall() {
+  return null;
+}
+
+// src/hooks/usePush.ts
+var import_react12 = require("react");
+var import_sdk5 = require("@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 } = (0, import_sdk5.useHook)();
+  const [state, setState] = (0, import_react12.useState)(() => deriveState(push));
+  (0, import_react12.useEffect)(() => {
+    setState(deriveState(push));
+  }, [push]);
+  const subscribe = (0, import_react12.useCallback)(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 = (0, import_react12.useCallback)(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
+var import_jsx_runtime19 = require("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__ */ (0, import_jsx_runtime19.jsxs)("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { children: texts.iosInstallTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: texts.iosInstallBody }),
+      onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
+    ] });
+  }
+  if (state.kind === "denied") {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className, role: "region", "aria-label": texts.deniedTitle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { children: texts.deniedTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: texts.deniedBody })
+    ] });
+  }
+  if (state.kind === "unsupported") {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className, role: "region", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: texts.unsupportedBody }) });
+  }
+  if (state.kind === "error") {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: state.message }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className, role: "region", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: async () => {
+          try {
+            await subscribe();
+            onSubscribed?.();
+          } catch {
+          }
+        },
+        children: texts.cta
+      }
+    ),
+    onDeclined && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { type: "button", onClick: onDeclined, children: texts.declineCta })
+  ] });
+}
+
+// src/defaults/LoadingState.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function LoadingState({ message }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { role: "status", "aria-live": "polite", style: { padding: 24, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: message ?? "Carregando..." }) });
+}
+
+// src/defaults/EmptyState.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function EmptyState({ title, description, action }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { style: { marginBottom: 8 }, children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { style: { opacity: 0.7 }, children: description }),
+    action && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { marginTop: 16 }, children: action })
+  ] });
+}
+
+// src/hooks/useLoginForm.ts
+var import_react13 = require("react");
+var import_sdk7 = require("@hook-sdk/sdk");
+
+// src/errors.ts
+var import_sdk6 = require("@hook-sdk/sdk");
+function mapSdkError(err) {
+  if (err instanceof import_sdk6.SdkRateLimitError) {
+    return {
+      code: "rate_limited",
+      message: `Aguarde ${err.retryAfter}s e tente novamente.`,
+      retryAfter: err.retryAfter
+    };
+  }
+  if (err instanceof import_sdk6.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 import_sdk6.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 } = (0, import_sdk7.useHook)();
+  const [email, setEmail] = (0, import_react13.useState)("");
+  const [password, setPassword] = (0, import_react13.useState)("");
+  const [submitting, setSubmitting] = (0, import_react13.useState)(false);
+  const [error, setError] = (0, import_react13.useState)(null);
+  const emailError = (0, import_react13.useMemo)(() => {
+    if (email.length === 0) return null;
+    if (!EMAIL_RE.test(email)) return "Formato de e-mail inv\xE1lido.";
+    return null;
+  }, [email]);
+  const passwordError = (0, import_react13.useMemo)(() => {
+    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 = (0, import_react13.useCallback)(async () => {
+    if (!canSubmit) return false;
+    setSubmitting(true);
+    setError(null);
+    try {
+      await auth.login({ email, password });
+      return true;
+    } catch (err) {
+      setError(mapSdkError(err));
+      return false;
+    } finally {
+      setSubmitting(false);
+    }
+  }, [auth, email, password, canSubmit]);
+  return {
+    email,
+    setEmail,
+    emailError,
+    password,
+    setPassword,
+    passwordError,
+    submit,
+    submitting,
+    canSubmit,
+    error,
+    loginWithGoogle: () => auth.loginWithGoogle()
+  };
+}
+
+// src/hooks/useSignupForm.ts
+var import_react14 = require("react");
+var import_sdk8 = require("@hook-sdk/sdk");
+var EMAIL_RE2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+var MIN_PASSWORD2 = 8;
+function useSignupForm() {
+  const { auth } = (0, import_sdk8.useHook)();
+  const [name, setName] = (0, import_react14.useState)("");
+  const [email, setEmail] = (0, import_react14.useState)("");
+  const [password, setPassword] = (0, import_react14.useState)("");
+  const [submitting, setSubmitting] = (0, import_react14.useState)(false);
+  const [error, setError] = (0, import_react14.useState)(null);
+  const nameError = (0, import_react14.useMemo)(() => {
+    if (name.length === 0) return null;
+    if (name.trim().length < 2) return "Nome muito curto.";
+    return null;
+  }, [name]);
+  const emailError = (0, import_react14.useMemo)(() => {
+    if (email.length === 0) return null;
+    if (!EMAIL_RE2.test(email)) return "Formato de e-mail inv\xE1lido.";
+    return null;
+  }, [email]);
+  const passwordError = (0, import_react14.useMemo)(() => {
+    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 = (0, import_react14.useCallback)(async () => {
+    if (!canSubmit) return false;
+    setSubmitting(true);
+    setError(null);
+    try {
+      await auth.signup({ name, email, password });
+      return true;
+    } catch (err) {
+      setError(mapSdkError(err));
+      return false;
+    } finally {
+      setSubmitting(false);
+    }
+  }, [auth, name, email, password, canSubmit]);
+  return {
+    name,
+    setName,
+    nameError,
+    email,
+    setEmail,
+    emailError,
+    password,
+    setPassword,
+    passwordError,
+    submit,
+    submitting,
+    canSubmit,
+    error,
+    loginWithGoogle: () => auth.loginWithGoogle()
+  };
 }
 
-// src/hooks/usePush.ts
-var import_react16 = require("react");
-var import_sdk11 = require("@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 } = (0, import_sdk11.useHook)();
-  const [state, setState] = (0, import_react16.useState)(() => deriveState(push));
-  (0, import_react16.useEffect)(() => {
-    setState(deriveState(push));
-  }, [push]);
-  const subscribe = (0, import_react16.useCallback)(async () => {
+// src/hooks/useForgotForm.ts
+var import_react15 = require("react");
+var import_sdk9 = require("@hook-sdk/sdk");
+var EMAIL_RE3 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function useForgotForm() {
+  const { auth } = (0, import_sdk9.useHook)();
+  const [email, setEmail] = (0, import_react15.useState)("");
+  const [submitting, setSubmitting] = (0, import_react15.useState)(false);
+  const [sent, setSent] = (0, import_react15.useState)(false);
+  const [error, setError] = (0, import_react15.useState)(null);
+  const emailError = (0, import_react15.useMemo)(() => {
+    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 = (0, import_react15.useCallback)(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 = (0, import_react16.useCallback)(async () => {
+  }, [auth, email, canSubmit]);
+  return {
+    email,
+    setEmail,
+    emailError,
+    submit,
+    submitting,
+    canSubmit,
+    sent,
+    error
+  };
+}
+
+// src/hooks/useResetForm.ts
+var import_react16 = require("react");
+var import_sdk10 = require("@hook-sdk/sdk");
+var MIN_PASSWORD3 = 12;
+function useResetForm() {
+  const { auth } = (0, import_sdk10.useHook)();
+  const [token, setToken] = (0, import_react16.useState)(null);
+  const [password, setPassword] = (0, import_react16.useState)("");
+  const [confirm, setConfirm] = (0, import_react16.useState)("");
+  const [submitting, setSubmitting] = (0, import_react16.useState)(false);
+  const [done, setDone] = (0, import_react16.useState)(false);
+  const [error, setError] = (0, import_react16.useState)(null);
+  (0, import_react16.useEffect)(() => {
+    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 = (0, import_react16.useMemo)(() => {
+    if (password.length === 0) return null;
+    if (password.length < MIN_PASSWORD3) return `M\xEDnimo de ${MIN_PASSWORD3} caracteres.`;
+    return null;
+  }, [password]);
+  const confirmError = (0, import_react16.useMemo)(() => {
+    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 = (0, import_react16.useCallback)(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
-var import_jsx_runtime26 = require("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__ */ (0, import_jsx_runtime26.jsxs)("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { children: texts.iosInstallTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { children: texts.iosInstallBody }),
-      onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
-    ] });
-  }
-  if (state.kind === "denied") {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className, role: "region", "aria-label": texts.deniedTitle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h3", { children: texts.deniedTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { children: texts.deniedBody })
-    ] });
-  }
-  if (state.kind === "unsupported") {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className, role: "region", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { children: texts.unsupportedBody }) });
-  }
-  if (state.kind === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { children: state.message }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className, role: "region", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-      "button",
-      {
-        type: "button",
-        onClick: async () => {
-          try {
-            await subscribe();
-            onSubscribed?.();
-          } catch {
-          }
-        },
-        children: texts.cta
-      }
-    ),
-    onDeclined && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { type: "button", onClick: onDeclined, children: texts.declineCta })
-  ] });
+// src/hooks/usePlan.ts
+var import_sdk11 = require("@hook-sdk/sdk");
+function usePlan() {
+  const { plan } = (0, import_sdk11.useHook)();
+  return plan;
 }
 
-// src/defaults/EmptyState.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
-function EmptyState({ title, description, action }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h2", { style: { marginBottom: 8 }, children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { style: { opacity: 0.7 }, children: description }),
-    action && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("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
@@ -3075,10 +2482,21 @@ function useAuthPrimitives() {
   };
 }
 
-// src/hooks/useSubscription.ts
+// src/hooks/useAuth.ts
 var import_sdk13 = require("@hook-sdk/sdk");
+function useAuth() {
+  const { user, authStatus, auth } = (0, import_sdk13.useHook)();
+  return {
+    user,
+    authStatus,
+    refresh: auth.refresh
+  };
+}
+
+// src/hooks/useSubscription.ts
+var import_sdk14 = require("@hook-sdk/sdk");
 function useSubscription() {
-  const { subscription } = (0, import_sdk13.useHook)();
+  const { subscription } = (0, import_sdk14.useHook)();
   return {
     status: subscription.status()
   };
@@ -3086,9 +2504,9 @@ function useSubscription() {
 
 // src/hooks/useReminders.ts
 var import_react18 = require("react");
-var import_sdk14 = require("@hook-sdk/sdk");
+var import_sdk15 = require("@hook-sdk/sdk");
 function useReminders() {
-  const { push } = (0, import_sdk14.useHook)();
+  const { push } = (0, import_sdk15.useHook)();
   const r = push.reminders;
   const [reminders, setReminders] = (0, import_react18.useState)([]);
   const [loading, setLoading] = (0, import_react18.useState)(true);
@@ -3137,20 +2555,137 @@ function useToast() {
   }, []);
   return { items, show, dismiss };
 }
+
+// src/RouteBoundary.tsx
+var import_react_router_dom3 = require("react-router-dom");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function RouteBoundary({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_router_dom3.Routes, { children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom3.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DefaultNotFound, {}) })
+  ] });
+}
+function DefaultNotFound() {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { role: "alert", children: "P\xE1gina n\xE3o encontrada" });
+}
+
+// src/PreAuthShell.tsx
+var import_react_router_dom4 = require("react-router-dom");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function PreAuthShell({
+  basename,
+  testRouter,
+  testInitialEntries,
+  children
+}) {
+  if (testRouter === "memory") {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom4.MemoryRouter, { basename, initialEntries: testInitialEntries, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom4.Routes, { children }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom4.BrowserRouter, { basename, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom4.Routes, { children }) });
+}
+
+// src/OnboardingFlow.tsx
+var import_react21 = require("react");
+var import_sdk16 = require("@hook-sdk/sdk");
+
+// src/hooks/useOnboardingStep.ts
+var import_react20 = require("react");
+var OnboardingStepContext = (0, import_react20.createContext)(null);
+function useOnboardingStep() {
+  const ctx = (0, import_react20.useContext)(OnboardingStepContext);
+  if (!ctx) {
+    throw new Error(
+      "[hook-template] useOnboardingStep must be used inside <OnboardingFlow>. (G75)"
+    );
+  }
+  return ctx;
+}
+
+// src/OnboardingFlow.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var isFilled = (v) => v != null && v !== "";
+function OnboardingFlow({
+  steps,
+  screens,
+  onComplete,
+  persistKey
+}) {
+  const [draft, setDraft] = (0, import_sdk16.usePersistedState)(persistKey, {});
+  const [idx, setIdx] = (0, import_react21.useState)(0);
+  const draftRef = (0, import_react21.useRef)(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 = (0, import_react21.useMemo)(
+    () => (step.validates ?? []).every((field) => isFilled(draft[field])),
+    [draft, step]
+  );
+  const setValue = (0, import_react21.useCallback)(
+    (patch) => {
+      draftRef.current = { ...draftRef.current, ...patch };
+      setDraft((prev2) => ({ ...prev2, ...patch }));
+    },
+    [setDraft]
+  );
+  const next = (0, import_react21.useCallback)(() => {
+    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 = (0, import_react21.useCallback)(() => setIdx((i) => Math.max(0, i - 1)), []);
+  const ctx = (0, import_react21.useMemo)(
+    () => ({
+      stepIndex: idx,
+      totalSteps: steps.length,
+      value: draft,
+      setValue,
+      valid,
+      next,
+      prev
+    }),
+    [idx, steps.length, draft, setValue, valid, next, prev]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(OnboardingStepContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Screen, {}) });
+}
+
+// src/hooks/useFeature.ts
+function useFeature(name) {
+  const config = useAppConfig();
+  return Array.isArray(config.features_enabled) && config.features_enabled.includes(name);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AppConfigProvider,
+  AppConfigSchema,
   AppRoot,
-  DefaultForgotScreen,
-  DefaultLoginScreen,
-  DefaultPaywall,
-  DefaultResetScreen,
-  DefaultSignupScreen,
+  DeepLinkHandler,
   EmptyState,
   ErrorBoundary,
   InstallGate,
   InstallSplash,
   LoadingState,
+  OnboardingFlow,
+  PaymentReturnHandler,
+  PersistenceRegistry,
+  PreAuthShell,
   PushPrompt,
+  RouteBoundary,
+  asaasErrorMessage,
   computeAnchorCents,
   dailyFromYearly,
   detectAndroidBrowser,
@@ -3161,13 +2696,17 @@ function useToast() {
   discountPercent,
   formatBRL,
   monthlyFromYearly,
+  parseAppConfig,
   shouldBlockInstall,
   shouldShowPermanentOption,
+  useAppConfig,
   useAuth,
   useAuthPrimitives,
+  useFeature,
   useForgotForm,
   useInstallPrompt,
   useLoginForm,
+  useOnboardingStep,
   usePaywallState,
   usePlan,
   usePush,