[PM-27050] Fix : Cannot upload self-hosted license on new Premium page

apps/web/src/app/billing/individual/premium/premium-vnext.component.html

@@ -65,4 +65,11 @@ <h3 slot="title" bitTypography="h3" class="tw-m-0">{{ "families" | i18n }}</h3>
       </a>
     </div>
   </bit-section>
+
+  <!-- Self-hosted license upload section -->
+  <bit-section *ngIf="isSelfHost">
+    <individual-self-hosting-license-uploader
+      (onLicenseFileUploaded)="onLicenseFileSelectedChanged()"
+    />
+  </bit-section>
 </div>

apps/web/src/app/billing/individual/premium/premium-vnext.component.ts

@@ -1,6 +1,7 @@
 import { CommonModule } from "@angular/common";
 import { Component, DestroyRef, inject } from "@angular/core";
 import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { ActivatedRoute, Router } from "@angular/router";
 import { combineLatest, firstValueFrom, map, Observable, of, shareReplay, switchMap } from "rxjs";
 
 import { ApiService } from "@bitwarden/common/abstractions/api.service";
@@ -21,6 +22,7 @@ import { PricingCardComponent } from "@bitwarden/pricing";
 import { I18nPipe } from "@bitwarden/ui-common";
 
 import { SubscriptionPricingService } from "../../services/subscription-pricing.service";
+import { BillingSharedModule } from "../../shared/billing-shared.module";
 import { BitwardenSubscriber, mapAccountToSubscriber } from "../../types";
 import {
   PersonalSubscriptionPricingTier,
@@ -45,6 +47,7 @@ import {
     LinkModule,
     I18nPipe,
     PricingCardComponent,
+    BillingSharedModule,
   ],
 })
 export class PremiumVNextComponent {
@@ -77,6 +80,8 @@ export class PremiumVNextComponent {
     private toastService: ToastService,
     private billingAccountProfileStateService: BillingAccountProfileStateService,
     private subscriptionPricingService: SubscriptionPricingService,
+    private router: Router,
+    private activatedRoute: ActivatedRoute,
   ) {
     this.isSelfHost = this.platformUtilsService.isSelfHost();
 
@@ -146,6 +151,18 @@ export class PremiumVNextComponent {
     await this.syncService.fullSync(true);
   };
 
+  protected async onLicenseFileSelectedChanged(): Promise<void> {
+    this.toastService.showToast({
+      variant: "success",
+      title: null,
+      message: this.i18nService.t("premiumUpdated"),
+    });
+    await this.navigateToSubscriptionPage();
+  }
+
+  navigateToSubscriptionPage = (): Promise<boolean> =>
+    this.router.navigate(["../user-subscription"], { relativeTo: this.activatedRoute });
+
   protected async openUpgradeDialog(planType: "Premium" | "Families"): Promise<void> {
     const account = await firstValueFrom(this.accountService.activeAccount$);
     if (!account) {