Extend promotion system by label

apps/client/src/app/pages/pricing/pricing-page.component.ts

@@ -34,6 +34,7 @@ export class PricingPageComponent implements OnDestroy, OnInit {
     'DATA_IMPORT_AND_EXPORT_TOOLTIP_PREMIUM'
   );
   public isLoggedIn: boolean;
+  public label: string;
   public price: number;
   public priceId: string;
   public professionalDataProviderTooltipPremium = translate(
@@ -59,6 +60,7 @@ export class PricingPageComponent implements OnDestroy, OnInit {
 
     this.coupon = subscriptionOffers?.default?.coupon;
     this.durationExtension = subscriptionOffers?.default?.durationExtension;
+    this.label = subscriptionOffers?.default?.label;
     this.price = subscriptionOffers?.default?.price;
 
     this.userService.stateChanged
@@ -80,6 +82,8 @@ export class PricingPageComponent implements OnDestroy, OnInit {
             subscriptionOffers?.[
               this.user?.subscription?.offer
             ]?.durationExtension;
+          this.label =
+            subscriptionOffers?.[this.user?.subscription?.offer]?.label;
           this.price =
             subscriptionOffers?.[this.user?.subscription?.offer]?.price;
           this.priceId =

apps/client/src/app/pages/pricing/pricing-page.html

@@ -178,6 +178,9 @@
             class="h-100"
             [ngClass]="{ active: user?.subscription?.type === 'Premium' }"
           >
+            @if (label) {
+              <mat-card-title>{{ label }}</mat-card-title>
+            }
             <mat-card-content class="d-flex flex-column h-100">
               <div class="flex-grow-1">
                 <div class="align-items-center d-flex mb-2">

libs/common/src/lib/interfaces/subscription-offer.interface.ts

@@ -4,6 +4,7 @@ export interface SubscriptionOffer {
   coupon?: number;
   couponId?: string;
   durationExtension?: StringValue;
+  label?: string;
   price: number;
   priceId: string;
 }