From 194aa943028e8795798ebf864958c3e03fb3850a Mon Sep 17 00:00:00 2001
From: cyprain-okeke <108260115+cyprain-okeke@users.noreply.github.com>
Date: Tue, 3 Dec 2024 13:46:17 +0100
Subject: [PATCH] [PM-13202][Defect] MSP name with an apostrophe displaying
 dummy character in Delete provider screen (#11488)

* Resolve the msp name with apostrophe

* qParams.name exists and is a string before sanitization
---
 .../verify-recover-delete-provider.component.ts          | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/bitwarden_license/bit-web/src/app/admin-console/providers/verify-recover-delete-provider.component.ts b/bitwarden_license/bit-web/src/app/admin-console/providers/verify-recover-delete-provider.component.ts
index a4461b3e11a..68264593b8e 100644
--- a/bitwarden_license/bit-web/src/app/admin-console/providers/verify-recover-delete-provider.component.ts
+++ b/bitwarden_license/bit-web/src/app/admin-console/providers/verify-recover-delete-provider.component.ts
@@ -1,4 +1,5 @@
-import { Component, OnInit } from "@angular/core";
+import { Component, OnInit, SecurityContext } from "@angular/core";
+import { DomSanitizer } from "@angular/platform-browser";
 import { ActivatedRoute, Router } from "@angular/router";
 import { firstValueFrom } from "rxjs";
 
@@ -24,6 +25,7 @@ export class VerifyRecoverDeleteProviderComponent implements OnInit {
     private i18nService: I18nService,
     private route: ActivatedRoute,
     private toastService: ToastService,
+    private sanitizer: DomSanitizer,
   ) {}
 
   async ngOnInit() {
@@ -31,7 +33,10 @@ export class VerifyRecoverDeleteProviderComponent implements OnInit {
     if (qParams.providerId != null && qParams.token != null && qParams.name != null) {
       this.providerId = qParams.providerId;
       this.token = qParams.token;
-      this.name = qParams.name;
+      this.name =
+        qParams.name && typeof qParams.name === "string"
+          ? this.sanitizer.sanitize(SecurityContext.HTML, qParams.name) || ""
+          : "";
     } else {
       await this.router.navigate(["/"]);
     }