217 lines
7.7 KiB
TypeScript
217 lines
7.7 KiB
TypeScript
/**
|
|
* Copyright since 2025 Mifos Initiative
|
|
*
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
*/
|
|
|
|
/** Angular Imports */
|
|
import { Component, OnInit, Input, Output, EventEmitter, inject, ChangeDetectorRef } from '@angular/core';
|
|
import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
|
|
import { SettingsService } from 'app/settings/settings.service';
|
|
import { Dates } from 'app/core/utils/dates';
|
|
|
|
/** Custom Services */
|
|
import { RecurringDepositsService } from '../../recurring-deposits.service';
|
|
import { MatTooltip } from '@angular/material/tooltip';
|
|
import { MatStepperPrevious, MatStepperNext } from '@angular/material/stepper';
|
|
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
|
|
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
|
import { IntroducerSearchComponent } from 'app/shared/introducer-search/introducer-search.component';
|
|
|
|
/**
|
|
* Recurring Deposits Account Details Step
|
|
*/
|
|
@Component({
|
|
selector: 'mifosx-recurring-deposits-account-details-step',
|
|
templateUrl: './recurring-deposits-account-details-step.component.html',
|
|
styleUrls: ['./recurring-deposits-account-details-step.component.scss'],
|
|
imports: [
|
|
...STANDALONE_SHARED_IMPORTS,
|
|
MatTooltip,
|
|
MatStepperPrevious,
|
|
FaIconComponent,
|
|
MatStepperNext,
|
|
IntroducerSearchComponent
|
|
]
|
|
})
|
|
export class RecurringDepositsAccountDetailsStepComponent implements OnInit {
|
|
private formBuilder = inject(UntypedFormBuilder);
|
|
private recurringDepositsService = inject(RecurringDepositsService);
|
|
private settingsService = inject(SettingsService);
|
|
private dateUtils = inject(Dates);
|
|
private cdr = inject(ChangeDetectorRef);
|
|
|
|
/** Recurring Deposits Account Template */
|
|
@Input() recurringDepositsAccountTemplate: any;
|
|
|
|
/** Minimum date allowed. */
|
|
minDate = new Date(2000, 0, 1);
|
|
/** Maximum date allowed. */
|
|
maxDate = new Date();
|
|
/** Product Data */
|
|
productData: any;
|
|
/** Field Officer Data */
|
|
fieldOfficerData: any;
|
|
/** For edit recurring deposits form */
|
|
isFieldOfficerPatched = false;
|
|
/** Recurring Deposits Account Details Form */
|
|
recurringDepositAccountDetailsForm!: UntypedFormGroup;
|
|
|
|
isProductSelected = false;
|
|
introducerId: number | null = null;
|
|
introducerName: string | null = null;
|
|
introducerCif: string | null = null;
|
|
|
|
/** Recurring Deposits Account Template with product data */
|
|
@Output() recurringDepositsAccountProductTemplate = new EventEmitter();
|
|
|
|
/** Local copy of product template for displaying classification info */
|
|
productTemplate: any = null;
|
|
|
|
constructor() {
|
|
this.createRecurringDepositsAccountDetailsForm();
|
|
}
|
|
|
|
ngOnInit() {
|
|
this.maxDate = this.settingsService.businessDate;
|
|
this.buildDependencies();
|
|
if (this.recurringDepositsAccountTemplate) {
|
|
this.productData = this.recurringDepositsAccountTemplate.productOptions;
|
|
if (this.recurringDepositsAccountTemplate.depositProductId) {
|
|
// Edit mode: patch from saved data
|
|
this.recurringDepositAccountDetailsForm.patchValue({
|
|
productId: this.recurringDepositsAccountTemplate.depositProductId,
|
|
submittedOnDate:
|
|
this.recurringDepositsAccountTemplate.timeline.submittedOnDate &&
|
|
new Date(this.recurringDepositsAccountTemplate.timeline.submittedOnDate),
|
|
externalId: this.recurringDepositsAccountTemplate.externalId
|
|
});
|
|
} else {
|
|
// New account: default submittedOnDate to today's business date
|
|
this.recurringDepositAccountDetailsForm.patchValue({
|
|
submittedOnDate: this.settingsService.businessDate
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Creates recurring deposits account details form.
|
|
*/
|
|
createRecurringDepositsAccountDetailsForm() {
|
|
this.recurringDepositAccountDetailsForm = this.formBuilder.group({
|
|
productId: [
|
|
'',
|
|
Validators.required
|
|
],
|
|
submittedOnDate: [
|
|
'',
|
|
Validators.required
|
|
],
|
|
fieldOfficerId: [''],
|
|
externalId: [''],
|
|
balanceSwapOption: [false],
|
|
msme: [false],
|
|
autoDebitFacility: [false]
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Fetches recurring deposits account product template on productId value changes
|
|
*/
|
|
buildDependencies() {
|
|
const clientId = this.recurringDepositsAccountTemplate.clientId;
|
|
this.recurringDepositAccountDetailsForm.get('productId')!.valueChanges.subscribe((productId: string) => {
|
|
this.recurringDepositsService
|
|
.getRecurringDepositsAccountTemplate(clientId, productId)
|
|
.subscribe((response: any) => {
|
|
// Ensure currency is included in the product template
|
|
if (!response.currency) {
|
|
// Try to get currency from the selected product
|
|
const selectedProduct = this.recurringDepositsAccountTemplate.productOptions?.find(
|
|
(product: any) => product.id == productId
|
|
);
|
|
if (selectedProduct?.currency) {
|
|
response.currency = selectedProduct.currency;
|
|
} else if (this.recurringDepositsAccountTemplate.currency) {
|
|
response.currency = this.recurringDepositsAccountTemplate.currency;
|
|
}
|
|
}
|
|
this.productTemplate = response;
|
|
this.recurringDepositsAccountProductTemplate.emit(response);
|
|
this.fieldOfficerData = response.fieldOfficerOptions;
|
|
this.isProductSelected = true;
|
|
// Pre-populate toggles from product defaults (user can override)
|
|
this.recurringDepositAccountDetailsForm.patchValue({
|
|
balanceSwapOption: !!response.balanceSwapOption,
|
|
msme: !!response.msme,
|
|
autoDebitFacility: !!response.autoDebitFacility
|
|
});
|
|
this.cdr.detectChanges();
|
|
if (!this.isFieldOfficerPatched && this.recurringDepositsAccountTemplate.fieldOfficerId) {
|
|
this.recurringDepositAccountDetailsForm
|
|
.get('fieldOfficerId')!
|
|
.patchValue(this.recurringDepositsAccountTemplate.fieldOfficerId);
|
|
this.isFieldOfficerPatched = true;
|
|
} else {
|
|
this.recurringDepositAccountDetailsForm.get('fieldOfficerId')!.patchValue('');
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Returns true if a value is not null, undefined, or empty string.
|
|
*/
|
|
hasValue(val: any): boolean {
|
|
return val !== null && val !== undefined && val !== '';
|
|
}
|
|
|
|
/**
|
|
* Formats template dates into the current CBS date format.
|
|
* Handles backend date arrays like [2026, 4, 20] as well as strings and Date objects.
|
|
*/
|
|
formatTemplateDate(value: any): string {
|
|
if (!value) {
|
|
return '';
|
|
}
|
|
|
|
let dateValue: Date | null = null;
|
|
|
|
if (value instanceof Date) {
|
|
dateValue = value;
|
|
} else if (Array.isArray(value) && value.length >= 3) {
|
|
dateValue = new Date(value[0], value[1] - 1, value[2]);
|
|
} else {
|
|
dateValue = new Date(value);
|
|
}
|
|
|
|
if (!dateValue || Number.isNaN(dateValue.getTime())) {
|
|
return Array.isArray(value) ? value.join('/') : String(value);
|
|
}
|
|
|
|
return this.dateUtils.formatDate(dateValue, 'M/d/yyyy') || '';
|
|
}
|
|
|
|
/**
|
|
* Returns recurring deposits account details form value.
|
|
*/
|
|
onIntroducerChange(event: { clientId: number; displayName: string; cifNumber?: string } | null): void {
|
|
this.introducerId = event?.clientId ?? null;
|
|
this.introducerName = event?.displayName ?? null;
|
|
this.introducerCif = event?.cifNumber ?? null;
|
|
}
|
|
|
|
get recurringDepositAccountDetails() {
|
|
const value = this.recurringDepositAccountDetailsForm.value;
|
|
if (this.introducerId) {
|
|
value.introducerId = this.introducerId;
|
|
value.introducerName = this.introducerName;
|
|
value.introducerCif = this.introducerCif;
|
|
}
|
|
return value;
|
|
}
|
|
}
|