feat: Add silentRedirectUri option. (#528)

Co-authored-by: Doug Swain <doug.swain@honeywell.com>

src/AuthContext.tsx

@@ -39,6 +39,7 @@ export const initUserManager = (props: AuthProviderProps): UserManager => {
     clientId,
     clientSecret,
     redirectUri,
+    silentRedirectUri,
     postLogoutRedirectUri,
     responseType,
     scope,
@@ -53,7 +54,7 @@ export const initUserManager = (props: AuthProviderProps): UserManager => {
     client_id: clientId,
     client_secret: clientSecret,
     redirect_uri: redirectUri,
-    silent_redirect_uri: redirectUri,
+    silent_redirect_uri: silentRedirectUri || redirectUri,
     post_logout_redirect_uri: postLogoutRedirectUri || redirectUri,
     response_type: responseType || 'code',
     scope: scope || 'openid',

src/AuthContextInterface.ts

@@ -44,6 +44,10 @@ export interface AuthProviderProps {
    * The redirect URI of your client application to receive a response from the OIDC/OAuth2 provider.
    */
   redirectUri?: string;
+  /**
+   * The redirect URI of your client application to receive a response from the OIDC/OAuth2 provider when completing a background sign-in refresh.
+   */
+  silentRedirectUri?: string;
   /**
    * The post-logout redirect URI of your client application which your OIDC/OAuth2 provider can redirect to after completing logout.
    */

src/__tests__/AuthContext.test.tsx

@@ -126,6 +126,31 @@ describe('AuthContext', () => {
       expect.objectContaining({ post_logout_redirect_uri: 'http://127.0.0.1'})
     ));
   });
+  it('should use silent redirect URI when given', async () => {
+    render(
+      <AuthProvider
+        authority="http://127.0.0.1"
+        clientId="client-id-test"
+        redirectUri="http://127.0.0.1"
+        silentRedirectUri="https://localhost"
+      />,
+    );
+    await waitFor(() => expect(UserManager).toHaveBeenLastCalledWith(
+      expect.objectContaining({ silent_redirect_uri: 'https://localhost'})
+    ));
+  });
+  it('should fall back to redirectUri when silent redirect URI is not given', async () => {
+    render(
+      <AuthProvider
+        authority="http://127.0.0.1"
+        clientId="client-id-test"
+        redirectUri="http://127.0.0.1"
+      />,
+    );
+    await waitFor(() => expect(UserManager).toHaveBeenLastCalledWith(
+      expect.objectContaining({ silent_redirect_uri: 'http://127.0.0.1'})
+    ));
+  });
 
   it('should get userData', async () => {
     await act(async () => {