diff --git a/apps/web/src/app/settings/organization-plans.component.ts b/apps/web/src/app/settings/organization-plans.component.ts index e2dfd73d972..5c449894231 100644 --- a/apps/web/src/app/settings/organization-plans.component.ts +++ b/apps/web/src/app/settings/organization-plans.component.ts @@ -52,8 +52,25 @@ export class OrganizationPlansComponent implements OnInit, OnDestroy { @Input() showFree = true; @Input() showCancel = false; @Input() acceptingSponsorship = false; - @Input() product: ProductType = ProductType.Free; - @Input() plan: PlanType = PlanType.Free; + @Input() + get product(): ProductType { + return this._product; + } + set product(product: ProductType) { + this._product = product; + this.formGroup?.controls?.product?.setValue(product); + } + private _product = ProductType.Free; + + @Input() + get plan(): PlanType { + return this._plan; + } + set plan(plan: PlanType) { + this._plan = plan; + this.formGroup?.controls?.plan?.setValue(plan); + } + private _plan = PlanType.Free; @Input() providerId: string; @Output() onSuccess = new EventEmitter(); @Output() onCanceled = new EventEmitter(); diff --git a/apps/web/src/app/settings/premium.component.html b/apps/web/src/app/settings/premium.component.html index 13266fd9ca5..7fc2daae23b 100644 --- a/apps/web/src/app/settings/premium.component.html +++ b/apps/web/src/app/settings/premium.component.html @@ -45,7 +45,10 @@

- {{ "premiumPrice" | i18n: (premiumPrice | currency: "$") }} + {{ "premiumPriceWithFamilyPlan" | i18n: (premiumPrice | currency: "$"):familyPlanMaxUserCount }} + {{ + "bitwardenFamiliesPlan" | i18n + }}