Make provider discount dynamic in provider portal (#9831)

bitwarden_license/bit-web/src/app/billing/providers/clients/create-client-dialog.component.html

@@ -7,7 +7,9 @@
       <p>{{ "createNewClientToManageAsProvider" | i18n }}</p>
       <div class="tw-mb-3">
         <span class="tw-text-lg tw-pr-1">{{ "selectAPlan" | i18n }}</span>
-        <span bitBadge variant="success">{{ "thirtyFivePercentDiscount" | i18n }}</span>
+        <span *ngIf="this.discountPercentage" bitBadge variant="success">{{
+          "providerDiscount" | i18n: this.discountPercentage
+        }}</span>
       </div>
       <ng-container>
         <div class="tw-grid tw-grid-flow-col tw-grid-cols-2 tw-gap-4 tw-mb-4">

bitwarden_license/bit-web/src/app/billing/providers/clients/create-client-dialog.component.ts

@@ -42,6 +42,7 @@ type PlanCard = {
   templateUrl: "./create-client-dialog.component.html",
 })
 export class CreateClientDialogComponent implements OnInit {
+  protected discountPercentage: number;
   protected formGroup = new FormGroup({
     clientOwnerEmail: new FormControl<string>("", [Validators.required, Validators.email]),
     organizationName: new FormControl<string>("", [Validators.required]),
@@ -96,27 +97,31 @@ export class CreateClientDialogComponent implements OnInit {
   }
 
   async ngOnInit(): Promise<void> {
-    const subscription = await this.billingApiService.getProviderSubscription(
+    const response = await this.billingApiService.getProviderSubscription(
       this.dialogParams.providerId,
     );
-    this.providerPlans = subscription?.plans ?? [];
+
+    this.providerPlans = response?.plans ?? [];
 
     const teamsPlan = this.dialogParams.plans.find((plan) => plan.type === PlanType.TeamsMonthly);
     const enterprisePlan = this.dialogParams.plans.find(
       (plan) => plan.type === PlanType.EnterpriseMonthly,
     );
 
+    this.discountPercentage = response.discountPercentage;
+    const discountFactor = this.discountPercentage ? (100 - this.discountPercentage) / 100 : 1;
+
     this.planCards = [
       {
         name: this.i18nService.t("planNameTeams"),
-        cost: teamsPlan.PasswordManager.providerPortalSeatPrice * 0.65, // 35% off for MSPs,
+        cost: teamsPlan.PasswordManager.providerPortalSeatPrice * discountFactor,
         type: teamsPlan.type,
         plan: teamsPlan,
         selected: true,
       },
       {
         name: this.i18nService.t("planNameEnterprise"),
-        cost: enterprisePlan.PasswordManager.providerPortalSeatPrice * 0.65, // 35% off for MSPs,
+        cost: enterprisePlan.PasswordManager.providerPortalSeatPrice * discountFactor,
         type: enterprisePlan.type,
         plan: enterprisePlan,
         selected: false,

bitwarden_license/bit-web/src/app/billing/providers/subscription/provider-subscription.component.html

@@ -41,7 +41,7 @@
                   {{ ((100 - subscription.discountPercentage) / 100) * i.cost | currency: "$" }} /{{
                     "month" | i18n
                   }}
-                  <div>
+                  <div *ngIf="subscription.discountPercentage">
                     <bit-hint class="tw-text-sm tw-line-through">
                       {{ i.cost | currency: "$" }} /{{ "month" | i18n }}
                     </bit-hint>