@hook-sdk/template 0.12.0 → 0.13.0

package/dist/index.cjs

@@ -69,9 +69,9 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/AppRoot.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_react_router_dom2 = require("react-router-dom");
-var import_sdk4 = require("@hook-sdk/sdk");
+var import_sdk5 = require("@hook-sdk/sdk");
 
 // src/config/AppConfigContext.tsx
 var import_react = require("react");
@@ -1826,10 +1826,69 @@ function PushPrompt() {
   return null;
 }
 
-// src/defaults/ErrorBoundary.tsx
+// src/internal/SessionExpiredBanner.tsx
 var import_react9 = require("react");
+var import_sdk3 = require("@hook-sdk/sdk");
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var ErrorBoundary = class extends import_react9.Component {
+var DISMISS_KEY = "hook:session-expired-dismissed-until";
+var DISMISS_TTL_MS = 60 * 60 * 1e3;
+function SessionExpiredBanner() {
+  const { authStatus } = (0, import_sdk3.useHook)();
+  const wasAuthRef = (0, import_react9.useRef)(false);
+  const [show, setShow] = (0, import_react9.useState)(false);
+  (0, import_react9.useEffect)(() => {
+    if (authStatus === "authenticated") {
+      wasAuthRef.current = true;
+      setShow(false);
+      return;
+    }
+    if (authStatus === "anonymous" && wasAuthRef.current) {
+      const until = Number(localStorage.getItem(DISMISS_KEY) ?? "0");
+      if (Date.now() < until) {
+        setShow(false);
+        return;
+      }
+      setShow(true);
+    }
+  }, [authStatus]);
+  if (!show) return null;
+  function dismiss() {
+    localStorage.setItem(DISMISS_KEY, String(Date.now() + DISMISS_TTL_MS));
+    setShow(false);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { role: "alert", className: "fixed top-0 inset-x-0 bg-red-600 text-white px-4 py-2 flex items-center justify-between gap-3 text-sm shadow", style: { zIndex: 10001 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("strong", { children: "Sua sess\xE3o expirou." }),
+      " Fa\xE7a login novamente para continuar."
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: dismiss,
+          className: "px-3 py-1 bg-white text-red-700 rounded text-xs font-medium hover:bg-red-50",
+          children: "Fazer login"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: dismiss,
+          "aria-label": "Fechar",
+          className: "px-2 py-1 text-white/80 hover:text-white text-xs",
+          children: "Fechar"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/defaults/ErrorBoundary.tsx
+var import_react10 = require("react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var ErrorBoundary = class extends import_react10.Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
     return { error };
@@ -1846,27 +1905,27 @@ var ErrorBoundary = class extends import_react9.Component {
   }
   render() {
     if (this.state.error) {
-      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 this.props.fallback ?? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { role: "alert", style: { padding: 24, textAlign: "center" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { children: "Algo deu errado" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { style: { opacity: 0.7 }, children: "Recarregue a p\xE1gina pra tentar de novo." })
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: this.props.children });
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children: this.props.children });
   }
 };
 
 // src/internal/PaymentReturnHandler.tsx
-var import_react10 = require("react");
-var import_sdk3 = require("@hook-sdk/sdk");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_sdk4 = require("@hook-sdk/sdk");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var BACKOFF_MS = [2e3, 5e3, 1e4, 2e4, 4e4];
 function PaymentReturnHandler({ children }) {
-  const { subscription } = (0, import_sdk3.useHook)();
-  const subRef = (0, import_react10.useRef)(subscription);
+  const { subscription } = (0, import_sdk4.useHook)();
+  const subRef = (0, import_react11.useRef)(subscription);
   subRef.current = subscription;
-  const runIdRef = (0, import_react10.useRef)(0);
-  const [state, setState] = (0, import_react10.useState)("idle");
-  const runPoll = (0, import_react10.useCallback)(() => {
+  const runIdRef = (0, import_react11.useRef)(0);
+  const [state, setState] = (0, import_react11.useState)("idle");
+  const runPoll = (0, import_react11.useCallback)(() => {
     const runId = ++runIdRef.current;
     setState("confirming");
     let attempts = 0;
@@ -1895,7 +1954,7 @@ function PaymentReturnHandler({ children }) {
     };
     void tick();
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (typeof window === "undefined") return;
     const url = new URL(window.location.href);
     if (url.searchParams.get("paymentReturn") !== "1") return;
@@ -1905,15 +1964,15 @@ function PaymentReturnHandler({ children }) {
     };
   }, [runPoll]);
   if (state === "confirming") {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: "Confirmando pagamento\u2026" });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: "Confirmando pagamento\u2026" });
   }
   if (state === "waiting") {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { style: { maxWidth: 320, textAlign: "center", lineHeight: 1.5 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { style: { marginBottom: 16 }, children: "Pagamento aceito. Estamos confirmando com o banco \u2014 pode levar alguns minutos." }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: runPoll, style: buttonStyle, children: "Atualizar" })
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { role: "status", "aria-live": "polite", style: overlayStyle2, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { style: { maxWidth: 320, textAlign: "center", lineHeight: 1.5 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { style: { marginBottom: 16 }, children: "Pagamento aceito. Estamos confirmando com o banco \u2014 pode levar alguns minutos." }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("button", { type: "button", onClick: runPoll, style: buttonStyle, children: "Atualizar" })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children });
 }
 var overlayStyle2 = {
   position: "fixed",
@@ -1939,7 +1998,7 @@ var buttonStyle = {
 };
 
 // src/AppRoot.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function buildLegacyConfigShim(config) {
   const paywall = config.paywall;
   const isFree = paywall.mode === "free";
@@ -2003,13 +2062,14 @@ function AppRoot(props) {
       "[hook-template] <AppRoot>: PreAuthFlow slot prop is required when config.onboarding.trigger === 'pre_signup_custom'."
     );
   }
-  const legacyShim = (0, import_react11.useMemo)(() => buildLegacyConfigShim(config), [config]);
+  const legacyShim = (0, import_react12.useMemo)(() => buildLegacyConfigShim(config), [config]);
   const Router = testRouter === "memory" ? import_react_router_dom2.MemoryRouter : import_react_router_dom2.BrowserRouter;
   const basename = `/app/${config.slug}`;
   const routerProps = testRouter === "memory" ? { basename, initialEntries: testInitialEntries } : { basename };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AppConfigProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TemplateConfigProvider, { config: legacyShim, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PersistenceRegistry, { config: config.persistedKeys, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Router, { ...routerProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DeepLinkHandler, { deepLinks: config.deepLinks }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(InstallGate, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AppConfigProvider, { config, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TemplateConfigProvider, { config: legacyShim, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ThemeProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PersistenceRegistry, { config: config.persistedKeys, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Router, { ...routerProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DeepLinkHandler, { deepLinks: config.deepLinks }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SessionExpiredBanner, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(InstallGate, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       AuthGated,
       {
         config,
@@ -2021,9 +2081,9 @@ function AppRoot(props) {
         Paywall,
         Onboarding,
         PreAuthFlow,
-        children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(SubscriptionGate, { Paywall: Paywall ?? FallbackPaywall, children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(SubscriptionGate, { Paywall: Paywall ?? FallbackPaywall, children: [
           children,
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PushPrompt, {})
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PushPrompt, {})
         ] })
       }
     ) })
@@ -2039,39 +2099,39 @@ function AuthGated({
   EmailVerify,
   PreAuthFlow
 }) {
-  const { authStatus } = (0, import_sdk4.useHook)();
+  const { authStatus } = (0, import_sdk5.useHook)();
   if (authStatus === "loading") return null;
   if (authStatus !== "authenticated") {
     if (config.onboarding?.trigger === "pre_signup_custom" && PreAuthFlow) {
-      return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_router_dom2.Routes, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/signin", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Login, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/signup", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Signup, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/forgot", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Forgot, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/reset", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Reset, {}) }),
-        EmailVerify ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/verify", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(EmailVerify, {}) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/*", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PreAuthFlow, {}) })
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_router_dom2.Routes, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_router_dom2.Route, { path: "/signin", element: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Login, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_router_dom2.Route, { path: "/signup", element: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Signup, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_router_dom2.Route, { path: "/forgot", element: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Forgot, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_router_dom2.Route, { path: "/reset", element: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Reset, {}) }),
+        EmailVerify ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_router_dom2.Route, { path: "/verify", element: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(EmailVerify, {}) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_router_dom2.Route, { path: "/*", element: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PreAuthFlow, {}) })
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react_router_dom2.Routes, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Login, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/signup", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Signup, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/forgot", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Forgot, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/reset", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Reset, {}) }),
-      EmailVerify ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "/verify", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(EmailVerify, {}) }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_router_dom2.Navigate, { to: "/", replace: true }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react_router_dom2.Routes, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_router_dom2.Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Login, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_router_dom2.Route, { path: "/signup", element: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Signup, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_router_dom2.Route, { path: "/forgot", element: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Forgot, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_router_dom2.Route, { path: "/reset", element: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Reset, {}) }),
+      EmailVerify ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_router_dom2.Route, { path: "/verify", element: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(EmailVerify, {}) }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_router_dom2.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_router_dom2.Navigate, { to: "/", replace: true }) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children });
 }
 function FallbackPaywall() {
   return null;
 }
 
 // src/hooks/usePush.ts
-var import_react12 = require("react");
-var import_sdk5 = require("@hook-sdk/sdk");
+var import_react13 = require("react");
+var import_sdk6 = require("@hook-sdk/sdk");
 var DISMISS_STORAGE_KEY = "push:dismissed-until";
-var DISMISS_TTL_MS = 7 * 24 * 60 * 60 * 1e3;
+var DISMISS_TTL_MS2 = 7 * 24 * 60 * 60 * 1e3;
 function detectIosNeedsInstall() {
   if (typeof navigator === "undefined" || typeof window === "undefined") return false;
   const ua = navigator.userAgent || "";
@@ -2113,12 +2173,12 @@ function deriveState(push) {
   return { kind: "prompt" };
 }
 function usePush() {
-  const { push } = (0, import_sdk5.useHook)();
-  const [state, setState] = (0, import_react12.useState)(() => deriveState(push));
-  (0, import_react12.useEffect)(() => {
+  const { push } = (0, import_sdk6.useHook)();
+  const [state, setState] = (0, import_react13.useState)(() => deriveState(push));
+  (0, import_react13.useEffect)(() => {
     setState(deriveState(push));
   }, [push]);
-  const subscribe = (0, import_react12.useCallback)(async () => {
+  const subscribe = (0, import_react13.useCallback)(async () => {
     try {
       await push.subscribe();
       setState({ kind: "subscribed" });
@@ -2130,7 +2190,7 @@ function usePush() {
       throw e;
     }
   }, [push]);
-  const unsubscribe = (0, import_react12.useCallback)(async () => {
+  const unsubscribe = (0, import_react13.useCallback)(async () => {
     try {
       await push.unsubscribe();
       setState({ kind: "prompt" });
@@ -2139,10 +2199,10 @@ function usePush() {
       throw e;
     }
   }, [push]);
-  const dismiss = (0, import_react12.useCallback)(() => {
+  const dismiss = (0, import_react13.useCallback)(() => {
     if (typeof localStorage !== "undefined") {
       try {
-        localStorage.setItem(DISMISS_STORAGE_KEY, String(Date.now() + DISMISS_TTL_MS));
+        localStorage.setItem(DISMISS_STORAGE_KEY, String(Date.now() + DISMISS_TTL_MS2));
       } catch {
       }
     }
@@ -2152,7 +2212,7 @@ function usePush() {
 }
 
 // src/components/PushPrompt.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function platformRecoveryCopy(texts) {
   if (typeof navigator === "undefined") return null;
   const ua = navigator.userAgent || "";
@@ -2175,28 +2235,28 @@ function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, clas
   const { state, subscribe } = usePush();
   if (state.kind === "subscribed" || state.kind === "dismissed") return null;
   if (state.kind === "ios_needs_install") {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { children: texts.iosInstallTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: texts.iosInstallBody }),
-      onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h3", { children: texts.iosInstallTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { children: texts.iosInstallBody }),
+      onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
     ] });
   }
   if (state.kind === "denied") {
     const recovery = platformRecoveryCopy(texts);
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className, role: "region", "aria-label": texts.deniedTitle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { children: texts.deniedTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: texts.deniedBody }),
-      recovery && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { "data-testid": "denied-recovery", children: recovery })
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className, role: "region", "aria-label": texts.deniedTitle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h3", { children: texts.deniedTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { children: texts.deniedBody }),
+      recovery && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { "data-testid": "denied-recovery", children: recovery })
     ] });
   }
   if (state.kind === "unsupported") {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className, role: "region", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: texts.unsupportedBody }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className, role: "region", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { children: texts.unsupportedBody }) });
   }
   if (state.kind === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: state.message }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className, role: "region", "aria-label": "error", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { children: state.message }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className, role: "region", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className, role: "region", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "button",
       {
         type: "button",
@@ -2210,41 +2270,41 @@ function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, clas
         children: texts.cta
       }
     ),
-    onDeclined && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { type: "button", onClick: onDeclined, children: texts.declineCta })
+    onDeclined && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { type: "button", onClick: onDeclined, children: texts.declineCta })
   ] });
 }
 
 // src/defaults/LoadingState.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function LoadingState({ message }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { role: "status", "aria-live": "polite", style: { padding: 24, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: message ?? "Carregando..." }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { role: "status", "aria-live": "polite", style: { padding: 24, textAlign: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: message ?? "Carregando..." }) });
 }
 
 // src/defaults/EmptyState.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function EmptyState({ title, description, action }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { style: { marginBottom: 8 }, children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { style: { opacity: 0.7 }, children: description }),
-    action && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { style: { marginTop: 16 }, children: action })
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { role: "status", style: { padding: 32, textAlign: "center" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { style: { marginBottom: 8 }, children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { style: { opacity: 0.7 }, children: description }),
+    action && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { style: { marginTop: 16 }, children: action })
   ] });
 }
 
 // src/hooks/useLoginForm.ts
-var import_react13 = require("react");
-var import_sdk7 = require("@hook-sdk/sdk");
+var import_react14 = require("react");
+var import_sdk8 = require("@hook-sdk/sdk");
 
 // src/errors.ts
-var import_sdk6 = require("@hook-sdk/sdk");
+var import_sdk7 = require("@hook-sdk/sdk");
 function mapSdkError(err) {
-  if (err instanceof import_sdk6.SdkRateLimitError) {
+  if (err instanceof import_sdk7.SdkRateLimitError) {
     return {
       code: "rate_limited",
       message: `Aguarde ${err.retryAfter}s e tente novamente.`,
       retryAfter: err.retryAfter
     };
   }
-  if (err instanceof import_sdk6.SdkAuthError) {
+  if (err instanceof import_sdk7.SdkAuthError) {
     const detail = err.detail;
     if (detail === "email_unverified") {
       return { code: "email_unverified", message: "Confirme seu e-mail antes de entrar." };
@@ -2254,7 +2314,7 @@ function mapSdkError(err) {
     }
     return { code: "invalid_credentials", message: "E-mail ou senha inv\xE1lidos." };
   }
-  if (err instanceof import_sdk6.SdkError && err.httpStatus === 0) {
+  if (err instanceof import_sdk7.SdkError && err.httpStatus === 0) {
     return { code: "network", message: "Sem conex\xE3o com o servidor. Verifique sua internet." };
   }
   if (err instanceof TypeError) {
@@ -2267,23 +2327,23 @@ function mapSdkError(err) {
 var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var MIN_PASSWORD = 8;
 function useLoginForm() {
-  const { auth } = (0, import_sdk7.useHook)();
-  const [email, setEmail] = (0, import_react13.useState)("");
-  const [password, setPassword] = (0, import_react13.useState)("");
-  const [submitting, setSubmitting] = (0, import_react13.useState)(false);
-  const [error, setError] = (0, import_react13.useState)(null);
-  const emailError = (0, import_react13.useMemo)(() => {
+  const { auth } = (0, import_sdk8.useHook)();
+  const [email, setEmail] = (0, import_react14.useState)("");
+  const [password, setPassword] = (0, import_react14.useState)("");
+  const [submitting, setSubmitting] = (0, import_react14.useState)(false);
+  const [error, setError] = (0, import_react14.useState)(null);
+  const emailError = (0, import_react14.useMemo)(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE.test(email)) return "Formato de e-mail inv\xE1lido.";
     return null;
   }, [email]);
-  const passwordError = (0, import_react13.useMemo)(() => {
+  const passwordError = (0, import_react14.useMemo)(() => {
     if (password.length === 0) return null;
     if (password.length < MIN_PASSWORD) return `M\xEDnimo de ${MIN_PASSWORD} caracteres.`;
     return null;
   }, [password]);
   const canSubmit = email.length > 0 && password.length >= MIN_PASSWORD && emailError === null && passwordError === null && !submitting;
-  const submit = (0, import_react13.useCallback)(async () => {
+  const submit = (0, import_react14.useCallback)(async () => {
     if (!canSubmit) return false;
     setSubmitting(true);
     setError(null);
@@ -2313,34 +2373,34 @@ function useLoginForm() {
 }
 
 // src/hooks/useSignupForm.ts
-var import_react14 = require("react");
-var import_sdk8 = require("@hook-sdk/sdk");
+var import_react15 = require("react");
+var import_sdk9 = require("@hook-sdk/sdk");
 var EMAIL_RE2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var MIN_PASSWORD2 = 8;
 function useSignupForm() {
-  const { auth } = (0, import_sdk8.useHook)();
-  const [name, setName] = (0, import_react14.useState)("");
-  const [email, setEmail] = (0, import_react14.useState)("");
-  const [password, setPassword] = (0, import_react14.useState)("");
-  const [submitting, setSubmitting] = (0, import_react14.useState)(false);
-  const [error, setError] = (0, import_react14.useState)(null);
-  const nameError = (0, import_react14.useMemo)(() => {
+  const { auth } = (0, import_sdk9.useHook)();
+  const [name, setName] = (0, import_react15.useState)("");
+  const [email, setEmail] = (0, import_react15.useState)("");
+  const [password, setPassword] = (0, import_react15.useState)("");
+  const [submitting, setSubmitting] = (0, import_react15.useState)(false);
+  const [error, setError] = (0, import_react15.useState)(null);
+  const nameError = (0, import_react15.useMemo)(() => {
     if (name.length === 0) return null;
     if (name.trim().length < 2) return "Nome muito curto.";
     return null;
   }, [name]);
-  const emailError = (0, import_react14.useMemo)(() => {
+  const emailError = (0, import_react15.useMemo)(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE2.test(email)) return "Formato de e-mail inv\xE1lido.";
     return null;
   }, [email]);
-  const passwordError = (0, import_react14.useMemo)(() => {
+  const passwordError = (0, import_react15.useMemo)(() => {
     if (password.length === 0) return null;
     if (password.length < MIN_PASSWORD2) return `M\xEDnimo de ${MIN_PASSWORD2} caracteres.`;
     return null;
   }, [password]);
   const canSubmit = name.trim().length >= 2 && email.length > 0 && password.length >= MIN_PASSWORD2 && nameError === null && emailError === null && passwordError === null && !submitting;
-  const submit = (0, import_react14.useCallback)(async () => {
+  const submit = (0, import_react15.useCallback)(async () => {
     if (!canSubmit) return false;
     setSubmitting(true);
     setError(null);
@@ -2373,22 +2433,22 @@ function useSignupForm() {
 }
 
 // src/hooks/useForgotForm.ts
-var import_react15 = require("react");
-var import_sdk9 = require("@hook-sdk/sdk");
+var import_react16 = require("react");
+var import_sdk10 = require("@hook-sdk/sdk");
 var EMAIL_RE3 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function useForgotForm() {
-  const { auth } = (0, import_sdk9.useHook)();
-  const [email, setEmail] = (0, import_react15.useState)("");
-  const [submitting, setSubmitting] = (0, import_react15.useState)(false);
-  const [sent, setSent] = (0, import_react15.useState)(false);
-  const [error, setError] = (0, import_react15.useState)(null);
-  const emailError = (0, import_react15.useMemo)(() => {
+  const { auth } = (0, import_sdk10.useHook)();
+  const [email, setEmail] = (0, import_react16.useState)("");
+  const [submitting, setSubmitting] = (0, import_react16.useState)(false);
+  const [sent, setSent] = (0, import_react16.useState)(false);
+  const [error, setError] = (0, import_react16.useState)(null);
+  const emailError = (0, import_react16.useMemo)(() => {
     if (email.length === 0) return null;
     if (!EMAIL_RE3.test(email)) return "Formato de e-mail inv\xE1lido.";
     return null;
   }, [email]);
   const canSubmit = email.length > 0 && emailError === null && !submitting;
-  const submit = (0, import_react15.useCallback)(async () => {
+  const submit = (0, import_react16.useCallback)(async () => {
     if (!canSubmit) return false;
     setSubmitting(true);
     setError(null);
@@ -2416,35 +2476,35 @@ function useForgotForm() {
 }
 
 // src/hooks/useResetForm.ts
-var import_react16 = require("react");
-var import_sdk10 = require("@hook-sdk/sdk");
+var import_react17 = require("react");
+var import_sdk11 = require("@hook-sdk/sdk");
 var MIN_PASSWORD3 = 12;
 function useResetForm() {
-  const { auth } = (0, import_sdk10.useHook)();
-  const [token, setToken] = (0, import_react16.useState)(null);
-  const [password, setPassword] = (0, import_react16.useState)("");
-  const [confirm, setConfirm] = (0, import_react16.useState)("");
-  const [submitting, setSubmitting] = (0, import_react16.useState)(false);
-  const [done, setDone] = (0, import_react16.useState)(false);
-  const [error, setError] = (0, import_react16.useState)(null);
-  (0, import_react16.useEffect)(() => {
+  const { auth } = (0, import_sdk11.useHook)();
+  const [token, setToken] = (0, import_react17.useState)(null);
+  const [password, setPassword] = (0, import_react17.useState)("");
+  const [confirm, setConfirm] = (0, import_react17.useState)("");
+  const [submitting, setSubmitting] = (0, import_react17.useState)(false);
+  const [done, setDone] = (0, import_react17.useState)(false);
+  const [error, setError] = (0, import_react17.useState)(null);
+  (0, import_react17.useEffect)(() => {
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
     const t = params.get("token");
     setToken(t && t.length > 0 ? t : null);
   }, []);
-  const passwordError = (0, import_react16.useMemo)(() => {
+  const passwordError = (0, import_react17.useMemo)(() => {
     if (password.length === 0) return null;
     if (password.length < MIN_PASSWORD3) return `M\xEDnimo de ${MIN_PASSWORD3} caracteres.`;
     return null;
   }, [password]);
-  const confirmError = (0, import_react16.useMemo)(() => {
+  const confirmError = (0, import_react17.useMemo)(() => {
     if (confirm.length === 0) return null;
     if (confirm !== password) return "Senhas n\xE3o coincidem.";
     return null;
   }, [confirm, password]);
   const canSubmit = token !== null && password.length >= MIN_PASSWORD3 && confirm === password && passwordError === null && confirmError === null && !submitting && !done;
-  const submit = (0, import_react16.useCallback)(async () => {
+  const submit = (0, import_react17.useCallback)(async () => {
     if (!canSubmit || token === null) return;
     setSubmitting(true);
     setError(null);
@@ -2480,9 +2540,9 @@ function useResetForm() {
 }
 
 // src/hooks/usePlan.ts
-var import_sdk11 = require("@hook-sdk/sdk");
+var import_sdk12 = require("@hook-sdk/sdk");
 function usePlan() {
-  const { plan } = (0, import_sdk11.useHook)();
+  const { plan } = (0, import_sdk12.useHook)();
   return plan;
 }
 
@@ -2515,12 +2575,12 @@ function discountPercent(anchorCents, realCents) {
 }
 
 // src/hooks/useAuthPrimitives.ts
-var import_react17 = require("react");
-var import_sdk12 = require("@hook-sdk/sdk");
+var import_react18 = require("react");
+var import_sdk13 = require("@hook-sdk/sdk");
 var warned = false;
 function useAuthPrimitives() {
-  const { auth } = (0, import_sdk12.useHook)();
-  (0, import_react17.useEffect)(() => {
+  const { auth } = (0, import_sdk13.useHook)();
+  (0, import_react18.useEffect)(() => {
     if (!warned && process.env.NODE_ENV !== "production") {
       warned = true;
       console.warn(
@@ -2542,9 +2602,9 @@ function useAuthPrimitives() {
 }
 
 // src/hooks/useAuth.ts
-var import_sdk13 = require("@hook-sdk/sdk");
+var import_sdk14 = require("@hook-sdk/sdk");
 function useAuth() {
-  const { user, authStatus, auth } = (0, import_sdk13.useHook)();
+  const { user, authStatus, auth } = (0, import_sdk14.useHook)();
   return {
     user,
     authStatus,
@@ -2553,23 +2613,23 @@ function useAuth() {
 }
 
 // src/hooks/useSubscription.ts
-var import_sdk14 = require("@hook-sdk/sdk");
+var import_sdk15 = require("@hook-sdk/sdk");
 function useSubscription() {
-  const { subscription } = (0, import_sdk14.useHook)();
+  const { subscription } = (0, import_sdk15.useHook)();
   return {
     status: subscription.status()
   };
 }
 
 // src/hooks/useReminders.ts
-var import_react18 = require("react");
-var import_sdk15 = require("@hook-sdk/sdk");
+var import_react19 = require("react");
+var import_sdk16 = require("@hook-sdk/sdk");
 function useReminders() {
-  const { push } = (0, import_sdk15.useHook)();
+  const { push } = (0, import_sdk16.useHook)();
   const r = push.reminders;
-  const [reminders, setReminders] = (0, import_react18.useState)([]);
-  const [loading, setLoading] = (0, import_react18.useState)(true);
-  const reload = (0, import_react18.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();
@@ -2578,38 +2638,38 @@ function useReminders() {
       setLoading(false);
     }
   }, [r]);
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     void reload();
   }, [reload]);
-  const setReminder = (0, import_react18.useCallback)(async (input) => {
+  const setReminder = (0, import_react19.useCallback)(async (input) => {
     await r.set(input);
     await reload();
   }, [r, reload]);
-  const deleteReminder = (0, import_react18.useCallback)(async (slot) => {
+  const deleteReminder = (0, import_react19.useCallback)(async (slot) => {
     await r.delete(slot);
     await reload();
   }, [r, reload]);
-  const schedule = (0, import_react18.useCallback)(async (items) => {
+  const schedule = (0, import_react19.useCallback)(async (items) => {
     return r.schedule(items);
   }, [r]);
-  const setFallbacks = (0, import_react18.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_react19 = require("react");
+var import_react20 = require("react");
 function useToast() {
-  const [items, setItems] = (0, import_react19.useState)([]);
-  const show = (0, import_react19.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_react19.useCallback)((id) => {
+  const dismiss = (0, import_react20.useCallback)((id) => {
     setItems((prev) => prev.filter((t) => t.id !== id));
   }, []);
   return { items, show, dismiss };
@@ -2617,20 +2677,20 @@ function useToast() {
 
 // src/RouteBoundary.tsx
 var import_react_router_dom3 = require("react-router-dom");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function RouteBoundary({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_router_dom3.Routes, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_router_dom3.Routes, { children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_router_dom3.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DefaultNotFound, {}) })
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom3.Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DefaultNotFound, {}) })
   ] });
 }
 function DefaultNotFound() {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { role: "alert", children: "P\xE1gina n\xE3o encontrada" });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { role: "alert", children: "P\xE1gina n\xE3o encontrada" });
 }
 
 // src/PreAuthShell.tsx
 var import_react_router_dom4 = require("react-router-dom");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function PreAuthShell({
   basename,
   testRouter,
@@ -2638,20 +2698,20 @@ function PreAuthShell({
   children
 }) {
   if (testRouter === "memory") {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom4.MemoryRouter, { basename, initialEntries: testInitialEntries, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom4.Routes, { children }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_router_dom4.MemoryRouter, { basename, initialEntries: testInitialEntries, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_router_dom4.Routes, { children }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom4.BrowserRouter, { basename, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_router_dom4.Routes, { children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_router_dom4.BrowserRouter, { basename, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_router_dom4.Routes, { children }) });
 }
 
 // src/OnboardingFlow.tsx
-var import_react21 = require("react");
-var import_sdk16 = require("@hook-sdk/sdk");
+var import_react22 = require("react");
+var import_sdk17 = require("@hook-sdk/sdk");
 
 // src/hooks/useOnboardingStep.ts
-var import_react20 = require("react");
-var OnboardingStepContext = (0, import_react20.createContext)(null);
+var import_react21 = require("react");
+var OnboardingStepContext = (0, import_react21.createContext)(null);
 function useOnboardingStep() {
-  const ctx = (0, import_react20.useContext)(OnboardingStepContext);
+  const ctx = (0, import_react21.useContext)(OnboardingStepContext);
   if (!ctx) {
     throw new Error(
       "[hook-template] useOnboardingStep must be used inside <OnboardingFlow>. (G75)"
@@ -2661,7 +2721,7 @@ function useOnboardingStep() {
 }
 
 // src/OnboardingFlow.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var isFilled = (v) => v != null && v !== "";
 var CURRENT_STEP_FIELD = "currentStep";
 function readPersistedStepIdx(draft) {
@@ -2674,12 +2734,12 @@ function OnboardingFlow({
   onComplete,
   persistKey
 }) {
-  const [draft, setDraft, status] = (0, import_sdk16.usePersistedState)(persistKey, {});
-  const draftRef = (0, import_react21.useRef)(draft);
+  const [draft, setDraft, status] = (0, import_sdk17.usePersistedState)(persistKey, {});
+  const draftRef = (0, import_react22.useRef)(draft);
   draftRef.current = draft;
   const idx = readPersistedStepIdx(draft);
   const clampedIdx = Math.min(Math.max(idx, 0), Math.max(steps.length - 1, 0));
-  const setIdx = (0, import_react21.useCallback)(
+  const setIdx = (0, import_react22.useCallback)(
     (n) => {
       setDraft((prev) => {
         const prevIdx = readPersistedStepIdx(prev);
@@ -2689,7 +2749,7 @@ function OnboardingFlow({
     },
     [setDraft]
   );
-  const setValue = (0, import_react21.useCallback)(
+  const setValue = (0, import_react22.useCallback)(
     (patch) => {
       draftRef.current = { ...draftRef.current, ...patch };
       setDraft((prev) => ({ ...prev, ...patch }));
@@ -2697,11 +2757,11 @@ function OnboardingFlow({
     [setDraft]
   );
   const step = steps[clampedIdx];
-  const valid = (0, import_react21.useMemo)(
+  const valid = (0, import_react22.useMemo)(
     () => step ? (step.validates ?? []).every((field) => isFilled(draft[field])) : false,
     [draft, step]
   );
-  const next = (0, import_react21.useCallback)(() => {
+  const next = (0, import_react22.useCallback)(() => {
     if (!step) return;
     const current = draftRef.current;
     const validNow = (step.validates ?? []).every((field) => isFilled(current[field]));
@@ -2712,8 +2772,8 @@ function OnboardingFlow({
       setIdx(clampedIdx + 1);
     }
   }, [clampedIdx, onComplete, step, steps.length, setIdx]);
-  const prevStep = (0, import_react21.useCallback)(() => setIdx((i) => Math.max(0, i - 1)), [setIdx]);
-  const ctx = (0, import_react21.useMemo)(
+  const prevStep = (0, import_react22.useCallback)(() => setIdx((i) => Math.max(0, i - 1)), [setIdx]);
+  const ctx = (0, import_react22.useMemo)(
     () => ({
       stepIndex: clampedIdx,
       totalSteps: steps.length,
@@ -2739,7 +2799,7 @@ function OnboardingFlow({
       `[hook-template] OnboardingFlow: missing screen component for step '${step.id}' (expected key '${step.screen}' in screens prop)`
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(OnboardingStepContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Screen, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(OnboardingStepContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Screen, {}) });
 }
 
 // src/hooks/useFeature.ts