DT-2845: Expressly handle AzureB2C errors

cypress/component/SignIn/SignInButton.spec.tsx

@@ -129,4 +129,17 @@ describe('Sign In: Component Loads', function () {
     cy.mount(<BrowserRouter><SignInButton /></BrowserRouter>)
     cy.get('button').should('exist').and('be.disabled')
   })
+
+  it('Sign In: Handles AzureB2C authentication error', function () {
+    cy.stub(Auth, 'signIn').resolves(mockOidcUser)
+    cy.stub(Auth, 'signOut').as('signOut').resolves()
+    const azureError = new Error('AzureB2C authentication error')
+    cy.stub(User, 'getMe').rejects(azureError)
+
+    cy.mount(<BrowserRouter><SignInButton /></BrowserRouter>)
+    cy.get('button').click()
+
+    cy.get('@signOut').should('have.been.called')
+    cy.contains('AzureB2C authentication error').should('exist')
+  })
 })

src/components/SignInButton.tsx

@@ -15,6 +15,7 @@ import { DuosUser } from 'src/types/model'
 import { ServiceStatus } from 'src/libs/ajax/ServiceStatus'
 import 'src/styles/tooltip.css'
 import { useNavigate } from 'react-router-dom'
+import { extractError } from 'src/utils/ErrorUtils'
 
 interface ErrorInfo {
   title?: string
@@ -79,8 +80,16 @@ export const SignInButton = () => {
         await handleRegistration(redirectTo, shouldRedirect)
       }
     }
-    catch (_error) {
-      await handleRegistration(redirectTo, shouldRedirect)
+    catch (error) {
+      // Explicitly handle AzureB2C errors from Sam
+      const errorMessage = extractError(error)
+      if (errorMessage.toLowerCase().includes('azureb2c authentication error')) {
+        await Auth.signOut()
+        setErrorDisplay({ show: true, title: 'Error', description: errorMessage })
+      }
+      else {
+        await handleRegistration(redirectTo, shouldRedirect)
+      }
     }
   }