Merge branch 'main' into Task/move_scraper_configuration_to_tab_in_asset_profile_dialog

2 weeks ago · 6d2ba2b9ae
54 changed files with 16635 additions and 21632 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -5,21 +5,35 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

-## Unreleased
+## 2.225.0 - 2025-12-31
+
+### Added
+
+- Added a new endpoint to get all platforms (`GET api/v1/platforms`)
+- Added the session url to the endpoint response of the _Stripe_ checkout

 ### Changed

 - Extracted the scraper configuration to a dedicated tab in the asset profile dialog of the admin control panel
+- Improved the routing of the user detail dialog in the users section of the admin control panel
 - Lifted the asset profile identifier editing restriction for `MANUAL` data sources in the asset profile details dialog of the admin control panel
- Upgraded `angular` from version `20.2.4` to `20.3.9`
- Upgraded `Nx` from version `21.5.1` to `22.1.3`
+- Deprecated the public _Stripe_ key
+- Improved the language localization for German (`de`)
+- Eliminated `ngx-stripe`
+- Upgraded `angular` from version `20.2.4` to `21.0.6`
+- Upgraded `marked` from version `15.0.4` to `17.0.1`
+- Upgraded `ngx-device-detector` from version `10.1.0` to `11.0.0`
+- Upgraded `ng-extract-i18n-merge` from `3.1.0` to `3.2.1`
+- Upgraded `ngx-markdown` from version `20.0.0` to `21.0.1`
+- Upgraded `Nx` from version `21.5.1` to `22.3.3`
 - Upgraded `shx` from version `0.3.4` to `0.4.0`
 - Upgraded `storybook` from version `9.1.5` to `10.1.10`
- Moved the scraper configuration to tab in asset profile dialog
+- Upgraded `zone.js` from version `0.15.1` to `0.16.0`

 ### Fixed

 - Added the missing currency suffix to the cash balance field in the create or update account dialog
+- Fixed the time in market display of the portfolio summary tab on the home page for the impersonation mode
 - Fixed the delete button in the asset profile details dialog of the admin control panel by providing the missing `watchedByCount` parameter

 ## 2.224.2 - 2025-12-20
--- a/apps/api/src/app/app.module.ts
+++ b/apps/api/src/app/app.module.ts
@ -37,6 +37,7 @@ import { AssetsModule } from './endpoints/assets/assets.module';
 import { BenchmarksModule } from './endpoints/benchmarks/benchmarks.module';
 import { GhostfolioModule } from './endpoints/data-providers/ghostfolio/ghostfolio.module';
 import { MarketDataModule } from './endpoints/market-data/market-data.module';
+import { PlatformsModule } from './endpoints/platforms/platforms.module';
 import { PublicModule } from './endpoints/public/public.module';
 import { SitemapModule } from './endpoints/sitemap/sitemap.module';
 import { TagsModule } from './endpoints/tags/tags.module';
@ -95,6 +96,7 @@ import { UserModule } from './user/user.module';
    MarketDataModule,
    OrderModule,
    PlatformModule,
+    PlatformsModule,
    PortfolioModule,
    PortfolioSnapshotQueueModule,
    PrismaModule,
--- a/apps/api/src/app/endpoints/platforms/platforms.controller.ts
+++ b/apps/api/src/app/endpoints/platforms/platforms.controller.ts
@ -0,0 +1,22 @@
+import { PlatformService } from '@ghostfolio/api/app/platform/platform.service';
+import { HasPermission } from '@ghostfolio/api/decorators/has-permission.decorator';
+import { HasPermissionGuard } from '@ghostfolio/api/guards/has-permission.guard';
+import { PlatformsResponse } from '@ghostfolio/common/interfaces';
+import { permissions } from '@ghostfolio/common/permissions';
+
+import { Controller, Get, UseGuards } from '@nestjs/common';
+import { AuthGuard } from '@nestjs/passport';
+
+@Controller('platforms')
+export class PlatformsController {
+  public constructor(private readonly platformService: PlatformService) {}
+
+  @Get()
+  @HasPermission(permissions.readPlatforms)
+  @UseGuards(AuthGuard('jwt'), HasPermissionGuard)
+  public async getPlatforms(): Promise<PlatformsResponse> {
+    const platforms = await this.platformService.getPlatforms();
+
+    return { platforms };
+  }
+}
--- a/apps/api/src/app/endpoints/platforms/platforms.module.ts
+++ b/apps/api/src/app/endpoints/platforms/platforms.module.ts
@ -0,0 +1,11 @@
+import { PlatformModule } from '@ghostfolio/api/app/platform/platform.module';
+
+import { Module } from '@nestjs/common';
+
+import { PlatformsController } from './platforms.controller';
+
+@Module({
+  controllers: [PlatformsController],
+  imports: [PlatformModule]
+})
+export class PlatformsModule {}
--- a/apps/api/src/app/portfolio/portfolio.service.ts
+++ b/apps/api/src/app/portfolio/portfolio.service.ts
@ -1954,6 +1954,7 @@ export class PortfolioService {
      }).length,
      committedFunds: committedFunds.toNumber(),
      currentValueInBaseCurrency: currentValueInBaseCurrency.toNumber(),
+      dateOfFirstActivity: firstOrderDate,
      dividendInBaseCurrency: dividendInBaseCurrency.toNumber(),
      emergencyFund: {
        assets: emergencyFundHoldingsValueInBaseCurrency,
--- a/apps/api/src/app/subscription/subscription.service.ts
+++ b/apps/api/src/app/subscription/subscription.service.ts
@ -100,7 +100,8 @@ export class SubscriptionService {
    );

    return {
-      sessionId: session.id
+      sessionId: session.id,
+      sessionUrl: session.url
    };
  }

--- a/apps/api/src/services/data-provider/alpha-vantage/alpha-vantage.service.ts
+++ b/apps/api/src/services/data-provider/alpha-vantage/alpha-vantage.service.ts
@ -18,7 +18,7 @@ import {

 import { Injectable } from '@nestjs/common';
 import { DataSource, SymbolProfile } from '@prisma/client';
-import * as Alphavantage from 'alphavantage';
+import Alphavantage from 'alphavantage';
 import { format, isAfter, isBefore, parse } from 'date-fns';

 import { AlphaVantageHistoricalResponse } from './interfaces/interfaces';
--- a/apps/api/tsconfig.app.json
+++ b/apps/api/tsconfig.app.json
@ -4,6 +4,7 @@
    "outDir": "../../dist/out-tsc",
    "types": ["node"],
    "emitDecoratorMetadata": true,
+    "moduleResolution": "node10",
    "target": "es2021",
    "module": "commonjs"
  },
--- a/apps/api/tsconfig.spec.json
+++ b/apps/api/tsconfig.spec.json
@ -3,6 +3,7 @@
  "compilerOptions": {
    "outDir": "../../dist/out-tsc",
    "module": "commonjs",
+    "moduleResolution": "node10",
    "types": ["jest", "node"]
  },
  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts", "jest.config.ts"]
--- a/apps/client/project.json
+++ b/apps/client/project.json
@ -75,7 +75,6 @@
        "ngswConfigPath": "apps/client/ngsw-config.json",
        "optimization": false,
        "polyfills": "apps/client/src/polyfills.ts",
-        "scripts": ["node_modules/marked/marked.min.js"],
        "serviceWorker": true,
        "sourceMap": true,
        "styles": [
--- a/apps/client/src/app/components/access-table/access-table.component.ts
+++ b/apps/client/src/app/components/access-table/access-table.component.ts
@ -4,7 +4,6 @@ import { publicRoutes } from '@ghostfolio/common/routes/routes';
 import { NotificationService } from '@ghostfolio/ui/notifications';

 import { Clipboard, ClipboardModule } from '@angular/cdk/clipboard';
-import { CommonModule } from '@angular/common';
 import {
  ChangeDetectionStrategy,
  Component,
@ -36,7 +35,6 @@ import ms from 'ms';
  changeDetection: ChangeDetectionStrategy.OnPush,
  imports: [
    ClipboardModule,
-    CommonModule,
    IonIcon,
    MatButtonModule,
    MatMenuModule,
--- a/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.component.ts
+++ b/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.component.ts
@ -29,7 +29,6 @@ import { GfSymbolAutocompleteComponent } from '@ghostfolio/ui/symbol-autocomplet
 import { GfValueComponent } from '@ghostfolio/ui/value';

 import { TextFieldModule } from '@angular/cdk/text-field';
-import { CommonModule } from '@angular/common';
 import { HttpErrorResponse } from '@angular/common/http';
 import {
  ChangeDetectionStrategy,
@ -94,7 +93,6 @@ import { AssetProfileDialogParams } from './interfaces/interfaces';
  changeDetection: ChangeDetectionStrategy.OnPush,
  host: { class: 'd-flex flex-column h-100' },
  imports: [
-    CommonModule,
    FormsModule,
    GfCurrencySelectorComponent,
    GfEntityLogoComponent,
--- a/apps/client/src/app/components/admin-users/admin-users.component.ts
+++ b/apps/client/src/app/components/admin-users/admin-users.component.ts
@ -18,6 +18,7 @@ import {
  User
 } from '@ghostfolio/common/interfaces';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';
+import { internalRoutes } from '@ghostfolio/common/routes/routes';
 import { NotificationService } from '@ghostfolio/ui/notifications';
 import { GfPremiumIndicatorComponent } from '@ghostfolio/ui/premium-indicator';
 import { GfValueComponent } from '@ghostfolio/ui/value';
@ -39,7 +40,7 @@ import {
  PageEvent
 } from '@angular/material/paginator';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
-import { ActivatedRoute, Router } from '@angular/router';
+import { ActivatedRoute, Router, RouterModule } from '@angular/router';
 import { IonIcon } from '@ionic/angular/standalone';
 import {
  differenceInSeconds,
@ -69,7 +70,8 @@ import { takeUntil } from 'rxjs/operators';
    MatMenuModule,
    MatPaginatorModule,
    MatTableModule,
-    NgxSkeletonLoaderModule
+    NgxSkeletonLoaderModule,
+    RouterModule
  ],
  selector: 'gf-admin-users',
  styleUrls: ['./admin-users.scss'],
@ -88,6 +90,8 @@ export class GfAdminUsersComponent implements OnDestroy, OnInit {
  public info: InfoItem;
  public isLoading = false;
  public pageSize = DEFAULT_PAGE_SIZE;
+  public routerLinkAdminControlUsers =
+    internalRoutes.adminControl.subRoutes.users.routerLink;
  public totalItems = 0;
  public user: User;

@ -136,11 +140,13 @@ export class GfAdminUsersComponent implements OnDestroy, OnInit {
      ];
    }

-    this.route.queryParams
+    this.route.paramMap
      .pipe(takeUntil(this.unsubscribeSubject))
      .subscribe((params) => {
-        if (params['userDetailDialog'] && params['userId']) {
-          this.openUserDetailDialog(params['userId']);
+        const userId = params.get('userId');
+
+        if (userId) {
+          this.openUserDetailDialog(userId);
        }
      });

@ -248,9 +254,9 @@ export class GfAdminUsersComponent implements OnDestroy, OnInit {
  }

  public onOpenUserDetailDialog(userId: string) {
-    this.router.navigate([], {
-      queryParams: { userId, userDetailDialog: true }
-    });
+    this.router.navigate(
+      internalRoutes.adminControl.subRoutes.users.routerLink.concat(userId)
+    );
  }

  public ngOnDestroy() {
@ -301,7 +307,9 @@ export class GfAdminUsersComponent implements OnDestroy, OnInit {
      .afterClosed()
      .pipe(takeUntil(this.unsubscribeSubject))
      .subscribe(() => {
-        this.router.navigate(['.'], { relativeTo: this.route });
+        this.router.navigate(
+          internalRoutes.adminControl.subRoutes.users.routerLink
+        );
      });
  }
 }
--- a/apps/client/src/app/components/admin-users/admin-users.html
+++ b/apps/client/src/app/components/admin-users/admin-users.html
@ -215,9 +215,9 @@
                <ion-icon name="ellipsis-horizontal" />
              </button>
              <mat-menu #userMenu="matMenu" xPosition="before">
-                <button
+                <a
                  mat-menu-item
-                  (click)="onOpenUserDetailDialog(element.id)"
+                  [routerLink]="routerLinkAdminControlUsers.concat(element.id)"
                >
                  <span class="align-items-center d-flex">
                    <ion-icon class="mr-2" name="person-outline" />
@ -225,7 +225,7 @@
                      ><ng-container i18n>View Details</ng-container>...</span
                    >
                  </span>
-                </button>
+                </a>
                @if (hasPermissionToImpersonateAllUsers) {
                  <button mat-menu-item (click)="onImpersonateUser(element.id)">
                    <span class="align-items-center d-flex">
--- a/apps/client/src/app/components/fear-and-greed-index/fear-and-greed-index.component.ts
+++ b/apps/client/src/app/components/fear-and-greed-index/fear-and-greed-index.component.ts
@ -1,7 +1,6 @@
 import { resolveFearAndGreedIndex } from '@ghostfolio/common/helper';
 import { translate } from '@ghostfolio/ui/i18n';

-import { CommonModule } from '@angular/common';
 import {
  ChangeDetectionStrategy,
  Component,
@ -12,7 +11,7 @@ import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';

@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [CommonModule, NgxSkeletonLoaderModule],
+  imports: [NgxSkeletonLoaderModule],
  selector: 'gf-fear-and-greed-index',
  styleUrls: ['./fear-and-greed-index.component.scss'],
  templateUrl: './fear-and-greed-index.component.html'
--- a/apps/client/src/app/components/footer/footer.component.ts
+++ b/apps/client/src/app/components/footer/footer.component.ts
@ -3,7 +3,6 @@ import { hasPermission, permissions } from '@ghostfolio/common/permissions';
 import { publicRoutes } from '@ghostfolio/common/routes/routes';
 import { GfLogoComponent } from '@ghostfolio/ui/logo';

-import { CommonModule } from '@angular/common';
 import {
  ChangeDetectionStrategy,
  Component,
@ -18,7 +17,7 @@ import { openOutline } from 'ionicons/icons';

@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [CommonModule, GfLogoComponent, IonIcon, RouterModule],
+  imports: [GfLogoComponent, IonIcon, RouterModule],
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
  selector: 'gf-footer',
  styleUrls: ['./footer.component.scss'],
--- a/apps/client/src/app/components/login-with-access-token-dialog/login-with-access-token-dialog.component.ts
+++ b/apps/client/src/app/components/login-with-access-token-dialog/login-with-access-token-dialog.component.ts
@ -4,7 +4,6 @@ import {
 } from '@ghostfolio/client/services/settings-storage.service';
 import { GfDialogHeaderComponent } from '@ghostfolio/ui/dialog-header';

-import { CommonModule } from '@angular/common';
 import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
 import { FormControl, ReactiveFormsModule, Validators } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
@ -28,7 +27,6 @@ import { LoginWithAccessTokenDialogParams } from './interfaces/interfaces';
@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
  imports: [
-    CommonModule,
    GfDialogHeaderComponent,
    IonIcon,
    MatButtonModule,
--- a/apps/client/src/app/components/portfolio-summary/portfolio-summary.component.ts
+++ b/apps/client/src/app/components/portfolio-summary/portfolio-summary.component.ts
@ -84,10 +84,13 @@ export class GfPortfolioSummaryComponent implements OnChanges {
        this.precision = 0;
      }

-      if (this.user.dateOfFirstActivity) {
-        this.timeInMarket = formatDistanceToNow(this.user.dateOfFirstActivity, {
-          locale: getDateFnsLocale(this.language)
-        });
+      if (this.summary.dateOfFirstActivity) {
+        this.timeInMarket = formatDistanceToNow(
+          this.summary.dateOfFirstActivity,
+          {
+            locale: getDateFnsLocale(this.language)
+          }
+        );
      } else {
        this.timeInMarket = '-';
      }
--- a/apps/client/src/app/components/subscription-interstitial-dialog/subscription-interstitial-dialog.component.ts
+++ b/apps/client/src/app/components/subscription-interstitial-dialog/subscription-interstitial-dialog.component.ts
@ -2,7 +2,6 @@ import { publicRoutes } from '@ghostfolio/common/routes/routes';
 import { GfMembershipCardComponent } from '@ghostfolio/ui/membership-card';
 import { GfPremiumIndicatorComponent } from '@ghostfolio/ui/premium-indicator';

-import { CommonModule } from '@angular/common';
 import {
  ChangeDetectionStrategy,
  ChangeDetectorRef,
@ -31,7 +30,6 @@ import { SubscriptionInterstitialDialogParams } from './interfaces/interfaces';
  changeDetection: ChangeDetectionStrategy.OnPush,
  host: { class: 'd-flex flex-column flex-grow-1 h-100' },
  imports: [
-    CommonModule,
    GfMembershipCardComponent,
    GfPremiumIndicatorComponent,
    IonIcon,
--- a/apps/client/src/app/components/user-account-membership/user-account-membership.component.ts
+++ b/apps/client/src/app/components/user-account-membership/user-account-membership.component.ts
@ -21,9 +21,8 @@ import { MatCardModule } from '@angular/material/card';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { RouterModule } from '@angular/router';
 import ms, { StringValue } from 'ms';
-import { StripeService } from 'ngx-stripe';
 import { EMPTY, Subject } from 'rxjs';
-import { catchError, switchMap, takeUntil } from 'rxjs/operators';
+import { catchError, takeUntil } from 'rxjs/operators';

@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
@ -62,7 +61,6 @@ export class GfUserAccountMembershipComponent implements OnDestroy {
    private dataService: DataService,
    private notificationService: NotificationService,
    private snackBar: MatSnackBar,
-    private stripeService: StripeService,
    private userService: UserService
  ) {
    const { baseCurrency, globalPermissions } = this.dataService.fetchInfo();
@ -113,23 +111,17 @@ export class GfUserAccountMembershipComponent implements OnDestroy {
        priceId: this.priceId
      })
      .pipe(
-        catchError((error) => {
+        catchError((error: Error) => {
          this.notificationService.alert({
            title: error.message
          });

-          throw error;
+          return EMPTY;
        }),
-        switchMap(({ sessionId }) => {
-          return this.stripeService.redirectToCheckout({ sessionId });
-        })
+        takeUntil(this.unsubscribeSubject)
      )
-      .subscribe((result) => {
-        if (result.error) {
-          this.notificationService.alert({
-            title: result.error.message
-          });
-        }
+      .subscribe(({ sessionUrl }) => {
+        window.location.href = sessionUrl;
      });
  }

--- a/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.component.ts
+++ b/apps/client/src/app/components/user-detail-dialog/user-detail-dialog.component.ts
@ -4,7 +4,6 @@ import { GfDialogFooterComponent } from '@ghostfolio/ui/dialog-footer';
 import { GfDialogHeaderComponent } from '@ghostfolio/ui/dialog-header';
 import { GfValueComponent } from '@ghostfolio/ui/value';

-import { CommonModule } from '@angular/common';
 import {
  ChangeDetectionStrategy,
  ChangeDetectorRef,
@ -26,7 +25,6 @@ import { UserDetailDialogParams } from './interfaces/interfaces';
  changeDetection: ChangeDetectionStrategy.OnPush,
  host: { class: 'd-flex flex-column h-100' },
  imports: [
-    CommonModule,
    GfDialogFooterComponent,
    GfDialogHeaderComponent,
    GfValueComponent,
--- a/apps/client/src/app/pages/admin/admin-page.routes.ts
+++ b/apps/client/src/app/pages/admin/admin-page.routes.ts
@ -38,6 +38,11 @@ export const routes: Routes = [
        path: internalRoutes.adminControl.subRoutes.users.path,
        component: GfAdminUsersComponent,
        title: internalRoutes.adminControl.subRoutes.users.title
+      },
+      {
+        path: `${internalRoutes.adminControl.subRoutes.users.path}/:userId`,
+        component: GfAdminUsersComponent,
+        title: internalRoutes.adminControl.subRoutes.users.title
      }
    ],
    component: AdminPageComponent,
--- a/apps/client/src/app/pages/blog/blog-page.component.ts
+++ b/apps/client/src/app/pages/blog/blog-page.component.ts
@ -1,7 +1,6 @@
 import { DataService } from '@ghostfolio/client/services/data.service';
 import { hasPermission, permissions } from '@ghostfolio/common/permissions';

-import { CommonModule } from '@angular/common';
 import { Component, CUSTOM_ELEMENTS_SCHEMA, OnDestroy } from '@angular/core';
 import { MatCardModule } from '@angular/material/card';
 import { RouterModule } from '@angular/router';
@ -12,7 +11,7 @@ import { Subject } from 'rxjs';

@Component({
  host: { class: 'page' },
-  imports: [CommonModule, IonIcon, MatCardModule, RouterModule],
+  imports: [IonIcon, MatCardModule, RouterModule],
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
  selector: 'gf-blog-page',
  styleUrls: ['./blog-page.scss'],
--- a/apps/client/src/app/pages/markets/markets-page.component.ts
+++ b/apps/client/src/app/pages/markets/markets-page.component.ts
@ -1,12 +1,11 @@
 import { GfHomeMarketComponent } from '@ghostfolio/client/components/home-market/home-market.component';

-import { CommonModule } from '@angular/common';
 import { Component, OnDestroy } from '@angular/core';
 import { Subject } from 'rxjs';

@Component({
  host: { class: 'page' },
-  imports: [CommonModule, GfHomeMarketComponent],
+  imports: [GfHomeMarketComponent],
  selector: 'gf-markets-page',
  styleUrls: ['./markets-page.scss'],
  templateUrl: './markets-page.html'
--- a/apps/client/src/app/pages/open/open-page.component.ts
+++ b/apps/client/src/app/pages/open/open-page.component.ts
@ -3,7 +3,6 @@ import { UserService } from '@ghostfolio/client/services/user/user.service';
 import { Statistics, User } from '@ghostfolio/common/interfaces';
 import { GfValueComponent } from '@ghostfolio/ui/value';

-import { CommonModule } from '@angular/common';
 import {
  ChangeDetectorRef,
  Component,
@ -16,7 +15,7 @@ import { Subject, takeUntil } from 'rxjs';

@Component({
  host: { class: 'page' },
-  imports: [CommonModule, GfValueComponent, MatCardModule],
+  imports: [GfValueComponent, MatCardModule],
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
  selector: 'gf-open-page',
  styleUrls: ['./open-page.scss'],
--- a/apps/client/src/app/pages/portfolio/activities/create-or-update-activity-dialog/create-or-update-activity-dialog.component.ts
+++ b/apps/client/src/app/pages/portfolio/activities/create-or-update-activity-dialog/create-or-update-activity-dialog.component.ts
@ -96,7 +96,6 @@ export class GfCreateOrUpdateActivityDialogComponent implements OnDestroy {
  public isLoading = false;
  public isToday = isToday;
  public mode: 'create' | 'update';
-  public platforms: { id: string; name: string }[];
  public tagsAvailable: Tag[] = [];
  public total = 0;
  public typesTranslationMap = new Map<Type, string>();
@ -127,11 +126,10 @@ export class GfCreateOrUpdateActivityDialogComponent implements OnDestroy {

    this.dateAdapter.setLocale(this.locale);

-    const { currencies, platforms } = this.dataService.fetchInfo();
+    const { currencies } = this.dataService.fetchInfo();

    this.currencies = currencies;
    this.defaultDateFormat = getDateFormatString(this.locale);
-    this.platforms = platforms;

    this.dataService
      .fetchPortfolioHoldings()
--- a/apps/client/src/app/pages/pricing/pricing-page.component.ts
+++ b/apps/client/src/app/pages/pricing/pricing-page.component.ts
@ -27,9 +27,8 @@ import {
  informationCircleOutline
 } from 'ionicons/icons';
 import { StringValue } from 'ms';
-import { StripeService } from 'ngx-stripe';
-import { Subject } from 'rxjs';
-import { catchError, switchMap, takeUntil } from 'rxjs/operators';
+import { EMPTY, Subject } from 'rxjs';
+import { catchError, takeUntil } from 'rxjs/operators';

@Component({
  host: { class: 'page' },
@ -98,7 +97,6 @@ export class GfPricingPageComponent implements OnDestroy, OnInit {
    private changeDetectorRef: ChangeDetectorRef,
    private dataService: DataService,
    private notificationService: NotificationService,
-    private stripeService: StripeService,
    private userService: UserService
  ) {
    addIcons({
@ -155,23 +153,17 @@ export class GfPricingPageComponent implements OnDestroy, OnInit {
        priceId: this.priceId
      })
      .pipe(
-        switchMap(({ sessionId }) => {
-          return this.stripeService.redirectToCheckout({ sessionId });
-        }),
-        catchError((error) => {
+        catchError((error: Error) => {
          this.notificationService.alert({
            title: error.message
          });

-          throw error;
-        })
+          return EMPTY;
+        }),
+        takeUntil(this.unsubscribeSubject)
      )
-      .subscribe((result) => {
-        if (result.error) {
-          this.notificationService.alert({
-            title: result.error.message
-          });
-        }
+      .subscribe(({ sessionUrl }) => {
+        window.location.href = sessionUrl;
      });
  }

--- a/apps/client/src/app/pages/register/user-account-registration-dialog/user-account-registration-dialog.component.ts
+++ b/apps/client/src/app/pages/register/user-account-registration-dialog/user-account-registration-dialog.component.ts
@ -3,7 +3,6 @@ import { publicRoutes } from '@ghostfolio/common/routes/routes';

 import { ClipboardModule } from '@angular/cdk/clipboard';
 import { TextFieldModule } from '@angular/cdk/text-field';
-import { CommonModule } from '@angular/common';
 import {
  ChangeDetectionStrategy,
  ChangeDetectorRef,
@ -36,7 +35,6 @@ import { UserAccountRegistrationDialogParams } from './interfaces/interfaces';
  changeDetection: ChangeDetectionStrategy.OnPush,
  imports: [
    ClipboardModule,
-    CommonModule,
    FormsModule,
    IonIcon,
    MatButtonModule,
--- a/apps/client/src/app/pages/zen/zen-page.component.ts
+++ b/apps/client/src/app/pages/zen/zen-page.component.ts
@ -2,7 +2,6 @@ import { UserService } from '@ghostfolio/client/services/user/user.service';
 import { TabConfiguration, User } from '@ghostfolio/common/interfaces';
 import { internalRoutes } from '@ghostfolio/common/routes/routes';

-import { CommonModule } from '@angular/common';
 import { ChangeDetectorRef, Component, OnDestroy, OnInit } from '@angular/core';
 import { MatTabsModule } from '@angular/material/tabs';
 import { RouterModule } from '@angular/router';
@ -15,7 +14,7 @@ import { takeUntil } from 'rxjs/operators';

@Component({
  host: { class: 'page has-tabs' },
-  imports: [CommonModule, IonIcon, MatTabsModule, RouterModule],
+  imports: [IonIcon, MatTabsModule, RouterModule],
  selector: 'gf-zen-page',
  styleUrls: ['./zen-page.scss'],
  templateUrl: './zen-page.html'
--- a/apps/client/src/app/services/data.service.ts
+++ b/apps/client/src/app/services/data.service.ts
@ -564,6 +564,12 @@ export class DataService {
            }
          }

+          if (response.summary?.dateOfFirstActivity) {
+            response.summary.dateOfFirstActivity = parseISO(
+              response.summary.dateOfFirstActivity
+            );
+          }
+
          return response;
        })
      );
--- a/apps/client/src/locales/messages.de.xlf
+++ b/apps/client/src/locales/messages.de.xlf
@ -3475,7 +3475,7 @@
      </trans-unit>
      <trans-unit id="5499742151525073097" datatype="html">
        <source>Upgrade Plan</source>
-        <target state="translated">Abonnement abschliessen</target>
+        <target state="translated">Mitgliedschaft abschliessen</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
          <context context-type="linenumber">193</context>
@ -3747,7 +3747,7 @@
      </trans-unit>
      <trans-unit id="2030314101752312029" datatype="html">
        <source>Renew Plan</source>
-        <target state="translated">Abonnement erneuern</target>
+        <target state="translated">Mitgliedschaft erneuern</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/components/header/header.component.html</context>
          <context context-type="linenumber">191</context>
@ -6934,7 +6934,7 @@
      </trans-unit>
      <trans-unit id="7522916136412124285" datatype="html">
        <source>to use our referral link and get a Ghostfolio Premium membership for one year</source>
-        <target state="translated">um unseren Empfehlungslink zu verwenden und ein Ghostfolio Premium-Abonnement für ein Jahr zu erhalten</target>
+        <target state="translated">um unseren Empfehlungslink zu verwenden und eine Ghostfolio Premium-Mitgliedschaft für ein Jahr zu erhalten</target>
        <context-group purpose="location">
          <context context-type="sourcefile">apps/client/src/app/pages/pricing/pricing-page.html</context>
          <context context-type="linenumber">343</context>
--- a/apps/client/src/main.ts
+++ b/apps/client/src/main.ts
@ -7,7 +7,11 @@ import {
  provideHttpClient,
  withInterceptorsFromDi
 } from '@angular/common/http';
-import { enableProdMode, importProvidersFrom } from '@angular/core';
+import {
+  enableProdMode,
+  importProvidersFrom,
+  provideZoneChangeDetection
+} from '@angular/core';
 import {
  DateAdapter,
  MAT_DATE_FORMATS,
@ -23,7 +27,6 @@ import { ServiceWorkerModule } from '@angular/service-worker';
 import { provideIonicAngular } from '@ionic/angular/standalone';
 import { provideMarkdown } from 'ngx-markdown';
 import { provideNgxSkeletonLoader } from 'ngx-skeleton-loader';
-import { NgxStripeModule, STRIPE_PUBLISHABLE_KEY } from 'ngx-stripe';

 import { CustomDateAdapter } from './app/adapter/custom-date-adapter';
 import { DateFormats } from './app/adapter/date-formats';
@ -50,8 +53,6 @@ import { environment } from './environments/environment';

  (window as any).info = info;

-  environment.stripePublicKey = info.stripePublicKey;
-
  if (environment.production) {
    enableProdMode();
  }
@ -65,7 +66,6 @@ import { environment } from './environments/environment';
        MatNativeDateModule,
        MatSnackBarModule,
        MatTooltipModule,
-        NgxStripeModule.forRoot(environment.stripePublicKey),
        RouterModule.forRoot(routes, {
          anchorScrolling: 'enabled',
          preloadingStrategy: ModulePreloadService,
@ -83,6 +83,7 @@ import { environment } from './environments/environment';
      provideIonicAngular(),
      provideMarkdown(),
      provideNgxSkeletonLoader(),
+      provideZoneChangeDetection(),
      {
        deps: [LanguageService, MAT_DATE_LOCALE, Platform],
        provide: DateAdapter,
@ -92,10 +93,6 @@ import { environment } from './environments/environment';
        provide: MAT_DATE_FORMATS,
        useValue: DateFormats
      },
-      {
-        provide: STRIPE_PUBLISHABLE_KEY,
-        useFactory: () => environment.stripePublicKey
-      },
      {
        provide: TitleStrategy,
        useClass: PageTitleStrategy
--- a/apps/client/src/test-setup.ts
+++ b/apps/client/src/test-setup.ts
@ -1 +1,3 @@
-import 'jest-preset-angular/setup-jest';
+import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
+
+setupZoneTestEnv();
--- a/apps/client/tsconfig.app.json
+++ b/apps/client/tsconfig.app.json
@ -1,7 +1,6 @@
 {
  "extends": "./tsconfig.json",
  "compilerOptions": {
-    "moduleResolution": "bundler",
    "outDir": "../../dist/out-tsc",
    "types": ["node"],
    "typeRoots": ["../../node_modules/@types"],
--- a/apps/client/tsconfig.json
+++ b/apps/client/tsconfig.json
@ -20,6 +20,8 @@
    "strictTemplates": false
  },
  "compilerOptions": {
+    "lib": ["dom", "es2022"],
+    "module": "preserve",
    "target": "es2020"
  }
 }
--- a/apps/client/tsconfig.spec.json
+++ b/apps/client/tsconfig.spec.json
@ -2,7 +2,8 @@
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
+    "module": "preserve",
+    "isolatedModules": true,
    "types": ["jest", "node"],
    "target": "es2016"
  },
--- a/libs/common/src/lib/interfaces/index.ts
+++ b/libs/common/src/lib/interfaces/index.ts
@ -68,6 +68,7 @@ import type { LookupResponse } from './responses/lookup-response.interface';
 import type { MarketDataDetailsResponse } from './responses/market-data-details-response.interface';
 import type { MarketDataOfMarketsResponse } from './responses/market-data-of-markets-response.interface';
 import type { OAuthResponse } from './responses/oauth-response.interface';
+import type { PlatformsResponse } from './responses/platforms-response.interface';
 import type { PortfolioDividendsResponse } from './responses/portfolio-dividends-response.interface';
 import type { PortfolioHoldingResponse } from './responses/portfolio-holding-response.interface';
 import type { PortfolioHoldingsResponse } from './responses/portfolio-holdings-response.interface';
@ -158,6 +159,7 @@ export {
  MarketDataDetailsResponse,
  MarketDataOfMarketsResponse,
  OAuthResponse,
+  PlatformsResponse,
  PortfolioChart,
  PortfolioDetails,
  PortfolioDividendsResponse,
--- a/libs/common/src/lib/interfaces/info-item.interface.ts
+++ b/libs/common/src/lib/interfaces/info-item.interface.ts
@ -13,8 +13,14 @@ export interface InfoItem {
  globalPermissions: string[];
  isDataGatheringEnabled?: string;
  isReadOnlyMode?: boolean;
+
+  /** @deprecated */
  platforms: Platform[];
+
  statistics: Statistics;
+
+  /** @deprecated */
  stripePublicKey?: string;
+
  subscriptionOffer?: SubscriptionOffer;
 }
--- a/libs/common/src/lib/interfaces/portfolio-summary.interface.ts
+++ b/libs/common/src/lib/interfaces/portfolio-summary.interface.ts
@ -7,6 +7,7 @@ export interface PortfolioSummary extends PortfolioPerformance {
  annualizedPerformancePercentWithCurrencyEffect: number;
  cash: number;
  committedFunds: number;
+  dateOfFirstActivity: Date;
  dividendInBaseCurrency: number;
  emergencyFund: {
    assets: number;
--- a/libs/common/src/lib/interfaces/responses/create-stripe-checkout-session-response.interface.ts
+++ b/libs/common/src/lib/interfaces/responses/create-stripe-checkout-session-response.interface.ts
@ -1,3 +1,6 @@
 export interface CreateStripeCheckoutSessionResponse {
+  /** @deprecated */
  sessionId: string;
+
+  sessionUrl: string;
 }
--- a/libs/common/src/lib/interfaces/responses/platforms-response.interface.ts
+++ b/libs/common/src/lib/interfaces/responses/platforms-response.interface.ts
@ -0,0 +1,5 @@
+import { Platform } from '@prisma/client';
+
+export interface PlatformsResponse {
+  platforms: Platform[];
+}
--- a/libs/common/src/lib/permissions.ts
+++ b/libs/common/src/lib/permissions.ts
@ -93,6 +93,7 @@ export function getPermissions(aRole: Role): string[] {
        permissions.readAiPrompt,
        permissions.readMarketData,
        permissions.readMarketDataOfOwnAssetProfile,
+        permissions.readPlatforms,
        permissions.readPlatformsWithAccountCount,
        permissions.readTags,
        permissions.readWatchlist,
@ -136,6 +137,7 @@ export function getPermissions(aRole: Role): string[] {
        permissions.deleteWatchlistItem,
        permissions.readAiPrompt,
        permissions.readMarketDataOfOwnAssetProfile,
+        permissions.readPlatforms,
        permissions.readWatchlist,
        permissions.updateAccount,
        permissions.updateAccess,
--- a/libs/common/src/lib/routes/routes.ts
+++ b/libs/common/src/lib/routes/routes.ts
@ -5,7 +5,7 @@ import { InternalRoute } from './interfaces/internal-route.interface';
 import { PublicRoute } from './interfaces/public-route.interface';

 if (typeof window !== 'undefined') {
-  import('@angular/localize/init');
+  import('@angular/localize');
 } else {
  (global as any).$localize = (
    messageParts: TemplateStringsArray,
--- a/libs/common/tsconfig.json
+++ b/libs/common/tsconfig.json
@ -9,5 +9,9 @@
    {
      "path": "./tsconfig.spec.json"
    }
-  ]
+  ],
+  "compilerOptions": {
+    "module": "preserve",
+    "lib": ["dom", "es2022"]
+  }
 }
--- a/libs/common/tsconfig.spec.json
+++ b/libs/common/tsconfig.spec.json
@ -2,7 +2,8 @@
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
+    "module": "preserve",
+    "isolatedModules": true,
    "types": ["jest", "node"]
  },
  "include": [
--- a/libs/ui/project.json
+++ b/libs/ui/project.json
@ -31,12 +31,7 @@
        "browserTarget": "ui:build-storybook",
        "compodoc": false,
        "configDir": "libs/ui/.storybook",
-        "port": 4400,
-        "styles": [
-          "apps/client/src/assets/fonts/inter.css",
-          "apps/client/src/styles/theme.scss",
-          "apps/client/src/styles.scss"
-        ]
+        "port": 4400
      },
      "configurations": {
        "ci": {
--- a/libs/ui/src/lib/logo-carousel/logo-carousel.component.ts
+++ b/libs/ui/src/lib/logo-carousel/logo-carousel.component.ts
@ -1,11 +1,9 @@
-import { CommonModule } from '@angular/common';
 import { ChangeDetectionStrategy, Component } from '@angular/core';

 import { LogoItem } from './interfaces/interfaces';

@Component({
  changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [CommonModule],
  selector: 'gf-logo-carousel',
  styleUrls: ['./logo-carousel.component.scss'],
  templateUrl: './logo-carousel.component.html'
--- a/libs/ui/src/test-setup.ts
+++ b/libs/ui/src/test-setup.ts
@ -1 +1,3 @@
-import 'jest-preset-angular/setup-jest';
+import { setupZoneTestEnv } from 'jest-preset-angular/setup-env/zone';
+
+setupZoneTestEnv();
--- a/libs/ui/tsconfig.json
+++ b/libs/ui/tsconfig.json
@ -14,7 +14,8 @@
    }
  ],
  "compilerOptions": {
-    "moduleResolution": "bundler",
+    "lib": ["dom", "es2022"],
+    "module": "preserve",
    "target": "es2020",
    // TODO: Remove once solved in tsconfig.base.json
    "strict": false,
--- a/libs/ui/tsconfig.lib.json
+++ b/libs/ui/tsconfig.lib.json
@ -7,7 +7,7 @@
    "declarationMap": true,
    "inlineSources": true,
    "types": [],
-    "lib": ["dom", "es2018"]
+    "lib": ["dom", "es2022"]
  },
  "exclude": [
    "src/test-setup.ts",
--- a/libs/ui/tsconfig.spec.json
+++ b/libs/ui/tsconfig.spec.json
@ -2,7 +2,8 @@
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
+    "module": "preserve",
+    "isolatedModules": true,
    "types": ["jest", "node"],
    "target": "es2016"
  },
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "ghostfolio",
-  "version": "2.224.2",
+  "version": "2.225.0",
  "homepage": "https://ghostfol.io",
  "license": "AGPL-3.0",
  "repository": "https://github.com/ghostfolio/ghostfolio",
@ -54,17 +54,17 @@
    "workspace-generator": "nx workspace-generator"
  },
  "dependencies": {
-    "@angular/animations": "20.3.9",
-    "@angular/cdk": "20.2.9",
-    "@angular/common": "20.3.9",
-    "@angular/compiler": "20.3.9",
-    "@angular/core": "20.3.9",
-    "@angular/forms": "20.3.9",
-    "@angular/material": "20.2.9",
-    "@angular/platform-browser": "20.3.9",
-    "@angular/platform-browser-dynamic": "20.3.9",
-    "@angular/router": "20.3.9",
-    "@angular/service-worker": "20.3.9",
+    "@angular/animations": "21.0.6",
+    "@angular/cdk": "21.0.5",
+    "@angular/common": "21.0.6",
+    "@angular/compiler": "21.0.6",
+    "@angular/core": "21.0.6",
+    "@angular/forms": "21.0.6",
+    "@angular/material": "21.0.5",
+    "@angular/platform-browser": "21.0.6",
+    "@angular/platform-browser-dynamic": "21.0.6",
+    "@angular/router": "21.0.6",
+    "@angular/service-worker": "21.0.6",
    "@codewithdan/observable-store": "2.2.15",
    "@date-fns/utc": "2.1.0",
    "@internationalized/number": "3.6.5",
@ -85,7 +85,6 @@
    "@prisma/client": "6.19.0",
    "@simplewebauthn/browser": "13.1.0",
    "@simplewebauthn/server": "13.1.1",
-    "@stripe/stripe-js": "7.9.0",
    "ai": "4.3.16",
    "alphavantage": "2.2.0",
    "big.js": "7.0.1",
@ -114,13 +113,12 @@
    "ionicons": "8.0.13",
    "jsonpath": "1.1.1",
    "lodash": "4.17.21",
-    "marked": "15.0.4",
+    "marked": "17.0.1",
    "ms": "3.0.0-canary.1",
-    "ng-extract-i18n-merge": "3.1.0",
-    "ngx-device-detector": "10.1.0",
-    "ngx-markdown": "20.0.0",
+    "ng-extract-i18n-merge": "3.2.1",
+    "ngx-device-detector": "11.0.0",
+    "ngx-markdown": "21.0.1",
    "ngx-skeleton-loader": "11.3.0",
-    "ngx-stripe": "20.7.0",
    "open-color": "1.9.1",
    "papaparse": "5.3.1",
    "passport": "0.7.0",
@ -135,41 +133,41 @@
    "tablemark": "4.1.0",
    "twitter-api-v2": "1.27.0",
    "yahoo-finance2": "3.10.2",
-    "zone.js": "0.15.1"
+    "zone.js": "0.16.0"
  },
  "devDependencies": {
-    "@angular-devkit/build-angular": "20.3.9",
-    "@angular-devkit/core": "20.3.9",
-    "@angular-devkit/schematics": "20.3.9",
-    "@angular-eslint/eslint-plugin": "20.7.0",
-    "@angular-eslint/eslint-plugin-template": "20.7.0",
-    "@angular-eslint/template-parser": "20.7.0",
-    "@angular/cli": "20.3.9",
-    "@angular/compiler-cli": "20.3.9",
-    "@angular/language-service": "20.3.9",
-    "@angular/localize": "20.3.9",
-    "@angular/pwa": "20.3.9",
+    "@angular-devkit/build-angular": "21.0.4",
+    "@angular-devkit/core": "21.0.4",
+    "@angular-devkit/schematics": "21.0.4",
+    "@angular-eslint/eslint-plugin": "21.1.0",
+    "@angular-eslint/eslint-plugin-template": "21.1.0",
+    "@angular-eslint/template-parser": "21.1.0",
+    "@angular/cli": "21.0.4",
+    "@angular/compiler-cli": "21.0.6",
+    "@angular/language-service": "21.0.6",
+    "@angular/localize": "21.0.6",
+    "@angular/pwa": "21.0.4",
    "@eslint/eslintrc": "3.3.1",
    "@eslint/js": "9.35.0",
    "@nestjs/schematics": "11.0.9",
    "@nestjs/testing": "11.1.8",
-    "@nx/angular": "22.1.3",
-    "@nx/eslint-plugin": "22.1.3",
-    "@nx/jest": "22.1.3",
-    "@nx/js": "22.1.3",
-    "@nx/module-federation": "22.1.3",
-    "@nx/nest": "22.1.3",
-    "@nx/node": "22.1.3",
-    "@nx/storybook": "22.1.3",
-    "@nx/web": "22.1.3",
-    "@nx/workspace": "22.1.3",
-    "@schematics/angular": "20.3.9",
+    "@nx/angular": "22.3.3",
+    "@nx/eslint-plugin": "22.3.3",
+    "@nx/jest": "22.3.3",
+    "@nx/js": "22.3.3",
+    "@nx/module-federation": "22.3.3",
+    "@nx/nest": "22.3.3",
+    "@nx/node": "22.3.3",
+    "@nx/storybook": "22.3.3",
+    "@nx/web": "22.3.3",
+    "@nx/workspace": "22.3.3",
+    "@schematics/angular": "21.0.4",
    "@storybook/addon-docs": "10.1.10",
    "@storybook/angular": "10.1.10",
    "@trivago/prettier-plugin-sort-imports": "5.2.2",
    "@types/big.js": "6.2.2",
    "@types/google-spreadsheet": "3.1.5",
-    "@types/jest": "29.5.13",
+    "@types/jest": "30.0.0",
    "@types/lodash": "4.17.20",
    "@types/node": "22.15.17",
    "@types/papaparse": "5.3.7",
@ -182,10 +180,10 @@
    "eslint-plugin-import": "2.32.0",
    "eslint-plugin-storybook": "10.1.10",
    "husky": "9.1.7",
-    "jest": "29.7.0",
-    "jest-environment-jsdom": "29.7.0",
-    "jest-preset-angular": "14.6.0",
-    "nx": "22.1.3",
+    "jest": "30.2.0",
+    "jest-environment-jsdom": "30.2.0",
+    "jest-preset-angular": "16.0.0",
+    "nx": "22.3.3",
    "prettier": "3.7.4",
    "prettier-plugin-organize-attributes": "1.0.0",
    "prisma": "6.19.0",
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@ -4,8 +4,9 @@
    "rootDir": ".",
    "sourceMap": true,
    "declaration": false,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
    "emitDecoratorMetadata": true,
+    "esModuleInterop": true,
    "experimentalDecorators": true,
    "importHelpers": true,
    "target": "es2015",