fix(angular): stop auth actor when destroying AuthenticatorService (#…

…6333)

* fix(angular): stop interpreter when destroying AuthenticatorService

* chore: add changeset

* test(angular): in AuthenticatorService, ensure underlying auth actor is closed on destruction

.changeset/chilled-moles-boil.md

@@ -0,0 +1,5 @@
+---
+"@aws-amplify/ui-angular": patch
+---
+
+fix(angular): stop auth actor when destroying `AuthenticatorService`

packages/angular/projects/ui-angular/src/lib/services/__tests__/authenticator.service.test.ts

@@ -4,8 +4,9 @@ import * as UIModule from '@aws-amplify/ui';
 import * as XState from 'xstate';
 
 // mock state machine service
-// based on https://github.com/statelyai/xstate/blob/main/packages/core/src/interpreter.ts
+// based on https://github.com/statelyai/xstate/blob/v4/packages/core/src/interpreter.ts
 class MockAuthService {
+  initialized = false;
   private listeners: (() => void)[] = [];
 
   subscribe(callback: () => void): { unsubscribe: () => void } {
@@ -15,6 +16,12 @@ class MockAuthService {
   }
 
   start(): this {
+    this.initialized = true;
+    return this;
+  }
+
+  stop(): this {
+    this.initialized = false;
     return this;
   }
 
@@ -58,4 +65,20 @@ describe('AuthenticatorService', () => {
 
     subscription.unsubscribe();
   });
+
+  it('should stop actor on destruction', () => {
+    expect(
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+      ((authService as any)._authService as ReturnType<typeof XState.interpret>)
+        .initialized
+    ).toBeTruthy();
+
+    authService.ngOnDestroy();
+
+    expect(
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+      ((authService as any)._authService as ReturnType<typeof XState.interpret>)
+        .initialized
+    ).toBeFalsy();
+  });
 });

packages/angular/projects/ui-angular/src/lib/services/authenticator.service.ts

@@ -192,6 +192,7 @@ export class AuthenticatorService implements OnDestroy {
   ngOnDestroy(): void {
     if (this._machineSubscription) this._machineSubscription.unsubscribe();
     if (this._unsubscribeHub) this._unsubscribeHub();
+    this._authService.stop();
   }
 
   /** @deprecated For internal use only */