@hook-sdk/template 0.1.4 → 0.3.0

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/AppRoot.tsx
-import { useCallback as useCallback6, useEffect as useEffect4, useRef, useState as useState8 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect5, useRef, useState as useState9 } from "react";
 import { useHook as useHook8 } from "@hook-sdk/sdk";
 
 // src/internal/TemplateConfigContext.tsx
@@ -263,25 +263,183 @@ function useLoginForm() {
     submit,
     submitting,
     canSubmit,
-    error
+    error,
+    loginWithGoogle: () => auth.loginWithGoogle()
   };
 }
 
-// src/defaults/DefaultLoginScreen.tsx
+// src/internal/GoogleSignInButton.tsx
 import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
+function GoogleSignInButton({
+  onClick,
+  testId = "oauth-google",
+  label = "Continuar com Google"
+}) {
+  return /* @__PURE__ */ jsxs2(
+    "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__ */ jsx8(GoogleGlyph, {}),
+        label
+      ]
+    }
+  );
+}
+function GoogleGlyph() {
+  return /* @__PURE__ */ jsxs2("svg", { width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx8(
+      "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__ */ jsx8(
+      "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__ */ jsx8(
+      "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__ */ jsx8(
+      "path",
+      {
+        d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58z",
+        fill: "#EA4335"
+      }
+    )
+  ] });
+}
+
+// src/internal/OAuthErrorBanner.tsx
+import { useEffect as useEffect3, useState as useState4 } from "react";
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+var ERROR_MESSAGES = {
+  invalid_state: "Sess\xE3o expirou, tente de novo.",
+  access_denied: "Voc\xEA cancelou o login com Google.",
+  provider_error: "O Google recusou a autentica\xE7\xE3o. Tente de novo em alguns segundos.",
+  invalid_return_to: "Link inv\xE1lido. Tente entrar novamente."
+};
+function readErrorCode() {
+  if (typeof window === "undefined") return null;
+  const code = new URLSearchParams(window.location.search).get("oauth_error");
+  if (!code) return null;
+  return code;
+}
+function stripErrorFromUrl() {
+  if (typeof window === "undefined") return;
+  const url = new URL(window.location.href);
+  url.searchParams.delete("oauth_error");
+  window.history.replaceState({}, "", url.toString());
+}
+function OAuthErrorBanner() {
+  const [code, setCode] = useState4(() => readErrorCode());
+  useEffect3(() => {
+    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__ */ jsxs3(
+    "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__ */ jsx9(
+          "button",
+          {
+            type: "button",
+            onClick: () => setCode(null),
+            "aria-label": "Fechar",
+            style: {
+              float: "right",
+              background: "none",
+              border: "none",
+              color: "#a50e0e",
+              cursor: "pointer",
+              fontSize: 16,
+              lineHeight: 1,
+              padding: 0
+            },
+            children: "\xD7"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/defaults/DefaultLoginScreen.tsx
+import { jsx as jsx10, jsxs as jsxs4 } 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__ */ 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) => {
+  return /* @__PURE__ */ jsxs4("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: "Entre na sua conta" }),
+    /* @__PURE__ */ jsx10(OAuthErrorBanner, {}),
+    /* @__PURE__ */ jsx10(GoogleSignInButton, { onClick: f.loginWithGoogle, testId: "login-oauth-google" }),
+    /* @__PURE__ */ jsxs4(
+      "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__ */ jsx10("span", { style: { flex: 1, height: 1, background: "rgba(0,0,0,0.1)" } }),
+          "ou",
+          /* @__PURE__ */ jsx10("span", { style: { flex: 1, height: 1, background: "rgba(0,0,0,0.1)" } })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs4("form", { onSubmit: (e) => {
       e.preventDefault();
       void f.submit();
     }, children: [
-      /* @__PURE__ */ jsxs2("label", { style: { display: "block", marginBottom: 12 }, children: [
+      /* @__PURE__ */ jsxs4("label", { style: { display: "block", marginBottom: 12 }, children: [
         "E-mail",
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx10(
           "input",
           {
             "data-testid": "login-email",
@@ -291,11 +449,11 @@ function DefaultLoginScreen({ onNavigate }) {
             style: { display: "block", width: "100%" }
           }
         ),
-        f.emailError && /* @__PURE__ */ jsx8("small", { style: { color: "#c00" }, children: f.emailError })
+        f.emailError && /* @__PURE__ */ jsx10("small", { style: { color: "#c00" }, children: f.emailError })
       ] }),
-      /* @__PURE__ */ jsxs2("label", { style: { display: "block", marginBottom: 12 }, children: [
+      /* @__PURE__ */ jsxs4("label", { style: { display: "block", marginBottom: 12 }, children: [
         "Senha",
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx10(
           "input",
           {
             "data-testid": "login-password",
@@ -305,10 +463,10 @@ function DefaultLoginScreen({ onNavigate }) {
             style: { display: "block", width: "100%" }
           }
         ),
-        f.passwordError && /* @__PURE__ */ jsx8("small", { style: { color: "#c00" }, children: f.passwordError })
+        f.passwordError && /* @__PURE__ */ jsx10("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(
+      f.error && /* @__PURE__ */ jsx10("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
+      /* @__PURE__ */ jsx10(
         "button",
         {
           "data-testid": "login-submit",
@@ -327,25 +485,25 @@ function DefaultLoginScreen({ onNavigate }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs2("div", { style: { marginTop: 16, display: "flex", justifyContent: "space-between" }, children: [
-      /* @__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" })
+    /* @__PURE__ */ jsxs4("div", { style: { marginTop: 16, display: "flex", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ jsx10("button", { "data-testid": "login-goto-signup", type: "button", onClick: () => onNavigate("signup"), style: { background: "none", border: "none", cursor: "pointer" }, children: "Criar conta" }),
+      /* @__PURE__ */ jsx10("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 { useCallback as useCallback3, useMemo as useMemo3, useState as useState5 } from "react";
 import { useHook as useHook5 } from "@hook-sdk/sdk";
 var EMAIL_RE2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var MIN_PASSWORD2 = 8;
 function useSignupForm() {
   const { auth } = useHook5();
-  const [name, setName] = useState4("");
-  const [email, setEmail] = useState4("");
-  const [password, setPassword] = useState4("");
-  const [submitting, setSubmitting] = useState4(false);
-  const [error, setError] = useState4(null);
+  const [name, setName] = useState5("");
+  const [email, setEmail] = useState5("");
+  const [password, setPassword] = useState5("");
+  const [submitting, setSubmitting] = useState5(false);
+  const [error, setError] = useState5(null);
   const nameError = useMemo3(() => {
     if (name.length === 0) return null;
     if (name.trim().length < 2) return "Nome muito curto.";
@@ -389,54 +547,76 @@ function useSignupForm() {
     submit,
     submitting,
     canSubmit,
-    error
+    error,
+    loginWithGoogle: () => auth.loginWithGoogle()
   };
 }
 
 // src/defaults/DefaultSignupScreen.tsx
-import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs5 } 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__ */ 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) => {
+  return /* @__PURE__ */ jsxs5("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
+    /* @__PURE__ */ jsx11("h1", { style: { marginBottom: 8 }, children: name }),
+    /* @__PURE__ */ jsx11("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Criar sua conta" }),
+    /* @__PURE__ */ jsx11(OAuthErrorBanner, {}),
+    /* @__PURE__ */ jsx11(GoogleSignInButton, { onClick: f.loginWithGoogle, testId: "signup-oauth-google" }),
+    /* @__PURE__ */ jsxs5(
+      "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__ */ jsx11("span", { style: { flex: 1, height: 1, background: "rgba(0,0,0,0.1)" } }),
+          "ou",
+          /* @__PURE__ */ jsx11("span", { style: { flex: 1, height: 1, background: "rgba(0,0,0,0.1)" } })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs5("form", { onSubmit: (e) => {
       e.preventDefault();
       void f.submit();
     }, children: [
-      /* @__PURE__ */ jsxs3("label", { style: { display: "block", marginBottom: 12 }, children: [
+      /* @__PURE__ */ jsxs5("label", { style: { display: "block", marginBottom: 12 }, children: [
         "Nome",
-        /* @__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__ */ jsx11("input", { "data-testid": "signup-name", value: f.name, onChange: (e) => f.setName(e.target.value), style: { display: "block", width: "100%" } }),
+        f.nameError && /* @__PURE__ */ jsx11("small", { style: { color: "#c00" }, children: f.nameError })
       ] }),
-      /* @__PURE__ */ jsxs3("label", { style: { display: "block", marginBottom: 12 }, children: [
+      /* @__PURE__ */ jsxs5("label", { style: { display: "block", marginBottom: 12 }, children: [
         "E-mail",
-        /* @__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__ */ jsx11("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__ */ jsx11("small", { style: { color: "#c00" }, children: f.emailError })
       ] }),
-      /* @__PURE__ */ jsxs3("label", { style: { display: "block", marginBottom: 12 }, children: [
+      /* @__PURE__ */ jsxs5("label", { style: { display: "block", marginBottom: 12 }, children: [
         "Senha",
-        /* @__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 })
+        /* @__PURE__ */ jsx11("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__ */ jsx11("small", { style: { color: "#c00" }, children: f.passwordError })
       ] }),
-      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" })
+      f.error && /* @__PURE__ */ jsx11("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
+      /* @__PURE__ */ jsx11("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__ */ 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" }) })
+    /* @__PURE__ */ jsx11("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsx11("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 { useCallback as useCallback4, useMemo as useMemo4, useState as useState6 } from "react";
 import { useHook as useHook6 } from "@hook-sdk/sdk";
 var EMAIL_RE3 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function useForgotForm() {
   const { auth } = useHook6();
-  const [email, setEmail] = useState5("");
-  const [submitting, setSubmitting] = useState5(false);
-  const [sent, setSent] = useState5(false);
-  const [error, setError] = useState5(null);
+  const [email, setEmail] = useState6("");
+  const [submitting, setSubmitting] = useState6(false);
+  const [sent, setSent] = useState6(false);
+  const [error, setError] = useState6(null);
   const emailError = useMemo4(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE3.test(email)) return "Formato de e-mail inv\xE1lido.";
@@ -471,49 +651,49 @@ function useForgotForm() {
 }
 
 // src/defaults/DefaultForgotScreen.tsx
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs6 } 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__ */ 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__ */ jsxs6("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
+      /* @__PURE__ */ jsx12("h1", { children: "Verifique seu e-mail" }),
+      /* @__PURE__ */ jsx12("p", { style: { opacity: 0.7 }, children: "Enviamos um link pra redefinir sua senha." }),
+      /* @__PURE__ */ jsx12("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__ */ jsx10("h1", { style: { marginBottom: 8 }, children: name }),
-    /* @__PURE__ */ jsx10("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Redefinir senha" }),
-    /* @__PURE__ */ jsxs4("form", { onSubmit: (e) => {
+  return /* @__PURE__ */ jsxs6("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
+    /* @__PURE__ */ jsx12("h1", { style: { marginBottom: 8 }, children: name }),
+    /* @__PURE__ */ jsx12("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Redefinir senha" }),
+    /* @__PURE__ */ jsxs6("form", { onSubmit: (e) => {
       e.preventDefault();
       void f.submit();
     }, children: [
-      /* @__PURE__ */ jsxs4("label", { style: { display: "block", marginBottom: 12 }, children: [
+      /* @__PURE__ */ jsxs6("label", { style: { display: "block", marginBottom: 12 }, children: [
         "E-mail",
-        /* @__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 })
+        /* @__PURE__ */ jsx12("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__ */ jsx12("small", { style: { color: "#c00" }, children: f.emailError })
       ] }),
-      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" })
+      f.error && /* @__PURE__ */ jsx12("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
+      /* @__PURE__ */ jsx12("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__ */ 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" }) })
+    /* @__PURE__ */ jsx12("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsx12("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 useEffect3, useMemo as useMemo5, useState as useState6 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect4, useMemo as useMemo5, useState as useState7 } from "react";
 import { useHook as useHook7 } from "@hook-sdk/sdk";
 var MIN_PASSWORD3 = 12;
 function useResetForm() {
   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);
-  useEffect3(() => {
+  const [token, setToken] = useState7(null);
+  const [password, setPassword] = useState7("");
+  const [confirm, setConfirm] = useState7("");
+  const [submitting, setSubmitting] = useState7(false);
+  const [done, setDone] = useState7(false);
+  const [error, setError] = useState7(null);
+  useEffect4(() => {
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
     const t = params.get("token");
@@ -566,67 +746,67 @@ function useResetForm() {
 }
 
 // src/defaults/DefaultResetScreen.tsx
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs7 } 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__ */ 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" })
+    return /* @__PURE__ */ jsxs7("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
+      /* @__PURE__ */ jsx13("h1", { children: "Senha alterada" }),
+      /* @__PURE__ */ jsx13("p", { style: { opacity: 0.7 }, children: "Agora \xE9 s\xF3 fazer login com a nova senha." }),
+      /* @__PURE__ */ jsx13("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__ */ 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__ */ jsxs7("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
+      /* @__PURE__ */ jsx13("h1", { children: "Link inv\xE1lido" }),
+      /* @__PURE__ */ jsx13("p", { style: { opacity: 0.7 }, children: "Pe\xE7a um novo link de reset." }),
+      /* @__PURE__ */ jsx13("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__ */ 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) => {
+  return /* @__PURE__ */ jsxs7("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
+    /* @__PURE__ */ jsx13("h1", { style: { marginBottom: 8 }, children: name }),
+    /* @__PURE__ */ jsx13("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Escolha uma nova senha" }),
+    /* @__PURE__ */ jsxs7("form", { onSubmit: (e) => {
       e.preventDefault();
       void f.submit();
     }, children: [
-      /* @__PURE__ */ jsxs5("label", { style: { display: "block", marginBottom: 12 }, children: [
+      /* @__PURE__ */ jsxs7("label", { style: { display: "block", marginBottom: 12 }, children: [
         "Nova senha",
-        /* @__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__ */ jsx13("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__ */ jsx13("small", { style: { color: "#c00" }, children: f.passwordError })
       ] }),
-      /* @__PURE__ */ jsxs5("label", { style: { display: "block", marginBottom: 12 }, children: [
+      /* @__PURE__ */ jsxs7("label", { style: { display: "block", marginBottom: 12 }, children: [
         "Confirmar senha",
-        /* @__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 })
+        /* @__PURE__ */ jsx13("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__ */ jsx13("small", { style: { color: "#c00" }, children: f.confirmError })
       ] }),
-      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" })
+      f.error && /* @__PURE__ */ jsx13("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
+      /* @__PURE__ */ jsx13("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 jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useState as useState8 } from "react";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 function DefaultPaywall() {
   const config = useTemplateConfig();
   const { checkout, opening, error } = usePaywallState();
   const p = config.subscription.paywall_config;
-  const [cpf, setCpf] = useState7("");
+  const [cpf, setCpf] = useState8("");
   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__ */ 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 })
+  return /* @__PURE__ */ jsxs8("main", { style: { padding: 24, maxWidth: 440, margin: "0 auto", textAlign: "center" }, children: [
+    /* @__PURE__ */ jsx14("h1", { style: { marginBottom: 8 }, children: p.title }),
+    p.subtitle && /* @__PURE__ */ jsx14("p", { style: { opacity: 0.7, marginBottom: 24 }, children: p.subtitle }),
+    /* @__PURE__ */ jsx14("ul", { style: { listStyle: "none", padding: 0, textAlign: "left", marginBottom: 24 }, children: p.benefits.map((b) => /* @__PURE__ */ jsxs8("li", { style: { padding: "8px 0", display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx14("span", { "aria-hidden": true, style: { marginRight: 8 }, children: "\u2713" }),
+      /* @__PURE__ */ jsx14("span", { children: b })
     ] }, b)) }),
-    /* @__PURE__ */ jsxs6("div", { style: { textAlign: "left", marginBottom: 16 }, children: [
-      /* @__PURE__ */ jsx12("label", { style: { display: "block", fontSize: 14, opacity: 0.7, marginBottom: 4 }, children: "Seu CPF (pra emiss\xE3o de recibo)" }),
-      /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsxs8("div", { style: { textAlign: "left", marginBottom: 16 }, children: [
+      /* @__PURE__ */ jsx14("label", { style: { display: "block", fontSize: 14, opacity: 0.7, marginBottom: 4 }, children: "Seu CPF (pra emiss\xE3o de recibo)" }),
+      /* @__PURE__ */ jsx14(
         "input",
         {
           "data-testid": "paywall-cpf",
@@ -639,8 +819,8 @@ function DefaultPaywall() {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx12("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: error.message }),
-    /* @__PURE__ */ jsx12(
+    error && /* @__PURE__ */ jsx14("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: error.message }),
+    /* @__PURE__ */ jsx14(
       "button",
       {
         "data-testid": "paywall-cta",
@@ -661,20 +841,20 @@ function DefaultPaywall() {
         children: opening ? "Abrindo..." : p.cta
       }
     ),
-    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 })
+    p.priceHint && /* @__PURE__ */ jsx14("p", { style: { opacity: 0.6, marginTop: 12 }, children: p.priceHint }),
+    p.footerNote && /* @__PURE__ */ jsx14("p", { style: { opacity: 0.5, marginTop: 16, fontSize: 12 }, children: p.footerNote })
   ] });
 }
 
 // src/AppRoot.tsx
-import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 var BACKOFF_MS = [2e3, 5e3, 1e4, 2e4, 4e4];
 function PaymentReturnHandler({ children }) {
   const { subscription } = useHook8();
   const subRef = useRef(subscription);
   subRef.current = subscription;
   const runIdRef = useRef(0);
-  const [state, setState] = useState8("idle");
+  const [state, setState] = useState9("idle");
   const runPoll = useCallback6(() => {
     const runId = ++runIdRef.current;
     setState("confirming");
@@ -704,7 +884,7 @@ function PaymentReturnHandler({ children }) {
     };
     void tick();
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     if (typeof window === "undefined") return;
     const url = new URL(window.location.href);
     if (url.searchParams.get("paymentReturn") !== "1") return;
@@ -714,7 +894,7 @@ function PaymentReturnHandler({ children }) {
     };
   }, [runPoll]);
   if (state === "confirming") {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx15(
       "div",
       {
         role: "status",
@@ -725,9 +905,9 @@ function PaymentReturnHandler({ 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(
+    return /* @__PURE__ */ jsx15("div", { role: "status", "aria-live": "polite", style: overlayStyle, children: /* @__PURE__ */ jsxs9("div", { style: { maxWidth: 320, textAlign: "center", lineHeight: 1.5 }, children: [
+      /* @__PURE__ */ jsx15("div", { style: { marginBottom: 16 }, children: "Pagamento aceito. Estamos confirmando com o banco \u2014 pode levar alguns minutos." }),
+      /* @__PURE__ */ jsx15(
         "button",
         {
           type: "button",
@@ -738,7 +918,7 @@ function PaymentReturnHandler({ children }) {
       )
     ] }) });
   }
-  return /* @__PURE__ */ jsx13(Fragment5, { children });
+  return /* @__PURE__ */ jsx15(Fragment5, { children });
 }
 var overlayStyle = {
   position: "fixed",
@@ -771,29 +951,129 @@ function AppRoot({
   Reset = DefaultResetScreen,
   Paywall = DefaultPaywall
 }) {
-  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: [
+  return /* @__PURE__ */ jsx15(PaymentReturnHandler, { children: /* @__PURE__ */ jsx15(TemplateConfigProvider, { config, children: /* @__PURE__ */ jsx15(ErrorBoundary, { children: /* @__PURE__ */ jsx15(ThemeProvider, { children: /* @__PURE__ */ jsx15(AuthGate, { Login, Signup, Forgot, Reset, children: /* @__PURE__ */ jsx15(PersistedKeysPrefetch, { children: /* @__PURE__ */ jsxs9(SubscriptionGate, { Paywall, children: [
     children,
-    /* @__PURE__ */ jsx13(PushPrompt, {})
+    /* @__PURE__ */ jsx15(PushPrompt, {})
   ] }) }) }) }) }) }) });
 }
 
+// src/hooks/usePush.ts
+import { useCallback as useCallback7, useEffect as useEffect6, useState as useState10 } from "react";
+import { useHook as useHook9 } from "@hook-sdk/sdk";
+function detectIosNeedsInstall() {
+  if (typeof navigator === "undefined" || typeof window === "undefined") return false;
+  const ua = navigator.userAgent || "";
+  const isIos = /iPhone|iPad|iPod/.test(ua);
+  if (!isIos) return false;
+  const mm = window.matchMedia?.("(display-mode: standalone)");
+  const standalone = mm?.matches === true;
+  const legacyStandalone = typeof navigator.standalone === "boolean" ? navigator.standalone : false;
+  return !(standalone || legacyStandalone);
+}
+function deriveState(push) {
+  if (!push.isAvailable()) {
+    if (detectIosNeedsInstall()) return { kind: "ios_needs_install" };
+    return { kind: "unsupported" };
+  }
+  const status = push.status();
+  if (status === "granted") return { kind: "subscribed" };
+  if (status === "denied") return { kind: "denied" };
+  if (status === "unsupported") {
+    if (detectIosNeedsInstall()) return { kind: "ios_needs_install" };
+    return { kind: "unsupported" };
+  }
+  return { kind: "prompt" };
+}
+function usePush() {
+  const { push } = useHook9();
+  const [state, setState] = useState10(() => deriveState(push));
+  useEffect6(() => {
+    setState(deriveState(push));
+  }, [push]);
+  const subscribe = useCallback7(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 = useCallback7(async () => {
+    try {
+      await push.unsubscribe();
+      setState({ kind: "prompt" });
+    } catch (e) {
+      setState({ kind: "error", code: e?.code ?? "push.unknown", message: e?.message ?? "failed" });
+      throw e;
+    }
+  }, [push]);
+  return { state, subscribe, unsubscribe };
+}
+
+// src/components/PushPrompt.tsx
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, className }) {
+  const { state, subscribe } = usePush();
+  if (state.kind === "subscribed") return null;
+  if (state.kind === "ios_needs_install") {
+    return /* @__PURE__ */ jsxs10("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
+      /* @__PURE__ */ jsx16("h3", { children: texts.iosInstallTitle }),
+      /* @__PURE__ */ jsx16("p", { children: texts.iosInstallBody }),
+      onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ jsx16("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
+    ] });
+  }
+  if (state.kind === "denied") {
+    return /* @__PURE__ */ jsxs10("div", { className, role: "region", "aria-label": texts.deniedTitle, children: [
+      /* @__PURE__ */ jsx16("h3", { children: texts.deniedTitle }),
+      /* @__PURE__ */ jsx16("p", { children: texts.deniedBody })
+    ] });
+  }
+  if (state.kind === "unsupported") {
+    return /* @__PURE__ */ jsx16("div", { className, role: "region", children: /* @__PURE__ */ jsx16("p", { children: texts.unsupportedBody }) });
+  }
+  if (state.kind === "error") {
+    return /* @__PURE__ */ jsx16("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ jsx16("p", { children: state.message }) });
+  }
+  return /* @__PURE__ */ jsxs10("div", { className, role: "region", children: [
+    /* @__PURE__ */ jsx16(
+      "button",
+      {
+        type: "button",
+        onClick: async () => {
+          try {
+            await subscribe();
+            onSubscribed?.();
+          } catch {
+          }
+        },
+        children: texts.cta
+      }
+    ),
+    onDeclined && /* @__PURE__ */ jsx16("button", { type: "button", onClick: onDeclined, children: texts.declineCta })
+  ] });
+}
+
 // src/defaults/EmptyState.tsx
-import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
 function EmptyState({ title, description, action }) {
-  return /* @__PURE__ */ jsxs8("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
-    /* @__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 })
+  return /* @__PURE__ */ jsxs11("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
+    /* @__PURE__ */ jsx17("h2", { style: { marginBottom: 8 }, children: title }),
+    description && /* @__PURE__ */ jsx17("p", { style: { opacity: 0.7 }, children: description }),
+    action && /* @__PURE__ */ jsx17("div", { style: { marginTop: 16 }, children: action })
   ] });
 }
 
 // src/hooks/useAuthPrimitives.ts
-import { useEffect as useEffect5 } from "react";
-import { useHook as useHook9 } from "@hook-sdk/sdk";
+import { useEffect as useEffect7 } from "react";
+import { useHook as useHook10 } from "@hook-sdk/sdk";
 var warned = false;
 function useAuthPrimitives() {
-  const { auth } = useHook9();
-  useEffect5(() => {
+  const { auth } = useHook10();
+  useEffect7(() => {
     if (!warned && process.env.NODE_ENV !== "production") {
       warned = true;
       console.warn(
@@ -815,37 +1095,63 @@ function useAuthPrimitives() {
 }
 
 // src/hooks/useSubscription.ts
-import { useHook as useHook10 } from "@hook-sdk/sdk";
+import { useHook as useHook11 } from "@hook-sdk/sdk";
 function useSubscription() {
-  const { subscription } = useHook10();
+  const { subscription } = useHook11();
   return {
     status: subscription.status()
   };
 }
 
-// src/hooks/usePush.ts
-import { useHook as useHook11 } from "@hook-sdk/sdk";
-function usePush() {
-  const { push } = useHook11();
-  return {
-    status: push.status(),
-    subscribe: push.subscribe,
-    unsubscribe: push.unsubscribe
-  };
+// src/hooks/useReminders.ts
+import { useCallback as useCallback8, useEffect as useEffect8, useState as useState11 } from "react";
+import { useHook as useHook12 } from "@hook-sdk/sdk";
+function useReminders() {
+  const { push } = useHook12();
+  const r = push.reminders;
+  const [reminders, setReminders] = useState11([]);
+  const [loading, setLoading] = useState11(true);
+  const reload = useCallback8(async () => {
+    setLoading(true);
+    try {
+      const next = await r.list();
+      setReminders(next);
+    } finally {
+      setLoading(false);
+    }
+  }, [r]);
+  useEffect8(() => {
+    void reload();
+  }, [reload]);
+  const setReminder = useCallback8(async (input) => {
+    await r.set(input);
+    await reload();
+  }, [r, reload]);
+  const deleteReminder = useCallback8(async (slot) => {
+    await r.delete(slot);
+    await reload();
+  }, [r, reload]);
+  const schedule = useCallback8(async (items) => {
+    return r.schedule(items);
+  }, [r]);
+  const setFallbacks = useCallback8(async (items) => {
+    return r.setFallbacks(items);
+  }, [r]);
+  return { reminders, loading, setReminder, deleteReminder, schedule, setFallbacks };
 }
 
 // src/hooks/useToast.ts
-import { useCallback as useCallback7, useState as useState9 } from "react";
+import { useCallback as useCallback9, useState as useState12 } from "react";
 function useToast() {
-  const [items, setItems] = useState9([]);
-  const show = useCallback7((message, kind = "info") => {
+  const [items, setItems] = useState12([]);
+  const show = useCallback9((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 = useCallback7((id) => {
+  const dismiss = useCallback9((id) => {
     setItems((prev) => prev.filter((t) => t.id !== id));
   }, []);
   return { items, show, dismiss };
@@ -860,12 +1166,14 @@ export {
   EmptyState,
   ErrorBoundary,
   LoadingState,
+  PushPrompt2 as PushPrompt,
   useAuth,
   useAuthPrimitives,
   useForgotForm,
   useLoginForm,
   usePaywallState,
   usePush,
+  useReminders,
   useResetForm,
   useSignupForm,
   useSubscription,