Merge branch 'main' into Task/upgrade-stripe-to-version-20.1.0

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Initialized the input properties in the _FIRE_ calculator
 - Upgraded `stripe` from version `18.5.0` to `20.1.0`
 
 ### Fixed

libs/ui/src/lib/fire-calculator/fire-calculator.component.stories.ts

@@ -44,8 +44,10 @@ type Story = StoryObj<GfFireCalculatorComponent>;
 
 export const Simple: Story = {
   args: {
+    annualInterestRate: 5,
     currency: 'USD',
     fireWealth: 50000,
-    locale: locale
+    locale: locale,
+    savingsRate: 1000
   }
 };

libs/ui/src/lib/fire-calculator/fire-calculator.component.ts

@@ -77,16 +77,16 @@ import { FireCalculatorService } from './fire-calculator.service';
   templateUrl: './fire-calculator.component.html'
 })
 export class GfFireCalculatorComponent implements OnChanges, OnDestroy {
-  @Input() annualInterestRate: number;
+  @Input() annualInterestRate = 0;
   @Input() colorScheme: ColorScheme;
   @Input() currency: string;
   @Input() deviceType: string;
-  @Input() fireWealth: number;
+  @Input() fireWealth = 0;
   @Input() hasPermissionToUpdateUserSettings: boolean;
   @Input() locale = getLocale();
-  @Input() projectedTotalAmount: number;
+  @Input() projectedTotalAmount = 0;
   @Input() retirementDate: Date;
-  @Input() savingsRate: number;
+  @Input() savingsRate = 0;
 
   @Output() annualInterestRateChanged = new EventEmitter<number>();
   @Output() calculationCompleted =