@hook-sdk/template 0.1.2 → 0.1.3

package/dist/index.js

@@ -1,6 +1,6 @@
 // src/AppRoot.tsx
-import { useEffect as useEffect3, useState as useState8 } from "react";
-import { useHook as useHook7 } from "@hook-sdk/sdk";
+import { useCallback as useCallback6, useEffect as useEffect4, useRef, useState as useState8 } from "react";
+import { useHook as useHook8 } from "@hook-sdk/sdk";
 
 // src/internal/TemplateConfigContext.tsx
 import { createContext, useContext, useMemo } from "react";
@@ -144,6 +144,21 @@ function SubscriptionGate({ Paywall, children }) {
   return /* @__PURE__ */ jsx5(Fragment2, { children });
 }
 
+// src/internal/PersistedKeysPrefetch.tsx
+import { useEffect as useEffect2 } from "react";
+import { useHook as useHook3 } from "@hook-sdk/sdk";
+import { Fragment as Fragment3, jsx as jsx6 } from "react/jsx-runtime";
+function PersistedKeysPrefetch({ children }) {
+  const { appData } = useHook3();
+  const config = useTemplateConfig();
+  useEffect2(() => {
+    const keys = config.persistedKeys;
+    if (!keys || keys.length === 0) return;
+    appData.cache.startPrefetch(keys, (ks) => appData.bulkRead(ks));
+  }, [appData, config.persistedKeys]);
+  return /* @__PURE__ */ jsx6(Fragment3, { children });
+}
+
 // src/internal/PushPrompt.tsx
 function PushPrompt() {
   return null;
@@ -151,7 +166,7 @@ function PushPrompt() {
 
 // src/defaults/ErrorBoundary.tsx
 import { Component } from "react";
-import { Fragment as Fragment3, jsx as jsx6, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx7, jsxs } from "react/jsx-runtime";
 var ErrorBoundary = class extends Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
@@ -163,17 +178,17 @@ var ErrorBoundary = class extends Component {
   render() {
     if (this.state.error) {
       return this.props.fallback ?? /* @__PURE__ */ jsxs("div", { role: "alert", style: { padding: 24, textAlign: "center" }, children: [
-        /* @__PURE__ */ jsx6("h2", { children: "Algo deu errado" }),
-        /* @__PURE__ */ jsx6("p", { style: { opacity: 0.7 }, children: "Recarregue a p\xE1gina pra tentar de novo." })
+        /* @__PURE__ */ jsx7("h2", { children: "Algo deu errado" }),
+        /* @__PURE__ */ jsx7("p", { style: { opacity: 0.7 }, children: "Recarregue a p\xE1gina pra tentar de novo." })
       ] });
     }
-    return /* @__PURE__ */ jsx6(Fragment3, { children: this.props.children });
+    return /* @__PURE__ */ jsx7(Fragment4, { children: this.props.children });
   }
 };
 
 // src/hooks/useLoginForm.ts
 import { useCallback as useCallback2, useMemo as useMemo2, useState as useState3 } from "react";
-import { useHook as useHook3 } from "@hook-sdk/sdk";
+import { useHook as useHook4 } from "@hook-sdk/sdk";
 
 // src/errors.ts
 import { SdkError, SdkAuthError, SdkRateLimitError } from "@hook-sdk/sdk";
@@ -208,7 +223,7 @@ function mapSdkError(err) {
 var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var MIN_PASSWORD = 8;
 function useLoginForm() {
-  const { auth } = useHook3();
+  const { auth } = useHook4();
   const [email, setEmail] = useState3("");
   const [password, setPassword] = useState3("");
   const [submitting, setSubmitting] = useState3(false);
@@ -253,20 +268,20 @@ function useLoginForm() {
 }
 
 // src/defaults/DefaultLoginScreen.tsx
-import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
 function DefaultLoginScreen({ onNavigate }) {
   const { name } = useTemplateConfig();
   const f = useLoginForm();
   return /* @__PURE__ */ jsxs2("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
-    /* @__PURE__ */ jsx7("h1", { style: { marginBottom: 8 }, children: name }),
-    /* @__PURE__ */ jsx7("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Entre na sua conta" }),
+    /* @__PURE__ */ jsx8("h1", { style: { marginBottom: 8 }, children: name }),
+    /* @__PURE__ */ jsx8("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Entre na sua conta" }),
     /* @__PURE__ */ jsxs2("form", { onSubmit: (e) => {
       e.preventDefault();
       void f.submit();
     }, children: [
       /* @__PURE__ */ jsxs2("label", { style: { display: "block", marginBottom: 12 }, children: [
         "E-mail",
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           "input",
           {
             "data-testid": "login-email",
@@ -276,11 +291,11 @@ function DefaultLoginScreen({ onNavigate }) {
             style: { display: "block", width: "100%" }
           }
         ),
-        f.emailError && /* @__PURE__ */ jsx7("small", { style: { color: "#c00" }, children: f.emailError })
+        f.emailError && /* @__PURE__ */ jsx8("small", { style: { color: "#c00" }, children: f.emailError })
       ] }),
       /* @__PURE__ */ jsxs2("label", { style: { display: "block", marginBottom: 12 }, children: [
         "Senha",
-        /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsx8(
           "input",
           {
             "data-testid": "login-password",
@@ -290,10 +305,10 @@ function DefaultLoginScreen({ onNavigate }) {
             style: { display: "block", width: "100%" }
           }
         ),
-        f.passwordError && /* @__PURE__ */ jsx7("small", { style: { color: "#c00" }, children: f.passwordError })
+        f.passwordError && /* @__PURE__ */ jsx8("small", { style: { color: "#c00" }, children: f.passwordError })
       ] }),
-      f.error && /* @__PURE__ */ jsx7("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
-      /* @__PURE__ */ jsx7(
+      f.error && /* @__PURE__ */ jsx8("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
+      /* @__PURE__ */ jsx8(
         "button",
         {
           "data-testid": "login-submit",
@@ -313,19 +328,19 @@ function DefaultLoginScreen({ onNavigate }) {
       )
     ] }),
     /* @__PURE__ */ jsxs2("div", { style: { marginTop: 16, display: "flex", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ jsx7("button", { "data-testid": "login-goto-signup", type: "button", onClick: () => onNavigate("signup"), style: { background: "none", border: "none", cursor: "pointer" }, children: "Criar conta" }),
-      /* @__PURE__ */ jsx7("button", { "data-testid": "login-goto-forgot", type: "button", onClick: () => onNavigate("forgot"), style: { background: "none", border: "none", cursor: "pointer" }, children: "Esqueci senha" })
+      /* @__PURE__ */ jsx8("button", { "data-testid": "login-goto-signup", type: "button", onClick: () => onNavigate("signup"), style: { background: "none", border: "none", cursor: "pointer" }, children: "Criar conta" }),
+      /* @__PURE__ */ jsx8("button", { "data-testid": "login-goto-forgot", type: "button", onClick: () => onNavigate("forgot"), style: { background: "none", border: "none", cursor: "pointer" }, children: "Esqueci senha" })
     ] })
   ] });
 }
 
 // src/hooks/useSignupForm.ts
 import { useCallback as useCallback3, useMemo as useMemo3, useState as useState4 } from "react";
-import { useHook as useHook4 } from "@hook-sdk/sdk";
+import { useHook as useHook5 } from "@hook-sdk/sdk";
 var EMAIL_RE2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var MIN_PASSWORD2 = 8;
 function useSignupForm() {
-  const { auth } = useHook4();
+  const { auth } = useHook5();
   const [name, setName] = useState4("");
   const [email, setEmail] = useState4("");
   const [password, setPassword] = useState4("");
@@ -379,45 +394,45 @@ function useSignupForm() {
 }
 
 // src/defaults/DefaultSignupScreen.tsx
-import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 function DefaultSignupScreen({ onNavigate }) {
   const { name } = useTemplateConfig();
   const f = useSignupForm();
   return /* @__PURE__ */ jsxs3("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
-    /* @__PURE__ */ jsx8("h1", { style: { marginBottom: 8 }, children: name }),
-    /* @__PURE__ */ jsx8("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Criar sua conta" }),
+    /* @__PURE__ */ jsx9("h1", { style: { marginBottom: 8 }, children: name }),
+    /* @__PURE__ */ jsx9("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Criar sua conta" }),
     /* @__PURE__ */ jsxs3("form", { onSubmit: (e) => {
       e.preventDefault();
       void f.submit();
     }, children: [
       /* @__PURE__ */ jsxs3("label", { style: { display: "block", marginBottom: 12 }, children: [
         "Nome",
-        /* @__PURE__ */ jsx8("input", { "data-testid": "signup-name", value: f.name, onChange: (e) => f.setName(e.target.value), style: { display: "block", width: "100%" } }),
-        f.nameError && /* @__PURE__ */ jsx8("small", { style: { color: "#c00" }, children: f.nameError })
+        /* @__PURE__ */ jsx9("input", { "data-testid": "signup-name", value: f.name, onChange: (e) => f.setName(e.target.value), style: { display: "block", width: "100%" } }),
+        f.nameError && /* @__PURE__ */ jsx9("small", { style: { color: "#c00" }, children: f.nameError })
       ] }),
       /* @__PURE__ */ jsxs3("label", { style: { display: "block", marginBottom: 12 }, children: [
         "E-mail",
-        /* @__PURE__ */ jsx8("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__ */ jsx8("small", { style: { color: "#c00" }, children: f.emailError })
+        /* @__PURE__ */ jsx9("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__ */ jsx9("small", { style: { color: "#c00" }, children: f.emailError })
       ] }),
       /* @__PURE__ */ jsxs3("label", { style: { display: "block", marginBottom: 12 }, children: [
         "Senha",
-        /* @__PURE__ */ jsx8("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__ */ jsx8("small", { style: { color: "#c00" }, children: f.passwordError })
+        /* @__PURE__ */ jsx9("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__ */ jsx9("small", { style: { color: "#c00" }, children: f.passwordError })
       ] }),
-      f.error && /* @__PURE__ */ jsx8("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
-      /* @__PURE__ */ jsx8("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" })
+      f.error && /* @__PURE__ */ jsx9("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
+      /* @__PURE__ */ jsx9("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__ */ jsx8("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsx8("button", { "data-testid": "signup-goto-login", type: "button", onClick: () => onNavigate("login"), style: { background: "none", border: "none", cursor: "pointer" }, children: "J\xE1 tem conta? Entre" }) })
+    /* @__PURE__ */ jsx9("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsx9("button", { "data-testid": "signup-goto-login", type: "button", onClick: () => onNavigate("login"), style: { background: "none", border: "none", cursor: "pointer" }, children: "J\xE1 tem conta? Entre" }) })
   ] });
 }
 
 // src/hooks/useForgotForm.ts
 import { useCallback as useCallback4, useMemo as useMemo4, useState as useState5 } from "react";
-import { useHook as useHook5 } from "@hook-sdk/sdk";
+import { useHook as useHook6 } from "@hook-sdk/sdk";
 var EMAIL_RE3 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function useForgotForm() {
-  const { auth } = useHook5();
+  const { auth } = useHook6();
   const [email, setEmail] = useState5("");
   const [submitting, setSubmitting] = useState5(false);
   const [sent, setSent] = useState5(false);
@@ -456,49 +471,49 @@ function useForgotForm() {
 }
 
 // src/defaults/DefaultForgotScreen.tsx
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 function DefaultForgotScreen({ onNavigate }) {
   const { name } = useTemplateConfig();
   const f = useForgotForm();
   if (f.sent) {
     return /* @__PURE__ */ jsxs4("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
-      /* @__PURE__ */ jsx9("h1", { children: "Verifique seu e-mail" }),
-      /* @__PURE__ */ jsx9("p", { style: { opacity: 0.7 }, children: "Enviamos um link pra redefinir sua senha." }),
-      /* @__PURE__ */ jsx9("button", { "data-testid": "forgot-back-login", type: "button", onClick: () => onNavigate("login"), children: "Voltar pro login" })
+      /* @__PURE__ */ jsx10("h1", { children: "Verifique seu e-mail" }),
+      /* @__PURE__ */ jsx10("p", { style: { opacity: 0.7 }, children: "Enviamos um link pra redefinir sua senha." }),
+      /* @__PURE__ */ jsx10("button", { "data-testid": "forgot-back-login", type: "button", onClick: () => onNavigate("login"), children: "Voltar pro login" })
     ] });
   }
   return /* @__PURE__ */ jsxs4("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
-    /* @__PURE__ */ jsx9("h1", { style: { marginBottom: 8 }, children: name }),
-    /* @__PURE__ */ jsx9("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Redefinir senha" }),
+    /* @__PURE__ */ jsx10("h1", { style: { marginBottom: 8 }, children: name }),
+    /* @__PURE__ */ jsx10("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Redefinir senha" }),
     /* @__PURE__ */ jsxs4("form", { onSubmit: (e) => {
       e.preventDefault();
       void f.submit();
     }, children: [
       /* @__PURE__ */ jsxs4("label", { style: { display: "block", marginBottom: 12 }, children: [
         "E-mail",
-        /* @__PURE__ */ jsx9("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__ */ jsx9("small", { style: { color: "#c00" }, children: f.emailError })
+        /* @__PURE__ */ jsx10("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__ */ jsx10("small", { style: { color: "#c00" }, children: f.emailError })
       ] }),
-      f.error && /* @__PURE__ */ jsx9("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
-      /* @__PURE__ */ jsx9("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" })
+      f.error && /* @__PURE__ */ jsx10("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
+      /* @__PURE__ */ jsx10("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__ */ jsx9("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsx9("button", { "data-testid": "forgot-goto-login", type: "button", onClick: () => onNavigate("login"), style: { background: "none", border: "none", cursor: "pointer" }, children: "Voltar pro login" }) })
+    /* @__PURE__ */ jsx10("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsx10("button", { "data-testid": "forgot-goto-login", type: "button", onClick: () => onNavigate("login"), style: { background: "none", border: "none", cursor: "pointer" }, children: "Voltar pro login" }) })
   ] });
 }
 
 // src/hooks/useResetForm.ts
-import { useCallback as useCallback5, useEffect as useEffect2, useMemo as useMemo5, useState as useState6 } from "react";
-import { useHook as useHook6 } from "@hook-sdk/sdk";
+import { useCallback as useCallback5, useEffect as useEffect3, useMemo as useMemo5, useState as useState6 } from "react";
+import { useHook as useHook7 } from "@hook-sdk/sdk";
 var MIN_PASSWORD3 = 12;
 function useResetForm() {
-  const { auth } = useHook6();
+  const { auth } = useHook7();
   const [token, setToken] = useState6(null);
   const [password, setPassword] = useState6("");
   const [confirm, setConfirm] = useState6("");
   const [submitting, setSubmitting] = useState6(false);
   const [done, setDone] = useState6(false);
   const [error, setError] = useState6(null);
-  useEffect2(() => {
+  useEffect3(() => {
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
     const t = params.get("token");
@@ -551,50 +566,50 @@ function useResetForm() {
 }
 
 // src/defaults/DefaultResetScreen.tsx
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 function DefaultResetScreen({ onNavigate }) {
   const { name } = useTemplateConfig();
   const f = useResetForm();
   if (f.done) {
     return /* @__PURE__ */ jsxs5("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
-      /* @__PURE__ */ jsx10("h1", { children: "Senha alterada" }),
-      /* @__PURE__ */ jsx10("p", { style: { opacity: 0.7 }, children: "Agora \xE9 s\xF3 fazer login com a nova senha." }),
-      /* @__PURE__ */ jsx10("button", { "data-testid": "reset-back-login", type: "button", onClick: () => onNavigate("login"), children: "Ir pro login" })
+      /* @__PURE__ */ jsx11("h1", { children: "Senha alterada" }),
+      /* @__PURE__ */ jsx11("p", { style: { opacity: 0.7 }, children: "Agora \xE9 s\xF3 fazer login com a nova senha." }),
+      /* @__PURE__ */ jsx11("button", { "data-testid": "reset-back-login", type: "button", onClick: () => onNavigate("login"), children: "Ir pro login" })
     ] });
   }
   if (f.token === null) {
     return /* @__PURE__ */ jsxs5("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
-      /* @__PURE__ */ jsx10("h1", { children: "Link inv\xE1lido" }),
-      /* @__PURE__ */ jsx10("p", { style: { opacity: 0.7 }, children: "Pe\xE7a um novo link de reset." }),
-      /* @__PURE__ */ jsx10("button", { "data-testid": "reset-goto-forgot", type: "button", onClick: () => onNavigate("forgot"), children: "Pedir novo link" })
+      /* @__PURE__ */ jsx11("h1", { children: "Link inv\xE1lido" }),
+      /* @__PURE__ */ jsx11("p", { style: { opacity: 0.7 }, children: "Pe\xE7a um novo link de reset." }),
+      /* @__PURE__ */ jsx11("button", { "data-testid": "reset-goto-forgot", type: "button", onClick: () => onNavigate("forgot"), children: "Pedir novo link" })
     ] });
   }
   return /* @__PURE__ */ jsxs5("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
-    /* @__PURE__ */ jsx10("h1", { style: { marginBottom: 8 }, children: name }),
-    /* @__PURE__ */ jsx10("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Escolha uma nova senha" }),
+    /* @__PURE__ */ jsx11("h1", { style: { marginBottom: 8 }, children: name }),
+    /* @__PURE__ */ jsx11("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Escolha uma nova senha" }),
     /* @__PURE__ */ jsxs5("form", { onSubmit: (e) => {
       e.preventDefault();
       void f.submit();
     }, children: [
       /* @__PURE__ */ jsxs5("label", { style: { display: "block", marginBottom: 12 }, children: [
         "Nova senha",
-        /* @__PURE__ */ jsx10("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__ */ jsx10("small", { style: { color: "#c00" }, children: f.passwordError })
+        /* @__PURE__ */ jsx11("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__ */ jsx11("small", { style: { color: "#c00" }, children: f.passwordError })
       ] }),
       /* @__PURE__ */ jsxs5("label", { style: { display: "block", marginBottom: 12 }, children: [
         "Confirmar senha",
-        /* @__PURE__ */ jsx10("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__ */ jsx10("small", { style: { color: "#c00" }, children: f.confirmError })
+        /* @__PURE__ */ jsx11("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__ */ jsx11("small", { style: { color: "#c00" }, children: f.confirmError })
       ] }),
-      f.error && /* @__PURE__ */ jsx10("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
-      /* @__PURE__ */ jsx10("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" })
+      f.error && /* @__PURE__ */ jsx11("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
+      /* @__PURE__ */ jsx11("button", { "data-testid": "reset-submit", type: "submit", disabled: !f.canSubmit, style: { width: "100%", padding: 12, background: "var(--hook-color-primary)", color: "#fff", border: "none", borderRadius: 8, opacity: f.canSubmit ? 1 : 0.5 }, children: f.submitting ? "Alterando..." : "Alterar senha" })
     ] })
   ] });
 }
 
 // src/defaults/DefaultPaywall.tsx
 import { useState as useState7 } from "react";
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
 function DefaultPaywall() {
   const config = useTemplateConfig();
   const { checkout, opening, error } = usePaywallState();
@@ -603,15 +618,15 @@ function DefaultPaywall() {
   const cpfDigits = cpf.replace(/\D/g, "");
   const canCheckout = cpfDigits.length === 11 && !opening;
   return /* @__PURE__ */ jsxs6("main", { style: { padding: 24, maxWidth: 440, margin: "0 auto", textAlign: "center" }, children: [
-    /* @__PURE__ */ jsx11("h1", { style: { marginBottom: 8 }, children: p.title }),
-    p.subtitle && /* @__PURE__ */ jsx11("p", { style: { opacity: 0.7, marginBottom: 24 }, children: p.subtitle }),
-    /* @__PURE__ */ jsx11("ul", { style: { listStyle: "none", padding: 0, textAlign: "left", marginBottom: 24 }, children: p.benefits.map((b) => /* @__PURE__ */ jsxs6("li", { style: { padding: "8px 0", display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ jsx11("span", { "aria-hidden": true, style: { marginRight: 8 }, children: "\u2713" }),
-      /* @__PURE__ */ jsx11("span", { children: b })
+    /* @__PURE__ */ jsx12("h1", { style: { marginBottom: 8 }, children: p.title }),
+    p.subtitle && /* @__PURE__ */ jsx12("p", { style: { opacity: 0.7, marginBottom: 24 }, children: p.subtitle }),
+    /* @__PURE__ */ jsx12("ul", { style: { listStyle: "none", padding: 0, textAlign: "left", marginBottom: 24 }, children: p.benefits.map((b) => /* @__PURE__ */ jsxs6("li", { style: { padding: "8px 0", display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx12("span", { "aria-hidden": true, style: { marginRight: 8 }, children: "\u2713" }),
+      /* @__PURE__ */ jsx12("span", { children: b })
     ] }, b)) }),
     /* @__PURE__ */ jsxs6("div", { style: { textAlign: "left", marginBottom: 16 }, children: [
-      /* @__PURE__ */ jsx11("label", { style: { display: "block", fontSize: 14, opacity: 0.7, marginBottom: 4 }, children: "Seu CPF (pra emiss\xE3o de recibo)" }),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx12("label", { style: { display: "block", fontSize: 14, opacity: 0.7, marginBottom: 4 }, children: "Seu CPF (pra emiss\xE3o de recibo)" }),
+      /* @__PURE__ */ jsx12(
         "input",
         {
           "data-testid": "paywall-cpf",
@@ -624,8 +639,8 @@ function DefaultPaywall() {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx11("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: error.message }),
-    /* @__PURE__ */ jsx11(
+    error && /* @__PURE__ */ jsx12("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: error.message }),
+    /* @__PURE__ */ jsx12(
       "button",
       {
         "data-testid": "paywall-cta",
@@ -646,72 +661,107 @@ function DefaultPaywall() {
         children: opening ? "Abrindo..." : p.cta
       }
     ),
-    p.priceHint && /* @__PURE__ */ jsx11("p", { style: { opacity: 0.6, marginTop: 12 }, children: p.priceHint }),
-    p.footerNote && /* @__PURE__ */ jsx11("p", { style: { opacity: 0.5, marginTop: 16, fontSize: 12 }, children: p.footerNote })
+    p.priceHint && /* @__PURE__ */ jsx12("p", { style: { opacity: 0.6, marginTop: 12 }, children: p.priceHint }),
+    p.footerNote && /* @__PURE__ */ jsx12("p", { style: { opacity: 0.5, marginTop: 16, fontSize: 12 }, children: p.footerNote })
   ] });
 }
 
 // src/AppRoot.tsx
-import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+var BACKOFF_MS = [2e3, 5e3, 1e4, 2e4, 4e4];
 function PaymentReturnHandler({ children }) {
-  const { subscription } = useHook7();
-  const [confirming, setConfirming] = useState8(false);
-  useEffect3(() => {
-    if (typeof window === "undefined") return;
-    const url = new URL(window.location.href);
-    if (url.searchParams.get("paymentReturn") !== "1") return;
-    let cancelled = false;
+  const { subscription } = useHook8();
+  const subRef = useRef(subscription);
+  subRef.current = subscription;
+  const runIdRef = useRef(0);
+  const [state, setState] = useState8("idle");
+  const runPoll = useCallback6(() => {
+    const runId = ++runIdRef.current;
+    setState("confirming");
     let attempts = 0;
-    setConfirming(true);
     const tick = async () => {
-      if (cancelled) return;
-      if (attempts >= 10) {
-        setConfirming(false);
-        return;
-      }
+      if (runIdRef.current !== runId) return;
       attempts++;
       try {
-        await subscription.refresh();
+        await subRef.current.refresh();
       } catch {
       }
-      if (cancelled) return;
-      if (subscription.status() === "active") {
+      if (runIdRef.current !== runId) return;
+      const status = subRef.current.status();
+      if (status === "active" || status === "trialing") {
         const cleanUrl = new URL(window.location.href);
         cleanUrl.searchParams.delete("paymentReturn");
         window.history.replaceState({}, "", cleanUrl.toString());
-        setConfirming(false);
+        setState("idle");
+        return;
+      }
+      const delay = BACKOFF_MS[attempts - 1];
+      if (delay === void 0) {
+        setState("waiting");
         return;
       }
-      setTimeout(tick, 1e3);
+      setTimeout(tick, delay);
     };
     void tick();
+  }, []);
+  useEffect4(() => {
+    if (typeof window === "undefined") return;
+    const url = new URL(window.location.href);
+    if (url.searchParams.get("paymentReturn") !== "1") return;
+    runPoll();
     return () => {
-      cancelled = true;
+      runIdRef.current++;
     };
-  }, [subscription]);
-  if (confirming) {
-    return /* @__PURE__ */ jsx12(
+  }, [runPoll]);
+  if (state === "confirming") {
+    return /* @__PURE__ */ jsx13(
       "div",
       {
         role: "status",
         "aria-live": "polite",
-        style: {
-          position: "fixed",
-          inset: 0,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center",
-          background: "rgba(0,0,0,0.4)",
-          zIndex: 9999,
-          color: "white",
-          fontSize: "1rem"
-        },
+        style: overlayStyle,
         children: "Confirmando pagamento\u2026"
       }
     );
   }
-  return /* @__PURE__ */ jsx12(Fragment4, { children });
+  if (state === "waiting") {
+    return /* @__PURE__ */ jsx13("div", { role: "status", "aria-live": "polite", style: overlayStyle, children: /* @__PURE__ */ jsxs7("div", { style: { maxWidth: 320, textAlign: "center", lineHeight: 1.5 }, children: [
+      /* @__PURE__ */ jsx13("div", { style: { marginBottom: 16 }, children: "Pagamento aceito. Estamos confirmando com o banco \u2014 pode levar alguns minutos." }),
+      /* @__PURE__ */ jsx13(
+        "button",
+        {
+          type: "button",
+          onClick: runPoll,
+          style: buttonStyle,
+          children: "Atualizar"
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx13(Fragment5, { children });
 }
+var overlayStyle = {
+  position: "fixed",
+  inset: 0,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  background: "rgba(0,0,0,0.4)",
+  zIndex: 9999,
+  color: "white",
+  fontSize: "1rem",
+  padding: 24
+};
+var buttonStyle = {
+  background: "white",
+  color: "black",
+  border: "none",
+  borderRadius: 8,
+  padding: "10px 24px",
+  fontSize: "1rem",
+  fontWeight: 600,
+  cursor: "pointer"
+};
 function AppRoot({
   config,
   children,
@@ -721,29 +771,29 @@ function AppRoot({
   Reset = DefaultResetScreen,
   Paywall = DefaultPaywall
 }) {
-  return /* @__PURE__ */ jsx12(PaymentReturnHandler, { children: /* @__PURE__ */ jsx12(TemplateConfigProvider, { config, children: /* @__PURE__ */ jsx12(ErrorBoundary, { children: /* @__PURE__ */ jsx12(ThemeProvider, { children: /* @__PURE__ */ jsx12(AuthGate, { Login, Signup, Forgot, Reset, children: /* @__PURE__ */ jsxs7(SubscriptionGate, { Paywall, children: [
+  return /* @__PURE__ */ jsx13(PaymentReturnHandler, { children: /* @__PURE__ */ jsx13(TemplateConfigProvider, { config, children: /* @__PURE__ */ jsx13(ErrorBoundary, { children: /* @__PURE__ */ jsx13(ThemeProvider, { children: /* @__PURE__ */ jsx13(AuthGate, { Login, Signup, Forgot, Reset, children: /* @__PURE__ */ jsx13(PersistedKeysPrefetch, { children: /* @__PURE__ */ jsxs7(SubscriptionGate, { Paywall, children: [
     children,
-    /* @__PURE__ */ jsx12(PushPrompt, {})
-  ] }) }) }) }) }) });
+    /* @__PURE__ */ jsx13(PushPrompt, {})
+  ] }) }) }) }) }) }) });
 }
 
 // src/defaults/EmptyState.tsx
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 function EmptyState({ title, description, action }) {
   return /* @__PURE__ */ jsxs8("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
-    /* @__PURE__ */ jsx13("h2", { style: { marginBottom: 8 }, children: title }),
-    description && /* @__PURE__ */ jsx13("p", { style: { opacity: 0.7 }, children: description }),
-    action && /* @__PURE__ */ jsx13("div", { style: { marginTop: 16 }, children: action })
+    /* @__PURE__ */ jsx14("h2", { style: { marginBottom: 8 }, children: title }),
+    description && /* @__PURE__ */ jsx14("p", { style: { opacity: 0.7 }, children: description }),
+    action && /* @__PURE__ */ jsx14("div", { style: { marginTop: 16 }, children: action })
   ] });
 }
 
 // src/hooks/useAuthPrimitives.ts
-import { useEffect as useEffect4 } from "react";
-import { useHook as useHook8 } from "@hook-sdk/sdk";
+import { useEffect as useEffect5 } from "react";
+import { useHook as useHook9 } from "@hook-sdk/sdk";
 var warned = false;
 function useAuthPrimitives() {
-  const { auth } = useHook8();
-  useEffect4(() => {
+  const { auth } = useHook9();
+  useEffect5(() => {
     if (!warned && process.env.NODE_ENV !== "production") {
       warned = true;
       console.warn(
@@ -765,18 +815,18 @@ function useAuthPrimitives() {
 }
 
 // src/hooks/useSubscription.ts
-import { useHook as useHook9 } from "@hook-sdk/sdk";
+import { useHook as useHook10 } from "@hook-sdk/sdk";
 function useSubscription() {
-  const { subscription } = useHook9();
+  const { subscription } = useHook10();
   return {
     status: subscription.status()
   };
 }
 
 // src/hooks/usePush.ts
-import { useHook as useHook10 } from "@hook-sdk/sdk";
+import { useHook as useHook11 } from "@hook-sdk/sdk";
 function usePush() {
-  const { push } = useHook10();
+  const { push } = useHook11();
   return {
     status: push.status(),
     subscribe: push.subscribe,
@@ -785,17 +835,17 @@ function usePush() {
 }
 
 // src/hooks/useToast.ts
-import { useCallback as useCallback6, useState as useState9 } from "react";
+import { useCallback as useCallback7, useState as useState9 } from "react";
 function useToast() {
   const [items, setItems] = useState9([]);
-  const show = useCallback6((message, kind = "info") => {
+  const show = useCallback7((message, kind = "info") => {
     const id = `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
     setItems((prev) => [...prev, { id, message, kind }]);
     setTimeout(() => {
       setItems((prev) => prev.filter((t) => t.id !== id));
     }, 4e3);
   }, []);
-  const dismiss = useCallback6((id) => {
+  const dismiss = useCallback7((id) => {
     setItems((prev) => prev.filter((t) => t.id !== id));
   }, []);
   return { items, show, dismiss };