@dexterai/x402 1.5.1 → 1.5.3

package/dist/react/index.js

@@ -613,19 +613,11 @@ function createX402Client(config) {
       return null;
     }
     const accessPassJwt = passResponse.headers.get("ACCESS-PASS");
-    if (!accessPassJwt) {
-      return passResponse;
+    if (accessPassJwt) {
+      cachePass(url, accessPassJwt);
+      log("Access pass purchased and cached");
     }
-    cachePass(url, accessPassJwt);
-    log("Access pass purchased and cached");
-    const retryResponse = await customFetch(input, {
-      ...init,
-      headers: {
-        ...init?.headers || {},
-        "Authorization": `Bearer ${accessPassJwt}`
-      }
-    });
-    return retryResponse;
+    return passResponse;
   }
   async function x402Fetch(input, init) {
     const url = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
@@ -1050,7 +1042,7 @@ function useX402Payment(config) {
 }
 
 // src/react/useAccessPass.ts
-import { useState as useState2, useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2 } from "react";
+import { useState as useState2, useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2, useRef } from "react";
 function useAccessPass(config) {
   const {
     wallets: walletSet,
@@ -1061,13 +1053,43 @@ function useAccessPass(config) {
     autoConnect = true,
     verbose = false
   } = config;
+  const storageKey = `x402-access-pass:${resourceUrl}`;
+  function loadPersistedPass() {
+    if (typeof sessionStorage === "undefined") return null;
+    try {
+      const stored = sessionStorage.getItem(storageKey);
+      if (!stored) return null;
+      const parsed = JSON.parse(stored);
+      if (new Date(parsed.expiresAt).getTime() <= Date.now()) {
+        sessionStorage.removeItem(storageKey);
+        return null;
+      }
+      return parsed;
+    } catch {
+      return null;
+    }
+  }
+  function persistPass(jwt, tier, expiresAt) {
+    if (typeof sessionStorage === "undefined") return;
+    try {
+      sessionStorage.setItem(storageKey, JSON.stringify({ jwt, tier, expiresAt }));
+    } catch {
+    }
+  }
+  const persisted = loadPersistedPass();
   const [tiers, setTiers] = useState2(null);
   const [customRatePerHour, setCustomRatePerHour] = useState2(null);
   const [isLoadingTiers, setIsLoadingTiers] = useState2(false);
-  const [passJwt, setPassJwt] = useState2(null);
-  const [passInfo, setPassInfo] = useState2(null);
+  const [passJwt, setPassJwt] = useState2(persisted?.jwt || null);
+  const [passInfo, setPassInfo] = useState2(
+    persisted ? { tier: persisted.tier, expiresAt: persisted.expiresAt } : null
+  );
   const [isPurchasing, setIsPurchasing] = useState2(false);
   const [purchaseError, setPurchaseError] = useState2(null);
+  const passJwtRef = useRef(passJwt);
+  useEffect2(() => {
+    passJwtRef.current = passJwt;
+  }, [passJwt]);
   const log = useCallback2((...args) => {
     if (verbose) console.log("[useAccessPass]", ...args);
   }, [verbose]);
@@ -1134,25 +1156,31 @@ function useAccessPass(config) {
       else if (durationSeconds) url += (url.includes("?") ? "&" : "?") + `duration=${durationSeconds}`;
       const res = await client.fetch(url, { method: "POST" });
       const jwt = res.headers.get("ACCESS-PASS");
+      log("ACCESS-PASS header:", jwt ? "found" : "NOT FOUND");
       if (jwt) {
         setPassJwt(jwt);
+        let passTier = tier || "unknown";
+        let passExpiresAt = "";
         try {
           const body = await res.json();
-          setPassInfo({
-            tier: body.accessPass?.tier || tier || "unknown",
-            expiresAt: body.accessPass?.expiresAt || ""
-          });
+          passTier = body.accessPass?.tier || passTier;
+          passExpiresAt = body.accessPass?.expiresAt || "";
         } catch {
-          const parts = jwt.split(".");
-          if (parts.length === 3) {
-            const payload = JSON.parse(atob(parts[1].replace(/-/g, "+").replace(/_/g, "/")));
-            setPassInfo({
-              tier: payload.tier || tier || "unknown",
-              expiresAt: new Date(payload.exp * 1e3).toISOString()
-            });
+        }
+        if (!passExpiresAt) {
+          try {
+            const parts = jwt.split(".");
+            if (parts.length === 3) {
+              const payload = JSON.parse(atob(parts[1].replace(/-/g, "+").replace(/_/g, "/")));
+              passTier = payload.tier || passTier;
+              passExpiresAt = new Date(payload.exp * 1e3).toISOString();
+            }
+          } catch {
           }
         }
-        log("Pass purchased:", tier);
+        setPassInfo({ tier: passTier, expiresAt: passExpiresAt });
+        persistPass(jwt, passTier, passExpiresAt);
+        log("Pass purchased and persisted:", passTier, passExpiresAt);
       }
     } catch (err) {
       const error = err instanceof Error ? err : new Error(String(err));
@@ -1164,17 +1192,33 @@ function useAccessPass(config) {
   }, [resourceUrl, client, log]);
   const fetchWithPass = useCallback2(async (path, init) => {
     const url = path.startsWith("http") ? path : `${resourceUrl.replace(/\/$/, "")}${path.startsWith("/") ? "" : "/"}${path}`;
-    if (isPassValid && pass) {
-      return fetch(url, {
-        ...init,
-        headers: {
-          ...init?.headers || {},
-          "Authorization": `Bearer ${pass.jwt}`
+    const currentJwt = passJwtRef.current;
+    if (currentJwt) {
+      try {
+        const parts = currentJwt.split(".");
+        if (parts.length === 3) {
+          const payload = JSON.parse(atob(parts[1].replace(/-/g, "+").replace(/_/g, "/")));
+          if (payload.exp && payload.exp > Date.now() / 1e3) {
+            return fetch(url, {
+              ...init,
+              headers: {
+                ...init?.headers || {},
+                "Authorization": `Bearer ${currentJwt}`
+              }
+            });
+          }
         }
-      });
+      } catch {
+      }
+      setPassJwt(null);
+      setPassInfo(null);
+      try {
+        sessionStorage.removeItem(storageKey);
+      } catch {
+      }
     }
     return client.fetch(url, init);
-  }, [resourceUrl, isPassValid, pass, client]);
+  }, [resourceUrl, client, storageKey]);
   return {
     tiers,
     customRatePerHour,