[PM-29956] Add logging to sponsorship redemption flow (#19947)

* [PM-29956] Add client-side logging to sponsorship redemption flow

* Fix prettier formatting

Author: connerbw

apps/web/src/app/admin-console/organizations/sponsorships/families-for-enterprise-setup.component.ts

@@ -15,7 +15,9 @@ import { PreValidateSponsorshipResponse } from "@bitwarden/common/admin-console/
 import { AccountService } from "@bitwarden/common/auth/abstractions/account.service";
 import { getUserId } from "@bitwarden/common/auth/services/account.service";
 import { PlanSponsorshipType, PlanType, ProductTierType } from "@bitwarden/common/billing/enums";
+import { ErrorResponse } from "@bitwarden/common/models/response/error.response";
 import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
+import { LogService } from "@bitwarden/common/platform/abstractions/log.service";
 import { ValidationService } from "@bitwarden/common/platform/abstractions/validation.service";
 import { SyncService } from "@bitwarden/common/vault/abstractions/sync/sync.service.abstraction";
 import { DialogService, ToastService } from "@bitwarden/components";
@@ -65,6 +67,7 @@ export class FamiliesForEnterpriseSetupComponent implements OnInit, OnDestroy {
     private dialogService: DialogService,
     private formBuilder: FormBuilder,
     private toastService: ToastService,
+    private logService: LogService,
   ) {}
 
   async ngOnInit() {
@@ -73,6 +76,7 @@ export class FamiliesForEnterpriseSetupComponent implements OnInit, OnDestroy {
     this.route.queryParams.pipe(first()).subscribe(async (qParams) => {
       const error = qParams.token == null;
       if (error) {
+        this.logService.warning("[Sponsorship] No token found in query params");
         this.toastService.showToast({
           variant: "error",
           title: null,
@@ -86,12 +90,20 @@ export class FamiliesForEnterpriseSetupComponent implements OnInit, OnDestroy {
       }
 
       this.token = qParams.token;
+      this.logService.info(
+        `[Sponsorship] Token present (length=${this.token.length}), starting validation`,
+      );
 
       await this.syncService.fullSync(true);
 
       this.preValidateSponsorshipResponse = await this.apiService.postPreValidateSponsorshipToken(
         this.token,
       );
+
+      this.logService.info(
+        `[Sponsorship] Pre-validation result: isTokenValid=${this.preValidateSponsorshipResponse.isTokenValid}, isFreeFamilyPolicyEnabled=${this.preValidateSponsorshipResponse.isFreeFamilyPolicyEnabled}`,
+      );
+
       if (this.preValidateSponsorshipResponse.isFreeFamilyPolicyEnabled) {
         this.toastService.showToast({
           variant: "error",
@@ -152,12 +164,18 @@ export class FamiliesForEnterpriseSetupComponent implements OnInit, OnDestroy {
   }
 
   private async doSubmit(organizationId: string) {
+    this.logService.info(
+      `[Sponsorship] Redeem started: organizationId=${organizationId}, showNewOrganization=${this.showNewOrganization}, tokenLength=${this.token?.length}`,
+    );
+
     try {
       const request = new OrganizationSponsorshipRedeemRequest();
       request.planSponsorshipType = PlanSponsorshipType.FamiliesForEnterprise;
       request.sponsoredOrganizationId = organizationId;
 
       await this.apiService.postRedeemSponsorship(this.token, request);
+
+      this.logService.info("[Sponsorship] Redeem succeeded");
       this.toastService.showToast({
         variant: "success",
         title: null,
@@ -169,9 +187,19 @@ export class FamiliesForEnterpriseSetupComponent implements OnInit, OnDestroy {
       // eslint-disable-next-line @typescript-eslint/no-floating-promises
       this.router.navigate(["/"]);
       // FIXME: Remove when updating file. Eslint update
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
     } catch (e) {
+      if (e instanceof ErrorResponse) {
+        this.logService.error(
+          `[Sponsorship] Redeem failed: statusCode=${e.statusCode}, message="${e.message}", validationErrors=${JSON.stringify(e.validationErrors)}`,
+        );
+      } else {
+        this.logService.error(`[Sponsorship] Redeem failed with unexpected error: ${e}`);
+      }
+
       if (this.showNewOrganization) {
+        this.logService.warning(
+          `[Sponsorship] Opening delete dialog for newly created org: organizationId=${organizationId}`,
+        );
         const dialog = openDeleteOrganizationDialog(this.dialogService, {
           data: {
             organizationId: organizationId,
@@ -192,6 +220,9 @@ export class FamiliesForEnterpriseSetupComponent implements OnInit, OnDestroy {
   }
 
   protected async onOrganizationCreateSuccess(value: any) {
+    this.logService.info(
+      `[Sponsorship] Organization created successfully: organizationId=${value?.organizationId}`,
+    );
     // Use newly created organization id
     await this.doSubmit(value.organizationId);
   }