azirid-react 0.9.8 → 0.10.0

package/dist/index.d.cts

@@ -738,9 +738,8 @@ declare global {
  * Internal widget renderer — loads Payphone SDK and mounts PPaymentButtonBox.
  * Used by usePayphoneCheckout, usePayButton hooks and PayphoneModal component.
  */
-declare function PayphoneWidgetRenderer({ config, responseUrl, containerId, onReady, onError, }: {
+declare function PayphoneWidgetRenderer({ config, containerId, onReady, onError, }: {
     config: PayphoneWidgetConfig;
-    responseUrl: string;
     containerId: string;
     onReady?: () => void;
     onError?: (error: Error) => void;
@@ -1952,7 +1951,6 @@ interface TransferModalProps {
 
 interface PayphoneModalProps {
     config: PayphoneWidgetConfig;
-    successUrl: string;
     onClose: () => void;
 }
 

package/dist/index.d.ts

@@ -738,9 +738,8 @@ declare global {
  * Internal widget renderer — loads Payphone SDK and mounts PPaymentButtonBox.
  * Used by usePayphoneCheckout, usePayButton hooks and PayphoneModal component.
  */
-declare function PayphoneWidgetRenderer({ config, responseUrl, containerId, onReady, onError, }: {
+declare function PayphoneWidgetRenderer({ config, containerId, onReady, onError, }: {
     config: PayphoneWidgetConfig;
-    responseUrl: string;
     containerId: string;
     onReady?: () => void;
     onError?: (error: Error) => void;
@@ -1952,7 +1951,6 @@ interface TransferModalProps {
 
 interface PayphoneModalProps {
     config: PayphoneWidgetConfig;
-    successUrl: string;
     onClose: () => void;
 }
 

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;
@@ -2295,7 +2363,6 @@ function loadPayphoneSdk() {
 }
 function PayphoneWidgetRenderer({
   config,
-  responseUrl,
   containerId,
   onReady,
   onError
@@ -2317,18 +2384,17 @@ function PayphoneWidgetRenderer({
           amountWithoutTax: config.amountWithoutTax,
           currency: config.currency,
           storeId: config.storeId,
-          reference: config.reference,
-          responseUrl
+          reference: config.reference
         }).render(containerId);
         onReady?.();
       });
     }).catch((err) => {
       onError?.(new Error(err instanceof Error ? err.message : "Failed to load Payphone SDK"));
     });
-  }, [config, responseUrl, containerId, onReady, onError]);
+  }, [config, containerId, onReady, onError]);
   return /* @__PURE__ */ jsx("div", { id: containerId });
 }
-function PayphoneModal({ config, successUrl, onClose }) {
+function PayphoneModal({ config, onClose }) {
   const [error, setError] = useState(null);
   return /* @__PURE__ */ jsx("div", { style: overlayStyle, onClick: onClose, children: /* @__PURE__ */ jsxs("div", { style: cardStyle, onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsx("h2", { style: titleStyle, children: "Payphone" }),
@@ -2337,7 +2403,6 @@ function PayphoneModal({ config, successUrl, onClose }) {
       PayphoneWidgetRenderer,
       {
         config,
-        responseUrl: successUrl,
         containerId: "pp-button-azirid",
         onError: (err) => setError(err.message)
       }
@@ -2862,7 +2927,6 @@ function PricingTable({
       PayphoneModal,
       {
         config: payphoneData.widgetConfig,
-        successUrl,
         onClose: () => setPayphoneData(null)
       }
     )
@@ -2942,7 +3006,6 @@ function usePayButton({
   const [payphoneConfig, setPayphoneConfig] = useState(null);
   const [currentError, setCurrentError] = useState(null);
   const payphoneConfirmTriggered = useRef(false);
-  const responseUrl = typeof window !== "undefined" ? window.location.href.split("?")[0] : "";
   const params = typeof window !== "undefined" ? new URLSearchParams(window.location.search) : new URLSearchParams();
   const callbackId = params.get("id");
   const callbackClientTxId = params.get("clientTransactionId");
@@ -2993,15 +3056,16 @@ function usePayButton({
       setSelectedProvider(provider);
       setStatus("processing");
       setCurrentError(null);
+      const currentUrl = typeof window !== "undefined" ? window.location.href.split("?")[0] : "";
       doCheckout({
         intentId,
         planId,
         provider,
-        successUrl: responseUrl,
-        cancelUrl: responseUrl
+        successUrl: currentUrl,
+        cancelUrl: currentUrl
       });
     },
-    [doCheckout, intentId, planId, responseUrl]
+    [doCheckout, intentId, planId]
   );
   const { mutate: confirmPayphone } = usePayphoneConfirm({
     onSuccess: (data) => {
@@ -3148,12 +3212,11 @@ function usePayButton({
       if (!payphoneConfig || isPayphoneCallback) return null;
       return PayphoneWidgetRenderer({
         config: payphoneConfig,
-        responseUrl,
         containerId: PP_CONTAINER_ID,
         onError: handleSdkError
       });
     };
-  }, [payphoneConfig, responseUrl, isPayphoneCallback, handleSdkError]);
+  }, [payphoneConfig, isPayphoneCallback, handleSdkError]);
   return {
     providers,
     checkout,
@@ -3452,7 +3515,6 @@ function PayButton({
       PayphoneModal,
       {
         config: checkoutData.widgetConfig,
-        successUrl,
         onClose: () => {
           onSuccess?.(checkoutData);
         }
@@ -3976,7 +4038,6 @@ function usePayphoneCheckout({
   const [currentError, setCurrentError] = useState(null);
   const checkoutTriggered = useRef(false);
   const confirmTriggered = useRef(false);
-  const responseUrl = typeof window !== "undefined" ? window.location.href.split("?")[0] : "";
   const params = typeof window !== "undefined" ? new URLSearchParams(window.location.search) : new URLSearchParams();
   const callbackId = params.get("id");
   const callbackClientTxId = params.get("clientTransactionId");
@@ -4002,10 +4063,10 @@ function usePayphoneCheckout({
     checkout({
       intentId,
       provider: "PAYPHONE",
-      successUrl: responseUrl,
-      cancelUrl: responseUrl
+      successUrl: window.location.href,
+      cancelUrl: window.location.href
     });
-  }, [checkout, intentId, responseUrl, isCallback]);
+  }, [checkout, intentId, isCallback]);
   const { mutate: confirm } = usePayphoneConfirm({
     onSuccess: (data) => {
       setStatus(data.status === "confirmed" || data.status === "already_confirmed" ? "confirmed" : "cancelled");
@@ -4036,12 +4097,11 @@ function usePayphoneCheckout({
       if (!widgetConfig || isCallback) return null;
       return PayphoneWidgetRenderer({
         config: widgetConfig,
-        responseUrl,
         containerId: CONTAINER_ID,
         onError: handleSdkError
       });
     };
-  }, [widgetConfig, responseUrl, isCallback, handleSdkError]);
+  }, [widgetConfig, isCallback, handleSdkError]);
   return { PayphoneWidget, status, intentId, error: currentError };
 }
 function useTransferPayment({
@@ -4281,7 +4341,7 @@ function usePasswordToggle() {
 }
 
 // src/index.ts
-var SDK_VERSION = "0.9.8";
+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