@hook-sdk/template 0.4.1 → 0.5.0

package/dist/index.cjs

@@ -55,7 +55,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/AppRoot.tsx
-var import_react16 = require("react");
+var import_react15 = require("react");
 var import_sdk9 = require("@hook-sdk/sdk");
 
 // src/internal/TemplateConfigContext.tsx
@@ -156,6 +156,7 @@ function usePaywallState() {
   const [error, setError] = (0, import_react3.useState)(null);
   const status = subscription.status();
   const daysLeftInTrial = subscription.daysLeftInTrial();
+  const initialLoadComplete = subscription.initialLoadComplete;
   const checkout = (0, import_react3.useCallback)(
     async (args) => {
       setOpening(true);
@@ -181,7 +182,7 @@ function usePaywallState() {
       setError(err);
     }
   }, [subscription]);
-  return { status, daysLeftInTrial, checkout, cancel, opening, error };
+  return { status, daysLeftInTrial, initialLoadComplete, checkout, cancel, opening, error };
 }
 
 // src/internal/SubscriptionGate.tsx
@@ -194,8 +195,9 @@ var BLOCKING = /* @__PURE__ */ new Set([
 ]);
 function SubscriptionGate({ Paywall, children }) {
   const { mode } = useTemplateConfig();
-  const { status } = usePaywallState();
+  const { status, initialLoadComplete } = usePaywallState();
   if (mode === "free") return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children });
+  if (!initialLoadComplete && status === "none") return null;
   if (BLOCKING.has(status)) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Paywall, {});
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children });
 }
@@ -221,7 +223,7 @@ function PushPrompt() {
 }
 
 // src/components/InstallGate/InstallGate.tsx
-var import_react8 = require("react");
+var import_react7 = require("react");
 
 // src/hooks/useInstallPrompt.ts
 var import_react5 = require("react");
@@ -458,9 +460,6 @@ function useInstallPrompt(slug) {
     setIsDismissedPermanent(true);
     track("pwa_install_permanent_dismiss", { slug, platform, prior_skip_count: skipCount });
   }, [slug, platform, skipCount]);
-  const showIOSOtherHelp = (0, import_react5.useCallback)(() => {
-    track("pwa_install_ios_other_help_shown", { slug });
-  }, [slug]);
   const copyLink = (0, import_react5.useCallback)(async () => {
     if (typeof navigator === "undefined" || typeof location === "undefined") return;
     try {
@@ -499,7 +498,6 @@ function useInstallPrompt(slug) {
     promptInstall,
     dismissSession,
     dismissPermanent,
-    showIOSOtherHelp,
     copyLink,
     reset
   };
@@ -559,23 +557,22 @@ var INSTALL_COPY = {
     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",
-    help: {
-      step1: {
-        title: "Toque em \u22EF ou no bot\xE3o compartilhar",
-        subtitle: "Na barra inferior ou superior do navegador"
-      },
-      step2: {
-        title: 'Escolha "Abrir no Safari"',
-        subtitle: "O app vai abrir direto no Safari"
-      }
-    }
+    title: "Adicione \xE0 sua Tela de In\xEDcio",
+    subtitle: "Siga os 3 passos",
+    step1: {
+      title: "Toque em Compartilhar",
+      subtitle: "Geralmente no topo ou no menu do navegador"
+    },
+    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 navegador",
+    skipPermanent: "N\xE3o me pergunte mais"
   },
   inApp: {
     instagram: {
@@ -710,18 +707,6 @@ var primaryButtonStyle = {
   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%",
@@ -1128,7 +1113,6 @@ function IOSafariVariant({
 }
 
 // src/components/InstallGate/variants/IOSOtherVariant.tsx
-var import_react6 = require("react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function IOSOtherVariant({
   state,
@@ -1136,101 +1120,84 @@ function IOSOtherVariant({
 }) {
   const copy = INSTALL_COPY.iosOther;
   const showPermanent = shouldShowPermanentOption(state);
-  const [copied, setCopied] = (0, import_react6.useState)(false);
-  const [helpOpen, setHelpOpen] = (0, import_react6.useState)(false);
-  const handleCopy = async () => {
-    await actions.copyLink();
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2e3);
-  };
-  const handleShowHelp = () => {
-    if (!helpOpen) actions.showIOSOtherHelp();
-    setHelpOpen(true);
-  };
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(InstallSplash, { title: copy.title, subtitle: copy.subtitle, children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      "button",
+      Step2,
       {
-        "data-testid": "install-prompt-cta-ios-other-primary",
-        type: "button",
-        onClick: handleShowHelp,
-        "aria-expanded": helpOpen,
-        style: primaryButtonStyle,
-        children: copy.ctaPrimary
+        n: 1,
+        title: copy.step1.title,
+        subtitle: copy.step1.subtitle,
+        visual: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              background: "#f5f5f7",
+              borderRadius: 12,
+              padding: "12px 0",
+              marginTop: 8
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ShareIconIOS, { size: 32, style: { color: "var(--hook-color-primary)" } })
+          }
+        )
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      "button",
+      Step2,
       {
-        "data-testid": "install-prompt-cta-ios-other-secondary",
-        type: "button",
-        onClick: () => void handleCopy(),
-        style: secondaryButtonStyle,
-        children: copied ? copy.copiedToast : copy.ctaSecondary
+        n: 2,
+        title: copy.step2.title,
+        visual: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: 10,
+              background: "#f5f5f7",
+              borderRadius: 12,
+              padding: "12px 14px",
+              marginTop: 8
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SquarePlusIcon, { size: 22, style: { color: "#555" } }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { style: { fontSize: 14, color: "#333" }, children: copy.step2.iconLabel })
+            ]
+          }
+        )
       }
     ),
-    helpOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-      "div",
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      Step2,
       {
-        "data-testid": "install-prompt-ios-other-help",
-        style: { marginTop: 20, textAlign: "left" },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            Step2,
-            {
-              n: 1,
-              title: copy.help.step1.title,
-              subtitle: copy.help.step1.subtitle,
-              visual: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    justifyContent: "center",
-                    alignItems: "center",
-                    background: "#f5f5f7",
-                    borderRadius: 12,
-                    padding: "12px 0",
-                    marginTop: 8
-                  },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                    MenuDotsHorizontalIcon,
-                    {
-                      size: 28,
-                      style: { color: "var(--hook-color-primary)" }
-                    }
-                  )
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            Step2,
-            {
-              n: 2,
-              title: copy.help.step2.title,
-              subtitle: copy.help.step2.subtitle,
-              visual: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: 10,
-                    background: "#f5f5f7",
-                    borderRadius: 12,
-                    padding: "12px 14px",
-                    marginTop: 8
-                  },
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ExternalLinkIcon, { size: 22, style: { color: "#555" } }),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { style: { fontSize: 14, color: "#333" }, children: "Abrir no Safari" })
-                  ]
-                }
-              )
-            }
-          )
-        ]
+        n: 3,
+        title: copy.step3.title,
+        visual: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "div",
+          {
+            style: {
+              display: "flex",
+              justifyContent: "flex-end",
+              background: "#f5f5f7",
+              borderRadius: 12,
+              padding: "10px 14px",
+              marginTop: 8
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              "span",
+              {
+                style: {
+                  color: "var(--hook-color-primary)",
+                  fontSize: 15,
+                  fontWeight: 600
+                },
+                children: copy.step3.buttonLabel
+              }
+            )
+          }
+        )
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -1239,7 +1206,7 @@ function IOSOtherVariant({
         "data-testid": "install-prompt-skip-session",
         type: "button",
         onClick: actions.dismissSession,
-        style: skipLinkStyle,
+        style: { ...skipLinkStyle, marginTop: 16 },
         children: copy.skip
       }
     ),
@@ -1257,7 +1224,7 @@ function IOSOtherVariant({
 }
 
 // src/components/InstallGate/variants/InAppBrowserVariant.tsx
-var import_react7 = require("react");
+var import_react6 = require("react");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function InAppBrowserVariant({
   state,
@@ -1267,7 +1234,7 @@ function InAppBrowserVariant({
   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 [copied, setCopied] = (0, import_react6.useState)(false);
   const handleCopy = async () => {
     await actions.copyLink();
     setCopied(true);
@@ -1472,8 +1439,8 @@ function InstallGate({ children }) {
   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)(() => {
+  const trackedRef = (0, import_react7.useRef)(null);
+  (0, import_react7.useEffect)(() => {
     if (!shouldBlock) return;
     if (typeof window === "undefined") return;
     const variantKey = `${slug}:${installState.variant}`;
@@ -1514,9 +1481,9 @@ function InstallGate({ children }) {
 }
 
 // src/defaults/ErrorBoundary.tsx
-var import_react9 = require("react");
+var import_react8 = require("react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
-var ErrorBoundary = class extends import_react9.Component {
+var ErrorBoundary = class extends import_react8.Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
     return { error };
@@ -1536,7 +1503,7 @@ var ErrorBoundary = class extends import_react9.Component {
 };
 
 // src/hooks/useLoginForm.ts
-var import_react10 = require("react");
+var import_react9 = require("react");
 var import_sdk5 = require("@hook-sdk/sdk");
 
 // src/errors.ts
@@ -1573,22 +1540,22 @@ var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 var MIN_PASSWORD = 8;
 function useLoginForm() {
   const { auth } = (0, import_sdk5.useHook)();
-  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)(() => {
+  const [email, setEmail] = (0, import_react9.useState)("");
+  const [password, setPassword] = (0, import_react9.useState)("");
+  const [submitting, setSubmitting] = (0, import_react9.useState)(false);
+  const [error, setError] = (0, import_react9.useState)(null);
+  const emailError = (0, import_react9.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_react10.useMemo)(() => {
+  const passwordError = (0, import_react9.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_react10.useCallback)(async () => {
+  const submit = (0, import_react9.useCallback)(async () => {
     if (!canSubmit) return false;
     setSubmitting(true);
     setError(null);
@@ -1687,7 +1654,7 @@ function GoogleGlyph() {
 }
 
 // src/internal/OAuthErrorBanner.tsx
-var import_react11 = require("react");
+var import_react10 = require("react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var ERROR_MESSAGES = {
   invalid_state: "Sess\xE3o expirou, tente de novo.",
@@ -1708,8 +1675,8 @@ function stripErrorFromUrl() {
   window.history.replaceState({}, "", url.toString());
 }
 function OAuthErrorBanner() {
-  const [code, setCode] = (0, import_react11.useState)(() => readErrorCode());
-  (0, import_react11.useEffect)(() => {
+  const [code, setCode] = (0, import_react10.useState)(() => readErrorCode());
+  (0, import_react10.useEffect)(() => {
     if (code !== null) stripErrorFromUrl();
   }, [code]);
   if (!code) return null;
@@ -1842,34 +1809,34 @@ function DefaultLoginScreen({ onNavigate }) {
 }
 
 // src/hooks/useSignupForm.ts
-var import_react12 = require("react");
+var import_react11 = 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_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)(() => {
+  const [name, setName] = (0, import_react11.useState)("");
+  const [email, setEmail] = (0, import_react11.useState)("");
+  const [password, setPassword] = (0, import_react11.useState)("");
+  const [submitting, setSubmitting] = (0, import_react11.useState)(false);
+  const [error, setError] = (0, import_react11.useState)(null);
+  const nameError = (0, import_react11.useMemo)(() => {
     if (name.length === 0) return null;
     if (name.trim().length < 2) return "Nome muito curto.";
     return null;
   }, [name]);
-  const emailError = (0, import_react12.useMemo)(() => {
+  const emailError = (0, import_react11.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_react12.useMemo)(() => {
+  const passwordError = (0, import_react11.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_react12.useCallback)(async () => {
+  const submit = (0, import_react11.useCallback)(async () => {
     if (!canSubmit) return false;
     setSubmitting(true);
     setError(null);
@@ -1957,22 +1924,22 @@ function DefaultSignupScreen({ onNavigate }) {
 }
 
 // src/hooks/useForgotForm.ts
-var import_react13 = require("react");
+var import_react12 = 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_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)(() => {
+  const [email, setEmail] = (0, import_react12.useState)("");
+  const [submitting, setSubmitting] = (0, import_react12.useState)(false);
+  const [sent, setSent] = (0, import_react12.useState)(false);
+  const [error, setError] = (0, import_react12.useState)(null);
+  const emailError = (0, import_react12.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_react13.useCallback)(async () => {
+  const submit = (0, import_react12.useCallback)(async () => {
     if (!canSubmit) return false;
     setSubmitting(true);
     setError(null);
@@ -2031,35 +1998,35 @@ function DefaultForgotScreen({ onNavigate }) {
 }
 
 // src/hooks/useResetForm.ts
-var import_react14 = require("react");
+var import_react13 = 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_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)(() => {
+  const [token, setToken] = (0, import_react13.useState)(null);
+  const [password, setPassword] = (0, import_react13.useState)("");
+  const [confirm, setConfirm] = (0, import_react13.useState)("");
+  const [submitting, setSubmitting] = (0, import_react13.useState)(false);
+  const [done, setDone] = (0, import_react13.useState)(false);
+  const [error, setError] = (0, import_react13.useState)(null);
+  (0, import_react13.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_react14.useMemo)(() => {
+  const passwordError = (0, import_react13.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_react14.useMemo)(() => {
+  const confirmError = (0, import_react13.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_react14.useCallback)(async () => {
+  const submit = (0, import_react13.useCallback)(async () => {
     if (!canSubmit || token === null) return;
     setSubmitting(true);
     setError(null);
@@ -2137,13 +2104,13 @@ function DefaultResetScreen({ onNavigate }) {
 }
 
 // src/defaults/DefaultPaywall.tsx
-var import_react15 = require("react");
+var import_react14 = require("react");
 var import_jsx_runtime24 = 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_react15.useState)("");
+  const [cpf, setCpf] = (0, import_react14.useState)("");
   const cpfDigits = cpf.replace(/\D/g, "");
   const canCheckout = cpfDigits.length === 11 && !opening;
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("main", { style: { padding: 24, maxWidth: 440, margin: "0 auto", textAlign: "center" }, children: [
@@ -2200,11 +2167,11 @@ var import_jsx_runtime25 = 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_react16.useRef)(subscription);
+  const subRef = (0, import_react15.useRef)(subscription);
   subRef.current = subscription;
-  const runIdRef = (0, import_react16.useRef)(0);
-  const [state, setState] = (0, import_react16.useState)("idle");
-  const runPoll = (0, import_react16.useCallback)(() => {
+  const runIdRef = (0, import_react15.useRef)(0);
+  const [state, setState] = (0, import_react15.useState)("idle");
+  const runPoll = (0, import_react15.useCallback)(() => {
     const runId = ++runIdRef.current;
     setState("confirming");
     let attempts = 0;
@@ -2233,7 +2200,7 @@ function PaymentReturnHandler({ children }) {
     };
     void tick();
   }, []);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (typeof window === "undefined") return;
     const url = new URL(window.location.href);
     if (url.searchParams.get("paymentReturn") !== "1") return;
@@ -2307,7 +2274,7 @@ function AppRoot({
 }
 
 // src/hooks/usePush.ts
-var import_react17 = require("react");
+var import_react16 = require("react");
 var import_sdk10 = require("@hook-sdk/sdk");
 function detectIosNeedsInstall() {
   if (typeof navigator === "undefined" || typeof window === "undefined") return false;
@@ -2335,11 +2302,11 @@ function deriveState(push) {
 }
 function usePush() {
   const { push } = (0, import_sdk10.useHook)();
-  const [state, setState] = (0, import_react17.useState)(() => deriveState(push));
-  (0, import_react17.useEffect)(() => {
+  const [state, setState] = (0, import_react16.useState)(() => deriveState(push));
+  (0, import_react16.useEffect)(() => {
     setState(deriveState(push));
   }, [push]);
-  const subscribe = (0, import_react17.useCallback)(async () => {
+  const subscribe = (0, import_react16.useCallback)(async () => {
     try {
       await push.subscribe();
       setState({ kind: "subscribed" });
@@ -2351,7 +2318,7 @@ function usePush() {
       throw e;
     }
   }, [push]);
-  const unsubscribe = (0, import_react17.useCallback)(async () => {
+  const unsubscribe = (0, import_react16.useCallback)(async () => {
     try {
       await push.unsubscribe();
       setState({ kind: "prompt" });
@@ -2417,12 +2384,12 @@ function EmptyState({ title, description, action }) {
 }
 
 // src/hooks/useAuthPrimitives.ts
-var import_react18 = require("react");
+var import_react17 = require("react");
 var import_sdk11 = require("@hook-sdk/sdk");
 var warned = false;
 function useAuthPrimitives() {
   const { auth } = (0, import_sdk11.useHook)();
-  (0, import_react18.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!warned && process.env.NODE_ENV !== "production") {
       warned = true;
       console.warn(
@@ -2453,14 +2420,14 @@ function useSubscription() {
 }
 
 // src/hooks/useReminders.ts
-var import_react19 = require("react");
+var import_react18 = 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_react19.useState)([]);
-  const [loading, setLoading] = (0, import_react19.useState)(true);
-  const reload = (0, import_react19.useCallback)(async () => {
+  const [reminders, setReminders] = (0, import_react18.useState)([]);
+  const [loading, setLoading] = (0, import_react18.useState)(true);
+  const reload = (0, import_react18.useCallback)(async () => {
     setLoading(true);
     try {
       const next = await r.list();
@@ -2469,38 +2436,38 @@ function useReminders() {
       setLoading(false);
     }
   }, [r]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     void reload();
   }, [reload]);
-  const setReminder = (0, import_react19.useCallback)(async (input) => {
+  const setReminder = (0, import_react18.useCallback)(async (input) => {
     await r.set(input);
     await reload();
   }, [r, reload]);
-  const deleteReminder = (0, import_react19.useCallback)(async (slot) => {
+  const deleteReminder = (0, import_react18.useCallback)(async (slot) => {
     await r.delete(slot);
     await reload();
   }, [r, reload]);
-  const schedule = (0, import_react19.useCallback)(async (items) => {
+  const schedule = (0, import_react18.useCallback)(async (items) => {
     return r.schedule(items);
   }, [r]);
-  const setFallbacks = (0, import_react19.useCallback)(async (items) => {
+  const setFallbacks = (0, import_react18.useCallback)(async (items) => {
     return r.setFallbacks(items);
   }, [r]);
   return { reminders, loading, setReminder, deleteReminder, schedule, setFallbacks };
 }
 
 // src/hooks/useToast.ts
-var import_react20 = require("react");
+var import_react19 = require("react");
 function useToast() {
-  const [items, setItems] = (0, import_react20.useState)([]);
-  const show = (0, import_react20.useCallback)((message, kind = "info") => {
+  const [items, setItems] = (0, import_react19.useState)([]);
+  const show = (0, import_react19.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_react20.useCallback)((id) => {
+  const dismiss = (0, import_react19.useCallback)((id) => {
     setItems((prev) => prev.filter((t) => t.id !== id));
   }, []);
   return { items, show, dismiss };