+}
diff --git a/src/app/loans/loans-account-stepper/loan-product-template-card/loan-product-template-card.component.scss b/src/app/loans/loans-account-stepper/loan-product-template-card/loan-product-template-card.component.scss
new file mode 100644
index 000000000..3e4824e67
--- /dev/null
+++ b/src/app/loans/loans-account-stepper/loan-product-template-card/loan-product-template-card.component.scss
@@ -0,0 +1,52 @@
+/**
+ * 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/.
+ */
+
+.lptc {
+ margin: 4px 0 16px;
+ padding: 12px 16px;
+ border: 1px solid #bae6fd;
+ border-radius: 8px;
+ background: #f0f9ff;
+
+ &__head {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ margin-bottom: 8px;
+ }
+
+ &__chip {
+ padding: 1px 10px;
+ border-radius: 999px;
+ background: #e0f2fe;
+ color: #075985;
+ font-size: 12px;
+ font-weight: 600;
+
+ &--type {
+ background: #ede9fe;
+ color: #5b21b6;
+ }
+ }
+
+ &__grid {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 8px 16px;
+ font-size: 13px;
+ color: #1e293b;
+ }
+
+ &__label {
+ display: block;
+ font-size: 11px;
+ letter-spacing: 0.04em;
+ text-transform: uppercase;
+ color: #64748b;
+ }
+}
diff --git a/src/app/loans/loans-account-stepper/loan-product-template-card/loan-product-template-card.component.ts b/src/app/loans/loans-account-stepper/loan-product-template-card/loan-product-template-card.component.ts
new file mode 100644
index 000000000..be03d6c85
--- /dev/null
+++ b/src/app/loans/loans-account-stepper/loan-product-template-card/loan-product-template-card.component.ts
@@ -0,0 +1,37 @@
+/**
+ * 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/.
+ */
+
+import { Component, Input } from '@angular/core';
+import { DecimalPipe } from '@angular/common';
+import { productCategoryLabel, productTypeLabel } from 'app/products/loan-products/loan-product-types';
+
+/**
+ * The product picked on the loan account form, summarised with its category, type and the main limits, so the
+ * officer can see what the account will be opened under before going on.
+ */
+@Component({
+ selector: 'mifosx-loan-product-template-card',
+ templateUrl: './loan-product-template-card.component.html',
+ styleUrls: ['./loan-product-template-card.component.scss'],
+ imports: [DecimalPipe]
+})
+export class LoanProductTemplateCardComponent {
+ /** A product from the catalogue (the list shape), or undefined when none is picked. */
+ @Input() product: any;
+
+ get category(): string {
+ return productCategoryLabel(this.product?.advanceExtensions?.productTypeGroup);
+ }
+
+ get type(): string {
+ return productTypeLabel(
+ this.product?.advanceExtensions?.productTypeGroup,
+ this.product?.advanceExtensions?.productTypeSubGroup
+ );
+ }
+}
diff --git a/src/app/loans/loans-account-stepper/loans-account-details-step/loans-account-details-step.component.ts b/src/app/loans/loans-account-stepper/loans-account-details-step/loans-account-details-step.component.ts
index 8d649088c..e60f519d1 100644
--- a/src/app/loans/loans-account-stepper/loans-account-details-step/loans-account-details-step.component.ts
+++ b/src/app/loans/loans-account-stepper/loans-account-details-step/loans-account-details-step.component.ts
@@ -32,6 +32,9 @@ import { MatCheckbox } from '@angular/material/checkbox';
import { MatStepperPrevious, MatStepperNext } from '@angular/material/stepper';
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+import { LoanProductCatalogService } from '../../services/loan-product-catalog.service';
+import { LoanProductTemplateCardComponent } from '../loan-product-template-card/loan-product-template-card.component';
+import { PRODUCT_SUB_TYPES, PRODUCT_TYPE_GROUPS } from 'app/products/loan-products/loan-product-types';
/**
* Loans Account Details Step
@@ -49,7 +52,8 @@ import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
MatStepperPrevious,
FaIconComponent,
MatStepperNext,
- AsyncPipe
+ AsyncPipe,
+ LoanProductTemplateCardComponent
]
})
export class LoansAccountDetailsStepComponent implements OnInit, OnDestroy {
@@ -59,6 +63,7 @@ export class LoansAccountDetailsStepComponent implements OnInit, OnDestroy {
private translateService = inject(TranslateService);
private settingsService = inject(SettingsService);
private commons = inject(Commons);
+ private catalog = inject(LoanProductCatalogService);
//** Defining PlaceHolders for the search bar */
placeHolderLabel = '';
@@ -88,6 +93,27 @@ export class LoansAccountDetailsStepComponent implements OnInit, OnDestroy {
loanId: any = null;
+ /** Category and product type narrow the product picker to the active products of that kind. */
+ readonly categories = PRODUCT_TYPE_GROUPS;
+ categoryFilter = '';
+ typeFilter = '';
+ /** Ids of the products active today; null until read, or if the read failed (then nothing is hidden). */
+ private activeProductIds: Set | null = null;
+ /** Every product from the template, before any filter. */
+ private allProducts: any[] = [];
+
+ /** Types offered for the chosen category; every type when no category is chosen. */
+ get typeOptions() {
+ return this.categoryFilter
+ ? (PRODUCT_SUB_TYPES[this.categoryFilter] ?? [])
+ : Object.values(PRODUCT_SUB_TYPES).flat();
+ }
+
+ /** The product picked in the form, with its category and type, for the template card. */
+ get selectedProduct(): any {
+ return this.catalog.get(this.loansAccountDetailsForm?.get('productId')?.value);
+ }
+
loanProductSelected = false;
/** Currency data. */
protected productData: ReplaySubject = new ReplaySubject(1);
@@ -115,7 +141,8 @@ export class LoansAccountDetailsStepComponent implements OnInit, OnDestroy {
this.maxDate = this.settingsService.maxFutureDate;
this.buildDependencies();
if (this.loansAccountTemplate) {
- this.productList = this.loansAccountTemplate.productOptions.sort(this.commons.dynamicSort('name'));
+ this.allProducts = this.loansAccountTemplate.productOptions.sort(this.commons.dynamicSort('name'));
+ this.productList = this.allProducts;
if (this.loansAccountTemplate.loanProductId) {
this.loansAccountDetailsForm.patchValue({
productId: this.loansAccountTemplate.loanProductId,
@@ -136,6 +163,44 @@ export class LoansAccountDetailsStepComponent implements OnInit, OnDestroy {
this.searchItem();
});
this.productData.next(this.productList.slice());
+ this.loadActiveProducts();
+ }
+
+ /**
+ * A new account can only be opened on a product that is active today, and the picker can be narrowed by category
+ * and type. Editing an existing account keeps every product, since its own product may have closed since.
+ */
+ private loadActiveProducts(): void {
+ if (this.loanId) {
+ return;
+ }
+ this.catalog.activeProducts().subscribe((products) => {
+ this.activeProductIds = products.length > 0 ? new Set(products.map((product) => Number(product.id))) : null;
+ this.applyProductFilters();
+ });
+ }
+
+ onCategoryChange(): void {
+ // A type belongs to one category, so a type from another category cannot stay selected.
+ if (this.typeFilter && !this.typeOptions.some((type) => type.id === this.typeFilter)) {
+ this.typeFilter = '';
+ }
+ this.applyProductFilters();
+ }
+
+ /** Rebuilds the product list from the template: active only, then category and type, then the search text. */
+ applyProductFilters(): void {
+ this.productList = this.allProducts.filter((product: any) => {
+ if (this.activeProductIds && !this.activeProductIds.has(Number(product.id))) {
+ return false;
+ }
+ const ext = this.catalog.classification(product.id);
+ if (this.categoryFilter && ext['productTypeGroup'] !== this.categoryFilter) {
+ return false;
+ }
+ return !this.typeFilter || ext['productTypeSubGroup'] === this.typeFilter;
+ });
+ this.searchItem();
}
ngOnDestroy(): void {
diff --git a/src/app/loans/services/loan-product-catalog.service.ts b/src/app/loans/services/loan-product-catalog.service.ts
new file mode 100644
index 000000000..907847faf
--- /dev/null
+++ b/src/app/loans/services/loan-product-catalog.service.ts
@@ -0,0 +1,48 @@
+/**
+ * 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/.
+ */
+
+import { Injectable, inject } from '@angular/core';
+import { Observable, of } from 'rxjs';
+import { catchError, map, tap } from 'rxjs/operators';
+import { ProductsService } from 'app/products/products.service';
+
+/**
+ * Read-only view of the loan product catalogue for the loan account screens: which products are active today and
+ * what category and type each one is. Reads the normal product list once; the category and type of each product
+ * come from the classification the list carries (`advanceExtensions`).
+ */
+@Injectable({
+ providedIn: 'root'
+})
+export class LoanProductCatalogService {
+ private productsService = inject(ProductsService);
+
+ private byId = new Map();
+
+ /**
+ * The products that are active today. Also remembers every product it saw, so `get` and `classification` can
+ * answer for them afterwards. An empty list on failure, so the picker never ends up with nothing to choose.
+ */
+ activeProducts(): Observable {
+ return this.productsService.getLoanProducts().pipe(
+ tap((products: any[]) => (products ?? []).forEach((product) => this.byId.set(Number(product.id), product))),
+ map((products: any[]) => (products ?? []).filter((product) => product?.status === 'loanProduct.active')),
+ catchError(() => of([]))
+ );
+ }
+
+ /** A product seen by `activeProducts`, or undefined before it ran or for an unknown id. */
+ get(productId: any): any {
+ return this.byId.get(Number(productId));
+ }
+
+ /** The product's category and type (`productTypeGroup`, `productTypeSubGroup`, ...), empty when it has none. */
+ classification(productId: any): Record {
+ return this.get(productId)?.advanceExtensions ?? {};
+ }
+}
diff --git a/src/app/products/loan-interest-rate-register/edit-register/edit-register.component.html b/src/app/products/loan-interest-rate-register/edit-register/edit-register.component.html
index 0ec403f4b..35c9f7843 100644
--- a/src/app/products/loan-interest-rate-register/edit-register/edit-register.component.html
+++ b/src/app/products/loan-interest-rate-register/edit-register/edit-register.component.html
@@ -27,7 +27,7 @@
-
+
@@ -84,6 +84,27 @@
{{ addProductError }}
+
+
Add amount slab
+
+
+
+
+
+
+
+
+
+
+
+
+
The new slab is added as the last column; fill in its rates for each product.
+
{{ addSlabError }}
+
diff --git a/src/app/products/loan-interest-rate-register/edit-register/edit-register.component.scss b/src/app/products/loan-interest-rate-register/edit-register/edit-register.component.scss
index 476337e6e..25e958ccc 100644
--- a/src/app/products/loan-interest-rate-register/edit-register/edit-register.component.scss
+++ b/src/app/products/loan-interest-rate-register/edit-register/edit-register.component.scss
@@ -137,6 +137,12 @@
}
}
+ &__add-hint {
+ margin-top: 8px;
+ font-size: 12px;
+ color: #64748b;
+ }
+
&__add-error {
margin-top: 8px;
font-size: 12px;
diff --git a/src/app/products/loan-interest-rate-register/edit-register/edit-register.component.ts b/src/app/products/loan-interest-rate-register/edit-register/edit-register.component.ts
index 95472abde..1900d114c 100644
--- a/src/app/products/loan-interest-rate-register/edit-register/edit-register.component.ts
+++ b/src/app/products/loan-interest-rate-register/edit-register/edit-register.component.ts
@@ -227,6 +227,7 @@ export class EditRegisterComponent implements OnInit, OnDestroy {
if (!this.canEdit) {
return;
}
+ this.addingSlab = false;
this.addingProduct = true;
this.newProductName = '';
this.newProductGl = null;
@@ -271,23 +272,67 @@ export class EditRegisterComponent implements OnInit, OnDestroy {
}
}
- /** Append a new amount slab column; every existing row grows by one blank cell. */
+ /** "Add slab" panel state. A slab is an amount band; at least a label or an upper limit is needed. */
+ addingSlab = false;
+ newSlabLabel = '';
+ newSlabAmount: number | null = null;
+ addSlabError = '';
+
+ /** Opens the Add slab panel. */
addSlab(): void {
if (!this.canEdit) {
return;
}
- const label = window.prompt('Slab label (e.g. "Upto 50,00,000" or "> 50,00,000")', 'New slab');
+ this.addingProduct = false;
+ this.addingSlab = true;
+ this.newSlabLabel = '';
+ this.newSlabAmount = null;
+ this.addSlabError = '';
+ }
+
+ cancelAddSlab(): void {
+ this.addingSlab = false;
+ this.addSlabError = '';
+ }
+
+ /** Label that is filled in for a slab when only the upper limit is given, e.g. "Upto 50,00,000". */
+ suggestedSlabLabel(): string {
+ const amount = this.newSlabAmount;
+ return amount != null && Number.isFinite(amount) && amount > 0 ? `Upto ${amount.toLocaleString('en-IN')}` : '';
+ }
+
+ /** Append the new amount slab as the last column; every existing row grows by one blank cell. */
+ confirmAddSlab(): void {
+ const amount = this.newSlabAmount;
+ const hasAmount = amount != null && String(amount) !== '';
+ if (hasAmount && (!Number.isFinite(amount) || (amount as number) <= 0)) {
+ this.addSlabError = 'The upper limit must be a number greater than 0.';
+ return;
+ }
+ const label = this.newSlabLabel.trim() || this.suggestedSlabLabel();
if (!label) {
+ this.addSlabError = 'Enter a label, or an upper limit to build one from.';
+ return;
+ }
+ if (this.slabs.some((s) => s.label.trim().toLowerCase() === label.toLowerCase())) {
+ this.addSlabError = 'A slab with this label already exists.';
+ return;
+ }
+ if (hasAmount && this.slabs.some((s) => s.amountUpto === amount)) {
+ this.addSlabError = 'A slab with this upper limit already exists.';
+ return;
+ }
+ if (!hasAmount && this.slabs.some((s) => s.amountUpto === null)) {
+ this.addSlabError = 'An open-ended slab (no upper limit) already exists.';
return;
}
- const amountText = window.prompt('Amount upper bound in ₹ (leave blank for no cap)', '');
- const amountUpto = amountText && amountText.trim() ? Number(amountText) : null;
this.slabs.push({
key: `s_${Date.now()}`,
- label: label.trim(),
- amountUpto: amountUpto !== null && !Number.isFinite(amountUpto) ? null : amountUpto
+ label,
+ amountUpto: hasAmount ? (amount as number) : null
});
this.rows.forEach((r) => r.rates.push(null));
+ this.cancelAddSlab();
}
editCibil(): void {
diff --git a/src/app/products/loan-interest-rate-register/loan-interest-rate-register.component.html b/src/app/products/loan-interest-rate-register/loan-interest-rate-register.component.html
index dd57f3b14..cf9e44f33 100644
--- a/src/app/products/loan-interest-rate-register/loan-interest-rate-register.component.html
+++ b/src/app/products/loan-interest-rate-register/loan-interest-rate-register.component.html
@@ -71,7 +71,7 @@
>
- {{ r.name }}
+ {{ r.name || '(Untitled draft)' }}{{ statusLabel(r.status) }}
diff --git a/src/app/products/loan-interest-rate-register/preview-register/preview-register.component.ts b/src/app/products/loan-interest-rate-register/preview-register/preview-register.component.ts
index 6614572f5..71e7c00b5 100644
--- a/src/app/products/loan-interest-rate-register/preview-register/preview-register.component.ts
+++ b/src/app/products/loan-interest-rate-register/preview-register/preview-register.component.ts
@@ -11,6 +11,12 @@ import { CommonModule } from '@angular/common';
import { ActivatedRoute, Router } from '@angular/router';
import { MatButtonModule } from '@angular/material/button';
import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatDialog } from '@angular/material/dialog';
+import {
+ SubmitDetailsData,
+ SubmitDetailsDialogComponent,
+ SubmitDetailsResult
+} from '../submit-details-dialog/submit-details-dialog.component';
import { RateRegisterService } from '../rate-register.service';
import { CibilSlab, RateChartRow, RateRegister, SlabColumn } from '../models/rate-register.model';
import { RateRegisterDiffComponent } from '../rate-register-diff/rate-register-diff.component';
@@ -41,6 +47,7 @@ export class PreviewRegisterComponent implements OnInit {
private readonly route = inject(ActivatedRoute);
private readonly router = inject(Router);
private readonly snack = inject(MatSnackBar);
+ private readonly dialog = inject(MatDialog);
draft!: RateRegister;
active?: RateRegister;
@@ -98,6 +105,33 @@ export class PreviewRegisterComponent implements OnInit {
if (this.submitting) {
return;
}
+ const ref = this.dialog.open(
+ SubmitDetailsDialogComponent,
+ {
+ width: '520px',
+ maxWidth: '95vw',
+ data: {
+ name: this.draft.name,
+ effectiveFrom: this.draft.effectiveFrom,
+ effectiveTo: this.draft.effectiveTo ?? '',
+ activeName: this.active && this.active.id !== this.draft.id ? this.active.name : undefined,
+ activeFrom: this.active && this.active.id !== this.draft.id ? this.active.effectiveFrom : undefined
+ }
+ }
+ );
+ ref.afterClosed().subscribe((details) => {
+ if (!details) {
+ return;
+ }
+ this.draft.name = details.name;
+ this.draft.effectiveFrom = details.effectiveFrom;
+ this.draft.effectiveTo = details.effectiveTo || null;
+ this.service.saveDrafts();
+ this.send();
+ });
+ }
+
+ private send(): void {
this.submitting = true;
this.service.submitForApproval(this.draft.id).subscribe({
next: (res) => {
diff --git a/src/app/products/loan-interest-rate-register/rate-register.service.ts b/src/app/products/loan-interest-rate-register/rate-register.service.ts
index 9230ad7a5..16dfa332c 100644
--- a/src/app/products/loan-interest-rate-register/rate-register.service.ts
+++ b/src/app/products/loan-interest-rate-register/rate-register.service.ts
@@ -425,9 +425,10 @@ export class RateRegisterService {
const today = new Date().toISOString().slice(0, 10);
const copy: RateRegister = {
id: newId,
- name: `${source.name} — new version`,
- effectiveFrom: source.effectiveFrom,
- effectiveTo: source.effectiveTo,
+ // Left blank on purpose: the maker enters name and dates in the submit popup.
+ name: '',
+ effectiveFrom: '',
+ effectiveTo: null,
currency: source.currency,
status: 'Draft',
createdBy: 'Current User',
diff --git a/src/app/products/loan-interest-rate-register/submit-details-dialog/submit-details-dialog.component.ts b/src/app/products/loan-interest-rate-register/submit-details-dialog/submit-details-dialog.component.ts
new file mode 100644
index 000000000..e815d80f3
--- /dev/null
+++ b/src/app/products/loan-interest-rate-register/submit-details-dialog/submit-details-dialog.component.ts
@@ -0,0 +1,139 @@
+/**
+ * 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/.
+ */
+
+import { Component, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';
+import { MatButtonModule } from '@angular/material/button';
+
+export interface SubmitDetailsData {
+ name: string;
+ effectiveFrom: string;
+ effectiveTo: string;
+ /** Active version this one replaces, shown as context. */
+ activeName?: string;
+ activeFrom?: string;
+}
+
+export interface SubmitDetailsResult {
+ name: string;
+ effectiveFrom: string;
+ effectiveTo: string;
+}
+
+/** Asks the maker for the version details (name, effective from / to) just before sending for approval. */
+@Component({
+ selector: 'mifosx-submit-details-dialog',
+ imports: [
+ CommonModule,
+ FormsModule,
+ MatDialogModule,
+ MatButtonModule
+ ],
+ template: `
+
Version details
+
+
+ Confirm these details before sending the rate register for approval.
+ It will replace {{ data.activeName }} (effective {{ data.activeFrom }}) once approved.
+
diff --git a/src/app/products/loan-products/loan-product-stepper/loan-product-advance-interest-step/loan-product-advance-interest-step.component.ts b/src/app/products/loan-products/loan-product-stepper/loan-product-advance-interest-step/loan-product-advance-interest-step.component.ts
index 89dbb9956..4aa3d2dda 100644
--- a/src/app/products/loan-products/loan-product-stepper/loan-product-advance-interest-step/loan-product-advance-interest-step.component.ts
+++ b/src/app/products/loan-products/loan-product-stepper/loan-product-advance-interest-step/loan-product-advance-interest-step.component.ts
@@ -6,9 +6,10 @@
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/
-import { Component, inject } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
import { UntypedFormGroup, UntypedFormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+import { RegisterRateSelection, RegisterRateViewComponent } from '../register-rate-view/register-rate-view.component';
/**
* Interest step for an Advances A/C product (Figma step 5). Interest basis + spread, rate bounds,
@@ -18,13 +19,23 @@ import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
selector: 'mifosx-loan-product-advance-interest-step',
templateUrl: './loan-product-advance-interest-step.component.html',
styleUrls: ['../advance-steps.scss'],
- imports: [...STANDALONE_SHARED_IMPORTS]
+ imports: [
+ ...STANDALONE_SHARED_IMPORTS,
+ RegisterRateViewComponent
+ ]
})
export class LoanProductAdvanceInterestStepComponent {
private formBuilder = inject(UntypedFormBuilder);
loanProductAdvanceInterestForm: UntypedFormGroup;
+ /** Sub type and GL account picked on the Details step; they choose the Loan Interest Rate Register row. */
+ @Input() productSubType = '';
+ @Input() glAccountId: number | string | null = null;
+
+ /** The register row the product takes its rate from; null while the register has no row for it. */
+ registerSelection: RegisterRateSelection | null = null;
+
readonly interestBasisOptions = [
{ id: 'deposit_spread', label: 'Deposit Rate + Spread' },
{ id: 'fixed', label: 'Fixed rate' },
@@ -77,11 +88,12 @@ export class LoanProductAdvanceInterestStepComponent {
Validators.max(20)
]
],
- minRate: [
- '',
- Validators.required
- ],
- maxRate: [
+ // Filled from the register row; never typed in.
+ minRate: [''],
+ maxRate: [''],
+ defaultRate: [''],
+ // The rate comes from the Loan Interest Rate Register, so a product with no register row cannot be created.
+ registerParticular: [
'',
Validators.required
],
@@ -95,6 +107,33 @@ export class LoanProductAdvanceInterestStepComponent {
});
}
+ /**
+ * The register row decides the rate. A row of plain rates fixes the minimum and maximum; a deposit row
+ * ("1% + FD") is the deposit rate plus a spread, which has no plain minimum or maximum. With no row for the
+ * product the register particular stays empty, which keeps this step, and so the whole product, invalid until
+ * the product has been added to the register.
+ */
+ onRegisterSelection(selection: RegisterRateSelection | null): void {
+ this.registerSelection = selection;
+ const form = this.loanProductAdvanceInterestForm;
+ if (selection) {
+ form.patchValue(
+ {
+ interestBasis: selection.isFormula ? 'deposit_spread' : 'fixed',
+ spread: selection.isFormula ? selection.minSpread : 0,
+ minRate: selection.minRate ?? '',
+ maxRate: selection.maxRate ?? '',
+ defaultRate: selection.defaultRate ?? '',
+ registerParticular: selection.particular
+ },
+ { emitEvent: false }
+ );
+ } else {
+ form.patchValue({ minRate: '', maxRate: '', defaultRate: '', registerParticular: '' }, { emitEvent: false });
+ }
+ form.updateValueAndValidity({ emitEvent: false });
+ }
+
get showSpread(): boolean {
return this.loanProductAdvanceInterestForm.get('interestBasis').value === 'deposit_spread';
}
diff --git a/src/app/products/loan-products/loan-product-stepper/loan-product-details-step/loan-product-details-step.component.ts b/src/app/products/loan-products/loan-product-stepper/loan-product-details-step/loan-product-details-step.component.ts
index 57a5f6dc4..6eb65abd2 100644
--- a/src/app/products/loan-products/loan-product-stepper/loan-product-details-step/loan-product-details-step.component.ts
+++ b/src/app/products/loan-products/loan-product-stepper/loan-product-details-step/loan-product-details-step.component.ts
@@ -17,6 +17,7 @@ import { MatTooltip } from '@angular/material/tooltip';
import { CdkTextareaAutosize } from '@angular/cdk/text-field';
import { MatRadioButton, MatRadioGroup } from '@angular/material/radio';
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+import { PRODUCT_SUB_TYPES, PRODUCT_TYPE_GROUPS } from '../../loan-product-types';
@Component({
selector: 'mifosx-loan-product-details-step',
@@ -110,35 +111,10 @@ export class LoanProductDetailsStepComponent implements OnInit {
isExistingProduct = false;
/** Product Type -- picked first, since it decides which sections the rest of the wizard shows. */
- readonly productTypeGroups = [
- { id: 'advances', label: 'Advances A/C', hint: 'No EMI. Limit / drawing power against security.' },
- { id: 'loans', label: 'Loans A/C', hint: 'Fixed disbursement, fixed tenure, EMI repayment.' }
- ];
+ /** Category and type lists are shared with the product list and the loan account product picker. */
+ readonly productTypeGroups = PRODUCT_TYPE_GROUPS;
- /** `shortName` is the two-letter code the product's Short Name is pre-filled with when the sub type is picked. */
- readonly productTypeSubGroups: Record = {
- advances: [
- { id: 'fd', label: 'Loan against FD', shortName: 'FD' },
- { id: 'rd', label: 'Loan against RD', shortName: 'RD' },
- { id: 'dds', label: 'Loan against DDS', shortName: 'DS' },
- { id: 'lic', label: 'Loan against LIC Policy', shortName: 'LI' },
- { id: 'gold', label: 'Loan against Gold', shortName: 'GD' },
- { id: 'warehouse', label: 'Warehouse Receipt', shortName: 'WR' },
- { id: 'cc', label: 'Cash Credit (CC)', shortName: 'CC' },
- { id: 'overdraft', label: 'Overdraft (OD)', shortName: 'OD' },
- { id: 'kcc', label: 'Kisan Credit Card (KCC)', shortName: 'KC' },
- { id: 'bills', label: 'Bills Purchased / Discounted', shortName: 'BP' }
- ],
- loans: [
- { id: 'term', label: 'Term Loan', shortName: 'TL' },
- { id: 'personal', label: 'Personal Loan', shortName: 'PL' },
- { id: 'housing', label: 'Housing Loan', shortName: 'HL' },
- { id: 'vehicle', label: 'Vehicle Loan', shortName: 'VL' },
- { id: 'education', label: 'Education Loan', shortName: 'EL' },
- { id: 'business', label: 'Business / MSME Loan', shortName: 'BL' },
- { id: 'gold_emi', label: 'Gold EMI Loan', shortName: 'GE' }
- ]
- };
+ readonly productTypeSubGroups = PRODUCT_SUB_TYPES;
/** Regulatory Classification options (UI-only; RBI / bureau reporting). */
readonly loanProductCategoryOptions = [
diff --git a/src/app/products/loan-products/loan-product-stepper/loan-product-loan-amount-tenure-step/loan-product-loan-amount-tenure-step.component.html b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-amount-tenure-step/loan-product-loan-amount-tenure-step.component.html
new file mode 100644
index 000000000..72b1d72d7
--- /dev/null
+++ b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-amount-tenure-step/loan-product-loan-amount-tenure-step.component.html
@@ -0,0 +1,150 @@
+
+
+
diff --git a/src/app/products/loan-products/loan-product-stepper/loan-product-loan-amount-tenure-step/loan-product-loan-amount-tenure-step.component.ts b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-amount-tenure-step/loan-product-loan-amount-tenure-step.component.ts
new file mode 100644
index 000000000..ff547810f
--- /dev/null
+++ b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-amount-tenure-step/loan-product-loan-amount-tenure-step.component.ts
@@ -0,0 +1,106 @@
+/**
+ * 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/.
+ */
+
+import { Component, inject } from '@angular/core';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
+import { MatCheckbox } from '@angular/material/checkbox';
+import { MatRadioButton, MatRadioGroup } from '@angular/material/radio';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+
+/**
+ * Amount & Tenure step for a Loans A/C (EMI) product (step 4): fixed sanctioned amount, tenure,
+ * borrower eligibility and disbursement. Amount, tenure and tranches feed Fineract's core product
+ * fields; eligibility is UI-only for now.
+ */
+@Component({
+ selector: 'mifosx-loan-product-loan-amount-tenure-step',
+ templateUrl: './loan-product-loan-amount-tenure-step.component.html',
+ styleUrls: ['../advance-steps.scss'],
+ imports: [
+ ...STANDALONE_SHARED_IMPORTS,
+ MatCheckbox,
+ MatRadioGroup,
+ MatRadioButton
+ ]
+})
+export class LoanProductLoanAmountTenureStepComponent {
+ private formBuilder = inject(UntypedFormBuilder);
+
+ loanProductLoanAmountTenureForm: UntypedFormGroup;
+
+ readonly disbursementModeOptions = [
+ { id: 'transfer_dd_vendor', label: 'Transfer to A/C, DD, Direct to vendor' },
+ { id: 'transfer', label: 'Transfer to A/C only' },
+ { id: 'dd', label: 'Demand draft only' }
+ ];
+
+ readonly undisbursedInterestOptions = [
+ { id: 'none', label: 'None — interest only on disbursed' },
+ { id: 'commitment', label: 'Commitment charge on undisbursed' }
+ ];
+
+ constructor() {
+ this.loanProductLoanAmountTenureForm = this.formBuilder.group({
+ minAmount: [
+ '',
+ [
+ Validators.required,
+ Validators.min(0)
+ ]
+ ],
+ defaultAmount: [''],
+ maxAmount: [
+ '',
+ [
+ Validators.required,
+ Validators.min(0)
+ ]
+ ],
+ minTenure: [
+ 12,
+ [
+ Validators.required,
+ Validators.min(1)
+ ]
+ ],
+ defaultTenure: [
+ '',
+ Validators.min(1)
+ ],
+ maxTenure: [
+ 360,
+ [
+ Validators.required,
+ Validators.min(1)
+ ]
+ ],
+ minAge: [21],
+ maxAgeAtMaturity: [70],
+ minCibil: [650],
+ minMonthlyIncome: [''],
+ maxFoir: [50],
+ maxLoansPerCustomer: [1],
+ disbursementType: ['single'],
+ maxTranches: [
+ 2,
+ Validators.min(2)
+ ],
+ disbursementMode: ['transfer_dd_vendor'],
+ undisbursedInterest: ['none'],
+ preEmiInterest: [true]
+ });
+ }
+
+ get isMultiTranche(): boolean {
+ return this.loanProductLoanAmountTenureForm.get('disbursementType').value === 'multiple';
+ }
+
+ get loanProductLoanAmountTenure() {
+ return this.loanProductLoanAmountTenureForm.getRawValue();
+ }
+}
diff --git a/src/app/products/loan-products/loan-product-stepper/loan-product-loan-interest-step/loan-product-loan-interest-step.component.html b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-interest-step/loan-product-loan-interest-step.component.html
new file mode 100644
index 000000000..0a08d2380
--- /dev/null
+++ b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-interest-step/loan-product-loan-interest-step.component.html
@@ -0,0 +1,161 @@
+
+
+
diff --git a/src/app/products/loan-products/loan-product-stepper/loan-product-loan-interest-step/loan-product-loan-interest-step.component.ts b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-interest-step/loan-product-loan-interest-step.component.ts
new file mode 100644
index 000000000..a29bc3534
--- /dev/null
+++ b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-interest-step/loan-product-loan-interest-step.component.ts
@@ -0,0 +1,188 @@
+/**
+ * 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/.
+ */
+
+import { Component, Input, inject } from '@angular/core';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
+import { MatRadioButton, MatRadioGroup } from '@angular/material/radio';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+import { RegisterRateSelection, RegisterRateViewComponent } from '../register-rate-view/register-rate-view.component';
+
+/**
+ * Interest step for a Loans A/C (EMI) product (step 6). The rate normally comes from the central
+ * Loan Interest Rate Register (amount slab + CIBIL adjustment); the min / default / max rate and the
+ * calculation method feed Fineract's core product fields. Register link, spread and floating reset
+ * are UI-only for now.
+ */
+@Component({
+ selector: 'mifosx-loan-product-loan-interest-step',
+ templateUrl: './loan-product-loan-interest-step.component.html',
+ styleUrls: ['../advance-steps.scss'],
+ imports: [
+ ...STANDALONE_SHARED_IMPORTS,
+ MatRadioGroup,
+ MatRadioButton,
+ RegisterRateViewComponent
+ ]
+})
+export class LoanProductLoanInterestStepComponent {
+ private formBuilder = inject(UntypedFormBuilder);
+
+ loanProductLoanInterestForm: UntypedFormGroup;
+
+ /** Sub type and GL account picked on the Details step; they choose the Loan Interest Rate Register row. */
+ @Input() productSubType = '';
+ @Input() glAccountId: number | string | null = null;
+
+ /** The register row the product takes its rate from; null while the register has no row for it. */
+ registerSelection: RegisterRateSelection | null = null;
+
+ /** The 16 default particulars of the Loan Interest Rate Register. */
+ readonly registerParticulars = [
+ 'Housing Loan (Purchase/Construction)',
+ 'Home Repair/Renovation',
+ 'Personal Loan (Unsecured)',
+ 'Personal Loan (Secured/Property)',
+ 'Two Wheeler Loan',
+ 'Car Loan (New)',
+ 'Used Car/Vehicle Loan',
+ 'Commercial Vehicle Loan',
+ 'Gold Loan',
+ 'Business Term Loan',
+ 'Machinery & Equipment Loan',
+ 'Cash Credit',
+ 'Overdraft',
+ 'Agriculture Loan',
+ 'Loan against FDR',
+ 'Loan against RD'
+ ];
+
+ readonly yesNoOptions = [
+ 'YES',
+ 'NO'
+ ];
+
+ readonly rateResolvedAtOptions = [
+ { id: 'sanction', label: 'Sanction' },
+ { id: 'disbursement', label: 'First disbursement' }
+ ];
+
+ readonly calcMethodOptions = [
+ { id: 'declining', label: 'Declining Balance' },
+ { id: 'flat', label: 'Flat' }
+ ];
+
+ /** `fineractId` maps to Fineract's daysInYearType (1 = actual). */
+ readonly daysInYearOptions = [
+ { id: 'actual', label: 'Actual (365 / 366)', fineractId: 1 },
+ { id: '365', label: '365', fineractId: 365 },
+ { id: '360', label: '360', fineractId: 360 }
+ ];
+
+ /** `fineractId` maps to Fineract's daysInMonthType (1 = actual). */
+ readonly daysInMonthOptions = [
+ { id: 'actual', label: 'Actual', fineractId: 1 },
+ { id: '30', label: '30', fineractId: 30 }
+ ];
+
+ readonly calcPeriodOptions = [
+ { id: 'same', label: 'Same as repayment period' },
+ { id: 'daily', label: 'Daily' }
+ ];
+
+ readonly interestStartOptions = [
+ { id: 'disbursement', label: 'Disbursement date' },
+ { id: 'first_emi', label: 'First EMI date' }
+ ];
+
+ readonly compoundingOptions = [
+ { id: 'none', label: 'None (simple on outstanding)' },
+ { id: 'monthly', label: 'Monthly' }
+ ];
+
+ readonly benchmarkOptions = [
+ { id: 'repo', label: 'Repo / MCLR / Bank base rate' },
+ { id: 'eblr', label: 'External benchmark (EBLR)' }
+ ];
+
+ readonly resetFrequencyOptions = [
+ { id: 'quarterly', label: 'Quarterly' },
+ { id: 'half_yearly', label: 'Half-yearly' },
+ { id: 'yearly', label: 'Yearly' }
+ ];
+
+ readonly resetChangeOptions = [
+ { id: 'tenure', label: 'Tenure (EMI stays constant)' },
+ { id: 'emi', label: 'EMI (tenure stays constant)' }
+ ];
+
+ constructor() {
+ this.loanProductLoanInterestForm = this.formBuilder.group({
+ interestType: ['fixed'],
+ // The rate comes from the Loan Interest Rate Register, so a product with no register row cannot be created.
+ registerParticular: [
+ '',
+ Validators.required
+ ],
+ applyCibilAdjustment: ['YES'],
+ spread: [
+ 0,
+ [
+ Validators.min(0),
+ Validators.max(20)
+ ]
+ ],
+ rateResolvedAt: ['sanction'],
+ // Filled from the register row; never typed in.
+ minRate: [''],
+ defaultRate: [''],
+ maxRate: [''],
+ calcMethod: ['declining'],
+ daysInYear: ['actual'],
+ daysInMonth: ['actual'],
+ calcPeriod: ['same'],
+ interestStartsFrom: ['disbursement'],
+ compounding: ['none'],
+ benchmark: ['repo'],
+ resetFrequency: ['quarterly'],
+ resetChange: ['tenure']
+ });
+ }
+
+ /**
+ * The register row decides the rate limits. With no row for the product the register particular stays empty,
+ * which keeps this step, and so the whole product, invalid until the product has been added to the register.
+ */
+ onRegisterSelection(selection: RegisterRateSelection | null): void {
+ this.registerSelection = selection;
+ const form = this.loanProductLoanInterestForm;
+ if (selection) {
+ form.patchValue(
+ {
+ registerParticular: selection.particular,
+ minRate: selection.minRate ?? '',
+ maxRate: selection.maxRate ?? '',
+ defaultRate: selection.defaultRate ?? ''
+ },
+ { emitEvent: false }
+ );
+ } else {
+ form.patchValue({ registerParticular: '', minRate: '', maxRate: '', defaultRate: '' }, { emitEvent: false });
+ }
+ form.updateValueAndValidity({ emitEvent: false });
+ }
+
+ /** Reset options only apply to a floating or hybrid rate. */
+ get isFloatingOrHybrid(): boolean {
+ const type = this.loanProductLoanInterestForm.get('interestType').value;
+ return type === 'floating' || type === 'hybrid';
+ }
+
+ get loanProductLoanInterest() {
+ return this.loanProductLoanInterestForm.getRawValue();
+ }
+}
diff --git a/src/app/products/loan-products/loan-product-stepper/loan-product-loan-prepayment-step/loan-product-loan-prepayment-step.component.html b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-prepayment-step/loan-product-loan-prepayment-step.component.html
new file mode 100644
index 000000000..b17ca654c
--- /dev/null
+++ b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-prepayment-step/loan-product-loan-prepayment-step.component.html
@@ -0,0 +1,144 @@
+
+
+
diff --git a/src/app/products/loan-products/loan-product-stepper/loan-product-loan-prepayment-step/loan-product-loan-prepayment-step.component.ts b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-prepayment-step/loan-product-loan-prepayment-step.component.ts
new file mode 100644
index 000000000..e5c6487e8
--- /dev/null
+++ b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-prepayment-step/loan-product-loan-prepayment-step.component.ts
@@ -0,0 +1,117 @@
+/**
+ * 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/.
+ */
+
+import { Component, inject } from '@angular/core';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
+import { MatCheckbox } from '@angular/material/checkbox';
+import { MatRadioButton, MatRadioGroup } from '@angular/material/radio';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+
+/**
+ * Prepayment & Closure step for a Loans A/C (EMI) product (step 8). A loan has no renewal; it ends at
+ * maturity or on pre-closure. UI-only for now: not sent in the create payload.
+ */
+@Component({
+ selector: 'mifosx-loan-product-loan-prepayment-step',
+ templateUrl: './loan-product-loan-prepayment-step.component.html',
+ styleUrls: ['../advance-steps.scss'],
+ imports: [
+ ...STANDALONE_SHARED_IMPORTS,
+ MatCheckbox,
+ MatRadioGroup,
+ MatRadioButton
+ ]
+})
+export class LoanProductLoanPrepaymentStepComponent {
+ private formBuilder = inject(UntypedFormBuilder);
+
+ loanProductLoanPrepaymentForm: UntypedFormGroup;
+
+ readonly allowedOnOptions = [
+ { id: 'emi_date', label: 'EMI due date' },
+ { id: 'any_day', label: 'Any day' }
+ ];
+
+ readonly perYearOptions = [
+ { id: 'unlimited', label: 'Unlimited' },
+ { id: 'one', label: 'Once a year' },
+ { id: 'two', label: 'Twice a year' }
+ ];
+
+ readonly interestOnPreclosureOptions = [
+ { id: 'till_date', label: 'Till date of payment' },
+ { id: 'full_month', label: 'Full current month' }
+ ];
+
+ readonly autoCloseOptions = [
+ 'YES',
+ 'NO'
+ ];
+
+ readonly nocOptions = [
+ { id: 'auto', label: 'Auto-generate' },
+ { id: 'manual', label: 'On request' }
+ ];
+
+ readonly restructuringOptions = [
+ { id: 'approval', label: 'Allowed with approval' },
+ { id: 'no', label: 'Not allowed' }
+ ];
+
+ constructor() {
+ const percent = [
+ Validators.min(0),
+ Validators.max(100)
+ ];
+ this.loanProductLoanPrepaymentForm = this.formBuilder.group({
+ partPrepaymentAllowed: [true],
+ minPartPayment: [
+ '',
+ Validators.min(0)
+ ],
+ allowedOn: ['emi_date'],
+ partPaymentsPerYear: ['unlimited'],
+ partPrepaymentMode: ['reduce_tenure'],
+ foreclosureFloatingIndividual: [
+ 0,
+ percent
+ ],
+ foreclosureFixedIndividual: [
+ 2,
+ percent
+ ],
+ foreclosureNonIndividual: [
+ 3,
+ percent
+ ],
+ foreclosureTakeover: [
+ 2,
+ percent
+ ],
+ lockInMonths: [
+ 0,
+ Validators.min(0)
+ ],
+ interestOnPreclosure: ['till_date'],
+ foreclosureQuoteValidDays: [
+ 7,
+ Validators.min(1)
+ ],
+ autoCloseOnZeroBalance: ['YES'],
+ nocLetter: ['auto'],
+ restructuring: ['approval'],
+ releaseCollateralOnClosure: [true],
+ topUpAllowed: [false],
+ balanceTransferOutAllowed: [true]
+ });
+ }
+
+ get loanProductLoanPrepayment() {
+ return this.loanProductLoanPrepaymentForm.getRawValue();
+ }
+}
diff --git a/src/app/products/loan-products/loan-product-stepper/loan-product-loan-repayment-step/loan-product-loan-repayment-step.component.html b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-repayment-step/loan-product-loan-repayment-step.component.html
new file mode 100644
index 000000000..4972737f7
--- /dev/null
+++ b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-repayment-step/loan-product-loan-repayment-step.component.html
@@ -0,0 +1,155 @@
+
+
+
diff --git a/src/app/products/loan-products/loan-product-stepper/loan-product-loan-repayment-step/loan-product-loan-repayment-step.component.ts b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-repayment-step/loan-product-loan-repayment-step.component.ts
new file mode 100644
index 000000000..162f2cd8d
--- /dev/null
+++ b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-repayment-step/loan-product-loan-repayment-step.component.ts
@@ -0,0 +1,129 @@
+/**
+ * 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/.
+ */
+
+import { Component, inject } from '@angular/core';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
+import { MatCheckbox } from '@angular/material/checkbox';
+import { MatRadioButton, MatRadioGroup } from '@angular/material/radio';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+
+/**
+ * Repayment & EMI step for a Loans A/C (EMI) product (step 5) — the step an Advance does not have.
+ * Repayment type and frequency feed Fineract's core product fields; the repayment mode and the
+ * rest of the schedule options are UI-only for now.
+ */
+@Component({
+ selector: 'mifosx-loan-product-loan-repayment-step',
+ templateUrl: './loan-product-loan-repayment-step.component.html',
+ styleUrls: ['../advance-steps.scss'],
+ imports: [
+ ...STANDALONE_SHARED_IMPORTS,
+ MatCheckbox,
+ MatRadioGroup,
+ MatRadioButton
+ ]
+})
+export class LoanProductLoanRepaymentStepComponent {
+ private formBuilder = inject(UntypedFormBuilder);
+
+ loanProductLoanRepaymentForm: UntypedFormGroup;
+
+ readonly repaymentTypeOptions = [
+ { id: 'emi', label: 'EMI', hint: 'Reducing balance, equal instalments' },
+ { id: 'equal_principal', label: 'Equal principal', hint: 'Falling instalments' },
+ { id: 'flat', label: 'Flat rate', hint: 'Interest on original amount' },
+ { id: 'bullet', label: 'Bullet', hint: 'Pay everything at maturity' },
+ { id: 'step', label: 'Step-up / Balloon', hint: 'Custom schedule' }
+ ];
+
+ /** `fineractId` is Fineract's repaymentFrequencyType (0 days, 1 weeks, 2 months). */
+ readonly frequencyOptions = [
+ { id: 'months', label: 'Months', fineractId: 2 },
+ { id: 'weeks', label: 'Weeks', fineractId: 1 },
+ { id: 'days', label: 'Days', fineractId: 0 }
+ ];
+
+ readonly emiDueDayOptions = [
+ { id: 'disbursement_day', label: 'Same day as disbursement' },
+ { id: 'fixed_day', label: 'Fixed day of month (5th)' }
+ ];
+
+ readonly holidayRuleOptions = [
+ { id: 'next', label: 'Next working day' },
+ { id: 'previous', label: 'Previous working day' },
+ { id: 'same', label: 'Same day' }
+ ];
+
+ readonly moratoriumInterestOptions = [
+ { id: 'pre_emi', label: 'Pay monthly (Pre-EMI)' },
+ { id: 'capitalise', label: 'Capitalise into loan' }
+ ];
+
+ readonly repaymentModeOptions = [
+ { id: 'nach', label: 'Auto-debit (NACH / ECS)' },
+ { id: 'pdc', label: 'Post-dated cheques (PDC)' },
+ { id: 'cash', label: 'Cash / transfer at branch' }
+ ];
+
+ readonly linkedAccountOptions = [
+ { id: 'savings_current', label: 'Savings / Current' },
+ { id: 'savings', label: 'Savings only' }
+ ];
+
+ readonly pdcOptions = [
+ { id: 'mandatory', label: 'Mandatory — 3 cheques' },
+ { id: 'optional', label: 'Optional' },
+ { id: 'none', label: 'Not collected' }
+ ];
+
+ readonly appropriationOrderOptions = [
+ { id: 'charges_penal_interest_principal', label: 'Charges → Penal → Interest → Principal' },
+ { id: 'principal_interest_penal_charges', label: 'Principal → Interest → Penal → Charges' }
+ ];
+
+ readonly advanceEmiOptions = [
+ { id: 'adjust_next', label: 'Allowed — adjust next EMI' },
+ { id: 'not_allowed', label: 'Not allowed' }
+ ];
+
+ constructor() {
+ this.loanProductLoanRepaymentForm = this.formBuilder.group({
+ repaymentType: ['emi'],
+ repaidEvery: [
+ 1,
+ [
+ Validators.required,
+ Validators.min(1)
+ ]
+ ],
+ frequency: ['months'],
+ minDaysToFirstRepayment: [
+ '',
+ Validators.min(0)
+ ],
+ emiDueDay: ['fixed_day'],
+ holidayRule: ['next'],
+ moratoriumMonths: [
+ 0,
+ Validators.min(0)
+ ],
+ moratoriumInterest: ['pre_emi'],
+ variableInstallments: [false],
+ repaymentMode: ['nach'],
+ linkedAccountType: ['savings_current'],
+ pdcCollection: ['mandatory'],
+ mandateRequired: [true],
+ appropriationOrder: ['charges_penal_interest_principal'],
+ advanceEmi: ['adjust_next']
+ });
+ }
+
+ get loanProductLoanRepayment() {
+ return this.loanProductLoanRepaymentForm.getRawValue();
+ }
+}
diff --git a/src/app/products/loan-products/loan-product-stepper/loan-product-loan-security-step/loan-product-loan-security-step.component.html b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-security-step/loan-product-loan-security-step.component.html
new file mode 100644
index 000000000..6650b8f5a
--- /dev/null
+++ b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-security-step/loan-product-loan-security-step.component.html
@@ -0,0 +1,130 @@
+
+
+
diff --git a/src/app/products/loan-products/loan-product-stepper/loan-product-loan-security-step/loan-product-loan-security-step.component.ts b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-security-step/loan-product-loan-security-step.component.ts
new file mode 100644
index 000000000..39caf70e0
--- /dev/null
+++ b/src/app/products/loan-products/loan-product-stepper/loan-product-loan-security-step/loan-product-loan-security-step.component.ts
@@ -0,0 +1,127 @@
+/**
+ * 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/.
+ */
+
+import { Component, inject } from '@angular/core';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
+import { MatCheckbox } from '@angular/material/checkbox';
+import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+
+/**
+ * Security & Collateral step for a Loans A/C (EMI) product (step 3).
+ *
+ * Unlike an Advance, the security only decides eligibility at sanction — it does not set a running
+ * limit. UI-only for now: not sent in the create payload.
+ */
+@Component({
+ selector: 'mifosx-loan-product-loan-security-step',
+ templateUrl: './loan-product-loan-security-step.component.html',
+ styleUrls: ['../advance-steps.scss'],
+ imports: [
+ ...STANDALONE_SHARED_IMPORTS,
+ MatCheckbox
+ ]
+})
+export class LoanProductLoanSecurityStepComponent {
+ private formBuilder = inject(UntypedFormBuilder);
+
+ loanProductLoanSecurityForm: UntypedFormGroup;
+
+ readonly securityMandatoryOptions = [
+ { id: 'yes', label: 'Yes — no sanction without security' },
+ { id: 'no', label: 'No — unsecured' }
+ ];
+
+ readonly coApplicantOptions = [
+ { id: 'joint_property', label: 'Mandatory for joint property' },
+ { id: 'always', label: 'Always mandatory' },
+ { id: 'optional', label: 'Optional' }
+ ];
+
+ readonly thirdPartyOptions = [
+ { id: 'consent', label: 'Allowed with owner consent' },
+ { id: 'no', label: 'Not allowed' }
+ ];
+
+ /** Reference table: which security a loan on this product may accept. */
+ readonly collateralRules = [
+ {
+ security: 'Residential property',
+ allowed: true,
+ ltv: '80',
+ valuation: 'Empanelled valuer',
+ insurance: 'Mandatory',
+ charge: 'Mortgage + CERSAI'
+ },
+ {
+ security: 'Commercial property',
+ allowed: true,
+ ltv: '70',
+ valuation: 'Empanelled valuer',
+ insurance: 'Mandatory',
+ charge: 'Mortgage + CERSAI'
+ },
+ {
+ security: 'Fixed / Recurring Deposit',
+ allowed: true,
+ ltv: '90',
+ valuation: 'Not needed',
+ insurance: 'Not needed',
+ charge: 'Lien marked'
+ },
+ {
+ security: 'LIC policy',
+ allowed: true,
+ ltv: '90',
+ valuation: 'Surrender value',
+ insurance: 'Not needed',
+ charge: 'Assignment'
+ },
+ { security: 'Vehicle', allowed: false, ltv: '—', valuation: '—', insurance: '—', charge: '—' },
+ { security: 'Gold ornaments', allowed: false, ltv: '—', valuation: '—', insurance: '—', charge: '—' }
+ ];
+
+ constructor() {
+ this.loanProductLoanSecurityForm = this.formBuilder.group({
+ securityType: ['Immovable property (mortgage)'],
+ securityMandatory: ['yes'],
+ margin: [
+ 20,
+ [
+ Validators.required,
+ Validators.min(0),
+ Validators.max(100)
+ ]
+ ],
+ guarantorsRequired: [
+ 1,
+ Validators.min(0)
+ ],
+ coApplicant: ['joint_property'],
+ thirdPartySecurity: ['consent'],
+ legalOpinionRequired: [true],
+ propertyInsuranceRequired: [true],
+ registerCharge: [true],
+ autoReleaseOnClosure: [true],
+ allowMultipleSecurities: [false],
+ allowThirdPartyDeposit: [false]
+ });
+ }
+
+ /** Maximum LTV is derived from the margin (100 − margin) and shown read-only. */
+ get ltv(): number {
+ const margin = Number(this.loanProductLoanSecurityForm.get('margin').value);
+ return Number.isFinite(margin) ? Math.max(0, 100 - margin) : 100;
+ }
+
+ get loanProductLoanSecurity() {
+ return {
+ ...this.loanProductLoanSecurityForm.getRawValue(),
+ ltv: this.ltv
+ };
+ }
+}
diff --git a/src/app/products/loan-products/loan-product-stepper/register-rate-view/register-rate-view.component.html b/src/app/products/loan-products/loan-product-stepper/register-rate-view/register-rate-view.component.html
new file mode 100644
index 000000000..377661f29
--- /dev/null
+++ b/src/app/products/loan-products/loan-product-stepper/register-rate-view/register-rate-view.component.html
@@ -0,0 +1,97 @@
+
+
+@switch (state) {
+ @case ('loading') {
+
Reading the Loan Interest Rate Register…
+ }
+ @case ('none') {
+
+ There is no active Loan Interest Rate Register yet.
+
+ A product takes its interest rate from the register, so it cannot be created until a register is created and
+ approved.
+
+ Open the register →
+
+ }
+ @case ('ready') {
+ @if (selectedRow) {
+
+
+ Interest comes from the active register {{ register?.name }}, effective {{ register?.effectiveFrom }}.
+
+ Open register →
+
+ }
+
+ @if (!selectedRow) {
+
+ This product has no interest rate in the Loan Interest Rate Register yet.
+ {{ blockReason }}
+ Add it in the register →
+