feat: add nominee, auto-debit, charges UI for SB/CA/FD/RD accounts; enforce required fields

- SB/CA/FD/RD Currency Step: add Nomination Facility toggle with multi-nominee form
  (NomineeFormComponent), auto-debit facility toggle, dormancy alert panel
- SB/CA/FD/RD Preview Step: display nominees list, auto-debit status, dormancy info
- FD/RD create component: validate Deposit Tenure, Monthly Installment (RD), and
  Customer Segment are filled before submit; show clear alert messages on missing fields
- FD account details step: remove duplicate Currency section (already shown in
  Currency & Account Status Configuration step)
- CA/SB create component: handle duplicate externalId API error with user-friendly alert
  instead of raw error display

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/deposits/fixed-deposits/create-fixed-deposit-account/create-fixed-deposit-account.component.html

@@ -98,7 +98,7 @@
           [fixedDepositsAccountProductTemplate]="fixedDepositsAccountProductTemplate"
           [fixedDepositAccountData]="fixedDepositAccount"
           [selectedTenure]="selectedTenure"
-          [fdNominee]="fdNominee"
+          [fdNominees]="fixedDepositAccountCurrencyStep?.nominees ?? []"
           (submitEvent)="submit()"
         ></mifosx-fixed-deposit-account-preview-step>
       </mat-step>

src/app/deposits/fixed-deposits/create-fixed-deposit-account/create-fixed-deposit-account.component.ts

@@ -138,10 +138,6 @@ export class CreateFixedDepositAccountComponent {
     };
   }
 
-  get fdNominee() {
-    return this.fixedDepositAccountCurrencyStep?.liveNomineeData ?? null;
-  }
-
   /**
    * Submits the fixed deposit form and creates a new fixed deposit account
    */
@@ -154,6 +150,27 @@ export class CreateFixedDepositAccountComponent {
       });
       return;
     }
+    if (
+      this.fixedDepositsAccountProductTemplate?.nominationFacility &&
+      (this.fixedDepositAccountCurrencyStep?.nominees ?? []).length === 0
+    ) {
+      this.alertService.alert({
+        type: 'Error',
+        message: 'Nomination Facility is enabled for this product. Please add at least one nominee before submitting.'
+      });
+      return;
+    }
+    if (!this.selectedTenure || !this.selectedTenure.depositPeriod) {
+      this.alertService.alert({
+        type: 'Error',
+        message: 'Please enter the Deposit Tenure and click "Find Rate" before submitting.'
+      });
+      return;
+    }
+    if (!detailsStep?.selectedCustomerSegment) {
+      this.alertService.alert({ type: 'Error', message: 'Please select a Customer Segment before submitting.' });
+      return;
+    }
     const locale = this.settingsService.language.code;
     const dateFormat = this.settingsService.dateFormat;
     const monthDayFormat = 'dd MMMM';
@@ -227,27 +244,45 @@ export class CreateFixedDepositAccountComponent {
       monthDayFormat,
       locale
     };
-    const nominee = this.fdNominee;
-    if (nominee) {
-      fixedDepositAccount.nominee = {
-        nomineeClientId: nominee.nomineeClientId,
-        nominationType: nominee.nominationType,
-        relationshipId: nominee.relationshipId,
-        percentageShare: nominee.percentageShare,
-        nomineeIsMinor: nominee.nomineeIsMinor,
-        ...(nominee.guardianClientId ? { guardianClientId: nominee.guardianClientId } : {}),
-        remarks: nominee.remarks
-      };
+    const nominees = this.fixedDepositAccountCurrencyStep?.nominees ?? [];
+    if (nominees.length > 0) {
+      fixedDepositAccount.nominees = nominees.map((n: any) => ({
+        nomineeClientId: n.nomineeClientId,
+        nominationType: n.nominationType,
+        relationshipId: n.relationshipId,
+        percentageShare: n.percentageShare,
+        nomineeIsMinor: n.nomineeIsMinor,
+        ...(n.guardianClientId ? { guardianClientId: n.guardianClientId } : {}),
+        remarks: n.remarks
+      }));
     }
 
-    this.fixedDepositsService.createFixedDepositAccount(fixedDepositAccount).subscribe((response: any) => {
-      this.router.navigate(
-        [
-          '../',
-          response.resourceId
-        ],
-        { relativeTo: this.route }
-      );
+    this.fixedDepositsService.createFixedDepositAccount(fixedDepositAccount).subscribe({
+      next: (response: any) => {
+        this.router.navigate(
+          [
+            '../',
+            response.resourceId
+          ],
+          { relativeTo: this.route }
+        );
+      },
+      error: (error: any) => {
+        const errorCode =
+          error?.error?.errors?.[0]?.userMessageGlobalisationCode ?? error?.error?.userMessageGlobalisationCode;
+        if (errorCode === 'error.msg.savings.account.duplicate.product.for.client') {
+          this.alertService.alert({
+            type: 'Error',
+            message:
+              'This client already has an active Fixed Deposit account with the selected product. Please choose a different product.'
+          });
+        } else if (errorCode === 'error.msg.savingsaccount.duplicate.externalId') {
+          this.alertService.alert({
+            type: 'Error',
+            message: 'An account with this External ID already exists. Please use a unique External ID.'
+          });
+        }
+      }
     });
   }
 }

src/app/deposits/fixed-deposits/fixed-deposit-account-stepper/fixed-deposit-account-currency-step/fixed-deposit-account-currency-step.component.html

@@ -58,11 +58,63 @@
       <mat-slide-toggle [(ngModel)]="nominationFacility" color="primary"></mat-slide-toggle>
     </div>
     @if (nominationFacility) {
-      <mifosx-nominee-form
-        [primaryClientId]="primaryClientId"
-        [showActions]="false"
-        (nomineeChange)="onNomineeChange($event)"
-      ></mifosx-nominee-form>
+      <div class="nom-section">
+        <div class="nom-header">
+          <div class="nom-header__left"><i class="fas fa-user-friends"></i><span>Nominees</span></div>
+          <span class="nom-share-badge" [class.nom-share-badge--full]="totalShare === 100"
+            >{{ totalShare }}% / 100%</span
+          >
+        </div>
+        @if (nominees.length > 0) {
+          <div class="nom-list">
+            @for (nom of nominees; track nom.nomineeClientId; let i = $index) {
+              <div class="nom-item">
+                <div class="nom-item__info">
+                  <span class="nom-item__name">{{ nom.nomineeDisplayName }}</span>
+                  <span class="nom-item__meta">{{ nom.relationshipName }} &bull; {{ nom.percentageShare }}% share</span>
+                  @if (nom.nomineeIsMinor) {
+                    <span class="nom-item__minor">Minor — Guardian: {{ nom.guardianDisplayName }}</span>
+                  }
+                </div>
+                <button type="button" class="nom-remove-btn" (click)="removeNominee(i)">
+                  <i class="fas fa-times"></i>
+                </button>
+              </div>
+            }
+          </div>
+        }
+        @if (canAddMore && !showNomineeForm) {
+          <button type="button" class="nom-add-btn" (click)="showNomineeForm = true">
+            <i class="fas fa-plus"></i> Add Nominee
+            @if (nominees.length > 0) {
+              <span class="nom-add-btn__hint">({{ remainingShare }}% remaining)</span>
+            }
+          </button>
+        }
+        @if (totalShare === 100) {
+          <div class="nom-complete"><i class="fas fa-check-circle"></i> Nominee allocation complete (100%)</div>
+        }
+        @if (showNomineeForm) {
+          <div class="nom-form-wrap">
+            @if (nomineeError) {
+              <div class="nom-error"><i class="fas fa-exclamation-triangle"></i> {{ nomineeError }}</div>
+            }
+            <mifosx-nominee-form
+              [primaryClientId]="primaryClientId"
+              [showActions]="false"
+              (nomineeChange)="onNomineeChange($event)"
+            ></mifosx-nominee-form>
+            <div class="nom-form-actions">
+              <button type="button" class="nom-cancel-btn" (click)="showNomineeForm = false; nomineeError = ''">
+                Cancel
+              </button>
+              <button type="button" class="nom-confirm-btn" (click)="addNominee()">
+                <i class="fas fa-plus"></i> Add
+              </button>
+            </div>
+          </div>
+        }
+      </div>
     }
   </div>
 </div>

src/app/deposits/fixed-deposits/fixed-deposit-account-stepper/fixed-deposit-account-currency-step/fixed-deposit-account-currency-step.component.scss

@@ -122,3 +122,215 @@
     font-size: 0.75rem;
   }
 }
+
+/* ── Nominees ── */
+.nom-section {
+  margin-top: 16px;
+  border: 1px solid #e2e8f0;
+  border-radius: 10px;
+  overflow: hidden;
+}
+
+.nom-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 16px;
+  background: #f8fafc;
+  border-bottom: 1px solid #e2e8f0;
+
+  &__left {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 13px;
+    font-weight: 700;
+    color: #334155;
+
+    i {
+      color: #1d4ed8;
+      font-size: 12px;
+    }
+  }
+}
+
+.nom-share-badge {
+  font-size: 11px;
+  font-weight: 700;
+  padding: 3px 10px;
+  border-radius: 999px;
+  background: #e0e7ff;
+  color: #3730a3;
+  border: 1px solid #c7d2fe;
+
+  &--full {
+    background: #dcfce7;
+    color: #15803d;
+    border-color: #bbf7d0;
+  }
+}
+
+.nom-list {
+  display: flex;
+  flex-direction: column;
+}
+
+.nom-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 16px;
+  border-bottom: 1px dashed #e2e8f0;
+
+  &__info {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+
+  &__name {
+    font-size: 13px;
+    font-weight: 600;
+    color: #0f172a;
+  }
+
+  &__meta {
+    font-size: 11px;
+    color: #64748b;
+  }
+
+  &__minor {
+    font-size: 11px;
+    color: #b45309;
+  }
+}
+
+.nom-remove-btn {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  border: 1px solid #fecaca;
+  background: #fee2e2;
+  color: #b91c1c;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 11px;
+  flex-shrink: 0;
+  transition: background 0.15s;
+
+  &:hover {
+    background: #fecaca;
+  }
+}
+
+.nom-add-btn {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 10px 16px;
+  background: #fff;
+  border: none;
+  border-top: 1px dashed #e2e8f0;
+  color: #1d4ed8;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background 0.15s;
+
+  i {
+    font-size: 11px;
+  }
+
+  &__hint {
+    font-size: 11px;
+    color: #64748b;
+    margin-left: 4px;
+  }
+
+  &:hover {
+    background: #eff6ff;
+  }
+}
+
+.nom-complete {
+  padding: 10px 16px;
+  font-size: 12px;
+  font-weight: 600;
+  color: #15803d;
+  background: #f0fdf4;
+  border-top: 1px solid #bbf7d0;
+
+  i {
+    margin-right: 6px;
+  }
+}
+
+.nom-form-wrap {
+  padding: 16px;
+  background: #f8fafc;
+  border-top: 1px solid #e2e8f0;
+}
+
+.nom-error {
+  padding: 8px 12px;
+  margin-bottom: 12px;
+  background: #fee2e2;
+  border: 1px solid #fecaca;
+  border-radius: 6px;
+  color: #b91c1c;
+  font-size: 12px;
+  font-weight: 600;
+
+  i {
+    margin-right: 6px;
+  }
+}
+
+.nom-form-actions {
+  display: flex;
+  gap: 10px;
+  justify-content: flex-end;
+  margin-top: 14px;
+}
+
+.nom-cancel-btn {
+  padding: 7px 18px;
+  border-radius: 7px;
+  border: 1px solid #e2e8f0;
+  background: #fff;
+  color: #64748b;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  font-family: inherit;
+
+  &:hover {
+    background: #f1f5f9;
+  }
+}
+
+.nom-confirm-btn {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 7px 18px;
+  border-radius: 7px;
+  border: none;
+  background: #1d4ed8;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  font-family: inherit;
+
+  i {
+    font-size: 11px;
+  }
+
+  &:hover {
+    background: #1e40af;
+  }
+}

src/app/deposits/fixed-deposits/fixed-deposit-account-stepper/fixed-deposit-account-currency-step/fixed-deposit-account-currency-step.component.ts

@@ -30,13 +30,14 @@ export class FixedDepositAccountCurrencyStepComponent implements OnChanges {
   @Input() primaryClientId: number | null = null;
   @ViewChild(NomineeFormComponent) nomineeFormComp: NomineeFormComponent;
 
-  nomineeData: any = null;
+  nominees: any[] = [];
+  pendingNominee: any = null;
+  showNomineeForm = false;
+  nomineeError = '';
 
   autoDebitFacility = false;
   nominationFacility = false;
 
-  // Editable feature toggles (pre-filled from product, overridable by user)
-
   ngOnChanges(changes: SimpleChanges): void {
     if (changes['fixedDepositsAccountProductTemplate']?.currentValue) {
       const pt = changes['fixedDepositsAccountProductTemplate'].currentValue;
@@ -45,20 +46,52 @@ export class FixedDepositAccountCurrencyStepComponent implements OnChanges {
     }
   }
 
+  get totalShare(): number {
+    return this.nominees.reduce((sum, n) => sum + (+n.percentageShare || 0), 0);
+  }
+
+  get remainingShare(): number {
+    return 100 - this.totalShare;
+  }
+
+  get canAddMore(): boolean {
+    return this.totalShare < 100;
+  }
+
   onNomineeChange(event: any): void {
-    this.nomineeData = event;
+    this.pendingNominee = event;
+    this.nomineeError = '';
   }
 
-  get liveNomineeData(): any {
-    return this.nomineeFormComp?.currentNomineeData ?? this.nomineeData;
+  addNominee(): void {
+    const data = this.nomineeFormComp?.currentNomineeData ?? this.pendingNominee;
+    if (!data?.nomineeClientId) {
+      this.nomineeError = 'Please select a nominee before adding.';
+      return;
+    }
+    if (this.nominees.some((n) => n.nomineeClientId === data.nomineeClientId)) {
+      this.nomineeError = 'This person is already added as a nominee.';
+      return;
+    }
+    const newTotal = this.totalShare + (+data.percentageShare || 0);
+    if (newTotal > 100) {
+      this.nomineeError = `Total share cannot exceed 100%. Remaining: ${this.remainingShare}%`;
+      return;
+    }
+    this.nominees.push({ ...data });
+    this.pendingNominee = null;
+    this.showNomineeForm = false;
+    this.nomineeError = '';
+  }
+
+  removeNominee(index: number): void {
+    this.nominees.splice(index, 1);
   }
 
-  /** Called by parent to collect currency step values */
   get currencyStepData() {
     return {
       autoDebitFacility: this.autoDebitFacility,
-      nominationFacility: this.nominationFacility,
-      ...(this.nomineeData ? { nominee: this.nomineeData } : {})
+      nominationFacility: this.nominationFacility
     };
   }
 }

src/app/deposits/fixed-deposits/fixed-deposit-account-stepper/fixed-deposit-account-details-step/fixed-deposit-account-details-step.component.html

@@ -129,31 +129,6 @@
       </div>
     </div>
 
-    <!-- ══ Currency (read-only) ════════════════════════════════════ -->
-    <div class="rad-section rad-section--mt">
-      <div class="rad-section__header">
-        <i class="fas fa-coins"></i>
-        <h3>Currency</h3>
-        <span class="rad-badge">From Product</span>
-      </div>
-      <div class="rad-grid rad-grid--classification">
-        <mat-form-field appearance="outline" class="rad-field">
-          <mat-label>{{ 'labels.inputs.Currency' | translate }}</mat-label>
-          <input matInput [value]="currencyName" readonly />
-        </mat-form-field>
-
-        <mat-form-field appearance="outline" class="rad-field">
-          <mat-label>{{ 'labels.inputs.Decimal Places' | translate }}</mat-label>
-          <input matInput [value]="decimalPlaces" readonly />
-        </mat-form-field>
-
-        <mat-form-field appearance="outline" class="rad-field">
-          <mat-label>{{ 'labels.inputs.Currency In Multiples Of' | translate }}</mat-label>
-          <input matInput [value]="inMultiplesOf" readonly />
-        </mat-form-field>
-      </div>
-    </div>
-
     <!-- ══ Deposit Account Link ══════════════════════════════════════════ -->
     @if (productTemplate?.shareLinkingEnabled) {
       <div class="dal-card">

src/app/deposits/fixed-deposits/fixed-deposit-account-stepper/fixed-deposit-account-preview-step/fixed-deposit-account-preview-step.component.html

@@ -384,78 +384,53 @@
   }
 
   <!-- ══ 2c. Nominee Details ══════════════════════════════════════ -->
-  @if (fdNominee) {
+  @if (fdNominees?.length > 0) {
     <div class="preview-section">
       <div class="preview-section__header">
         <i class="fas fa-user-shield preview-section__icon"></i>
         <span class="preview-section__title">Nominee Details</span>
-        <span class="preview-section__badge">{{ fdNominee?.nominationType || 'DA1' }}</span>
+        <span class="preview-section__badge">{{ fdNominees.length }} Nominee(s)</span>
       </div>
       <div class="preview-body">
-        <div class="preview-grid preview-grid--three">
-          <div class="preview-field">
-            <span class="preview-label">Name</span>
-            <span class="preview-value">{{ fdNominee?.nomineeDisplayName || '—' }}</span>
+        @for (nom of fdNominees; track nom.nomineeClientId; let i = $index) {
+          @if (i > 0) {
+            <hr class="preview-nom-divider" />
+          }
+          <div class="preview-grid preview-grid--three">
+            <div class="preview-field">
+              <span class="preview-label">Name</span>
+              <span class="preview-value">{{ nom.nomineeDisplayName || '—' }}</span>
+            </div>
+            <div class="preview-field">
+              <span class="preview-label">Client ID</span>
+              <span class="preview-value preview-mono">{{ nom.nomineeClientId || '—' }}</span>
+            </div>
+            <div class="preview-field">
+              <span class="preview-label">Relationship</span>
+              <span class="preview-value">{{ nom.relationshipName || '—' }}</span>
+            </div>
+            <div class="preview-field">
+              <span class="preview-label">Share %</span>
+              <span class="preview-value">{{ nom.percentageShare ?? '—' }}%</span>
+            </div>
+            <div class="preview-field">
+              <span class="preview-label">Minor</span>
+              <span class="preview-value">{{ nom.nomineeIsMinor ? 'Yes' : 'No' }}</span>
+            </div>
+            @if (nom.guardianDisplayName) {
+              <div class="preview-field">
+                <span class="preview-label">Guardian</span>
+                <span class="preview-value">{{ nom.guardianDisplayName }}</span>
+              </div>
+            }
+            @if (nom.remarks) {
+              <div class="preview-field">
+                <span class="preview-label">Remarks</span>
+                <span class="preview-value">{{ nom.remarks }}</span>
+              </div>
+            }
           </div>
-          <div class="preview-field">
-            <span class="preview-label">Client ID</span>
-            <span class="preview-value preview-mono">{{ fdNominee?.nomineeClientId || '—' }}</span>
-          </div>
-          <div class="preview-field">
-            <span class="preview-label">Relationship</span>
-            <span class="preview-value">{{ fdNominee?.relationshipName || '—' }}</span>
-          </div>
-          <div class="preview-field">
-            <span class="preview-label">Share %</span>
-            <span class="preview-value">{{ fdNominee?.percentageShare ?? '—' }}%</span>
-          </div>
-          <div class="preview-field">
-            <span class="preview-label">Minor</span>
-            <span class="preview-value">{{ fdNominee?.nomineeIsMinor ? 'Yes' : 'No' }}</span>
-          </div>
-          @if (fdNominee?.nomineeDateOfBirth) {
-            <div class="preview-field">
-              <span class="preview-label">Date of Birth</span>
-              <span class="preview-value">{{ fdNominee?.nomineeDateOfBirth | dateFormat }}</span>
-            </div>
-          }
-          @if (fdNominee?.nomineeMobileNo) {
-            <div class="preview-field">
-              <span class="preview-label">Mobile No</span>
-              <span class="preview-value preview-mono">{{ fdNominee?.nomineeMobileNo }}</span>
-            </div>
-          }
-          @if (fdNominee?.nomineeAadhaar) {
-            <div class="preview-field">
-              <span class="preview-label">Aadhaar</span>
-              <span class="preview-value preview-mono">{{ fdNominee?.nomineeAadhaar }}</span>
-            </div>
-          }
-          @if (fdNominee?.nomineePan) {
-            <div class="preview-field">
-              <span class="preview-label">PAN</span>
-              <span class="preview-value preview-mono">{{ fdNominee?.nomineePan }}</span>
-            </div>
-          }
-          @if (fdNominee?.guardianDisplayName) {
-            <div class="preview-field">
-              <span class="preview-label">Guardian</span>
-              <span class="preview-value">{{ fdNominee?.guardianDisplayName }}</span>
-            </div>
-          }
-          @if (fdNominee?.guardianClientId) {
-            <div class="preview-field">
-              <span class="preview-label">Guardian Client ID</span>
-              <span class="preview-value preview-mono">{{ fdNominee?.guardianClientId }}</span>
-            </div>
-          }
-          @if (fdNominee?.remarks) {
-            <div class="preview-field">
-              <span class="preview-label">Remarks</span>
-              <span class="preview-value">{{ fdNominee?.remarks }}</span>
-            </div>
-          }
-        </div>
+        }
       </div>
     </div>
   }

src/app/deposits/fixed-deposits/fixed-deposit-account-stepper/fixed-deposit-account-preview-step/fixed-deposit-account-preview-step.component.ts

@@ -76,7 +76,7 @@ export class FixedDepositAccountPreviewStepComponent implements OnChanges {
   @Input() fixedDepositsAccountProductTemplate: any;
   /** Fixed Deposits Account Data */
   @Input() fixedDepositAccountData: any;
-  @Input() fdNominee: any = null;
+  @Input() fdNominees: any[] = [];
   /** Tenure selected from the interest rate chart step (includes pre-calculated maturity if user used calculator) */
   @Input() selectedTenure: {
     depositPeriod: number;

src/app/deposits/recurring-deposits/create-recurring-deposits-account/create-recurring-deposits-account.component.html

@@ -98,7 +98,7 @@
           [recurringDepositsAccountTemplate]="recurringDepositsAccountTemplate"
           [recurringDepositsAccountProductTemplate]="recurringDepositsAccountProductTemplate"
           [recurringDepositAccountData]="recurringDepositAccountData"
-          [rdNominee]="rdNominee"
+          [rdNominees]="recurringDepositsAccountCurrencyStep?.nominees ?? []"
           [rdCurrencyFlags]="rdCurrencyFlags"
           [rdTenureDays]="rdTenureDays"
           [rdApplicableSlab]="rdApplicableSlab"

src/app/deposits/recurring-deposits/create-recurring-deposits-account/create-recurring-deposits-account.component.ts

@@ -121,10 +121,6 @@ export class CreateRecurringDepositsAccountComponent {
     };
   }
 
-  get rdNominee() {
-    return this.recurringDepositsAccountCurrencyStep?.liveNomineeData ?? null;
-  }
-
   get rdTenureDays(): number | null {
     return this.recurringDepositsAccountChartStep?.matchResult?.tenureDays ?? null;
   }
@@ -167,6 +163,34 @@ export class CreateRecurringDepositsAccountComponent {
       });
       return;
     }
+    if (
+      this.recurringDepositsAccountProductTemplate?.nominationFacility &&
+      (this.recurringDepositsAccountCurrencyStep?.nominees ?? []).length === 0
+    ) {
+      this.alertService.alert({
+        type: 'Error',
+        message: 'Nomination Facility is enabled for this product. Please add at least one nominee before submitting.'
+      });
+      return;
+    }
+    if (!this.selectedTenureValue || this.selectedTenureFrequencyId === null) {
+      this.alertService.alert({
+        type: 'Error',
+        message: 'Please enter the Deposit Tenure and click "Find Rate" before submitting.'
+      });
+      return;
+    }
+    if (!this.selectedDepositAmount || this.selectedDepositAmount <= 0) {
+      this.alertService.alert({
+        type: 'Error',
+        message: 'Please enter the Monthly Installment amount and click "Find Rate" before submitting.'
+      });
+      return;
+    }
+    if (!detailsStep?.selectedCustomerSegment) {
+      this.alertService.alert({ type: 'Error', message: 'Please select a Customer Segment before submitting.' });
+      return;
+    }
     const locale = this.settingsService.language.code;
     const dateFormat = this.settingsService.dateFormat;
     const monthDayFormat = 'dd MMMM';
@@ -259,27 +283,45 @@ export class CreateRecurringDepositsAccountComponent {
       recurringDepositAccount.mandatoryRecommendedDepositAmount = this.selectedDepositAmount;
     }
 
-    const nominee = this.rdNominee;
-    if (nominee) {
-      recurringDepositAccount.nominee = {
-        nomineeClientId: nominee.nomineeClientId,
-        nominationType: nominee.nominationType,
-        relationshipId: nominee.relationshipId,
-        percentageShare: nominee.percentageShare,
-        nomineeIsMinor: nominee.nomineeIsMinor,
-        ...(nominee.guardianClientId ? { guardianClientId: nominee.guardianClientId } : {}),
-        remarks: nominee.remarks
-      };
+    const nominees = this.recurringDepositsAccountCurrencyStep?.nominees ?? [];
+    if (nominees.length > 0) {
+      recurringDepositAccount.nominees = nominees.map((n: any) => ({
+        nomineeClientId: n.nomineeClientId,
+        nominationType: n.nominationType,
+        relationshipId: n.relationshipId,
+        percentageShare: n.percentageShare,
+        nomineeIsMinor: n.nomineeIsMinor,
+        ...(n.guardianClientId ? { guardianClientId: n.guardianClientId } : {}),
+        remarks: n.remarks
+      }));
     }
 
-    this.recurringDepositsService.createRecurringDepositAccount(recurringDepositAccount).subscribe((response: any) => {
-      this.router.navigate(
-        [
-          '../',
-          response.resourceId
-        ],
-        { relativeTo: this.route }
-      );
+    this.recurringDepositsService.createRecurringDepositAccount(recurringDepositAccount).subscribe({
+      next: (response: any) => {
+        this.router.navigate(
+          [
+            '../',
+            response.resourceId
+          ],
+          { relativeTo: this.route }
+        );
+      },
+      error: (error: any) => {
+        const errorCode =
+          error?.error?.errors?.[0]?.userMessageGlobalisationCode ?? error?.error?.userMessageGlobalisationCode;
+        if (errorCode === 'error.msg.savings.account.duplicate.product.for.client') {
+          this.alertService.alert({
+            type: 'Error',
+            message:
+              'This client already has an active Recurring Deposit account with the selected product. Please choose a different product.'
+          });
+        } else if (errorCode === 'error.msg.savingsaccount.duplicate.externalId') {
+          this.alertService.alert({
+            type: 'Error',
+            message: 'An account with this External ID already exists. Please use a unique External ID.'
+          });
+        }
+      }
     });
   }
 }

src/app/deposits/recurring-deposits/recurring-deposits-account-stepper/recurring-deposits-account-currency-step/recurring-deposits-account-currency-step.component.html

@@ -60,11 +60,63 @@
       </span>
     </div>
     @if (recurringDepositsAccountProductTemplate?.nominationFacility) {
-      <mifosx-nominee-form
-        [primaryClientId]="primaryClientId"
-        [showActions]="false"
-        (nomineeChange)="onNomineeChange($event)"
-      ></mifosx-nominee-form>
+      <div class="nom-section">
+        <div class="nom-header">
+          <div class="nom-header__left"><i class="fas fa-user-friends"></i><span>Nominees</span></div>
+          <span class="nom-share-badge" [class.nom-share-badge--full]="totalShare === 100"
+            >{{ totalShare }}% / 100%</span
+          >
+        </div>
+        @if (nominees.length > 0) {
+          <div class="nom-list">
+            @for (nom of nominees; track nom.nomineeClientId; let i = $index) {
+              <div class="nom-item">
+                <div class="nom-item__info">
+                  <span class="nom-item__name">{{ nom.nomineeDisplayName }}</span>
+                  <span class="nom-item__meta">{{ nom.relationshipName }} &bull; {{ nom.percentageShare }}% share</span>
+                  @if (nom.nomineeIsMinor) {
+                    <span class="nom-item__minor">Minor — Guardian: {{ nom.guardianDisplayName }}</span>
+                  }
+                </div>
+                <button type="button" class="nom-remove-btn" (click)="removeNominee(i)">
+                  <i class="fas fa-times"></i>
+                </button>
+              </div>
+            }
+          </div>
+        }
+        @if (canAddMore && !showNomineeForm) {
+          <button type="button" class="nom-add-btn" (click)="showNomineeForm = true">
+            <i class="fas fa-plus"></i> Add Nominee
+            @if (nominees.length > 0) {
+              <span class="nom-add-btn__hint">({{ remainingShare }}% remaining)</span>
+            }
+          </button>
+        }
+        @if (totalShare === 100) {
+          <div class="nom-complete"><i class="fas fa-check-circle"></i> Nominee allocation complete (100%)</div>
+        }
+        @if (showNomineeForm) {
+          <div class="nom-form-wrap">
+            @if (nomineeError) {
+              <div class="nom-error"><i class="fas fa-exclamation-triangle"></i> {{ nomineeError }}</div>
+            }
+            <mifosx-nominee-form
+              [primaryClientId]="primaryClientId"
+              [showActions]="false"
+              (nomineeChange)="onNomineeChange($event)"
+            ></mifosx-nominee-form>
+            <div class="nom-form-actions">
+              <button type="button" class="nom-cancel-btn" (click)="showNomineeForm = false; nomineeError = ''">
+                Cancel
+              </button>
+              <button type="button" class="nom-confirm-btn" (click)="addNominee()">
+                <i class="fas fa-plus"></i> Add
+              </button>
+            </div>
+          </div>
+        }
+      </div>
     }
   </div>
 </div>

src/app/deposits/recurring-deposits/recurring-deposits-account-stepper/recurring-deposits-account-currency-step/recurring-deposits-account-currency-step.component.scss

@@ -139,3 +139,215 @@ $gray-900: #202124;
     color: #0369a1;
   }
 }
+
+/* ── Nominees ── */
+.nom-section {
+  margin-top: 16px;
+  border: 1px solid #e2e8f0;
+  border-radius: 10px;
+  overflow: hidden;
+}
+
+.nom-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 16px;
+  background: #f8fafc;
+  border-bottom: 1px solid #e2e8f0;
+
+  &__left {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 13px;
+    font-weight: 700;
+    color: #334155;
+
+    i {
+      color: #1d4ed8;
+      font-size: 12px;
+    }
+  }
+}
+
+.nom-share-badge {
+  font-size: 11px;
+  font-weight: 700;
+  padding: 3px 10px;
+  border-radius: 999px;
+  background: #e0e7ff;
+  color: #3730a3;
+  border: 1px solid #c7d2fe;
+
+  &--full {
+    background: #dcfce7;
+    color: #15803d;
+    border-color: #bbf7d0;
+  }
+}
+
+.nom-list {
+  display: flex;
+  flex-direction: column;
+}
+
+.nom-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 16px;
+  border-bottom: 1px dashed #e2e8f0;
+
+  &__info {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+
+  &__name {
+    font-size: 13px;
+    font-weight: 600;
+    color: #0f172a;
+  }
+
+  &__meta {
+    font-size: 11px;
+    color: #64748b;
+  }
+
+  &__minor {
+    font-size: 11px;
+    color: #b45309;
+  }
+}
+
+.nom-remove-btn {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  border: 1px solid #fecaca;
+  background: #fee2e2;
+  color: #b91c1c;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 11px;
+  flex-shrink: 0;
+  transition: background 0.15s;
+
+  &:hover {
+    background: #fecaca;
+  }
+}
+
+.nom-add-btn {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 10px 16px;
+  background: #fff;
+  border: none;
+  border-top: 1px dashed #e2e8f0;
+  color: #1d4ed8;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background 0.15s;
+
+  i {
+    font-size: 11px;
+  }
+
+  &__hint {
+    font-size: 11px;
+    color: #64748b;
+    margin-left: 4px;
+  }
+
+  &:hover {
+    background: #eff6ff;
+  }
+}
+
+.nom-complete {
+  padding: 10px 16px;
+  font-size: 12px;
+  font-weight: 600;
+  color: #15803d;
+  background: #f0fdf4;
+  border-top: 1px solid #bbf7d0;
+
+  i {
+    margin-right: 6px;
+  }
+}
+
+.nom-form-wrap {
+  padding: 16px;
+  background: #f8fafc;
+  border-top: 1px solid #e2e8f0;
+}
+
+.nom-error {
+  padding: 8px 12px;
+  margin-bottom: 12px;
+  background: #fee2e2;
+  border: 1px solid #fecaca;
+  border-radius: 6px;
+  color: #b91c1c;
+  font-size: 12px;
+  font-weight: 600;
+
+  i {
+    margin-right: 6px;
+  }
+}
+
+.nom-form-actions {
+  display: flex;
+  gap: 10px;
+  justify-content: flex-end;
+  margin-top: 14px;
+}
+
+.nom-cancel-btn {
+  padding: 7px 18px;
+  border-radius: 7px;
+  border: 1px solid #e2e8f0;
+  background: #fff;
+  color: #64748b;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  font-family: inherit;
+
+  &:hover {
+    background: #f1f5f9;
+  }
+}
+
+.nom-confirm-btn {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 7px 18px;
+  border-radius: 7px;
+  border: none;
+  background: #1d4ed8;
+  color: #fff;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  font-family: inherit;
+
+  i {
+    font-size: 11px;
+  }
+
+  &:hover {
+    background: #1e40af;
+  }
+}

src/app/deposits/recurring-deposits/recurring-deposits-account-stepper/recurring-deposits-account-currency-step/recurring-deposits-account-currency-step.component.ts

@@ -30,9 +30,11 @@ export class RecurringDepositsAccountCurrencyStepComponent implements OnChanges
   @Input() primaryClientId: number | null = null;
   @ViewChild(NomineeFormComponent) nomineeFormComp: NomineeFormComponent;
 
-  nomineeData: any = null;
+  nominees: any[] = [];
+  pendingNominee: any = null;
+  showNomineeForm = false;
+  nomineeError = '';
 
-  // Editable feature toggles (pre-filled from product, overridable by user)
   autoDebitFacility = false;
 
   ngOnChanges(changes: SimpleChanges): void {
@@ -42,19 +44,51 @@ export class RecurringDepositsAccountCurrencyStepComponent implements OnChanges
     }
   }
 
+  get totalShare(): number {
+    return this.nominees.reduce((sum, n) => sum + (+n.percentageShare || 0), 0);
+  }
+
+  get remainingShare(): number {
+    return 100 - this.totalShare;
+  }
+
+  get canAddMore(): boolean {
+    return this.totalShare < 100;
+  }
+
   onNomineeChange(event: any): void {
-    this.nomineeData = event;
+    this.pendingNominee = event;
+    this.nomineeError = '';
   }
 
-  get liveNomineeData(): any {
-    return this.nomineeFormComp?.currentNomineeData ?? this.nomineeData;
+  addNominee(): void {
+    const data = this.nomineeFormComp?.currentNomineeData ?? this.pendingNominee;
+    if (!data?.nomineeClientId) {
+      this.nomineeError = 'Please select a nominee before adding.';
+      return;
+    }
+    if (this.nominees.some((n) => n.nomineeClientId === data.nomineeClientId)) {
+      this.nomineeError = 'This person is already added as a nominee.';
+      return;
+    }
+    const newTotal = this.totalShare + (+data.percentageShare || 0);
+    if (newTotal > 100) {
+      this.nomineeError = `Total share cannot exceed 100%. Remaining: ${this.remainingShare}%`;
+      return;
+    }
+    this.nominees.push({ ...data });
+    this.pendingNominee = null;
+    this.showNomineeForm = false;
+    this.nomineeError = '';
+  }
+
+  removeNominee(index: number): void {
+    this.nominees.splice(index, 1);
   }
 
-  /** Called by parent to collect currency step values */
   get currencyStepData() {
     return {
-      autoDebitFacility: this.autoDebitFacility,
-      ...(this.nomineeData ? { nominee: this.nomineeData } : {})
+      autoDebitFacility: this.autoDebitFacility
     };
   }
 }

src/app/deposits/recurring-deposits/recurring-deposits-account-stepper/recurring-deposits-account-preview-step/recurring-deposits-account-preview-step.component.html

@@ -541,78 +541,53 @@
   }
 
   <!-- ══ 6. Nominee Details (if filled) ═══════════════════════════ -->
-  @if (rdNominee) {
+  @if (rdNominees?.length > 0) {
     <div class="preview-section">
       <div class="preview-section__header">
         <i class="fas fa-user-shield preview-section__icon"></i>
         <span class="preview-section__title">Nominee Details</span>
-        <span class="preview-section__badge">{{ rdNominee?.nominationType || 'DA1' }}</span>
+        <span class="preview-section__badge">{{ rdNominees.length }} Nominee(s)</span>
       </div>
       <div class="preview-body">
-        <div class="preview-grid preview-grid--three">
-          <div class="preview-field">
-            <span class="preview-label">Name</span>
-            <span class="preview-value">{{ rdNominee?.nomineeDisplayName || '—' }}</span>
+        @for (nom of rdNominees; track nom.nomineeClientId; let i = $index) {
+          @if (i > 0) {
+            <hr class="preview-nom-divider" />
+          }
+          <div class="preview-grid preview-grid--three">
+            <div class="preview-field">
+              <span class="preview-label">Name</span>
+              <span class="preview-value">{{ nom.nomineeDisplayName || '—' }}</span>
+            </div>
+            <div class="preview-field">
+              <span class="preview-label">Client ID</span>
+              <span class="preview-value preview-mono">{{ nom.nomineeClientId || '—' }}</span>
+            </div>
+            <div class="preview-field">
+              <span class="preview-label">Relationship</span>
+              <span class="preview-value">{{ nom.relationshipName || '—' }}</span>
+            </div>
+            <div class="preview-field">
+              <span class="preview-label">Share %</span>
+              <span class="preview-value">{{ nom.percentageShare ?? '—' }}%</span>
+            </div>
+            <div class="preview-field">
+              <span class="preview-label">Minor</span>
+              <span class="preview-value">{{ nom.nomineeIsMinor ? 'Yes' : 'No' }}</span>
+            </div>
+            @if (nom.guardianDisplayName) {
+              <div class="preview-field">
+                <span class="preview-label">Guardian</span>
+                <span class="preview-value">{{ nom.guardianDisplayName }}</span>
+              </div>
+            }
+            @if (nom.remarks) {
+              <div class="preview-field">
+                <span class="preview-label">Remarks</span>
+                <span class="preview-value">{{ nom.remarks }}</span>
+              </div>
+            }
           </div>
-          <div class="preview-field">
-            <span class="preview-label">Client ID</span>
-            <span class="preview-value preview-mono">{{ rdNominee?.nomineeClientId || '—' }}</span>
-          </div>
-          <div class="preview-field">
-            <span class="preview-label">Relationship</span>
-            <span class="preview-value">{{ rdNominee?.relationshipName || '—' }}</span>
-          </div>
-          <div class="preview-field">
-            <span class="preview-label">Share %</span>
-            <span class="preview-value">{{ rdNominee?.percentageShare ?? '—' }}%</span>
-          </div>
-          <div class="preview-field">
-            <span class="preview-label">Minor</span>
-            <span class="preview-value">{{ rdNominee?.nomineeIsMinor ? 'Yes' : 'No' }}</span>
-          </div>
-          @if (rdNominee?.nomineeDateOfBirth) {
-            <div class="preview-field">
-              <span class="preview-label">Date of Birth</span>
-              <span class="preview-value">{{ rdNominee?.nomineeDateOfBirth | dateFormat }}</span>
-            </div>
-          }
-          @if (rdNominee?.nomineeMobileNo) {
-            <div class="preview-field">
-              <span class="preview-label">Mobile No</span>
-              <span class="preview-value preview-mono">{{ rdNominee?.nomineeMobileNo }}</span>
-            </div>
-          }
-          @if (rdNominee?.nomineeAadhaar) {
-            <div class="preview-field">
-              <span class="preview-label">Aadhaar</span>
-              <span class="preview-value preview-mono">{{ rdNominee?.nomineeAadhaar }}</span>
-            </div>
-          }
-          @if (rdNominee?.nomineePan) {
-            <div class="preview-field">
-              <span class="preview-label">PAN</span>
-              <span class="preview-value preview-mono">{{ rdNominee?.nomineePan }}</span>
-            </div>
-          }
-          @if (rdNominee?.guardianDisplayName) {
-            <div class="preview-field">
-              <span class="preview-label">Guardian</span>
-              <span class="preview-value">{{ rdNominee?.guardianDisplayName }}</span>
-            </div>
-          }
-          @if (rdNominee?.guardianClientId) {
-            <div class="preview-field">
-              <span class="preview-label">Guardian Client ID</span>
-              <span class="preview-value preview-mono">{{ rdNominee?.guardianClientId }}</span>
-            </div>
-          }
-          @if (rdNominee?.remarks) {
-            <div class="preview-field">
-              <span class="preview-label">Remarks</span>
-              <span class="preview-value">{{ rdNominee?.remarks }}</span>
-            </div>
-          }
-        </div>
+        }
       </div>
     </div>
   }

src/app/deposits/recurring-deposits/recurring-deposits-account-stepper/recurring-deposits-account-preview-step/recurring-deposits-account-preview-step.component.ts

@@ -73,7 +73,7 @@ export class RecurringDepositsAccountPreviewStepComponent implements OnChanges {
   @Input() recurringDepositsAccountTemplate: any;
   @Input() recurringDepositsAccountProductTemplate: any;
   @Input() recurringDepositAccountData: any;
-  @Input() rdNominee: any = null;
+  @Input() rdNominees: any[] = [];
   @Input() rdCurrencyFlags: any = null;
   @Input() rdTenureDays: number | null = null;
   @Input() rdApplicableSlab: any = null;