@hook-sdk/template 0.7.1 → 0.7.3

package/dist/index.d.cts

@@ -273,6 +273,13 @@ interface PixPending {
     qrCodePayload: string | null;
     qrCodeBase64: string | null;
     expiresAt: string | null;
+    /**
+     * Flipa `true` quando o polling detecta subscription ACTIVE/TRIAL (webhook
+     * PAYMENT_RECEIVED ou AUTHORIZATION_ACTIVATED chegou). UI deve renderizar
+     * confirmação visual nesse momento; após 2-3s chama `dismissPix` pra
+     * limpar o modal e deixar SubscriptionGate liberar o app.
+     */
+    paid: boolean;
 }
 /**
  * Hook headless pro Paywall. Expõe status atual da subscription + ação

package/dist/index.d.ts

@@ -273,6 +273,13 @@ interface PixPending {
     qrCodePayload: string | null;
     qrCodeBase64: string | null;
     expiresAt: string | null;
+    /**
+     * Flipa `true` quando o polling detecta subscription ACTIVE/TRIAL (webhook
+     * PAYMENT_RECEIVED ou AUTHORIZATION_ACTIVATED chegou). UI deve renderizar
+     * confirmação visual nesse momento; após 2-3s chama `dismissPix` pra
+     * limpar o modal e deixar SubscriptionGate liberar o app.
+     */
+    paid: boolean;
 }
 /**
  * Hook headless pro Paywall. Expõe status atual da subscription + ação

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();
@@ -121,7 +121,8 @@ function usePaywallState() {
             method: "pix-auto",
             qrCodePayload: result.qrCodePayload,
             qrCodeBase64: result.qrCodeBase64,
-            expiresAt: null
+            expiresAt: null,
+            paid: false
           });
           setOpening(false);
           return;
@@ -132,7 +133,8 @@ function usePaywallState() {
             method: "pix-once",
             qrCodePayload: result.qrCodePayload,
             qrCodeBase64: result.qrCodeBase64,
-            expiresAt: result.expiresAt
+            expiresAt: result.expiresAt,
+            paid: false
           });
           setOpening(false);
           return;
@@ -153,6 +155,33 @@ function usePaywallState() {
     }
   }, [subscription]);
   const dismissPix = useCallback(() => setPixPending(null), []);
+  const subRef = useRef(subscription);
+  subRef.current = subscription;
+  useEffect2(() => {
+    if (!pixPending || pixPending.paid) 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((prev) => prev ? { ...prev, paid: true } : prev);
+          return;
+        }
+      } catch {
+      }
+      if (!cancelled) setTimeout(tick, 3e3);
+    };
+    setTimeout(tick, 3e3);
+    return () => {
+      cancelled = true;
+    };
+  }, [pixPending]);
   return {
     status,
     daysLeftInTrial,
@@ -184,13 +213,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 +233,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 +380,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 +404,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 +1449,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 +1664,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 +1686,7 @@ function stripErrorFromUrl() {
 }
 function OAuthErrorBanner() {
   const [code, setCode] = useState6(() => readErrorCode());
-  useEffect5(() => {
+  useEffect6(() => {
     if (code !== null) stripErrorFromUrl();
   }, [code]);
   if (!code) return null;
@@ -1979,7 +2008,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 +2019,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 +2177,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 +2210,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 +2284,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 +2313,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 +2429,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 +2465,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 +2481,7 @@ function useReminders() {
       setLoading(false);
     }
   }, [r]);
-  useEffect10(() => {
+  useEffect11(() => {
     void reload();
   }, [reload]);
   const setReminder = useCallback9(async (input) => {