azirid-react 0.9.9 → 0.10.0

package/dist/index.js

@@ -163,6 +163,31 @@ function createAccessClient(config, appContext) {
   let refreshToken = ssGet(storageKeyRt);
   let csrfToken = ssGet(storageKeyCsrf);
   let refreshPromise = null;
+  let channel = null;
+  try {
+    if (typeof BroadcastChannel !== "undefined") {
+      channel = new BroadcastChannel("azirid-auth");
+      channel.onmessage = (event) => {
+        if (event.data?.type === "token-refreshed") {
+          accessToken = event.data.accessToken;
+          if (event.data.refreshToken) setRefreshToken(event.data.refreshToken);
+          if (event.data.csrfToken) setCsrfToken(event.data.csrfToken);
+        }
+      };
+    }
+  } catch {
+  }
+  function broadcastTokens() {
+    try {
+      channel?.postMessage({
+        type: "token-refreshed",
+        accessToken,
+        refreshToken,
+        csrfToken
+      });
+    } catch {
+    }
+  }
   function setAccessToken(token) {
     accessToken = token;
   }
@@ -224,6 +249,7 @@ function createAccessClient(config, appContext) {
     const xc = json.xc ?? json.csrfToken;
     if (rt) setRefreshToken(rt);
     if (xc) setCsrfToken(xc);
+    broadcastTokens();
   }
   function refreshTokens(opts) {
     if (opts?.tenantId) {
@@ -773,6 +799,27 @@ function AziridProviderInner({
   }, [client, props.autoBootstrap, updateAccessToken, saveSessionTokens]);
   const silentRefresh = useCallback(async () => {
     if (!client.getAccessToken()) return;
+    if (typeof navigator !== "undefined" && "locks" in navigator) {
+      let acquired = false;
+      try {
+        await navigator.locks.request(
+          "azirid-token-refresh",
+          { ifAvailable: true },
+          async (lock) => {
+            if (!lock) return;
+            acquired = true;
+            await client.refreshSession();
+            updateAccessToken(client.getAccessToken());
+          }
+        );
+      } catch (err) {
+        if (acquired && isAuthError(err)) {
+          clearSession();
+          props.onSessionExpired?.();
+        }
+      }
+      return;
+    }
     try {
       await client.refreshSession();
       updateAccessToken(client.getAccessToken());
@@ -783,6 +830,27 @@ function AziridProviderInner({
       }
     }
   }, [client, updateAccessToken, clearSession, props]);
+  useEffect(() => {
+    let channel = null;
+    try {
+      if (typeof BroadcastChannel !== "undefined") {
+        channel = new BroadcastChannel("azirid-auth");
+        channel.onmessage = (event) => {
+          if (event.data?.type === "token-refreshed" && event.data.accessToken) {
+            client.setAccessToken(event.data.accessToken);
+            updateAccessToken(event.data.accessToken);
+          }
+        };
+      }
+    } catch {
+    }
+    return () => {
+      try {
+        channel?.close();
+      } catch {
+      }
+    };
+  }, [client, updateAccessToken]);
   useEffect(() => {
     const intervalMs = props.refreshInterval ?? 5e4;
     if (intervalMs <= 0) return;
@@ -4273,7 +4341,7 @@ function usePasswordToggle() {
 }
 
 // src/index.ts
-var SDK_VERSION = "0.9.9";
+var SDK_VERSION = "0.10.0";
 
 export { AuthForm, AziridProvider, BASE_PATHS, CheckoutButton, ForgotPasswordForm, InvoiceList, LoginForm, PATHS, PayButton, PayphoneCallback, PayphoneWidgetRenderer, PricingTable, ReferralCard, ReferralStats, ResetPasswordForm, SDK_VERSION, SignupForm, SubscriptionBadge, buildPaths, changePasswordSchema, cn, createAccessClient, createForgotPasswordSchema, createLoginSchema, createMutationHook, createResetPasswordConfirmSchema, createSignupSchema, en, es, forgotPasswordSchema, isAuthError, loginSchema, magicLinkRequestSchema, magicLinkVerifySchema, passkeyRegisterStartSchema, removeStyles, resetPasswordConfirmSchema, resolveMessages, signupSchema, socialLoginSchema, useAccessClient, useAzirid, useBootstrap, useBranding, useChangePassword, useCheckout, useFormState, useInvoices, useLogin, useLogout, useMagicLink, useMessages, usePasskeys, usePasswordReset, usePasswordToggle, usePayButton, usePaymentProviders, usePayphoneCheckout, usePayphoneConfirm, usePlans, useReferral, useReferralStats, useRefresh, useSession, useSignup, useSocialLogin, useSubmitTransferProof, useSubscription, useSwitchTenant, useTenantMembers, useTenants, useTransferPayment, useTransferProofs };
 //# sourceMappingURL=index.js.map