@zoreal/oauth2-react 0.2.22 → 0.2.23

package/dist/index.js

@@ -5,7 +5,7 @@ import { createContext, useContext, useMemo, useState as useState2 } from "react
 
 // src/wire.ts
 var WIRE_VERSION = 1;
-var SDK_VERSION = "0.2.22";
+var SDK_VERSION = "0.2.23";
 var DEFAULT_ISSUER = "https://id.zoreal.com";
 var POLL_INTERVAL_MS = 2e3;
 var POLL_INTERVAL_ENROLLING_MS = 5e3;
@@ -1749,6 +1749,30 @@ function markReturnDone(requestId) {
 function isReturnDone(requestId) {
   return storage()?.getItem(DONE + requestId) !== null && storage()?.getItem(DONE + requestId) !== void 0;
 }
+function visibleOrDone(requestId, signal) {
+  if (typeof document === "undefined" || document.visibilityState !== "hidden") {
+    return Promise.resolve(!isReturnDone(requestId));
+  }
+  return new Promise((resolve) => {
+    const finish = (value) => {
+      document.removeEventListener("visibilitychange", onVisible);
+      window.removeEventListener("storage", onStorage);
+      signal?.removeEventListener("abort", onAbort);
+      resolve(value);
+    };
+    const onVisible = () => {
+      if (document.visibilityState !== "hidden") finish(!isReturnDone(requestId));
+    };
+    const onStorage = () => {
+      if (isReturnDone(requestId)) finish(false);
+    };
+    const onAbort = () => finish(false);
+    document.addEventListener("visibilitychange", onVisible);
+    window.addEventListener("storage", onStorage);
+    signal?.addEventListener("abort", onAbort, { once: true });
+    if (isReturnDone(requestId)) finish(false);
+  });
+}
 function returnToUrl() {
   if (typeof window === "undefined") return void 0;
   const { href } = window.location;
@@ -2311,7 +2335,7 @@ function useZorealFlow(options) {
             controller.signal,
             { tolerateUnknownUntil: Date.now() + 15e3 }
           );
-          if (isReturnDone(requestId)) {
+          if (!await visibleOrDone(requestId, controller.signal)) {
             throw new DOMException("aborted", "AbortError");
           }
         } else {