@dexterai/x402 1.5.2 → 1.5.3

package/dist/react/index.cjs

@@ -1066,13 +1066,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] = (0, import_react2.useState)(null);
   const [customRatePerHour, setCustomRatePerHour] = (0, import_react2.useState)(null);
   const [isLoadingTiers, setIsLoadingTiers] = (0, import_react2.useState)(false);
-  const [passJwt, setPassJwt] = (0, import_react2.useState)(null);
-  const [passInfo, setPassInfo] = (0, import_react2.useState)(null);
+  const [passJwt, setPassJwt] = (0, import_react2.useState)(persisted?.jwt || null);
+  const [passInfo, setPassInfo] = (0, import_react2.useState)(
+    persisted ? { tier: persisted.tier, expiresAt: persisted.expiresAt } : null
+  );
   const [isPurchasing, setIsPurchasing] = (0, import_react2.useState)(false);
   const [purchaseError, setPurchaseError] = (0, import_react2.useState)(null);
+  const passJwtRef = (0, import_react2.useRef)(passJwt);
+  (0, import_react2.useEffect)(() => {
+    passJwtRef.current = passJwt;
+  }, [passJwt]);
   const log = (0, import_react2.useCallback)((...args) => {
     if (verbose) console.log("[useAccessPass]", ...args);
   }, [verbose]);
@@ -1139,27 +1169,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 (${jwt.slice(0, 20)}...)` : "NOT FOUND");
-      log("Response status:", res.status, "headers:", [...res.headers.entries()].map(([k, v]) => `${k}: ${v.slice(0, 30)}`).join(", "));
+      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));
@@ -1171,17 +1205,33 @@ function useAccessPass(config) {
   }, [resourceUrl, client, log]);
   const fetchWithPass = (0, import_react2.useCallback)(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,