@clerk/shared 4.7.0-snapshot.v20260413190318 → 4.7.0

package/dist/runtime/react/index.mjs

@@ -767,6 +767,21 @@ function useUserBase() {
 
 //#endregion
 //#region src/react/hooks/useOAuthConsent.shared.ts
+/**
+* Parses OAuth authorize-style query data from a search string (typically `window.location.search`).
+*
+* @internal
+*/
+function readOAuthConsentFromSearch(search) {
+	const sp = new URLSearchParams(search);
+	const oauthClientId = sp.get("client_id") ?? "";
+	const scopeValue = sp.get("scope");
+	if (scopeValue === null) return { oauthClientId };
+	return {
+		oauthClientId,
+		scope: scopeValue
+	};
+}
 function useOAuthConsentCacheKeys(params) {
 	const { userId, oauthClientId, scope } = params;
 	return useMemo(() => {
@@ -793,13 +808,26 @@ const HOOK_NAME$2 = "useOAuthConsent";
 * (`GET /me/oauth/consent/{oauthClientId}`). Ensure the user is authenticated before relying on this hook
 * (for example, redirect to sign-in on your custom consent route).
 *
-* The hook is a pure data fetcher: it takes an explicit `oauthClientId` and optional `scope` and
-* issues the fetch when both the user is signed in and `oauthClientId` is non-empty. The query is
-* disabled when `oauthClientId` is empty or omitted.
+* `oauthClientId` and `scope` are optional. On the client, values default from a single snapshot of
+* `window.location.search` (`client_id` and `scope`). Pass them explicitly to override.
 *
 * @internal
 *
 * @example
+* ### From the URL (`?client_id=...&scope=...`)
+*
+* ```tsx
+* import { useOAuthConsent } from '@clerk/react/internal'
+*
+* export default function OAuthConsentPage() {
+*   const { data, isLoading, error } = useOAuthConsent()
+*   // ...
+* }
+* ```
+*
+* @example
+* ### Explicit values (override URL)
+*
 * ```tsx
 * import { useOAuthConsent } from '@clerk/react/internal'
 *
@@ -811,10 +839,15 @@ const HOOK_NAME$2 = "useOAuthConsent";
 */
 function useOAuthConsent(params = {}) {
 	useAssertWrappedByClerkProvider(HOOK_NAME$2);
-	const { oauthClientId: oauthClientIdParam, scope, keepPreviousData = true, enabled = true } = params;
+	const { oauthClientId: oauthClientIdParam, scope: scopeParam, keepPreviousData = true, enabled = true } = params;
 	const clerk = useClerkInstanceContext();
 	const user = useUserBase();
-	const oauthClientId = (oauthClientIdParam ?? "").trim();
+	const fromUrl = useMemo(() => {
+		if (typeof window === "undefined" || !window.location) return { oauthClientId: "" };
+		return readOAuthConsentFromSearch(window.location.search);
+	}, []);
+	const oauthClientId = (oauthClientIdParam !== void 0 ? oauthClientIdParam : fromUrl.oauthClientId).trim();
+	const scope = scopeParam !== void 0 ? scopeParam : fromUrl.scope;
 	clerk.telemetry?.record(eventMethodCalled(HOOK_NAME$2));
 	const { queryKey } = useOAuthConsentCacheKeys({
 		userId: user?.id ?? null,