@hook-sdk/template 0.7.0 → 0.7.2

package/dist/index.d.cts

@@ -603,4 +603,4 @@ declare function shouldBlockInstall(state: InstallState, now?: number): boolean;
  */
 declare function shouldShowPermanentOption(state: InstallState): boolean;
 
-export { type AndroidBrowser, AppRoot, type AppRootProps, type AuthFormError, type AuthFormErrorCode, type AuthScreen, type AuthScreenProps, DefaultForgotScreen, DefaultLoginScreen, DefaultPaywall, DefaultResetScreen, DefaultSignupScreen, EmptyState, ErrorBoundary, type IOSBrowser, type InAppApp, type InstallActions, InstallGate, InstallSplash, type InstallState, type InstallVariant, LoadingState, type Platform, PushPrompt, type PushPromptProps, type PushPromptTexts, type PushUiState, type SubscriptionStatus, type ToastItem, type UseLoginFormResult, type UseResetFormResult, computeAnchorCents, dailyFromYearly, detectAndroidBrowser, detectIOSBrowser, detectInAppApp, detectPlatform, detectStandalone, discountPercent, formatBRL, monthlyFromYearly, shouldBlockInstall, shouldShowPermanentOption, useAuth, useAuthPrimitives, useForgotForm, useInstallPrompt, useLoginForm, usePaywallState, usePlan, usePush, useReminders, useResetForm, useSignupForm, useSubscription, useToast };
+export { type AndroidBrowser, AppRoot, type AppRootProps, type AuthFormError, type AuthFormErrorCode, type AuthScreen, type AuthScreenProps, DefaultForgotScreen, DefaultLoginScreen, DefaultPaywall, DefaultResetScreen, DefaultSignupScreen, EmptyState, ErrorBoundary, type IOSBrowser, type InAppApp, type InstallActions, InstallGate, InstallSplash, type InstallState, type InstallVariant, LoadingState, type PaymentMethod, type PixPending, type Platform, PushPrompt, type PushPromptProps, type PushPromptTexts, type PushUiState, type SubscriptionStatus, type ToastItem, type UseLoginFormResult, type UseResetFormResult, computeAnchorCents, dailyFromYearly, detectAndroidBrowser, detectIOSBrowser, detectInAppApp, detectPlatform, detectStandalone, discountPercent, formatBRL, monthlyFromYearly, shouldBlockInstall, shouldShowPermanentOption, useAuth, useAuthPrimitives, useForgotForm, useInstallPrompt, useLoginForm, usePaywallState, usePlan, usePush, useReminders, useResetForm, useSignupForm, useSubscription, useToast };

package/dist/index.d.ts

@@ -603,4 +603,4 @@ declare function shouldBlockInstall(state: InstallState, now?: number): boolean;
  */
 declare function shouldShowPermanentOption(state: InstallState): boolean;
 
-export { type AndroidBrowser, AppRoot, type AppRootProps, type AuthFormError, type AuthFormErrorCode, type AuthScreen, type AuthScreenProps, DefaultForgotScreen, DefaultLoginScreen, DefaultPaywall, DefaultResetScreen, DefaultSignupScreen, EmptyState, ErrorBoundary, type IOSBrowser, type InAppApp, type InstallActions, InstallGate, InstallSplash, type InstallState, type InstallVariant, LoadingState, type Platform, PushPrompt, type PushPromptProps, type PushPromptTexts, type PushUiState, type SubscriptionStatus, type ToastItem, type UseLoginFormResult, type UseResetFormResult, computeAnchorCents, dailyFromYearly, detectAndroidBrowser, detectIOSBrowser, detectInAppApp, detectPlatform, detectStandalone, discountPercent, formatBRL, monthlyFromYearly, shouldBlockInstall, shouldShowPermanentOption, useAuth, useAuthPrimitives, useForgotForm, useInstallPrompt, useLoginForm, usePaywallState, usePlan, usePush, useReminders, useResetForm, useSignupForm, useSubscription, useToast };
+export { type AndroidBrowser, AppRoot, type AppRootProps, type AuthFormError, type AuthFormErrorCode, type AuthScreen, type AuthScreenProps, DefaultForgotScreen, DefaultLoginScreen, DefaultPaywall, DefaultResetScreen, DefaultSignupScreen, EmptyState, ErrorBoundary, type IOSBrowser, type InAppApp, type InstallActions, InstallGate, InstallSplash, type InstallState, type InstallVariant, LoadingState, type PaymentMethod, type PixPending, type Platform, PushPrompt, type PushPromptProps, type PushPromptTexts, type PushUiState, type SubscriptionStatus, type ToastItem, type UseLoginFormResult, type UseResetFormResult, computeAnchorCents, dailyFromYearly, detectAndroidBrowser, detectIOSBrowser, detectInAppApp, detectPlatform, detectStandalone, discountPercent, formatBRL, monthlyFromYearly, shouldBlockInstall, shouldShowPermanentOption, useAuth, useAuthPrimitives, useForgotForm, useInstallPrompt, useLoginForm, usePaywallState, usePlan, usePush, useReminders, useResetForm, useSignupForm, useSubscription, useToast };

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/AppRoot.tsx
-import { useCallback as useCallback7, useEffect as useEffect7, useRef as useRef2, useState as useState11 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect8, useRef as useRef3, useState as useState11 } from "react";
 import { useHook as useHook8 } from "@hook-sdk/sdk";
 
 // src/internal/TemplateConfigContext.tsx
@@ -92,7 +92,7 @@ function AuthGate({ Login, Signup, Forgot, Reset, children }) {
 }
 
 // src/hooks/usePaywallState.ts
-import { useCallback, useState as useState2 } from "react";
+import { useCallback, useEffect as useEffect2, useRef, useState as useState2 } from "react";
 import { useHook as useHook2 } from "@hook-sdk/sdk";
 function usePaywallState() {
   const { subscription } = useHook2();
@@ -153,6 +153,33 @@ function usePaywallState() {
     }
   }, [subscription]);
   const dismissPix = useCallback(() => setPixPending(null), []);
+  const subRef = useRef(subscription);
+  subRef.current = subscription;
+  useEffect2(() => {
+    if (!pixPending) return;
+    let attempts = 0;
+    const MAX_ATTEMPTS = 60;
+    let cancelled = false;
+    const tick = async () => {
+      if (cancelled || attempts >= MAX_ATTEMPTS) return;
+      attempts++;
+      try {
+        await subRef.current.refresh();
+        if (cancelled) return;
+        const s = subRef.current.status();
+        if (s === "active" || s === "trialing") {
+          setPixPending(null);
+          return;
+        }
+      } catch {
+      }
+      if (!cancelled) setTimeout(tick, 3e3);
+    };
+    setTimeout(tick, 3e3);
+    return () => {
+      cancelled = true;
+    };
+  }, [pixPending]);
   return {
     status,
     daysLeftInTrial,
@@ -184,13 +211,13 @@ function SubscriptionGate({ Paywall, children }) {
 }
 
 // src/internal/PersistedKeysPrefetch.tsx
-import { useEffect as useEffect2 } from "react";
+import { useEffect as useEffect3 } from "react";
 import { useHook as useHook3 } from "@hook-sdk/sdk";
 import { Fragment as Fragment3, jsx as jsx6 } from "react/jsx-runtime";
 function PersistedKeysPrefetch({ children }) {
   const { appData } = useHook3();
   const config = useTemplateConfig();
-  useEffect2(() => {
+  useEffect3(() => {
     const keys = config.persistedKeys;
     if (!keys || keys.length === 0) return;
     appData.cache.startPrefetch(keys, (ks) => appData.bulkRead(ks));
@@ -204,10 +231,10 @@ function PushPrompt() {
 }
 
 // src/components/InstallGate/InstallGate.tsx
-import { useEffect as useEffect4, useRef } from "react";
+import { useEffect as useEffect5, useRef as useRef2 } from "react";
 
 // src/hooks/useInstallPrompt.ts
-import { useCallback as useCallback2, useEffect as useEffect3, useState as useState3 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect4, useState as useState3 } from "react";
 var IOS_RE = /iPad|iPhone|iPod/;
 var IOS_NON_SAFARI_RE = /CriOS|FxiOS|EdgiOS/;
 var ANDROID_RE = /Android/;
@@ -351,7 +378,7 @@ function useInstallPrompt(slug) {
   const [isDismissedSession, setIsDismissedSession] = useState3(() => readSessionSkip(slug));
   const [isDismissedPermanent, setIsDismissedPermanent] = useState3(() => readPermanentDismiss(slug).dismissed);
   const [skipCount, setSkipCount] = useState3(() => readSkipCount(slug));
-  useEffect3(() => {
+  useEffect4(() => {
     if (typeof window === "undefined") return;
     if (window.__pwaInstallPrompt) {
       setIsInstallable(true);
@@ -375,7 +402,7 @@ function useInstallPrompt(slug) {
       window.removeEventListener("appinstalled", onInstalled);
     };
   }, [slug]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (typeof window === "undefined") return;
     const mq = window.matchMedia?.("(display-mode: standalone)");
     if (!mq) return;
@@ -1420,8 +1447,8 @@ function InstallGate({ children }) {
   const enabled = features_enabled.includes("install_prompt");
   const installState = useInstallPrompt(slug);
   const shouldBlock = enabled && shouldBlockInstall(installState);
-  const trackedRef = useRef(null);
-  useEffect4(() => {
+  const trackedRef = useRef2(null);
+  useEffect5(() => {
     if (!shouldBlock) return;
     if (typeof window === "undefined") return;
     const variantKey = `${slug}:${installState.variant}`;
@@ -1635,7 +1662,7 @@ function GoogleGlyph() {
 }
 
 // src/internal/OAuthErrorBanner.tsx
-import { useEffect as useEffect5, useState as useState6 } from "react";
+import { useEffect as useEffect6, useState as useState6 } from "react";
 import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 var ERROR_MESSAGES = {
   invalid_state: "Sess\xE3o expirou, tente de novo.",
@@ -1657,7 +1684,7 @@ function stripErrorFromUrl() {
 }
 function OAuthErrorBanner() {
   const [code, setCode] = useState6(() => readErrorCode());
-  useEffect5(() => {
+  useEffect6(() => {
     if (code !== null) stripErrorFromUrl();
   }, [code]);
   if (!code) return null;
@@ -1979,7 +2006,7 @@ function DefaultForgotScreen({ onNavigate }) {
 }
 
 // src/hooks/useResetForm.ts
-import { useCallback as useCallback6, useEffect as useEffect6, useMemo as useMemo5, useState as useState9 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect7, useMemo as useMemo5, useState as useState9 } from "react";
 import { useHook as useHook7 } from "@hook-sdk/sdk";
 var MIN_PASSWORD3 = 12;
 function useResetForm() {
@@ -1990,7 +2017,7 @@ function useResetForm() {
   const [submitting, setSubmitting] = useState9(false);
   const [done, setDone] = useState9(false);
   const [error, setError] = useState9(null);
-  useEffect6(() => {
+  useEffect7(() => {
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
     const t = params.get("token");
@@ -2148,9 +2175,9 @@ import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs19 } from "react/jsx-r
 var BACKOFF_MS = [2e3, 5e3, 1e4, 2e4, 4e4];
 function PaymentReturnHandler({ children }) {
   const { subscription } = useHook8();
-  const subRef = useRef2(subscription);
+  const subRef = useRef3(subscription);
   subRef.current = subscription;
-  const runIdRef = useRef2(0);
+  const runIdRef = useRef3(0);
   const [state, setState] = useState11("idle");
   const runPoll = useCallback7(() => {
     const runId = ++runIdRef.current;
@@ -2181,7 +2208,7 @@ function PaymentReturnHandler({ children }) {
     };
     void tick();
   }, []);
-  useEffect7(() => {
+  useEffect8(() => {
     if (typeof window === "undefined") return;
     const url = new URL(window.location.href);
     if (url.searchParams.get("paymentReturn") !== "1") return;
@@ -2255,7 +2282,7 @@ function AppRoot({
 }
 
 // src/hooks/usePush.ts
-import { useCallback as useCallback8, useEffect as useEffect8, useState as useState12 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect9, useState as useState12 } from "react";
 import { useHook as useHook9 } from "@hook-sdk/sdk";
 function detectIosNeedsInstall() {
   if (typeof navigator === "undefined" || typeof window === "undefined") return false;
@@ -2284,7 +2311,7 @@ function deriveState(push) {
 function usePush() {
   const { push } = useHook9();
   const [state, setState] = useState12(() => deriveState(push));
-  useEffect8(() => {
+  useEffect9(() => {
     setState(deriveState(push));
   }, [push]);
   const subscribe = useCallback8(async () => {
@@ -2400,12 +2427,12 @@ function discountPercent(anchorCents, realCents) {
 }
 
 // src/hooks/useAuthPrimitives.ts
-import { useEffect as useEffect9 } from "react";
+import { useEffect as useEffect10 } from "react";
 import { useHook as useHook11 } from "@hook-sdk/sdk";
 var warned = false;
 function useAuthPrimitives() {
   const { auth } = useHook11();
-  useEffect9(() => {
+  useEffect10(() => {
     if (!warned && process.env.NODE_ENV !== "production") {
       warned = true;
       console.warn(
@@ -2436,7 +2463,7 @@ function useSubscription() {
 }
 
 // src/hooks/useReminders.ts
-import { useCallback as useCallback9, useEffect as useEffect10, useState as useState13 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect11, useState as useState13 } from "react";
 import { useHook as useHook13 } from "@hook-sdk/sdk";
 function useReminders() {
   const { push } = useHook13();
@@ -2452,7 +2479,7 @@ function useReminders() {
       setLoading(false);
     }
   }, [r]);
-  useEffect10(() => {
+  useEffect11(() => {
     void reload();
   }, [reload]);
   const setReminder = useCallback9(async (input) => {