@hook-sdk/template 0.2.0 → 0.4.0

package/dist/index.cjs

@@ -28,11 +28,21 @@ __export(index_exports, {
   DefaultSignupScreen: () => DefaultSignupScreen,
   EmptyState: () => EmptyState,
   ErrorBoundary: () => ErrorBoundary,
+  InstallGate: () => InstallGate,
+  InstallSplash: () => InstallSplash,
   LoadingState: () => LoadingState,
   PushPrompt: () => PushPrompt2,
+  detectAndroidBrowser: () => detectAndroidBrowser,
+  detectIOSBrowser: () => detectIOSBrowser,
+  detectInAppApp: () => detectInAppApp,
+  detectPlatform: () => detectPlatform,
+  detectStandalone: () => detectStandalone,
+  shouldBlockInstall: () => shouldBlockInstall,
+  shouldShowPermanentOption: () => shouldShowPermanentOption,
   useAuth: () => useAuth,
   useAuthPrimitives: () => useAuthPrimitives,
   useForgotForm: () => useForgotForm,
+  useInstallPrompt: () => useInstallPrompt,
   useLoginForm: () => useLoginForm,
   usePaywallState: () => usePaywallState,
   usePush: () => usePush,
@@ -45,7 +55,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/AppRoot.tsx
-var import_react11 = require("react");
+var import_react16 = require("react");
 var import_sdk9 = require("@hook-sdk/sdk");
 
 // src/internal/TemplateConfigContext.tsx
@@ -210,10 +220,1226 @@ function PushPrompt() {
   return null;
 }
 
-// src/defaults/ErrorBoundary.tsx
+// src/components/InstallGate/InstallGate.tsx
+var import_react8 = require("react");
+
+// src/hooks/useInstallPrompt.ts
 var import_react5 = require("react");
+var IOS_RE = /iPad|iPhone|iPod/;
+var IOS_NON_SAFARI_RE = /CriOS|FxiOS|EdgiOS/;
+var ANDROID_RE = /Android/;
+var IN_APP_RE = /Instagram|FBAN|FBAV|BytedanceWebview|TikTok|Line\/|Twitter|Snapchat|Pinterest|LinkedIn|WhatsApp|MicroMessenger|Telegram/i;
+var PERMANENT_DISMISS_REPROMPT_DAYS = 14;
+var SESSION_SKIPS_BEFORE_PERMANENT_OPTION = 2;
+var storageKey = {
+  sessionSkip: (slug) => `install:${slug}:session-skip`,
+  dismissedAt: (slug) => `install:${slug}:dismissed-at`,
+  installedAt: (slug) => `install:${slug}:installed-at`,
+  skipCount: (slug) => `install:${slug}:skip-count`
+};
+function detectPlatform(ua) {
+  if (IN_APP_RE.test(ua)) return "in-app";
+  const isIOS = IOS_RE.test(ua);
+  if (isIOS) {
+    const isSafari = /Safari/.test(ua) && !IOS_NON_SAFARI_RE.test(ua);
+    return isSafari ? "ios-safari" : "ios-other";
+  }
+  if (ANDROID_RE.test(ua)) return "android";
+  return "desktop";
+}
+function detectIOSBrowser(ua) {
+  if (!IOS_RE.test(ua)) return null;
+  if (/CriOS/.test(ua)) return "chrome";
+  if (/FxiOS/.test(ua)) return "firefox";
+  if (/EdgiOS/.test(ua)) return "edge";
+  if (/Safari/.test(ua)) return "safari";
+  return "other";
+}
+function detectAndroidBrowser(ua) {
+  if (!ANDROID_RE.test(ua)) return null;
+  if (/EdgA/.test(ua)) return "edge";
+  if (/OPR|OPT/.test(ua)) return "opera";
+  if (/SamsungBrowser/.test(ua)) return "samsung";
+  if (/Firefox/.test(ua)) return "firefox";
+  if (/Chrome/.test(ua)) return "chrome";
+  return "other";
+}
+function detectInAppApp(ua) {
+  if (!IN_APP_RE.test(ua)) return null;
+  if (/Instagram/i.test(ua)) return "instagram";
+  if (/FBAN|FBAV/.test(ua)) return "facebook";
+  if (/BytedanceWebview|TikTok/i.test(ua)) return "tiktok";
+  if (/WhatsApp/i.test(ua)) return "whatsapp";
+  if (/Twitter/i.test(ua)) return "twitter";
+  if (/LinkedIn/i.test(ua)) return "linkedin";
+  if (/Telegram/i.test(ua)) return "telegram";
+  if (/Line\//i.test(ua)) return "line";
+  if (/Snapchat/i.test(ua)) return "snapchat";
+  if (/Pinterest/i.test(ua)) return "pinterest";
+  if (/MicroMessenger/i.test(ua)) return "wechat";
+  return "other";
+}
+function detectStandalone() {
+  if (typeof window === "undefined" || typeof navigator === "undefined") {
+    return { installed: false, source: null };
+  }
+  const mm = window.matchMedia?.("(display-mode: standalone)");
+  if (mm?.matches) return { installed: true, source: "match_media" };
+  const fs = window.matchMedia?.("(display-mode: fullscreen)");
+  if (fs?.matches) return { installed: true, source: "match_media" };
+  if (navigator.standalone === true) return { installed: true, source: "navigator_standalone" };
+  return { installed: false, source: null };
+}
+function track(event, props) {
+  if (typeof window === "undefined") return;
+  window.posthog?.capture?.(event, props);
+}
+function pickVariant(state) {
+  if (state.isInstalled) return "none";
+  switch (state.platform) {
+    case "android":
+      return state.isInstallable ? "android-native" : "android-manual";
+    case "ios-safari":
+      return "ios-safari";
+    case "ios-other":
+      return "ios-other";
+    case "in-app":
+      return "in-app";
+    case "desktop":
+      return state.isInstallable ? "desktop" : "none";
+    default:
+      return "none";
+  }
+}
+function safeStorage() {
+  if (typeof localStorage === "undefined") return null;
+  try {
+    localStorage.setItem("__install_probe", "1");
+    localStorage.removeItem("__install_probe");
+    return localStorage;
+  } catch {
+    return null;
+  }
+}
+function readPermanentDismiss(slug) {
+  const storage = safeStorage();
+  if (!storage) return { dismissed: false, dismissedAt: null };
+  const raw = storage.getItem(storageKey.dismissedAt(slug));
+  if (!raw) return { dismissed: false, dismissedAt: null };
+  const parsed = Date.parse(raw);
+  if (Number.isNaN(parsed)) return { dismissed: false, dismissedAt: null };
+  const daysAgo = (Date.now() - parsed) / (1e3 * 60 * 60 * 24);
+  return { dismissed: daysAgo < PERMANENT_DISMISS_REPROMPT_DAYS, dismissedAt: raw };
+}
+function readInstalledMarker(slug) {
+  const storage = safeStorage();
+  if (!storage) return false;
+  return storage.getItem(storageKey.installedAt(slug)) !== null;
+}
+function readSkipCount(slug) {
+  const storage = safeStorage();
+  if (!storage) return 0;
+  const raw = storage.getItem(storageKey.skipCount(slug));
+  const n = raw ? Number.parseInt(raw, 10) : 0;
+  return Number.isFinite(n) && n >= 0 ? n : 0;
+}
+function readSessionSkip(slug) {
+  if (typeof sessionStorage === "undefined") return false;
+  try {
+    return sessionStorage.getItem(storageKey.sessionSkip(slug)) === "true";
+  } catch {
+    return false;
+  }
+}
+function useInstallPrompt(slug) {
+  const ua = typeof navigator !== "undefined" && typeof navigator.userAgent === "string" ? navigator.userAgent : "";
+  const platform = detectPlatform(ua);
+  const iosBrowser = detectIOSBrowser(ua);
+  const androidBrowser = detectAndroidBrowser(ua);
+  const inAppApp = detectInAppApp(ua);
+  const [isInstallable, setIsInstallable] = (0, import_react5.useState)(() => {
+    if (typeof window === "undefined") return false;
+    return window.__pwaInstallPrompt != null;
+  });
+  const [isInstalled, setIsInstalled] = (0, import_react5.useState)(() => {
+    const { installed } = detectStandalone();
+    return installed || readInstalledMarker(slug);
+  });
+  const [isDismissedSession, setIsDismissedSession] = (0, import_react5.useState)(() => readSessionSkip(slug));
+  const [isDismissedPermanent, setIsDismissedPermanent] = (0, import_react5.useState)(() => readPermanentDismiss(slug).dismissed);
+  const [skipCount, setSkipCount] = (0, import_react5.useState)(() => readSkipCount(slug));
+  (0, import_react5.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    if (window.__pwaInstallPrompt) {
+      setIsInstallable(true);
+    }
+    const onPrompt = (e) => {
+      e.preventDefault();
+      window.__pwaInstallPrompt = e;
+      setIsInstallable(true);
+    };
+    const onInstalled = () => {
+      setIsInstalled(true);
+      setIsInstallable(false);
+      window.__pwaInstallPrompt = null;
+      const storage = safeStorage();
+      if (storage) storage.setItem(storageKey.installedAt(slug), (/* @__PURE__ */ new Date()).toISOString());
+    };
+    window.addEventListener("beforeinstallprompt", onPrompt);
+    window.addEventListener("appinstalled", onInstalled);
+    return () => {
+      window.removeEventListener("beforeinstallprompt", onPrompt);
+      window.removeEventListener("appinstalled", onInstalled);
+    };
+  }, [slug]);
+  (0, import_react5.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    const mq = window.matchMedia?.("(display-mode: standalone)");
+    if (!mq) return;
+    const handler = (e) => {
+      if (e.matches) {
+        setIsInstalled(true);
+        track("pwa_install_standalone_detected", { slug, source: "match_media" });
+      }
+    };
+    mq.addEventListener?.("change", handler);
+    return () => mq.removeEventListener?.("change", handler);
+  }, [slug]);
+  const variant = pickVariant({
+    platform,
+    iosBrowser,
+    androidBrowser,
+    inAppApp,
+    isInstallable,
+    isInstalled,
+    isDismissedSession,
+    isDismissedPermanent,
+    skipCount
+  });
+  const promptInstall = (0, import_react5.useCallback)(async () => {
+    if (typeof window === "undefined") return false;
+    const prompt = window.__pwaInstallPrompt;
+    if (!prompt) return false;
+    track("pwa_install_prompt_clicked", { slug });
+    try {
+      await prompt.prompt();
+      const { outcome } = await prompt.userChoice;
+      track("pwa_install_prompt_outcome", { slug, outcome });
+      if (outcome === "accepted") {
+        setIsInstalled(true);
+        setIsInstallable(false);
+        window.__pwaInstallPrompt = null;
+        const storage = safeStorage();
+        if (storage) storage.setItem(storageKey.installedAt(slug), (/* @__PURE__ */ new Date()).toISOString());
+        return true;
+      }
+      return false;
+    } catch {
+      return false;
+    }
+  }, [slug]);
+  const dismissSession = (0, import_react5.useCallback)(() => {
+    if (typeof sessionStorage !== "undefined") {
+      try {
+        sessionStorage.setItem(storageKey.sessionSkip(slug), "true");
+      } catch {
+      }
+    }
+    const storage = safeStorage();
+    const newCount = skipCount + 1;
+    if (storage) storage.setItem(storageKey.skipCount(slug), String(newCount));
+    setSkipCount(newCount);
+    setIsDismissedSession(true);
+    track("pwa_install_session_skip", { slug, platform, skip_count: newCount });
+  }, [slug, skipCount, platform]);
+  const dismissPermanent = (0, import_react5.useCallback)(() => {
+    const storage = safeStorage();
+    if (storage) storage.setItem(storageKey.dismissedAt(slug), (/* @__PURE__ */ new Date()).toISOString());
+    setIsDismissedPermanent(true);
+    track("pwa_install_permanent_dismiss", { slug, platform, prior_skip_count: skipCount });
+  }, [slug, platform, skipCount]);
+  const redirectToSafari = (0, import_react5.useCallback)(() => {
+    if (typeof location === "undefined") return;
+    track("pwa_install_redirect_to_safari", { slug });
+    const url = `safari-https://${location.host}${location.pathname}${location.search}${location.hash}`;
+    try {
+      window.location.href = url;
+    } catch {
+    }
+  }, [slug]);
+  const copyLink = (0, import_react5.useCallback)(async () => {
+    if (typeof navigator === "undefined" || typeof location === "undefined") return;
+    try {
+      await navigator.clipboard?.writeText?.(location.href);
+    } catch {
+    }
+  }, []);
+  const reset = (0, import_react5.useCallback)(() => {
+    const storage = safeStorage();
+    if (storage) {
+      storage.removeItem(storageKey.dismissedAt(slug));
+      storage.removeItem(storageKey.installedAt(slug));
+      storage.removeItem(storageKey.skipCount(slug));
+    }
+    if (typeof sessionStorage !== "undefined") {
+      try {
+        sessionStorage.removeItem(storageKey.sessionSkip(slug));
+      } catch {
+      }
+    }
+    setIsDismissedSession(false);
+    setIsDismissedPermanent(false);
+    setSkipCount(0);
+  }, [slug]);
+  return {
+    platform,
+    iosBrowser,
+    androidBrowser,
+    inAppApp,
+    isInstallable,
+    isInstalled,
+    isDismissedSession,
+    isDismissedPermanent,
+    skipCount,
+    variant,
+    promptInstall,
+    dismissSession,
+    dismissPermanent,
+    redirectToSafari,
+    copyLink,
+    reset
+  };
+}
+function shouldBlockInstall(state, now = Date.now()) {
+  if (state.isInstalled) return false;
+  if (state.variant === "none") return false;
+  if (state.isDismissedSession) return false;
+  if (state.isDismissedPermanent) {
+    void now;
+    return false;
+  }
+  if (state.platform === "desktop" && !state.isInstallable) return false;
+  if (state.platform === "unknown") return false;
+  return true;
+}
+function shouldShowPermanentOption(state) {
+  return state.skipCount >= SESSION_SKIPS_BEFORE_PERMANENT_OPTION;
+}
+
+// src/components/InstallGate/copy.ts
+var INSTALL_COPY = {
+  android: {
+    native: {
+      title: "Instale no seu celular",
+      subtitle: "Acesso r\xE1pido, sem precisar do navegador",
+      cta: "Baixar",
+      skip: "Continuar no navegador",
+      skipPermanent: "N\xE3o me pergunte mais"
+    },
+    manual: {
+      title: "Instale em 2 toques",
+      subtitle: 'Toque no menu do navegador e escolha "Instalar aplicativo"',
+      step1: "Toque no menu do navegador",
+      step2: 'Escolha "Instalar aplicativo"',
+      cta: "Entendi",
+      skip: "Continuar no navegador",
+      skipPermanent: "N\xE3o me pergunte mais"
+    }
+  },
+  iosSafari: {
+    title: "Adicione \xE0 sua Tela de In\xEDcio",
+    subtitle: "Siga os 3 passos",
+    step1: {
+      title: "Toque em Compartilhar",
+      subtitle: "Na barra inferior do Safari"
+    },
+    step2: {
+      title: 'Role e toque em "Adicionar \xE0 Tela de In\xEDcio"',
+      iconLabel: "Adicionar \xE0 Tela de In\xEDcio"
+    },
+    step3: {
+      title: 'Toque em "Adicionar" pra confirmar',
+      buttonLabel: "Adicionar"
+    },
+    skip: "Continuar no Safari",
+    skipPermanent: "N\xE3o me pergunte mais"
+  },
+  iosOther: {
+    title: "Abra no Safari pra instalar",
+    subtitle: "No Chrome/Firefox/Edge do iPhone n\xE3o d\xE1 pra instalar PWA. Abra o link no Safari.",
+    ctaPrimary: "Abrir no Safari",
+    ctaSecondary: "Copiar link",
+    copiedToast: "Link copiado. Cole no Safari.",
+    skip: "Continuar mesmo assim",
+    skipPermanent: "N\xE3o me pergunte mais"
+  },
+  inApp: {
+    instagram: {
+      title: "Pra instalar, abra fora do Instagram",
+      step1: "Toque em \u22EF (canto superior direito)",
+      step2: 'Escolha "Abrir no navegador externo"'
+    },
+    facebook: {
+      title: "Pra instalar, abra fora do Facebook",
+      step1: "Toque em \u22EE",
+      step2: 'Escolha "Abrir no navegador"'
+    },
+    tiktok: {
+      title: "Pra instalar, abra fora do TikTok",
+      step1: "Toque em \u22EF",
+      step2: 'Escolha "Abrir no Safari" (iOS) ou "Abrir no Chrome" (Android)'
+    },
+    whatsapp: {
+      title: "Pra instalar, abra fora do WhatsApp",
+      step1: "Toque longo no link",
+      step2: 'Escolha "Abrir no navegador"'
+    },
+    twitter: {
+      title: "Pra instalar, abra fora do Twitter",
+      step1: "Toque em \u22EF",
+      step2: 'Escolha "Abrir no navegador"'
+    },
+    linkedin: {
+      title: "Pra instalar, abra fora do LinkedIn",
+      step1: "Toque em \u22EF",
+      step2: 'Escolha "Abrir no navegador"'
+    },
+    telegram: {
+      title: "Pra instalar, abra fora do Telegram",
+      step1: "Toque em \u22EE",
+      step2: 'Escolha "Abrir no navegador"'
+    },
+    line: {
+      title: "Pra instalar, abra fora do LINE",
+      step1: "Toque em \u22EF",
+      step2: 'Escolha "Abrir no navegador"'
+    },
+    snapchat: {
+      title: "Pra instalar, abra fora do Snapchat",
+      step1: "Mantenha pressionado o link",
+      step2: 'Escolha "Abrir no navegador"'
+    },
+    pinterest: {
+      title: "Pra instalar, abra fora do Pinterest",
+      step1: "Toque em \u22EF",
+      step2: 'Escolha "Abrir no navegador"'
+    },
+    wechat: {
+      title: "Pra instalar, abra fora do WeChat",
+      step1: "Toque em \u22EF",
+      step2: 'Escolha "Abrir no navegador"'
+    },
+    other: {
+      title: "Abra no navegador do celular",
+      step1: "Toque no menu do app atual",
+      step2: 'Escolha "Abrir no Chrome" ou "Abrir no Safari"'
+    },
+    copy: "Copiar link",
+    copiedToast: "Link copiado. Cole no Chrome/Safari.",
+    skip: "Continuar aqui mesmo",
+    skipPermanent: "N\xE3o me pergunte mais"
+  },
+  desktop: {
+    title: "Instale no computador",
+    subtitle: "Acesso r\xE1pido",
+    cta: "Baixar",
+    close: "Fechar"
+  }
+};
+
+// src/components/InstallGate/InstallSplash.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var ErrorBoundary = class extends import_react5.Component {
+function InstallSplash({ children, title, subtitle }) {
+  const { name, theme } = useTemplateConfig();
+  const iconUrl = theme.icon_url || theme.logo_url || null;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": "install-splash-title",
+      "aria-describedby": subtitle ? "install-splash-subtitle" : void 0,
+      style: overlayStyle,
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: cardStyle, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { display: "flex", justifyContent: "center", marginBottom: 16 }, children: iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "img",
+          {
+            src: iconUrl,
+            alt: `\xCDcone de ${name}`,
+            style: { width: 80, height: 80, borderRadius: 20, objectFit: "cover" }
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "div",
+          {
+            style: {
+              width: 80,
+              height: 80,
+              borderRadius: 20,
+              background: "var(--hook-color-primary)",
+              color: "#fff",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontSize: 36,
+              fontWeight: 700
+            },
+            children: name.charAt(0).toUpperCase()
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h1", { id: "install-splash-title", style: titleStyle, children: title }),
+        subtitle && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { id: "install-splash-subtitle", style: subtitleStyle, children: subtitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { marginTop: 24 }, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: footerStyle, children: "por Hook" })
+      ] })
+    }
+  );
+}
+var primaryButtonStyle = {
+  width: "100%",
+  padding: "14px 20px",
+  background: "var(--hook-color-primary)",
+  color: "#fff",
+  border: "none",
+  borderRadius: 999,
+  fontSize: 17,
+  fontWeight: 600,
+  cursor: "pointer",
+  marginBottom: 12
+};
+var secondaryButtonStyle = {
+  width: "100%",
+  padding: "12px 20px",
+  background: "transparent",
+  color: "var(--hook-color-primary)",
+  border: "1px solid var(--hook-color-primary)",
+  borderRadius: 999,
+  fontSize: 15,
+  fontWeight: 500,
+  cursor: "pointer",
+  marginBottom: 12
+};
+var skipLinkStyle = {
+  display: "block",
+  width: "100%",
+  padding: "10px",
+  marginTop: 8,
+  background: "transparent",
+  color: "#555",
+  border: "none",
+  fontSize: 14,
+  textDecoration: "underline",
+  cursor: "pointer",
+  textAlign: "center"
+};
+var skipPermanentLinkStyle = {
+  ...skipLinkStyle,
+  color: "#999",
+  fontSize: 13,
+  marginTop: 4
+};
+var overlayStyle = {
+  position: "fixed",
+  inset: 0,
+  background: "var(--hook-color-background, #fafafa)",
+  zIndex: 1e4,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: 20,
+  overflow: "auto"
+};
+var cardStyle = {
+  width: "100%",
+  maxWidth: 420,
+  padding: 24,
+  textAlign: "center"
+};
+var titleStyle = {
+  fontSize: 24,
+  fontWeight: 700,
+  lineHeight: 1.2,
+  margin: "0 0 8px 0",
+  color: "#111"
+};
+var subtitleStyle = {
+  fontSize: 15,
+  lineHeight: 1.4,
+  color: "#555",
+  margin: 0
+};
+var footerStyle = {
+  fontSize: 11,
+  color: "#aaa",
+  marginTop: 32,
+  letterSpacing: 0.5
+};
+
+// src/components/InstallGate/icons.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var defaultSvgProps = (size) => ({
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+});
+function ShareIconIOS({ size = 24, style, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 2L12 15" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M8 6L12 2L16 6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M4 11v9a2 2 0 002 2h12a2 2 0 002-2v-9" })
+  ] });
+}
+function MenuDotsVerticalIcon({ size = 24, style, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "12", cy: "5", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "12", cy: "12", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "12", cy: "19", r: "1.5" })
+  ] });
+}
+function MenuDotsHorizontalIcon({ size = 24, style, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "5", cy: "12", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "12", cy: "12", r: "1.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { cx: "19", cy: "12", r: "1.5" })
+  ] });
+}
+function SquarePlusIcon({ size = 24, style, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M12 8v8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M8 12h8" })
+  ] });
+}
+function DownloadIcon({ size = 24, style, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("polyline", { points: "7 10 12 15 17 10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+  ] });
+}
+function ExternalLinkIcon({ size = 24, style, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("polyline", { points: "15 3 21 3 21 9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+  ] });
+}
+function XIcon({ size = 20, style, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("svg", { ...defaultSvgProps(size), style, className, "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] });
+}
+
+// src/components/InstallGate/variants/AndroidNativeVariant.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+function AndroidNativeVariant({
+  state,
+  actions
+}) {
+  const copy = INSTALL_COPY.android.native;
+  const showPermanent = shouldShowPermanentOption(state);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(InstallSplash, { title: copy.title, subtitle: copy.subtitle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+      "button",
+      {
+        "data-testid": "install-prompt-cta-android-native",
+        type: "button",
+        onClick: () => void actions.promptInstall(),
+        style: { ...primaryButtonStyle, display: "inline-flex", alignItems: "center", justifyContent: "center", gap: 8 },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DownloadIcon, { size: 18 }),
+          copy.cta
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "button",
+      {
+        "data-testid": "install-prompt-skip-session",
+        type: "button",
+        onClick: actions.dismissSession,
+        style: skipLinkStyle,
+        children: copy.skip
+      }
+    ),
+    showPermanent && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "button",
+      {
+        "data-testid": "install-prompt-skip-permanent",
+        type: "button",
+        onClick: actions.dismissPermanent,
+        style: skipPermanentLinkStyle,
+        children: copy.skipPermanent
+      }
+    )
+  ] });
+}
+
+// src/components/InstallGate/variants/AndroidManualVariant.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function AndroidManualVariant({
+  state,
+  actions
+}) {
+  const copy = INSTALL_COPY.android.manual;
+  const showPermanent = shouldShowPermanentOption(state);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(InstallSplash, { title: copy.title, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Step, { n: 1, icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MenuDotsVerticalIcon, { size: 20 }), children: copy.step1 }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Step, { n: 2, icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DownloadIcon, { size: 18 }), children: copy.step2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      "button",
+      {
+        "data-testid": "install-prompt-cta-android-manual",
+        type: "button",
+        onClick: actions.dismissSession,
+        style: primaryButtonStyle,
+        children: copy.cta
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      "button",
+      {
+        "data-testid": "install-prompt-skip-session",
+        type: "button",
+        onClick: actions.dismissSession,
+        style: skipLinkStyle,
+        children: copy.skip
+      }
+    ),
+    showPermanent && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      "button",
+      {
+        "data-testid": "install-prompt-skip-permanent",
+        type: "button",
+        onClick: actions.dismissPermanent,
+        style: skipPermanentLinkStyle,
+        children: copy.skipPermanent
+      }
+    )
+  ] });
+}
+function Step({ n, icon, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: 12,
+        padding: "12px 14px",
+        background: "#f5f5f7",
+        borderRadius: 12,
+        marginBottom: 10,
+        textAlign: "left"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          "div",
+          {
+            style: {
+              width: 28,
+              height: 28,
+              borderRadius: "50%",
+              background: "var(--hook-color-primary)",
+              color: "#fff",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontSize: 14,
+              fontWeight: 700,
+              flexShrink: 0
+            },
+            children: n
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { flex: 1, fontSize: 15, color: "#333" }, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { color: "#888", flexShrink: 0 }, children: icon })
+      ]
+    }
+  );
+}
+
+// src/components/InstallGate/variants/IOSafariVariant.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function IOSafariVariant({
+  state,
+  actions
+}) {
+  const copy = INSTALL_COPY.iosSafari;
+  const showPermanent = shouldShowPermanentOption(state);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(InstallSplash, { title: copy.title, subtitle: copy.subtitle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      Step2,
+      {
+        n: 1,
+        title: copy.step1.title,
+        subtitle: copy.step1.subtitle,
+        visual: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              background: "#f5f5f7",
+              borderRadius: 12,
+              padding: "12px 0",
+              marginTop: 8
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ShareIconIOS, { size: 32, style: { color: "var(--hook-color-primary)" } })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      Step2,
+      {
+        n: 2,
+        title: copy.step2.title,
+        visual: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: 10,
+              background: "#f5f5f7",
+              borderRadius: 12,
+              padding: "12px 14px",
+              marginTop: 8
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SquarePlusIcon, { size: 22, style: { color: "#555" } }),
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { style: { fontSize: 14, color: "#333" }, children: copy.step2.iconLabel })
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      Step2,
+      {
+        n: 3,
+        title: copy.step3.title,
+        visual: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "flex-end",
+              background: "#f5f5f7",
+              borderRadius: 12,
+              padding: "10px 14px",
+              marginTop: 8
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+              "span",
+              {
+                style: {
+                  color: "var(--hook-color-primary)",
+                  fontSize: 15,
+                  fontWeight: 600
+                },
+                children: copy.step3.buttonLabel
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      "button",
+      {
+        "data-testid": "install-prompt-skip-session",
+        type: "button",
+        onClick: actions.dismissSession,
+        style: { ...skipLinkStyle, marginTop: 16 },
+        children: copy.skip
+      }
+    ),
+    showPermanent && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      "button",
+      {
+        "data-testid": "install-prompt-skip-permanent",
+        type: "button",
+        onClick: actions.dismissPermanent,
+        style: skipPermanentLinkStyle,
+        children: copy.skipPermanent
+      }
+    )
+  ] });
+}
+function Step2({
+  n,
+  title,
+  subtitle,
+  visual
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "flex-start",
+        gap: 12,
+        marginBottom: 16,
+        textAlign: "left"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "div",
+          {
+            style: {
+              width: 32,
+              height: 32,
+              borderRadius: 10,
+              background: "var(--hook-color-primary)",
+              color: "#fff",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontSize: 15,
+              fontWeight: 700,
+              flexShrink: 0
+            },
+            children: n
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { flex: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { style: { margin: 0, fontSize: 15, fontWeight: 500, color: "#111", lineHeight: 1.3 }, children: title }),
+          subtitle && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { style: { margin: "4px 0 0 0", fontSize: 13, color: "#777" }, children: subtitle }),
+          visual
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/InstallGate/variants/IOSOtherVariant.tsx
+var import_react6 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function IOSOtherVariant({
+  state,
+  actions
+}) {
+  const copy = INSTALL_COPY.iosOther;
+  const showPermanent = shouldShowPermanentOption(state);
+  const [copied, setCopied] = (0, import_react6.useState)(false);
+  const handleCopy = async () => {
+    await actions.copyLink();
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(InstallSplash, { title: copy.title, subtitle: copy.subtitle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "button",
+      {
+        "data-testid": "install-prompt-cta-ios-other-primary",
+        type: "button",
+        onClick: actions.redirectToSafari,
+        style: primaryButtonStyle,
+        children: copy.ctaPrimary
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "button",
+      {
+        "data-testid": "install-prompt-cta-ios-other-secondary",
+        type: "button",
+        onClick: () => void handleCopy(),
+        style: secondaryButtonStyle,
+        children: copied ? copy.copiedToast : copy.ctaSecondary
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "button",
+      {
+        "data-testid": "install-prompt-skip-session",
+        type: "button",
+        onClick: actions.dismissSession,
+        style: skipLinkStyle,
+        children: copy.skip
+      }
+    ),
+    showPermanent && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "button",
+      {
+        "data-testid": "install-prompt-skip-permanent",
+        type: "button",
+        onClick: actions.dismissPermanent,
+        style: skipPermanentLinkStyle,
+        children: copy.skipPermanent
+      }
+    )
+  ] });
+}
+
+// src/components/InstallGate/variants/InAppBrowserVariant.tsx
+var import_react7 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function InAppBrowserVariant({
+  state,
+  actions
+}) {
+  const app = state.inAppApp ?? "other";
+  const appCopy = INSTALL_COPY.inApp[app] ?? INSTALL_COPY.inApp.other;
+  const copy = INSTALL_COPY.inApp;
+  const showPermanent = shouldShowPermanentOption(state);
+  const [copied, setCopied] = (0, import_react7.useState)(false);
+  const handleCopy = async () => {
+    await actions.copyLink();
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  const DotsIcon = app === "facebook" || app === "telegram" ? MenuDotsVerticalIcon : MenuDotsHorizontalIcon;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(InstallSplash, { title: appCopy.title, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Step3, { n: 1, icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DotsIcon, { size: 20 }), children: appCopy.step1 }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Step3, { n: 2, icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ExternalLinkIcon, { size: 18 }), children: appCopy.step2 }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "button",
+      {
+        "data-testid": "install-prompt-cta-inapp-copy",
+        type: "button",
+        onClick: () => void handleCopy(),
+        style: { ...primaryButtonStyle, marginTop: 8 },
+        children: copied ? copy.copiedToast : copy.copy
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "button",
+      {
+        "data-testid": "install-prompt-skip-session",
+        type: "button",
+        onClick: actions.dismissSession,
+        style: skipLinkStyle,
+        children: copy.skip
+      }
+    ),
+    showPermanent && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "button",
+      {
+        "data-testid": "install-prompt-skip-permanent",
+        type: "button",
+        onClick: actions.dismissPermanent,
+        style: skipPermanentLinkStyle,
+        children: copy.skipPermanent
+      }
+    )
+  ] });
+}
+function Step3({
+  n,
+  icon,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: 12,
+        padding: "12px 14px",
+        background: "#f5f5f7",
+        borderRadius: 12,
+        marginBottom: 10,
+        textAlign: "left"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "div",
+          {
+            style: {
+              width: 28,
+              height: 28,
+              borderRadius: "50%",
+              background: "var(--hook-color-primary)",
+              color: "#fff",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontSize: 14,
+              fontWeight: 700,
+              flexShrink: 0
+            },
+            children: n
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { flex: 1, fontSize: 14, color: "#333" }, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { color: "#888", flexShrink: 0 }, children: icon })
+      ]
+    }
+  );
+}
+
+// src/components/InstallGate/variants/DesktopVariant.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function DesktopVariant({
+  state,
+  actions
+}) {
+  const { name, theme } = useTemplateConfig();
+  const copy = INSTALL_COPY.desktop;
+  const iconUrl = theme.icon_url || theme.logo_url || null;
+  if (!state.isInstallable) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    "div",
+    {
+      role: "complementary",
+      "aria-label": copy.title,
+      style: bannerStyle,
+      children: [
+        iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "img",
+          {
+            src: iconUrl,
+            alt: "",
+            style: { width: 40, height: 40, borderRadius: 10, objectFit: "cover", flexShrink: 0 }
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "div",
+          {
+            style: {
+              width: 40,
+              height: 40,
+              borderRadius: 10,
+              background: "var(--hook-color-primary)",
+              color: "#fff",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              fontSize: 18,
+              fontWeight: 700,
+              flexShrink: 0
+            },
+            children: name.charAt(0).toUpperCase()
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontSize: 14, fontWeight: 600, color: "#111" }, children: copy.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { style: { fontSize: 12, color: "#666" }, children: copy.subtitle })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+          "button",
+          {
+            "data-testid": "install-prompt-cta-desktop",
+            type: "button",
+            onClick: () => void actions.promptInstall(),
+            style: {
+              padding: "8px 14px",
+              background: "var(--hook-color-primary)",
+              color: "#fff",
+              border: "none",
+              borderRadius: 999,
+              fontSize: 13,
+              fontWeight: 600,
+              cursor: "pointer",
+              display: "inline-flex",
+              alignItems: "center",
+              gap: 6,
+              flexShrink: 0
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DownloadIcon, { size: 14 }),
+              copy.cta
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "button",
+          {
+            "data-testid": "install-prompt-desktop-close",
+            type: "button",
+            onClick: actions.dismissPermanent,
+            "aria-label": copy.close,
+            style: {
+              background: "transparent",
+              border: "none",
+              cursor: "pointer",
+              color: "#888",
+              padding: 4,
+              flexShrink: 0
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(XIcon, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+}
+var bannerStyle = {
+  position: "fixed",
+  bottom: 24,
+  right: 24,
+  zIndex: 1e4,
+  display: "flex",
+  alignItems: "center",
+  gap: 12,
+  padding: "12px 16px",
+  background: "#fff",
+  border: "1px solid rgba(0,0,0,0.08)",
+  borderRadius: 16,
+  boxShadow: "0 10px 30px rgba(0,0,0,0.12)",
+  maxWidth: 400
+};
+
+// src/components/InstallGate/InstallGate.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function InstallGate({ children }) {
+  const { slug, features_enabled } = useTemplateConfig();
+  const enabled = features_enabled.includes("install_prompt");
+  const installState = useInstallPrompt(slug);
+  const shouldBlock = enabled && shouldBlockInstall(installState);
+  const trackedRef = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
+    if (!shouldBlock) return;
+    if (typeof window === "undefined") return;
+    const variantKey = `${slug}:${installState.variant}`;
+    if (trackedRef.current === variantKey) return;
+    trackedRef.current = variantKey;
+    window.posthog?.capture?.("pwa_install_splash_shown", {
+      slug,
+      platform: installState.platform,
+      browser: installState.iosBrowser ?? installState.androidBrowser ?? null,
+      in_app_app: installState.inAppApp,
+      variant: installState.variant
+    });
+  }, [shouldBlock, slug, installState.variant, installState.platform, installState.iosBrowser, installState.androidBrowser, installState.inAppApp]);
+  if (!enabled) return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
+  if (installState.isInstalled) return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
+  if (installState.variant === "desktop") {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DesktopVariant, { state: installState, actions: installState })
+    ] });
+  }
+  if (!shouldBlock) return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
+  switch (installState.variant) {
+    case "android-native":
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AndroidNativeVariant, { state: installState, actions: installState });
+    case "android-manual":
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AndroidManualVariant, { state: installState, actions: installState });
+    case "ios-safari":
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IOSafariVariant, { state: installState, actions: installState });
+    case "ios-other":
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(IOSOtherVariant, { state: installState, actions: installState });
+    case "in-app":
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(InAppBrowserVariant, { state: installState, actions: installState });
+    case "none":
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
+  }
+}
+
+// src/defaults/ErrorBoundary.tsx
+var import_react9 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var ErrorBoundary = class extends import_react9.Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
     return { error };
@@ -223,17 +1449,17 @@ var ErrorBoundary = class extends import_react5.Component {
   }
   render() {
     if (this.state.error) {
-      return this.props.fallback ?? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { role: "alert", style: { padding: 24, textAlign: "center" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { children: "Algo deu errado" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: { opacity: 0.7 }, children: "Recarregue a p\xE1gina pra tentar de novo." })
+      return this.props.fallback ?? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { role: "alert", style: { padding: 24, textAlign: "center" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", { children: "Algo deu errado" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { style: { opacity: 0.7 }, children: "Recarregue a p\xE1gina pra tentar de novo." })
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: this.props.children });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: this.props.children });
   }
 };
 
 // src/hooks/useLoginForm.ts
-var import_react6 = require("react");
+var import_react10 = require("react");
 var import_sdk5 = require("@hook-sdk/sdk");
 
 // src/errors.ts
@@ -270,22 +1496,22 @@ var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var MIN_PASSWORD = 8;
 function useLoginForm() {
   const { auth } = (0, import_sdk5.useHook)();
-  const [email, setEmail] = (0, import_react6.useState)("");
-  const [password, setPassword] = (0, import_react6.useState)("");
-  const [submitting, setSubmitting] = (0, import_react6.useState)(false);
-  const [error, setError] = (0, import_react6.useState)(null);
-  const emailError = (0, import_react6.useMemo)(() => {
+  const [email, setEmail] = (0, import_react10.useState)("");
+  const [password, setPassword] = (0, import_react10.useState)("");
+  const [submitting, setSubmitting] = (0, import_react10.useState)(false);
+  const [error, setError] = (0, import_react10.useState)(null);
+  const emailError = (0, import_react10.useMemo)(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE.test(email)) return "Formato de e-mail inv\xE1lido.";
     return null;
   }, [email]);
-  const passwordError = (0, import_react6.useMemo)(() => {
+  const passwordError = (0, import_react10.useMemo)(() => {
     if (password.length === 0) return null;
     if (password.length < MIN_PASSWORD) return `M\xEDnimo de ${MIN_PASSWORD} caracteres.`;
     return null;
   }, [password]);
   const canSubmit = email.length > 0 && password.length >= MIN_PASSWORD && emailError === null && passwordError === null && !submitting;
-  const submit = (0, import_react6.useCallback)(async () => {
+  const submit = (0, import_react10.useCallback)(async () => {
     if (!canSubmit) return false;
     setSubmitting(true);
     setError(null);
@@ -309,25 +1535,183 @@ function useLoginForm() {
     submit,
     submitting,
     canSubmit,
-    error
+    error,
+    loginWithGoogle: () => auth.loginWithGoogle()
   };
 }
 
+// src/internal/GoogleSignInButton.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function GoogleSignInButton({
+  onClick,
+  testId = "oauth-google",
+  label = "Continuar com Google"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    "button",
+    {
+      "data-testid": testId,
+      type: "button",
+      onClick,
+      style: {
+        width: "100%",
+        padding: "10px 12px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 10,
+        background: "#fff",
+        color: "#1f1f1f",
+        border: "1px solid #dadce0",
+        borderRadius: 8,
+        cursor: "pointer",
+        fontSize: 14,
+        fontWeight: 500,
+        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(GoogleGlyph, {}),
+        label
+      ]
+    }
+  );
+}
+function GoogleGlyph() {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      "path",
+      {
+        d: "M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.874 2.684-6.615z",
+        fill: "#4285F4"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      "path",
+      {
+        d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z",
+        fill: "#34A853"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      "path",
+      {
+        d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332z",
+        fill: "#FBBC05"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      "path",
+      {
+        d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58z",
+        fill: "#EA4335"
+      }
+    )
+  ] });
+}
+
+// src/internal/OAuthErrorBanner.tsx
+var import_react11 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var ERROR_MESSAGES = {
+  invalid_state: "Sess\xE3o expirou, tente de novo.",
+  access_denied: "Voc\xEA cancelou o login com Google.",
+  provider_error: "O Google recusou a autentica\xE7\xE3o. Tente de novo em alguns segundos.",
+  invalid_return_to: "Link inv\xE1lido. Tente entrar novamente."
+};
+function readErrorCode() {
+  if (typeof window === "undefined") return null;
+  const code = new URLSearchParams(window.location.search).get("oauth_error");
+  if (!code) return null;
+  return code;
+}
+function stripErrorFromUrl() {
+  if (typeof window === "undefined") return;
+  const url = new URL(window.location.href);
+  url.searchParams.delete("oauth_error");
+  window.history.replaceState({}, "", url.toString());
+}
+function OAuthErrorBanner() {
+  const [code, setCode] = (0, import_react11.useState)(() => readErrorCode());
+  (0, import_react11.useEffect)(() => {
+    if (code !== null) stripErrorFromUrl();
+  }, [code]);
+  if (!code) return null;
+  const message = ERROR_MESSAGES[code] ?? "N\xE3o conseguimos conectar ao Google. Tente de novo.";
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    "div",
+    {
+      role: "alert",
+      "data-testid": "oauth-error-banner",
+      style: {
+        padding: "10px 12px",
+        marginBottom: 16,
+        background: "#fce8e6",
+        color: "#a50e0e",
+        borderRadius: 8,
+        fontSize: 14
+      },
+      children: [
+        message,
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => setCode(null),
+            "aria-label": "Fechar",
+            style: {
+              float: "right",
+              background: "none",
+              border: "none",
+              color: "#a50e0e",
+              cursor: "pointer",
+              fontSize: 16,
+              lineHeight: 1,
+              padding: 0
+            },
+            children: "\xD7"
+          }
+        )
+      ]
+    }
+  );
+}
+
 // src/defaults/DefaultLoginScreen.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function DefaultLoginScreen({ onNavigate }) {
   const { name } = useTemplateConfig();
   const f = useLoginForm();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h1", { style: { marginBottom: 8 }, children: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Entre na sua conta" }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("form", { onSubmit: (e) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h1", { style: { marginBottom: 8 }, children: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Entre na sua conta" }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(OAuthErrorBanner, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(GoogleSignInButton, { onClick: f.loginWithGoogle, testId: "login-oauth-google" }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      "div",
+      {
+        "aria-hidden": "true",
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 8,
+          margin: "16px 0",
+          color: "rgba(0,0,0,0.45)",
+          fontSize: 12
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { style: { flex: 1, height: 1, background: "rgba(0,0,0,0.1)" } }),
+          "ou",
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { style: { flex: 1, height: 1, background: "rgba(0,0,0,0.1)" } })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("form", { onSubmit: (e) => {
       e.preventDefault();
       void f.submit();
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
         "E-mail",
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "input",
           {
             "data-testid": "login-email",
@@ -337,11 +1721,11 @@ function DefaultLoginScreen({ onNavigate }) {
             style: { display: "block", width: "100%" }
           }
         ),
-        f.emailError && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { style: { color: "#c00" }, children: f.emailError })
+        f.emailError && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("small", { style: { color: "#c00" }, children: f.emailError })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
         "Senha",
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "input",
           {
             "data-testid": "login-password",
@@ -351,10 +1735,10 @@ function DefaultLoginScreen({ onNavigate }) {
             style: { display: "block", width: "100%" }
           }
         ),
-        f.passwordError && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("small", { style: { color: "#c00" }, children: f.passwordError })
+        f.passwordError && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("small", { style: { color: "#c00" }, children: f.passwordError })
       ] }),
-      f.error && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      f.error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "button",
         {
           "data-testid": "login-submit",
@@ -373,42 +1757,42 @@ function DefaultLoginScreen({ onNavigate }) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { marginTop: 16, display: "flex", justifyContent: "space-between" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { "data-testid": "login-goto-signup", type: "button", onClick: () => onNavigate("signup"), style: { background: "none", border: "none", cursor: "pointer" }, children: "Criar conta" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { "data-testid": "login-goto-forgot", type: "button", onClick: () => onNavigate("forgot"), style: { background: "none", border: "none", cursor: "pointer" }, children: "Esqueci senha" })
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { style: { marginTop: 16, display: "flex", justifyContent: "space-between" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { "data-testid": "login-goto-signup", type: "button", onClick: () => onNavigate("signup"), style: { background: "none", border: "none", cursor: "pointer" }, children: "Criar conta" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { "data-testid": "login-goto-forgot", type: "button", onClick: () => onNavigate("forgot"), style: { background: "none", border: "none", cursor: "pointer" }, children: "Esqueci senha" })
     ] })
   ] });
 }
 
 // src/hooks/useSignupForm.ts
-var import_react7 = require("react");
+var import_react12 = require("react");
 var import_sdk6 = require("@hook-sdk/sdk");
 var EMAIL_RE2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var MIN_PASSWORD2 = 8;
 function useSignupForm() {
   const { auth } = (0, import_sdk6.useHook)();
-  const [name, setName] = (0, import_react7.useState)("");
-  const [email, setEmail] = (0, import_react7.useState)("");
-  const [password, setPassword] = (0, import_react7.useState)("");
-  const [submitting, setSubmitting] = (0, import_react7.useState)(false);
-  const [error, setError] = (0, import_react7.useState)(null);
-  const nameError = (0, import_react7.useMemo)(() => {
+  const [name, setName] = (0, import_react12.useState)("");
+  const [email, setEmail] = (0, import_react12.useState)("");
+  const [password, setPassword] = (0, import_react12.useState)("");
+  const [submitting, setSubmitting] = (0, import_react12.useState)(false);
+  const [error, setError] = (0, import_react12.useState)(null);
+  const nameError = (0, import_react12.useMemo)(() => {
     if (name.length === 0) return null;
     if (name.trim().length < 2) return "Nome muito curto.";
     return null;
   }, [name]);
-  const emailError = (0, import_react7.useMemo)(() => {
+  const emailError = (0, import_react12.useMemo)(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE2.test(email)) return "Formato de e-mail inv\xE1lido.";
     return null;
   }, [email]);
-  const passwordError = (0, import_react7.useMemo)(() => {
+  const passwordError = (0, import_react12.useMemo)(() => {
     if (password.length === 0) return null;
     if (password.length < MIN_PASSWORD2) return `M\xEDnimo de ${MIN_PASSWORD2} caracteres.`;
     return null;
   }, [password]);
   const canSubmit = name.trim().length >= 2 && email.length > 0 && password.length >= MIN_PASSWORD2 && nameError === null && emailError === null && passwordError === null && !submitting;
-  const submit = (0, import_react7.useCallback)(async () => {
+  const submit = (0, import_react12.useCallback)(async () => {
     if (!canSubmit) return false;
     setSubmitting(true);
     setError(null);
@@ -435,61 +1819,83 @@ function useSignupForm() {
     submit,
     submitting,
     canSubmit,
-    error
+    error,
+    loginWithGoogle: () => auth.loginWithGoogle()
   };
 }
 
 // src/defaults/DefaultSignupScreen.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function DefaultSignupScreen({ onNavigate }) {
   const { name } = useTemplateConfig();
   const f = useSignupForm();
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h1", { style: { marginBottom: 8 }, children: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Criar sua conta" }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("form", { onSubmit: (e) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h1", { style: { marginBottom: 8 }, children: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Criar sua conta" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(OAuthErrorBanner, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(GoogleSignInButton, { onClick: f.loginWithGoogle, testId: "signup-oauth-google" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      "div",
+      {
+        "aria-hidden": "true",
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 8,
+          margin: "16px 0",
+          color: "rgba(0,0,0,0.45)",
+          fontSize: 12
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { style: { flex: 1, height: 1, background: "rgba(0,0,0,0.1)" } }),
+          "ou",
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { style: { flex: 1, height: 1, background: "rgba(0,0,0,0.1)" } })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("form", { onSubmit: (e) => {
       e.preventDefault();
       void f.submit();
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
         "Nome",
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("input", { "data-testid": "signup-name", value: f.name, onChange: (e) => f.setName(e.target.value), style: { display: "block", width: "100%" } }),
-        f.nameError && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("small", { style: { color: "#c00" }, children: f.nameError })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", { "data-testid": "signup-name", value: f.name, onChange: (e) => f.setName(e.target.value), style: { display: "block", width: "100%" } }),
+        f.nameError && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("small", { style: { color: "#c00" }, children: f.nameError })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
         "E-mail",
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("input", { "data-testid": "signup-email", type: "email", value: f.email, onChange: (e) => f.setEmail(e.target.value), style: { display: "block", width: "100%" } }),
-        f.emailError && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("small", { style: { color: "#c00" }, children: f.emailError })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", { "data-testid": "signup-email", type: "email", value: f.email, onChange: (e) => f.setEmail(e.target.value), style: { display: "block", width: "100%" } }),
+        f.emailError && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("small", { style: { color: "#c00" }, children: f.emailError })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
         "Senha",
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("input", { "data-testid": "signup-password", type: "password", value: f.password, onChange: (e) => f.setPassword(e.target.value), style: { display: "block", width: "100%" } }),
-        f.passwordError && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("small", { style: { color: "#c00" }, children: f.passwordError })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", { "data-testid": "signup-password", type: "password", value: f.password, onChange: (e) => f.setPassword(e.target.value), style: { display: "block", width: "100%" } }),
+        f.passwordError && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("small", { style: { color: "#c00" }, children: f.passwordError })
       ] }),
-      f.error && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { "data-testid": "signup-submit", type: "submit", disabled: !f.canSubmit, style: { width: "100%", padding: 12, background: "var(--hook-color-primary)", color: "#fff", border: "none", borderRadius: 8, opacity: f.canSubmit ? 1 : 0.5 }, children: f.submitting ? "Criando..." : "Criar conta" })
+      f.error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { "data-testid": "signup-submit", type: "submit", disabled: !f.canSubmit, style: { width: "100%", padding: 12, background: "var(--hook-color-primary)", color: "#fff", border: "none", borderRadius: 8, opacity: f.canSubmit ? 1 : 0.5 }, children: f.submitting ? "Criando..." : "Criar conta" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { "data-testid": "signup-goto-login", type: "button", onClick: () => onNavigate("login"), style: { background: "none", border: "none", cursor: "pointer" }, children: "J\xE1 tem conta? Entre" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { "data-testid": "signup-goto-login", type: "button", onClick: () => onNavigate("login"), style: { background: "none", border: "none", cursor: "pointer" }, children: "J\xE1 tem conta? Entre" }) })
   ] });
 }
 
 // src/hooks/useForgotForm.ts
-var import_react8 = require("react");
+var import_react13 = require("react");
 var import_sdk7 = require("@hook-sdk/sdk");
 var EMAIL_RE3 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function useForgotForm() {
   const { auth } = (0, import_sdk7.useHook)();
-  const [email, setEmail] = (0, import_react8.useState)("");
-  const [submitting, setSubmitting] = (0, import_react8.useState)(false);
-  const [sent, setSent] = (0, import_react8.useState)(false);
-  const [error, setError] = (0, import_react8.useState)(null);
-  const emailError = (0, import_react8.useMemo)(() => {
+  const [email, setEmail] = (0, import_react13.useState)("");
+  const [submitting, setSubmitting] = (0, import_react13.useState)(false);
+  const [sent, setSent] = (0, import_react13.useState)(false);
+  const [error, setError] = (0, import_react13.useState)(null);
+  const emailError = (0, import_react13.useMemo)(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE3.test(email)) return "Formato de e-mail inv\xE1lido.";
     return null;
   }, [email]);
   const canSubmit = email.length > 0 && emailError === null && !submitting;
-  const submit = (0, import_react8.useCallback)(async () => {
+  const submit = (0, import_react13.useCallback)(async () => {
     if (!canSubmit) return false;
     setSubmitting(true);
     setError(null);
@@ -517,66 +1923,66 @@ function useForgotForm() {
 }
 
 // src/defaults/DefaultForgotScreen.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function DefaultForgotScreen({ onNavigate }) {
   const { name } = useTemplateConfig();
   const f = useForgotForm();
   if (f.sent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h1", { children: "Verifique seu e-mail" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { style: { opacity: 0.7 }, children: "Enviamos um link pra redefinir sua senha." }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { "data-testid": "forgot-back-login", type: "button", onClick: () => onNavigate("login"), children: "Voltar pro login" })
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h1", { children: "Verifique seu e-mail" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { style: { opacity: 0.7 }, children: "Enviamos um link pra redefinir sua senha." }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { "data-testid": "forgot-back-login", type: "button", onClick: () => onNavigate("login"), children: "Voltar pro login" })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h1", { style: { marginBottom: 8 }, children: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Redefinir senha" }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("form", { onSubmit: (e) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h1", { style: { marginBottom: 8 }, children: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Redefinir senha" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("form", { onSubmit: (e) => {
       e.preventDefault();
       void f.submit();
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
         "E-mail",
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("input", { "data-testid": "forgot-email", type: "email", value: f.email, onChange: (e) => f.setEmail(e.target.value), style: { display: "block", width: "100%" } }),
-        f.emailError && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("small", { style: { color: "#c00" }, children: f.emailError })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { "data-testid": "forgot-email", type: "email", value: f.email, onChange: (e) => f.setEmail(e.target.value), style: { display: "block", width: "100%" } }),
+        f.emailError && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("small", { style: { color: "#c00" }, children: f.emailError })
       ] }),
-      f.error && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { "data-testid": "forgot-submit", type: "submit", disabled: !f.canSubmit, style: { width: "100%", padding: 12, background: "var(--hook-color-primary)", color: "#fff", border: "none", borderRadius: 8, opacity: f.canSubmit ? 1 : 0.5 }, children: f.submitting ? "Enviando..." : "Enviar link" })
+      f.error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { "data-testid": "forgot-submit", type: "submit", disabled: !f.canSubmit, style: { width: "100%", padding: 12, background: "var(--hook-color-primary)", color: "#fff", border: "none", borderRadius: 8, opacity: f.canSubmit ? 1 : 0.5 }, children: f.submitting ? "Enviando..." : "Enviar link" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { "data-testid": "forgot-goto-login", type: "button", onClick: () => onNavigate("login"), style: { background: "none", border: "none", cursor: "pointer" }, children: "Voltar pro login" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { marginTop: 16 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { "data-testid": "forgot-goto-login", type: "button", onClick: () => onNavigate("login"), style: { background: "none", border: "none", cursor: "pointer" }, children: "Voltar pro login" }) })
   ] });
 }
 
 // src/hooks/useResetForm.ts
-var import_react9 = require("react");
+var import_react14 = require("react");
 var import_sdk8 = require("@hook-sdk/sdk");
 var MIN_PASSWORD3 = 12;
 function useResetForm() {
   const { auth } = (0, import_sdk8.useHook)();
-  const [token, setToken] = (0, import_react9.useState)(null);
-  const [password, setPassword] = (0, import_react9.useState)("");
-  const [confirm, setConfirm] = (0, import_react9.useState)("");
-  const [submitting, setSubmitting] = (0, import_react9.useState)(false);
-  const [done, setDone] = (0, import_react9.useState)(false);
-  const [error, setError] = (0, import_react9.useState)(null);
-  (0, import_react9.useEffect)(() => {
+  const [token, setToken] = (0, import_react14.useState)(null);
+  const [password, setPassword] = (0, import_react14.useState)("");
+  const [confirm, setConfirm] = (0, import_react14.useState)("");
+  const [submitting, setSubmitting] = (0, import_react14.useState)(false);
+  const [done, setDone] = (0, import_react14.useState)(false);
+  const [error, setError] = (0, import_react14.useState)(null);
+  (0, import_react14.useEffect)(() => {
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
     const t = params.get("token");
     setToken(t && t.length > 0 ? t : null);
   }, []);
-  const passwordError = (0, import_react9.useMemo)(() => {
+  const passwordError = (0, import_react14.useMemo)(() => {
     if (password.length === 0) return null;
     if (password.length < MIN_PASSWORD3) return `M\xEDnimo de ${MIN_PASSWORD3} caracteres.`;
     return null;
   }, [password]);
-  const confirmError = (0, import_react9.useMemo)(() => {
+  const confirmError = (0, import_react14.useMemo)(() => {
     if (confirm.length === 0) return null;
     if (confirm !== password) return "Senhas n\xE3o coincidem.";
     return null;
   }, [confirm, password]);
   const canSubmit = token !== null && password.length >= MIN_PASSWORD3 && confirm === password && passwordError === null && confirmError === null && !submitting && !done;
-  const submit = (0, import_react9.useCallback)(async () => {
+  const submit = (0, import_react14.useCallback)(async () => {
     if (!canSubmit || token === null) return;
     setSubmitting(true);
     setError(null);
@@ -612,67 +2018,67 @@ function useResetForm() {
 }
 
 // src/defaults/DefaultResetScreen.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function DefaultResetScreen({ onNavigate }) {
   const { name } = useTemplateConfig();
   const f = useResetForm();
   if (f.done) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h1", { children: "Senha alterada" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { style: { opacity: 0.7 }, children: "Agora \xE9 s\xF3 fazer login com a nova senha." }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { "data-testid": "reset-back-login", type: "button", onClick: () => onNavigate("login"), children: "Ir pro login" })
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h1", { children: "Senha alterada" }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { style: { opacity: 0.7 }, children: "Agora \xE9 s\xF3 fazer login com a nova senha." }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", { "data-testid": "reset-back-login", type: "button", onClick: () => onNavigate("login"), children: "Ir pro login" })
     ] });
   }
   if (f.token === null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h1", { children: "Link inv\xE1lido" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { style: { opacity: 0.7 }, children: "Pe\xE7a um novo link de reset." }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { "data-testid": "reset-goto-forgot", type: "button", onClick: () => onNavigate("forgot"), children: "Pedir novo link" })
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto", textAlign: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h1", { children: "Link inv\xE1lido" }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { style: { opacity: 0.7 }, children: "Pe\xE7a um novo link de reset." }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", { "data-testid": "reset-goto-forgot", type: "button", onClick: () => onNavigate("forgot"), children: "Pedir novo link" })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h1", { style: { marginBottom: 8 }, children: name }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Escolha uma nova senha" }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("form", { onSubmit: (e) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("main", { style: { padding: 24, maxWidth: 360, margin: "0 auto" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h1", { style: { marginBottom: 8 }, children: name }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { style: { opacity: 0.7, marginBottom: 24 }, children: "Escolha uma nova senha" }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("form", { onSubmit: (e) => {
       e.preventDefault();
       void f.submit();
     }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
         "Nova senha",
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { "data-testid": "reset-password", type: "password", value: f.password, onChange: (e) => f.setPassword(e.target.value), style: { display: "block", width: "100%" }, autoComplete: "new-password" }),
-        f.passwordError && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("small", { style: { color: "#c00" }, children: f.passwordError })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", { "data-testid": "reset-password", type: "password", value: f.password, onChange: (e) => f.setPassword(e.target.value), style: { display: "block", width: "100%" }, autoComplete: "new-password" }),
+        f.passwordError && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("small", { style: { color: "#c00" }, children: f.passwordError })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { style: { display: "block", marginBottom: 12 }, children: [
         "Confirmar senha",
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("input", { "data-testid": "reset-confirm", type: "password", value: f.confirm, onChange: (e) => f.setConfirm(e.target.value), style: { display: "block", width: "100%" }, autoComplete: "new-password" }),
-        f.confirmError && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("small", { style: { color: "#c00" }, children: f.confirmError })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("input", { "data-testid": "reset-confirm", type: "password", value: f.confirm, onChange: (e) => f.setConfirm(e.target.value), style: { display: "block", width: "100%" }, autoComplete: "new-password" }),
+        f.confirmError && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("small", { style: { color: "#c00" }, children: f.confirmError })
       ] }),
-      f.error && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { "data-testid": "reset-submit", type: "submit", disabled: !f.canSubmit, style: { width: "100%", padding: 12, background: "var(--hook-color-primary)", color: "#fff", border: "none", borderRadius: 8, opacity: f.canSubmit ? 1 : 0.5 }, children: f.submitting ? "Alterando..." : "Alterar senha" })
+      f.error && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: f.error.message }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", { "data-testid": "reset-submit", type: "submit", disabled: !f.canSubmit, style: { width: "100%", padding: 12, background: "var(--hook-color-primary)", color: "#fff", border: "none", borderRadius: 8, opacity: f.canSubmit ? 1 : 0.5 }, children: f.submitting ? "Alterando..." : "Alterar senha" })
     ] })
   ] });
 }
 
 // src/defaults/DefaultPaywall.tsx
-var import_react10 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function DefaultPaywall() {
   const config = useTemplateConfig();
   const { checkout, opening, error } = usePaywallState();
   const p = config.subscription.paywall_config;
-  const [cpf, setCpf] = (0, import_react10.useState)("");
+  const [cpf, setCpf] = (0, import_react15.useState)("");
   const cpfDigits = cpf.replace(/\D/g, "");
   const canCheckout = cpfDigits.length === 11 && !opening;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("main", { style: { padding: 24, maxWidth: 440, margin: "0 auto", textAlign: "center" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h1", { style: { marginBottom: 8 }, children: p.title }),
-    p.subtitle && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { style: { opacity: 0.7, marginBottom: 24 }, children: p.subtitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { style: { listStyle: "none", padding: 0, textAlign: "left", marginBottom: 24 }, children: p.benefits.map((b) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("li", { style: { padding: "8px 0", display: "flex", alignItems: "center" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { "aria-hidden": true, style: { marginRight: 8 }, children: "\u2713" }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: b })
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("main", { style: { padding: 24, maxWidth: 440, margin: "0 auto", textAlign: "center" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("h1", { style: { marginBottom: 8 }, children: p.title }),
+    p.subtitle && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { style: { opacity: 0.7, marginBottom: 24 }, children: p.subtitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("ul", { style: { listStyle: "none", padding: 0, textAlign: "left", marginBottom: 24 }, children: p.benefits.map((b) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("li", { style: { padding: "8px 0", display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-hidden": true, style: { marginRight: 8 }, children: "\u2713" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: b })
     ] }, b)) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { textAlign: "left", marginBottom: 16 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { style: { display: "block", fontSize: 14, opacity: 0.7, marginBottom: 4 }, children: "Seu CPF (pra emiss\xE3o de recibo)" }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { style: { textAlign: "left", marginBottom: 16 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { style: { display: "block", fontSize: 14, opacity: 0.7, marginBottom: 4 }, children: "Seu CPF (pra emiss\xE3o de recibo)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         "input",
         {
           "data-testid": "paywall-cpf",
@@ -685,8 +2091,8 @@ function DefaultPaywall() {
         }
       )
     ] }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: error.message }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    error && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { role: "alert", style: { color: "#c00", marginBottom: 12 }, children: error.message }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "button",
       {
         "data-testid": "paywall-cta",
@@ -707,21 +2113,21 @@ function DefaultPaywall() {
         children: opening ? "Abrindo..." : p.cta
       }
     ),
-    p.priceHint && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { style: { opacity: 0.6, marginTop: 12 }, children: p.priceHint }),
-    p.footerNote && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { style: { opacity: 0.5, marginTop: 16, fontSize: 12 }, children: p.footerNote })
+    p.priceHint && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { style: { opacity: 0.6, marginTop: 12 }, children: p.priceHint }),
+    p.footerNote && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { style: { opacity: 0.5, marginTop: 16, fontSize: 12 }, children: p.footerNote })
   ] });
 }
 
 // src/AppRoot.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var BACKOFF_MS = [2e3, 5e3, 1e4, 2e4, 4e4];
 function PaymentReturnHandler({ children }) {
   const { subscription } = (0, import_sdk9.useHook)();
-  const subRef = (0, import_react11.useRef)(subscription);
+  const subRef = (0, import_react16.useRef)(subscription);
   subRef.current = subscription;
-  const runIdRef = (0, import_react11.useRef)(0);
-  const [state, setState] = (0, import_react11.useState)("idle");
-  const runPoll = (0, import_react11.useCallback)(() => {
+  const runIdRef = (0, import_react16.useRef)(0);
+  const [state, setState] = (0, import_react16.useState)("idle");
+  const runPoll = (0, import_react16.useCallback)(() => {
     const runId = ++runIdRef.current;
     setState("confirming");
     let attempts = 0;
@@ -750,7 +2156,7 @@ function PaymentReturnHandler({ children }) {
     };
     void tick();
   }, []);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (typeof window === "undefined") return;
     const url = new URL(window.location.href);
     if (url.searchParams.get("paymentReturn") !== "1") return;
@@ -760,20 +2166,20 @@ function PaymentReturnHandler({ children }) {
     };
   }, [runPoll]);
   if (state === "confirming") {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "div",
       {
         role: "status",
         "aria-live": "polite",
-        style: overlayStyle,
+        style: overlayStyle2,
         children: "Confirmando pagamento\u2026"
       }
     );
   }
   if (state === "waiting") {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { role: "status", "aria-live": "polite", style: overlayStyle, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { maxWidth: 320, textAlign: "center", lineHeight: 1.5 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { style: { marginBottom: 16 }, children: "Pagamento aceito. Estamos confirmando com o banco \u2014 pode levar alguns minutos." }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { style: { maxWidth: 320, textAlign: "center", lineHeight: 1.5 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { marginBottom: 16 }, children: "Pagamento aceito. Estamos confirmando com o banco \u2014 pode levar alguns minutos." }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         "button",
         {
           type: "button",
@@ -784,9 +2190,9 @@ function PaymentReturnHandler({ children }) {
       )
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children });
 }
-var overlayStyle = {
+var overlayStyle2 = {
   position: "fixed",
   inset: 0,
   display: "flex",
@@ -817,14 +2223,14 @@ function AppRoot({
   Reset = DefaultResetScreen,
   Paywall = DefaultPaywall
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PaymentReturnHandler, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TemplateConfigProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AuthGate, { Login, Signup, Forgot, Reset, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PersistedKeysPrefetch, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SubscriptionGate, { Paywall, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PaymentReturnHandler, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TemplateConfigProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(InstallGate, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AuthGate, { Login, Signup, Forgot, Reset, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PersistedKeysPrefetch, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(SubscriptionGate, { Paywall, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PushPrompt, {})
-  ] }) }) }) }) }) }) });
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(PushPrompt, {})
+  ] }) }) }) }) }) }) }) });
 }
 
 // src/hooks/usePush.ts
-var import_react12 = require("react");
+var import_react17 = require("react");
 var import_sdk10 = require("@hook-sdk/sdk");
 function detectIosNeedsInstall() {
   if (typeof navigator === "undefined" || typeof window === "undefined") return false;
@@ -852,11 +2258,11 @@ function deriveState(push) {
 }
 function usePush() {
   const { push } = (0, import_sdk10.useHook)();
-  const [state, setState] = (0, import_react12.useState)(() => deriveState(push));
-  (0, import_react12.useEffect)(() => {
+  const [state, setState] = (0, import_react17.useState)(() => deriveState(push));
+  (0, import_react17.useEffect)(() => {
     setState(deriveState(push));
   }, [push]);
-  const subscribe = (0, import_react12.useCallback)(async () => {
+  const subscribe = (0, import_react17.useCallback)(async () => {
     try {
       await push.subscribe();
       setState({ kind: "subscribed" });
@@ -868,7 +2274,7 @@ function usePush() {
       throw e;
     }
   }, [push]);
-  const unsubscribe = (0, import_react12.useCallback)(async () => {
+  const unsubscribe = (0, import_react17.useCallback)(async () => {
     try {
       await push.unsubscribe();
       setState({ kind: "prompt" });
@@ -881,31 +2287,31 @@ function usePush() {
 }
 
 // src/components/PushPrompt.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, className }) {
   const { state, subscribe } = usePush();
   if (state.kind === "subscribed") return null;
   if (state.kind === "ios_needs_install") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { children: texts.iosInstallTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: texts.iosInstallBody }),
-      onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h3", { children: texts.iosInstallTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { children: texts.iosInstallBody }),
+      onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
     ] });
   }
   if (state.kind === "denied") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className, role: "region", "aria-label": texts.deniedTitle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { children: texts.deniedTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: texts.deniedBody })
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className, role: "region", "aria-label": texts.deniedTitle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h3", { children: texts.deniedTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { children: texts.deniedBody })
     ] });
   }
   if (state.kind === "unsupported") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className, role: "region", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: texts.unsupportedBody }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className, role: "region", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { children: texts.unsupportedBody }) });
   }
   if (state.kind === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: state.message }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { children: state.message }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className, role: "region", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className, role: "region", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "button",
       {
         type: "button",
@@ -919,27 +2325,27 @@ function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, clas
         children: texts.cta
       }
     ),
-    onDeclined && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", onClick: onDeclined, children: texts.declineCta })
+    onDeclined && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { type: "button", onClick: onDeclined, children: texts.declineCta })
   ] });
 }
 
 // src/defaults/EmptyState.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function EmptyState({ title, description, action }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h2", { style: { marginBottom: 8 }, children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { style: { opacity: 0.7 }, children: description }),
-    action && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { style: { marginTop: 16 }, children: action })
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { style: { marginBottom: 8 }, children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { style: { opacity: 0.7 }, children: description }),
+    action && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { style: { marginTop: 16 }, children: action })
   ] });
 }
 
 // src/hooks/useAuthPrimitives.ts
-var import_react13 = require("react");
+var import_react18 = require("react");
 var import_sdk11 = require("@hook-sdk/sdk");
 var warned = false;
 function useAuthPrimitives() {
   const { auth } = (0, import_sdk11.useHook)();
-  (0, import_react13.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!warned && process.env.NODE_ENV !== "production") {
       warned = true;
       console.warn(
@@ -970,14 +2376,14 @@ function useSubscription() {
 }
 
 // src/hooks/useReminders.ts
-var import_react14 = require("react");
+var import_react19 = require("react");
 var import_sdk13 = require("@hook-sdk/sdk");
 function useReminders() {
   const { push } = (0, import_sdk13.useHook)();
   const r = push.reminders;
-  const [reminders, setReminders] = (0, import_react14.useState)([]);
-  const [loading, setLoading] = (0, import_react14.useState)(true);
-  const reload = (0, import_react14.useCallback)(async () => {
+  const [reminders, setReminders] = (0, import_react19.useState)([]);
+  const [loading, setLoading] = (0, import_react19.useState)(true);
+  const reload = (0, import_react19.useCallback)(async () => {
     setLoading(true);
     try {
       const next = await r.list();
@@ -986,38 +2392,38 @@ function useReminders() {
       setLoading(false);
     }
   }, [r]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     void reload();
   }, [reload]);
-  const setReminder = (0, import_react14.useCallback)(async (input) => {
+  const setReminder = (0, import_react19.useCallback)(async (input) => {
     await r.set(input);
     await reload();
   }, [r, reload]);
-  const deleteReminder = (0, import_react14.useCallback)(async (slot) => {
+  const deleteReminder = (0, import_react19.useCallback)(async (slot) => {
     await r.delete(slot);
     await reload();
   }, [r, reload]);
-  const schedule = (0, import_react14.useCallback)(async (items) => {
+  const schedule = (0, import_react19.useCallback)(async (items) => {
     return r.schedule(items);
   }, [r]);
-  const setFallbacks = (0, import_react14.useCallback)(async (items) => {
+  const setFallbacks = (0, import_react19.useCallback)(async (items) => {
     return r.setFallbacks(items);
   }, [r]);
   return { reminders, loading, setReminder, deleteReminder, schedule, setFallbacks };
 }
 
 // src/hooks/useToast.ts
-var import_react15 = require("react");
+var import_react20 = require("react");
 function useToast() {
-  const [items, setItems] = (0, import_react15.useState)([]);
-  const show = (0, import_react15.useCallback)((message, kind = "info") => {
+  const [items, setItems] = (0, import_react20.useState)([]);
+  const show = (0, import_react20.useCallback)((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 = (0, import_react15.useCallback)((id) => {
+  const dismiss = (0, import_react20.useCallback)((id) => {
     setItems((prev) => prev.filter((t) => t.id !== id));
   }, []);
   return { items, show, dismiss };
@@ -1032,11 +2438,21 @@ function useToast() {
   DefaultSignupScreen,
   EmptyState,
   ErrorBoundary,
+  InstallGate,
+  InstallSplash,
   LoadingState,
   PushPrompt,
+  detectAndroidBrowser,
+  detectIOSBrowser,
+  detectInAppApp,
+  detectPlatform,
+  detectStandalone,
+  shouldBlockInstall,
+  shouldShowPermanentOption,
   useAuth,
   useAuthPrimitives,
   useForgotForm,
+  useInstallPrompt,
   useLoginForm,
   usePaywallState,
   usePush,