@hook-sdk/template 0.1.0

package/dist/index.js

@@ -0,0 +1,745 @@
+// src/internal/TemplateConfigContext.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var TemplateConfigContext = createContext(null);
+function TemplateConfigProvider({
+  config,
+  children
+}) {
+  return /* @__PURE__ */ jsx(TemplateConfigContext.Provider, { value: config, children });
+}
+function useTemplateConfig() {
+  const ctx = useContext(TemplateConfigContext);
+  if (ctx === null) {
+    throw new Error("useTemplateConfig must be used inside <TemplateConfigProvider>");
+  }
+  return ctx;
+}
+
+// src/internal/ThemeProvider.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function ThemeProvider({ children }) {
+  const config = useTemplateConfig();
+  const style = {
+    "--hook-color-primary": config.theme.primary_color,
+    ...config.theme.background_color && {
+      "--hook-color-background": config.theme.background_color
+    }
+  };
+  return /* @__PURE__ */ jsx2("div", { style, children });
+}
+
+// src/internal/AuthGate.tsx
+import { useEffect, useState } from "react";
+
+// src/hooks/useAuth.ts
+import { useHook } from "@hook-sdk/sdk";
+function useAuth() {
+  const { user, authStatus, auth } = useHook();
+  return {
+    user,
+    authStatus,
+    refresh: auth.refresh
+  };
+}
+
+// src/defaults/LoadingState.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function LoadingState({ message }) {
+  return /* @__PURE__ */ jsx3("div", { role: "status", "aria-live": "polite", style: { padding: 24, textAlign: "center" }, children: /* @__PURE__ */ jsx3("span", { children: message ?? "Carregando..." }) });
+}
+
+// src/internal/AuthGate.tsx
+import { Fragment, jsx as jsx4 } from "react/jsx-runtime";
+function detectResetFromUrl() {
+  if (typeof window === "undefined") return false;
+  const params = new URLSearchParams(window.location.search);
+  return params.get("token") !== null && params.get("screen") === "reset";
+}
+function AuthGate({ Login, Signup, Forgot, Reset, children }) {
+  const { user, authStatus } = useAuth();
+  const [screen, setScreen] = useState(
+    () => detectResetFromUrl() ? "reset" : "login"
+  );
+  useEffect(() => {
+    if (user && screen !== "login") {
+      setScreen("login");
+    }
+  }, [user, screen]);
+  useEffect(() => {
+    const onPop = () => {
+      if (detectResetFromUrl()) setScreen("reset");
+    };
+    window.addEventListener("popstate", onPop);
+    return () => window.removeEventListener("popstate", onPop);
+  }, []);
+  if (authStatus === "loading") return /* @__PURE__ */ jsx4(LoadingState, {});
+  if (!user) {
+    if (screen === "reset") return /* @__PURE__ */ jsx4(Reset, { onNavigate: setScreen });
+    if (screen === "signup") return /* @__PURE__ */ jsx4(Signup, { onNavigate: setScreen });
+    if (screen === "forgot") return /* @__PURE__ */ jsx4(Forgot, { onNavigate: setScreen });
+    return /* @__PURE__ */ jsx4(Login, { onNavigate: setScreen });
+  }
+  return /* @__PURE__ */ jsx4(Fragment, { children });
+}
+
+// src/hooks/usePaywallState.ts
+import { useCallback, useState as useState2 } from "react";
+import { useHook as useHook2 } from "@hook-sdk/sdk";
+function usePaywallState() {
+  const { subscription } = useHook2();
+  const [opening, setOpening] = useState2(false);
+  const [error, setError] = useState2(null);
+  const status = subscription.status();
+  const daysLeftInTrial = subscription.daysLeftInTrial();
+  const checkout = useCallback(
+    async (args) => {
+      setOpening(true);
+      setError(null);
+      try {
+        const result = await subscription.checkoutCard({
+          cpf: args.cpf,
+          cycle: args.cycle ?? "MONTHLY"
+        });
+        window.location.href = result.invoiceUrl;
+      } catch (err) {
+        setError(err);
+        setOpening(false);
+      }
+    },
+    [subscription]
+  );
+  const cancel = useCallback(async () => {
+    try {
+      await subscription.cancel();
+      await subscription.refresh();
+    } catch (err) {
+      setError(err);
+    }
+  }, [subscription]);
+  return { status, daysLeftInTrial, checkout, cancel, opening, error };
+}
+
+// src/internal/SubscriptionGate.tsx
+import { Fragment as Fragment2, jsx as jsx5 } from "react/jsx-runtime";
+function SubscriptionGate({ Paywall, children }) {
+  const { status } = usePaywallState();
+  if (status === "expired" || status === "canceled" || status === "past_due") {
+    return /* @__PURE__ */ jsx5(Paywall, {});
+  }
+  return /* @__PURE__ */ jsx5(Fragment2, { children });
+}
+
+// src/internal/PushPrompt.tsx
+function PushPrompt() {
+  return null;
+}
+
+// src/defaults/ErrorBoundary.tsx
+import { Component } from "react";
+import { Fragment as Fragment3, jsx as jsx6, jsxs } from "react/jsx-runtime";
+var ErrorBoundary = class extends Component {
+  state = { error: null };
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error) {
+    console.error("[ErrorBoundary] caught", error);
+  }
+  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." })
+      ] });
+    }
+    return /* @__PURE__ */ jsx6(Fragment3, { children: this.props.children });
+  }
+};
+
+// src/hooks/useLoginForm.ts
+import { useCallback as useCallback2, useMemo, useState as useState3 } from "react";
+import { useHook as useHook3 } from "@hook-sdk/sdk";
+
+// src/errors.ts
+import { SdkError, SdkAuthError, SdkRateLimitError } from "@hook-sdk/sdk";
+function mapSdkError(err) {
+  if (err instanceof SdkRateLimitError) {
+    return {
+      code: "rate_limited",
+      message: `Aguarde ${err.retryAfter}s e tente novamente.`,
+      retryAfter: err.retryAfter
+    };
+  }
+  if (err instanceof SdkAuthError) {
+    const detail = err.detail;
+    if (detail === "email_unverified") {
+      return { code: "email_unverified", message: "Confirme seu e-mail antes de entrar." };
+    }
+    if (detail === "account_locked") {
+      return { code: "account_locked", message: "Conta bloqueada. Contate o suporte." };
+    }
+    return { code: "invalid_credentials", message: "E-mail ou senha inv\xE1lidos." };
+  }
+  if (err instanceof SdkError && err.httpStatus === 0) {
+    return { code: "network", message: "Sem conex\xE3o com o servidor. Verifique sua internet." };
+  }
+  if (err instanceof TypeError) {
+    return { code: "network", message: "Sem conex\xE3o com o servidor. Verifique sua internet." };
+  }
+  return { code: "server", message: "Algo deu errado. Tente novamente em instantes." };
+}
+
+// src/hooks/useLoginForm.ts
+var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+var MIN_PASSWORD = 8;
+function useLoginForm() {
+  const { auth } = useHook3();
+  const [email, setEmail] = useState3("");
+  const [password, setPassword] = useState3("");
+  const [submitting, setSubmitting] = useState3(false);
+  const [error, setError] = useState3(null);
+  const emailError = useMemo(() => {
+    if (email.length === 0) return null;
+    if (!EMAIL_RE.test(email)) return "Formato de e-mail inv\xE1lido.";
+    return null;
+  }, [email]);
+  const passwordError = 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 = useCallback2(async () => {
+    if (!canSubmit) return;
+    setSubmitting(true);
+    setError(null);
+    try {
+      await auth.login({ email, password });
+    } catch (err) {
+      setError(mapSdkError(err));
+    } finally {
+      setSubmitting(false);
+    }
+  }, [auth, email, password, canSubmit]);
+  return {
+    email,
+    setEmail,
+    emailError,
+    password,
+    setPassword,
+    passwordError,
+    submit,
+    submitting,
+    canSubmit,
+    error
+  };
+}
+
+// src/defaults/DefaultLoginScreen.tsx
+import { jsx as jsx7, 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__ */ jsxs2("form", { onSubmit: (e) => {
+      e.preventDefault();
+      void f.submit();
+    }, children: [
+      /* @__PURE__ */ jsxs2("label", { style: { display: "block", marginBottom: 12 }, children: [
+        "E-mail",
+        /* @__PURE__ */ jsx7(
+          "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__ */ jsx7("small", { style: { color: "#c00" }, children: f.emailError })
+      ] }),
+      /* @__PURE__ */ jsxs2("label", { style: { display: "block", marginBottom: 12 }, children: [
+        "Senha",
+        /* @__PURE__ */ jsx7(
+          "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__ */ jsx7("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(
+        "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__ */ 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" })
+    ] })
+  ] });
+}
+
+// src/hooks/useSignupForm.ts
+import { useCallback as useCallback3, useMemo as useMemo2, useState as useState4 } from "react";
+import { useHook as useHook4 } from "@hook-sdk/sdk";
+var EMAIL_RE2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+var MIN_PASSWORD2 = 8;
+function useSignupForm() {
+  const { auth } = useHook4();
+  const [name, setName] = useState4("");
+  const [email, setEmail] = useState4("");
+  const [password, setPassword] = useState4("");
+  const [submitting, setSubmitting] = useState4(false);
+  const [error, setError] = useState4(null);
+  const nameError = useMemo2(() => {
+    if (name.length === 0) return null;
+    if (name.trim().length < 2) return "Nome muito curto.";
+    return null;
+  }, [name]);
+  const emailError = useMemo2(() => {
+    if (email.length === 0) return null;
+    if (!EMAIL_RE2.test(email)) return "Formato de e-mail inv\xE1lido.";
+    return null;
+  }, [email]);
+  const passwordError = useMemo2(() => {
+    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 = useCallback3(async () => {
+    if (!canSubmit) return;
+    setSubmitting(true);
+    setError(null);
+    try {
+      await auth.signup({ name, email, password });
+    } catch (err) {
+      setError(mapSdkError(err));
+    } finally {
+      setSubmitting(false);
+    }
+  }, [auth, name, email, password, canSubmit]);
+  return {
+    name,
+    setName,
+    nameError,
+    email,
+    setEmail,
+    emailError,
+    password,
+    setPassword,
+    passwordError,
+    submit,
+    submitting,
+    canSubmit,
+    error
+  };
+}
+
+// src/defaults/DefaultSignupScreen.tsx
+import { jsx as jsx8, 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__ */ 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__ */ 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__ */ 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 })
+      ] }),
+      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" })
+    ] }),
+    /* @__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" }) })
+  ] });
+}
+
+// src/hooks/useForgotForm.ts
+import { useCallback as useCallback4, useMemo as useMemo3, useState as useState5 } from "react";
+import { useHook as useHook5 } from "@hook-sdk/sdk";
+var EMAIL_RE3 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function useForgotForm() {
+  const { auth } = useHook5();
+  const [email, setEmail] = useState5("");
+  const [submitting, setSubmitting] = useState5(false);
+  const [sent, setSent] = useState5(false);
+  const [error, setError] = useState5(null);
+  const emailError = useMemo3(() => {
+    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 = useCallback4(async () => {
+    if (!canSubmit) return;
+    setSubmitting(true);
+    setError(null);
+    try {
+      await auth.forgot({ email });
+      setSent(true);
+    } catch (err) {
+      setError(mapSdkError(err));
+    } finally {
+      setSubmitting(false);
+    }
+  }, [auth, email, canSubmit]);
+  return {
+    email,
+    setEmail,
+    emailError,
+    submit,
+    submitting,
+    canSubmit,
+    sent,
+    error
+  };
+}
+
+// src/defaults/DefaultForgotScreen.tsx
+import { jsx as jsx9, 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" })
+    ] });
+  }
+  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__ */ 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 })
+      ] }),
+      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" })
+    ] }),
+    /* @__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" }) })
+  ] });
+}
+
+// src/hooks/useResetForm.ts
+import { useCallback as useCallback5, useEffect as useEffect2, useMemo as useMemo4, useState as useState6 } from "react";
+import { useHook as useHook6 } from "@hook-sdk/sdk";
+var MIN_PASSWORD3 = 12;
+function useResetForm() {
+  const { auth } = useHook6();
+  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(() => {
+    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 = useMemo4(() => {
+    if (password.length === 0) return null;
+    if (password.length < MIN_PASSWORD3) return `M\xEDnimo de ${MIN_PASSWORD3} caracteres.`;
+    return null;
+  }, [password]);
+  const confirmError = useMemo4(() => {
+    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 = useCallback5(async () => {
+    if (!canSubmit || token === null) return;
+    setSubmitting(true);
+    setError(null);
+    try {
+      await auth.reset({ token, newPassword: password });
+      setDone(true);
+      if (typeof window !== "undefined") {
+        const url = new URL(window.location.href);
+        url.searchParams.delete("token");
+        url.searchParams.delete("screen");
+        window.history.replaceState({}, "", url.toString());
+      }
+    } catch (err) {
+      setError(mapSdkError(err));
+    } finally {
+      setSubmitting(false);
+    }
+  }, [auth, token, password, canSubmit]);
+  return {
+    token,
+    password,
+    setPassword,
+    passwordError,
+    confirm,
+    setConfirm,
+    confirmError,
+    submit,
+    submitting,
+    canSubmit,
+    done,
+    error
+  };
+}
+
+// src/defaults/DefaultResetScreen.tsx
+import { jsx as jsx10, 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" })
+    ] });
+  }
+  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" })
+    ] });
+  }
+  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__ */ 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__ */ 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 })
+      ] }),
+      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" })
+    ] })
+  ] });
+}
+
+// src/defaults/DefaultPaywall.tsx
+import { useState as useState7 } from "react";
+import { jsx as jsx11, jsxs as jsxs6 } 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 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 })
+    ] }, 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(
+        "input",
+        {
+          "data-testid": "paywall-cpf",
+          type: "text",
+          inputMode: "numeric",
+          placeholder: "000.000.000-00",
+          value: cpf,
+          onChange: (e) => setCpf(e.target.value),
+          style: { width: "100%", padding: 10, fontSize: 14, borderRadius: 8, border: "1px solid #ccc" }
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx11("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: error.message }),
+    /* @__PURE__ */ jsx11(
+      "button",
+      {
+        "data-testid": "paywall-cta",
+        type: "button",
+        onClick: () => void checkout({ cpf: cpfDigits }),
+        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
+        },
+        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 })
+  ] });
+}
+
+// src/AppRoot.tsx
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+function AppRoot({
+  config,
+  children,
+  Login = DefaultLoginScreen,
+  Signup = DefaultSignupScreen,
+  Forgot = DefaultForgotScreen,
+  Reset = DefaultResetScreen,
+  Paywall = DefaultPaywall
+}) {
+  return /* @__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: [
+    children,
+    /* @__PURE__ */ jsx12(PushPrompt, {})
+  ] }) }) }) }) });
+}
+
+// src/defaults/EmptyState.tsx
+import { jsx as jsx13, 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 })
+  ] });
+}
+
+// src/hooks/useAuthPrimitives.ts
+import { useEffect as useEffect3 } from "react";
+import { useHook as useHook7 } from "@hook-sdk/sdk";
+var warned = false;
+function useAuthPrimitives() {
+  const { auth } = useHook7();
+  useEffect3(() => {
+    if (!warned && process.env.NODE_ENV !== "production") {
+      warned = true;
+      console.warn(
+        "[@hook-sdk/template] useAuthPrimitives() \xE9 escape hatch. Pra login/signup/forgot, use useLoginForm/useSignupForm/useForgotForm. Docs: docs/19-golden-template.md#escape-hatch"
+      );
+    }
+  }, []);
+  return {
+    login: auth.login,
+    signup: auth.signup,
+    logout: auth.logout,
+    logoutAll: auth.logoutAll,
+    forgot: auth.forgot,
+    resendVerify: auth.resendVerify,
+    changePassword: auth.changePassword,
+    changeEmail: auth.changeEmail,
+    refresh: auth.refresh
+  };
+}
+
+// src/hooks/useSubscription.ts
+import { useHook as useHook8 } from "@hook-sdk/sdk";
+function useSubscription() {
+  const { subscription } = useHook8();
+  return {
+    status: subscription.status()
+  };
+}
+
+// src/hooks/usePush.ts
+import { useHook as useHook9 } from "@hook-sdk/sdk";
+function usePush() {
+  const { push } = useHook9();
+  return {
+    status: push.status(),
+    subscribe: push.subscribe,
+    unsubscribe: push.unsubscribe
+  };
+}
+
+// src/hooks/useToast.ts
+import { useCallback as useCallback6, useState as useState8 } from "react";
+function useToast() {
+  const [items, setItems] = useState8([]);
+  const show = useCallback6((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) => {
+    setItems((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  return { items, show, dismiss };
+}
+export {
+  AppRoot,
+  DefaultForgotScreen,
+  DefaultLoginScreen,
+  DefaultPaywall,
+  DefaultResetScreen,
+  DefaultSignupScreen,
+  EmptyState,
+  ErrorBoundary,
+  LoadingState,
+  useAuth,
+  useAuthPrimitives,
+  useForgotForm,
+  useLoginForm,
+  usePaywallState,
+  usePush,
+  useResetForm,
+  useSignupForm,
+  useSubscription,
+  useToast
+};
+//# sourceMappingURL=index.js.map