feat: upgrade to angular 20 and migrate to standalone architecture

.github/actions/node-step/action.yml

@@ -40,7 +40,6 @@ runs:
       env:
         NODE_AUTH_TOKEN: ${{ inputs.npm-auth-token }}
         NODE_EMAIL: ${{ inputs.npm-email }}
-      continue-on-error: true 
 
 
     - name: Upload NPM Log

.github/workflows/pull-request.yml

@@ -47,10 +47,10 @@ jobs:
         env:
           NPM_BB_TOKEN: ${{ secrets.NPM_BB_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-          NPM_EMAIL: ${{ secrets.NPM_EMAIL }}
+          NPM_EMAIL: ${{ secrets.NODE_EMAIL }}
         with:
           npm-auth-token: ${{ secrets.NPM_BB_TOKEN }}
-          npm-email: ${{ secrets.NPM_EMAIL }}
+          npm-email: ${{ secrets.NODE_EMAIL }}
 
       - name: Cache npm dependencies
         uses: actions/cache@v4
@@ -75,7 +75,6 @@ jobs:
   playwright:
     name: "Playwright Tests"
     runs-on: ubuntu-latest
-    continue-on-error: true
     needs: get-playwright-version
     container:
       image: mcr.microsoft.com/playwright:v${{ needs.get-playwright-version.outputs.version }}
@@ -114,11 +113,9 @@ jobs:
         run: |
           apt-get update
           apt-get install -y default-jre
-        continue-on-error: true
 
       - name: Generate Allure Report
         run: npm run report-generate
-        continue-on-error: true 
 
       - name: Upload Playwright Report
         if: ${{ !cancelled() }}

apps/golden-sample-app/jest.config.ts

@@ -1,4 +1,3 @@
-/* eslint-disable */
 export default {
   displayName: 'golden-sample-app',
   preset: '../../jest.preset.js',

apps/golden-sample-app/src/app/app-routes.ts

@@ -14,16 +14,12 @@ export const APP_ROUTES: Routes = [
   },
   {
     path: 'select-context',
-    loadChildren: () =>
-      import('./user-context/user-context.module').then(
-        (m) => m.UserContextModule
-      ),
+    loadComponent: () => import('./user-context/user-context.component'),
     canActivate: [AuthGuard],
   },
   {
     path: 'error',
-    loadChildren: () =>
-      import('./error-page/error-page.module').then((m) => m.ErrorPageModule),
+    loadComponent: () => import('./error-page/error-page.component'),
   },
   TRANSFER_ROUTE,
   ACH_POSITIVE_PAY_ROUTE,
@@ -33,7 +29,6 @@ export const APP_ROUTES: Routes = [
   {
     path: '**',
     pathMatch: 'full',
-    loadChildren: () =>
-      import('./error-page/error-page.module').then((m) => m.ErrorPageModule),
+    loadComponent: () => import('./error-page/error-page.component'),
   },
 ];

apps/golden-sample-app/src/app/app.component.html

@@ -55,7 +55,7 @@
     </div>
 
     <!-- Navigation Items-->
-    <app-navigation-menu />
+    <bb-dynamic-navigation-menu />
 
     <!-- Topbar Content Area (a.k.a. Right Topbar Area) -->
     <div class="bb-layout__topbar-content-area">

apps/golden-sample-app/src/app/app.component.scss

@@ -1,3 +1,7 @@
 .main-content {
   padding: 20px;
-}
+}
+app-navigation-menu {
+  max-width: 70%;
+  overflow: auto;
+}

apps/golden-sample-app/src/app/app.component.spec.ts

@@ -3,7 +3,11 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { ActivityMonitorService, AuthService } from '@backbase/identity-auth';
-import { LOCALES_LIST, LocalesService } from '@backbase/shared/util/app-core';
+import {
+  LOCALES_LIST,
+  LocalesService,
+  NAVIGATION_MENU_CONFIG,
+} from '@backbase/shared/util/app-core';
 import { LayoutService } from '@backbase/ui-ang/layout';
 import { OAuthService } from 'angular-oauth2-oidc';
 import { of } from 'rxjs';
@@ -49,6 +53,7 @@ describe('AppComponent', () => {
         { provide: AuthService, useValue: mockAuthService },
         { provide: LocalesService, useValue: mockLocalesService },
         { provide: LOCALES_LIST, useValue: mockLocalesList },
+        { provide: NAVIGATION_MENU_CONFIG, useValue: [] },
       ],
       schemas: [NO_ERRORS_SCHEMA],
     }).compileComponents();

apps/golden-sample-app/src/app/app.component.ts

@@ -5,25 +5,25 @@ import {
   LogoutTrackerEvent,
   Tracker,
 } from '@backbase/foundation-ang/observability';
-import { ActivityMonitorModule } from '@backbase/shared/feature/auth';
+import { ActivityMonitorComponent } from '@backbase/shared/feature/auth';
+import { DynamicNavigationMenuComponent } from '@backbase/shared/feature/navigation-menu';
 import { IconModule } from '@backbase/ui-ang/icon';
 import { LayoutService } from '@backbase/ui-ang/layout';
 import { LogoModule } from '@backbase/ui-ang/logo';
 import { OAuthService } from 'angular-oauth2-oidc';
 import { LocaleSelectorComponent } from './locale-selector/locale-selector.component';
-import { NavigationMenuModule } from './navigation-menu/navigation-menu.module';
-import { ThemeSwitcherModule } from './theme-switcher/theme-switcher.component.module';
+import { ThemeSwitcherComponent } from './theme-switcher/theme-switcher.component';
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss'],
   imports: [
-    ActivityMonitorModule,
+    ActivityMonitorComponent,
     CommonModule,
     LogoModule,
-    NavigationMenuModule,
-    ThemeSwitcherModule,
+    DynamicNavigationMenuComponent,
+    ThemeSwitcherComponent,
     LocaleSelectorComponent,
     IconModule,
     RouterOutlet,

apps/golden-sample-app/src/app/app.config.ts

@@ -26,6 +26,20 @@ import { environment } from '../environments/environment';
 import { APP_ROUTES } from './app-routes';
 import { AppErrorHandler } from './app.error-handler';
 import { OAuthStorage } from 'angular-oauth2-oidc';
+import { provideActivityMonitor } from '@backbase/shared/feature/auth';
+import {
+  NAVIGATION_MENU_CONFIG,
+  NavigationMenuItem,
+  composeNavigationTree,
+} from '@backbase/shared/util/app-core';
+import {
+  NAVIGATION_BUNDLE,
+  NAVIGATION_GROUPS,
+} from './navigation-menu/navigation-menu.config';
+
+function navigationTreeConfig(): NavigationMenuItem[] {
+  return composeNavigationTree(NAVIGATION_BUNDLE, NAVIGATION_GROUPS);
+}
 
 const sharedJourneyConfig: SharedJourneyConfiguration = {
   designSlimMode: false,
@@ -70,11 +84,17 @@ export const appConfig: ApplicationConfig = {
     // Other providers here are common to all environments
     { provide: OAuthStorage, useValue: localStorage },
     provideLocales(['en-US', 'nl-NL']),
+    ...provideActivityMonitor(),
     provideRouter(APP_ROUTES, withComponentInputBinding()),
     provideAnimations(),
     provideHttpClient(withInterceptorsFromDi()),
     provideEntitlements(),
 
+    {
+      provide: NAVIGATION_MENU_CONFIG,
+      useFactory: navigationTreeConfig,
+    },
+
     {
       provide: SHARED_JOURNEY_CONFIG,
       useValue: sharedJourneyConfig,

apps/golden-sample-app/src/app/error-page/error-page.component.ts

@@ -1,13 +1,14 @@
 import { HttpErrorResponse } from '@angular/common/http';
 import { Component, inject } from '@angular/core';
 import { Router } from '@angular/router';
+import { ErrorCommonStateModule } from '@backbase/ui-ang/common-error-state';
 
 @Component({
   selector: 'app-error-page',
   templateUrl: './error-page.component.html',
-  standalone: false,
+  imports: [ErrorCommonStateModule],
 })
-export class ErrorPageComponent {
+export default class ErrorPageComponent {
   private readonly router: Router = inject(Router);
   public error =
     this.router.getCurrentNavigation()?.extras.state?.['error'] ??

apps/golden-sample-app/src/app/theme-switcher/theme-switcher.component.ts

@@ -1,10 +1,11 @@
 import { Component, inject, Input } from '@angular/core';
+import { DropdownMenuModule } from '@backbase/ui-ang/dropdown-menu';
 import { ThemeManagerService } from './theme-service';
 
 @Component({
   selector: 'app-theme-switcher',
   templateUrl: './theme-switcher.component.html',
-  standalone: false,
+  imports: [DropdownMenuModule],
 })
 export class ThemeSwitcherComponent {
   private readonly themeManagerService: ThemeManagerService =