fix: Loan Product missed labels

src/app/products/loan-products/common/loan-product-summary/loan-product-summary.component.html

@@ -373,7 +373,7 @@
   </div>
 
   <div fxFlexFill *ngIf="isAdvancedPaymentAllocation && supportedInterestRefundTypes.length > 0">
-    <span fxFlex="47%">{{ 'labels.inputs.SUPPORTED INTEREST REFUND TYPES' | translate}}:</span>
+    <span fxFlex="47%">{{ 'labels.inputs.Supported Interest Refund Types' | translate}}:</span>
     <span  fxFlex="53%">
       {{mapHumanReadableValueStringEnumOptionDataList(supportedInterestRefundTypes)}}
     </span>

src/app/products/loan-products/create-loan-product/create-loan-product.component.ts

@@ -164,6 +164,9 @@ export class CreateLoanProductComponent implements OnInit {
   }
 
   mapStringEnumOptionToIdList(incomingValues: StringEnumOptionData[]): string[] {
+    if (!incomingValues) {
+      return [];
+    }
     return incomingValues.map(v => v.id);
   }
 }

src/app/products/loan-products/loan-product-stepper/loan-product-interest-refund-step/loan-product-interest-refund-step.component.html

@@ -3,10 +3,10 @@
   <div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
 
     <mat-form-field fxFlex="48%">
-      <mat-label>{{'labels.inputs.SUPPORTED INTEREST REFUND TYPES' | translate}}</mat-label>
+      <mat-label>{{'labels.inputs.Supported Interest Refund Types' | translate}}</mat-label>
       <mat-select multiple formControlName="supportedInterestRefundTypes" matTooltip="{{ 'tooltips.Refund transactions where interest refund will automatically be calculated' | translate}}">
         <mat-option *ngFor="let supportedTransaction of supportedInterestRefundTypesOptions" [value]="supportedTransaction.id">
-          {{ supportedTransaction.value }}
+          {{ supportedTransaction.value | translateKey:'catalogs' }}
         </mat-option>
       </mat-select>
     </mat-form-field>

src/app/products/loan-products/loan-product-stepper/loan-product-interest-refund-step/loan-product-interest-refund-step.component.ts

@@ -45,6 +45,9 @@ export class LoanProductInterestRefundStepComponent implements OnInit {
   }
 
   mapStringEnumOptionToIdList(incomingValues: StringEnumOptionData[]): string[] {
+    if (!incomingValues) {
+      return [];
+    }
     return incomingValues.map(v => v.id);
   }
 

src/app/products/loan-products/loan-product-stepper/loan-product-payment-strategy-step/loan-product-payment-strategy-step.component.html

@@ -24,7 +24,7 @@
     <mat-tab disabled>
         <ng-template mat-tab-label>
             <button mat-icon-button (click)="addTransaction()">
-                <mat-icon>{{ 'labels.buttons.Add' | translate}}</mat-icon>
+                <mat-icon><fa-icon icon="plus" size="sm"></fa-icon></mat-icon>
             </button>
         </ng-template>
     </mat-tab>