Merge pull request #282 from auth0/feat/add-auth-params-for-fetcher

feat(core,react): add auth params to custom fetcher

Author: NaveenChand755

packages/core/src/api/api-utils.ts

@@ -4,7 +4,7 @@
  * @internal
  */
 
-import type { FetcherSupplier, SpaAuthConfig } from '../auth/auth-types';
+import type { FetcherAuthParams, FetcherSupplier, SpaAuthConfig } from '../auth/auth-types';
 
 import { ContentType, HeaderName } from './http-constants';
 
@@ -18,16 +18,22 @@ export const AUTH0_SCOPE_HEADER = HeaderName.Auth0Scope;
  * @internal
  */
 export function createProxyFetcher(
-  customFetcher?: (url: string, init?: RequestInit) => Promise<Response>,
+  customFetcher?: (
+    url: string,
+    init?: RequestInit,
+    authParams?: FetcherAuthParams,
+  ) => Promise<Response>,
 ): FetcherSupplier {
-  const fetchFn = customFetcher ?? fetch;
   return async (url, init, authParams) => {
     const headers = new Headers(init?.headers);
     headers.set(HeaderName.ContentType, ContentType.JSON);
     if (authParams?.scope?.length) {
       headers.set(HeaderName.Auth0Scope, authParams.scope.join(' '));
     }
-    return fetchFn(url, { ...init, headers });
+    if (customFetcher) {
+      return customFetcher(url, { ...init, headers }, authParams);
+    }
+    return fetch(url, { ...init, headers });
   };
 }
 

packages/core/src/auth/auth-types.ts

@@ -133,7 +133,7 @@ export interface AuthDetails {
   domain?: string | undefined;
   authProxyUrl?: string | undefined;
   contextInterface?: BasicAuth0ContextInterface | undefined;
-  fetcher?: (url: string, init?: RequestInit) => Promise<Response>;
+  fetcher?: (url: string, init?: RequestInit, authParams?: FetcherAuthParams) => Promise<Response>;
   previewMode?: boolean; // For docs - skip API client initialization
 }
 

packages/core/src/index.ts

@@ -18,7 +18,12 @@ export * from './api';
 
 export { createCoreClient } from './auth/core-client';
 
-export { AuthDetails, CoreClientInterface, BasicAuth0ContextInterface } from './auth/auth-types';
+export {
+  AuthDetails,
+  CoreClientInterface,
+  BasicAuth0ContextInterface,
+  FetcherAuthParams,
+} from './auth/auth-types';
 
 export * from './schemas';
 

packages/react/src/types/auth-types.ts

@@ -3,7 +3,7 @@
  * @module auth-types
  */
 
-import type { AuthDetails } from '@auth0/universal-components-core';
+import type { AuthDetails, FetcherAuthParams } from '@auth0/universal-components-core';
 import type * as React from 'react';
 
 import type { QueryCacheConfig } from '@/types/cache-types';
@@ -23,7 +23,11 @@ export type Auth0ComponentProviderProps = (
       domain: string;
       proxyConfig: {
         baseUrl: string;
-        fetcher?: (url: string, init?: RequestInit) => Promise<Response>;
+        fetcher?: (
+          url: string,
+          init?: RequestInit,
+          authParams?: FetcherAuthParams,
+        ) => Promise<Response>;
       };
     }
 ) & {