@hook-sdk/template 0.19.0 → 0.20.0

package/dist/index.cjs

@@ -352,7 +352,7 @@ var FALLBACK_PAYWALL = {
 };
 var isMethodAvailable = (availability, method) => availability[method] !== false;
 function usePaywallState() {
-  const { subscription, plan } = (0, import_sdk3.useHook)();
+  const { subscription, plan, authStatus, track: track2 } = (0, import_sdk3.useHook)();
   const configFromCtx = (0, import_react6.useContext)(AppConfigContext);
   const paywall = configFromCtx?.paywall ?? FALLBACK_PAYWALL;
   const isFree = paywall.mode === "free";
@@ -441,6 +441,21 @@ function usePaywallState() {
     [useDefaultMessages]
   );
   const submit = (0, import_react6.useCallback)(async () => {
+    if (authStatus === "loading") return void 0;
+    if (authStatus !== "authenticated") {
+      track2("unauthenticated_submit_attempted", {
+        method: selectedMethod,
+        cycle,
+        cpf_valid: cpfValid
+      });
+      return void 0;
+    }
+    track2("payment_attempted", {
+      method: selectedMethod,
+      cycle,
+      cpf_valid: cpfValid,
+      selected_amount_cents: cycle === "YEARLY" ? plan.data?.yearlyPriceCents ?? (isFree ? 0 : paywall.prices.yearlyCents) : plan.data?.priceCents ?? (isFree ? 0 : paywall.prices.monthlyCents)
+    });
     setSubmitting(true);
     setError(null);
     const methodToUse = selectedMethod;
@@ -501,7 +516,7 @@ function usePaywallState() {
       setSubmitting(false);
       return void 0;
     }
-  }, [selectedMethod, availability, subscription, cycle, cpf, card, buildError]);
+  }, [authStatus, track2, selectedMethod, availability, subscription, cycle, cpf, cpfValid, card, buildError, plan, paywall]);
   const checkout = (0, import_react6.useCallback)(
     async (args) => {
       setSubmitting(true);
@@ -2099,15 +2114,21 @@ var BACKOFF_MS = [2e3, 5e3, 1e4, 2e4, 4e4];
 var MAX_CYCLES = 3;
 var SUPPORT_MAILTO = "mailto:suporte@usehook.net?subject=Pagamento%20pendente";
 function PaymentReturnHandler({ children }) {
-  const { subscription } = (0, import_sdk6.useHook)();
+  const { subscription, track: track2 } = (0, import_sdk6.useHook)();
   const subRef = (0, import_react13.useRef)(subscription);
   subRef.current = subscription;
   const runIdRef = (0, import_react13.useRef)(0);
   const cyclesRef = (0, import_react13.useRef)(0);
+  const startMsRef = (0, import_react13.useRef)(0);
   const [state, setState] = (0, import_react13.useState)("idle");
   const runPoll = (0, import_react13.useCallback)(() => {
     const runId = ++runIdRef.current;
+    const isFirstRun = cyclesRef.current === 0;
     cyclesRef.current += 1;
+    if (isFirstRun) {
+      startMsRef.current = Date.now();
+      track2("payment_confirmation_started", {});
+    }
     setState("confirming");
     let attempts = 0;
     const tick = async () => {
@@ -2120,6 +2141,11 @@ function PaymentReturnHandler({ children }) {
       if (runIdRef.current !== runId) return;
       const status = subRef.current.status();
       if (status === "active" || status === "trialing") {
+        track2("payment_confirmation_succeeded", {
+          cycle_count: cyclesRef.current,
+          attempt_count: attempts,
+          duration_ms: Date.now() - startMsRef.current
+        });
         const cleanUrl = new URL(window.location.href);
         cleanUrl.searchParams.delete("paymentReturn");
         window.history.replaceState({}, "", cleanUrl.toString());
@@ -2130,6 +2156,9 @@ function PaymentReturnHandler({ children }) {
       const delay = BACKOFF_MS[attempts - 1];
       if (delay === void 0) {
         if (cyclesRef.current >= MAX_CYCLES) {
+          track2("payment_confirmation_timed_out", {
+            total_duration_ms: Date.now() - startMsRef.current
+          });
           setState("timeout");
         } else {
           setState("waiting");
@@ -2139,7 +2168,7 @@ function PaymentReturnHandler({ children }) {
       setTimeout(tick, delay);
     };
     void tick();
-  }, []);
+  }, [track2]);
   (0, import_react13.useEffect)(() => {
     if (typeof window === "undefined") return;
     const url = new URL(window.location.href);
@@ -2482,27 +2511,11 @@ function usePush() {
 
 // src/components/PushPrompt.tsx
 var import_jsx_runtime22 = require("react/jsx-runtime");
-function platformRecoveryCopy(texts) {
-  if (typeof navigator === "undefined") return null;
-  const ua = navigator.userAgent || "";
-  const platform = detectPlatform(ua);
-  switch (platform) {
-    case "ios-safari":
-    case "ios-other":
-      return texts.deniedRecoveryIos ?? null;
-    case "android":
-      return texts.deniedRecoveryAndroid ?? null;
-    case "desktop":
-      return texts.deniedRecoveryDesktop ?? null;
-    case "in-app":
-      return texts.deniedRecoveryInApp ?? null;
-    default:
-      return null;
-  }
-}
 function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, className }) {
   const { state, subscribe } = usePush();
-  if (state.kind === "subscribed" || state.kind === "dismissed") return null;
+  if (state.kind === "denied" || state.kind === "dismissed" || state.kind === "subscribed") {
+    return null;
+  }
   if (state.kind === "ios_needs_install") {
     return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className, role: "region", "aria-label": texts.iosInstallTitle, children: [
       /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h3", { children: texts.iosInstallTitle }),
@@ -2510,14 +2523,6 @@ function PushPrompt2({ texts, onSubscribed, onDeclined, onInstallRequested, clas
       onInstallRequested && texts.iosInstallCta && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", { onClick: onInstallRequested, children: texts.iosInstallCta })
     ] });
   }
-  if (state.kind === "denied") {
-    const recovery = platformRecoveryCopy(texts);
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className, role: "region", "aria-label": texts.deniedTitle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h3", { children: texts.deniedTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { children: texts.deniedBody }),
-      recovery && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { "data-testid": "denied-recovery", children: recovery })
-    ] });
-  }
   if (state.kind === "unsupported") {
     return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className, role: "region", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { children: texts.unsupportedBody }) });
   }