cbsnexora/src/app/deposits/recurring-deposits/recurring-deposits-account-view/recurring-deposits-account-view.component.ts

/**
 * Copyright since 2025 Mifos Initiative
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
 */

/** Angular Imports */
import { Component, OnInit, inject } from '@angular/core';
import { ActivatedRoute, Router, RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router';
import { MatDialog } from '@angular/material/dialog';

/** Custom Services */
import { RecurringDepositsService } from '../recurring-deposits.service';
import { SavingsService } from 'app/savings/savings.service';

/** Custom Buttons Configuration */
import { RecurringDepositsButtonsConfiguration } from './recurring-deposits-buttons.config';

/** Custom Dialogs */
import { DeleteDialogComponent } from 'app/shared/delete-dialog/delete-dialog.component';
import { ConfirmationDialogComponent } from 'app/shared/confirmation-dialog/confirmation-dialog.component';
import { RecurringDepositConfirmationDialogComponent } from './custom-dialogs/recurring-deposit-confirmation-dialog/recurring-deposit-confirmation-dialog.component';
import { Currency } from 'app/shared/models/general.model';
import { TranslateService } from '@ngx-translate/core';
import { AccountsService } from 'app/accounts/accounts.service';
import { SettingsService } from 'app/settings/settings.service';
import { Dates } from 'app/core/utils/dates';
import { MatTooltip } from '@angular/material/tooltip';
import { NgClass, DecimalPipe, CurrencyPipe } from '@angular/common';
import { AccountNumberComponent } from '../../../shared/account-number/account-number.component';
import { LongTextComponent } from '../../../shared/long-text/long-text.component';
import { MatIconButton } from '@angular/material/button';
import { MatMenuTrigger, MatMenu, MatMenuItem } from '@angular/material/menu';
import { FaIconComponent } from '@fortawesome/angular-fontawesome';
import { MatTabNav, MatTabLink, MatTabNavPanel } from '@angular/material/tabs';
import { StatusLookupPipe } from '../../../pipes/status-lookup.pipe';
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';

/**
 * RecurringDeposits Account View Component
 */
@Component({
  selector: 'mifosx-recurring-deposits-account-view',
  templateUrl: './recurring-deposits-account-view.component.html',
  styleUrls: ['./recurring-deposits-account-view.component.scss'],
  imports: [
    ...STANDALONE_SHARED_IMPORTS,
    MatTooltip,
    NgClass,
    LongTextComponent,
    AccountNumberComponent,
    MatIconButton,
    MatMenuTrigger,
    FaIconComponent,
    MatMenu,
    MatMenuItem,
    MatTabNav,
    MatTabLink,
    RouterLinkActive,
    MatTabNavPanel,
    RouterOutlet,
    DecimalPipe,
    CurrencyPipe,
    StatusLookupPipe
  ]
})
export class RecurringDepositsAccountViewComponent implements OnInit {
  private route = inject(ActivatedRoute);
  private router = inject(Router);
  private recurringDepositsService = inject(RecurringDepositsService);
  private savingsService = inject(SavingsService);
  private accountsService = inject(AccountsService);
  private settingsService = inject(SettingsService);
  private dateUtils = inject(Dates);
  dialog = inject(MatDialog);
  private translateService = inject(TranslateService);

  /** RecurringDeposits Account Data */
  recurringDepositsAccountData: any;
  /** Button Configuration */
  buttonConfig: RecurringDepositsButtonsConfiguration;
  /** Charges Data */
  charges: any;
  /** Savings Data Tables */
  savingsDatatables: any;
  /** Is Prematured Allowed */
  isprematureAllowed: any;
  entityType: string;
  currency: Currency;
  showTransactions = false;

  private readonly ACTION_KIND: Record<string, 'transact' | 'block' | 'interest' | 'admin' | 'danger'> = {
    Deposit: 'transact',
    Withdrawal: 'transact',
    'Transfer Funds': 'transact',
    'Calculate Interest': 'interest',
    'Post Interest': 'interest',
    'Enable Withhold Tax': 'interest',
    'Disable Withhold Tax': 'interest',
    'Premature Close': 'danger',
    'Undo Activation': 'admin',
    Close: 'danger',
    'Modify Application': 'admin',
    Approve: 'admin',
    'Undo Approval': 'admin',
    Activate: 'admin',
    'Add Charge': 'admin',
    'Apply Annual Fees': 'admin',
    Reject: 'danger',
    'Withdrawn by Client': 'danger',
    Delete: 'danger',
    Terminate: 'danger'
  };

  private readonly ACTION_ICON: Record<string, string> = {
    Deposit: 'arrow-down',
    Withdrawal: 'arrow-up',
    'Transfer Funds': 'exchange-alt',
    'Calculate Interest': 'calculator',
    'Post Interest': 'percentage',
    'Enable Withhold Tax': 'percentage',
    'Disable Withhold Tax': 'percentage',
    'Premature Close': 'times-circle',
    'Undo Activation': 'undo',
    Close: 'times-circle',
    'Modify Application': 'edit',
    Approve: 'check-circle',
    'Undo Approval': 'undo',
    Activate: 'check',
    'Add Charge': 'plus-circle',
    'Apply Annual Fees': 'receipt',
    Reject: 'ban',
    'Withdrawn by Client': 'user-slash',
    Delete: 'trash',
    Terminate: 'times-circle'
  };

  kindOf(name: string): 'transact' | 'block' | 'interest' | 'admin' | 'danger' {
    return this.ACTION_KIND[name] ?? 'admin';
  }

  iconOf(name: string, fallback?: string): string {
    return this.ACTION_ICON[name] ?? fallback ?? 'circle';
  }

  hasKind(kind: 'transact' | 'block' | 'interest' | 'admin' | 'danger'): boolean {
    const all = [
      ...(this.buttonConfig?.singleButtons ?? []),
      ...(this.buttonConfig?.options ?? [])
    ];
    return all.some((item) => this.kindOf(item.name) === kind);
  }
  /**
   * Fetches recurringDeposits account data from `resolve`
   * @param {ActivatedRoute} route Activated Route
   * @param {Router} router Router
   * @param {RecurringDepositsService} recurringDepositsService RecurringDeposits Service
   */
  constructor() {
    this.route.data.subscribe((data: { recurringDepositsAccountData: any; savingsDatatables: any }) => {
      this.recurringDepositsAccountData = data.recurringDepositsAccountData;
      this.charges = this.recurringDepositsAccountData.charges;
      this.savingsDatatables = data.savingsDatatables;
      this.currency = this.recurringDepositsAccountData.currency;
      this.isprematureAllowed = data.recurringDepositsAccountData.maturityDate != null;
      if (this.router.url.includes('clients')) {
        this.entityType = 'Client';
      } else if (this.router.url.includes('groups')) {
        this.entityType = 'Group';
      } else if (this.router.url.includes('centers')) {
        this.entityType = 'Center';
      }
      const status: any = data.recurringDepositsAccountData.status;
      this.showTransactions = status.id >= 300;
    });
  }

  ngOnInit() {
    this.setConditionalButtons();
  }

  /**
   * Adds options to button config. conditionaly.
   */
  setConditionalButtons() {
    const status = this.recurringDepositsAccountData.status.value;
    this.buttonConfig = new RecurringDepositsButtonsConfiguration(status);
    if (this.recurringDepositsAccountData.clientId && this.recurringDepositsAccountData.status.value === 'Matured') {
      this.buttonConfig.addOption({
        name: 'Transfer Funds',
        taskPermissionName: 'CREATE_ACCOUNTTRANSFER'
      });
    }

    if (this.recurringDepositsAccountData.charges && this.recurringDepositsAccountData.status.value === 'Matured') {
      this.charges.forEach((element: any) => {
        if (element.name === 'Annual fee - INR') {
          this.buttonConfig.addOption({
            name: 'Apply Annual Fees',
            taskPermissionName: 'APPLYANNUALFEE_SAVINGSACCOUNT'
          });
        }
      });
    }

    if (this.recurringDepositsAccountData.clientId && this.recurringDepositsAccountData.status.value === 'Active') {
      if (this.recurringDepositsAccountData.allowWithdrawal === true) {
        this.buttonConfig.addOption({
          name: 'Withdrawal',
          taskPermissionName: 'WITHDRAW_RECURRINGDEPOSITACCOUNT'
        });
      }
      if (this.recurringDepositsAccountData.charges) {
        this.charges.forEach((element: any) => {
          if (element.name === 'Annual fee - INR') {
            this.buttonConfig.addOption({
              name: 'Apply Annual Fees',
              taskPermissionName: 'APPLYANNUALFEE_SAVINGSACCOUNT'
            });
          }
        });
      }

      if (!this.isprematureAllowed) {
        this.buttonConfig.addButton({
          name: 'Close',
          icon: 'arrow-right',
          taskPermissionName: 'CLOSE_RECURRINGDEPOSITACCOUNT'
        });
      }

      if (this.recurringDepositsAccountData.taxGroup) {
        if (this.recurringDepositsAccountData.withHoldTax) {
          this.buttonConfig.addOption({
            name: 'Disable Withhold Tax',
            taskPermissionName: 'UPDATEWITHHOLDTAX_SAVINGSACCOUNT'
          });
        } else {
          this.buttonConfig.addOption({
            name: 'Enable Withhold Tax',
            taskPermissionName: 'UPDATEWITHHOLDTAX_SAVINGSACCOUNT'
          });
        }
      }
    }
  }

  /**
   * Refetches data for the component
   * TODO: Replace by a custom reload component instead of hard-coded back-routing.
   */
  reload() {
    const clientId = this.recurringDepositsAccountData.clientId;
    const url: string = this.router.url;
    this.router
      .navigateByUrl(`/clients/${clientId}/recurring-deposits-accounts`, { skipLocationChange: true })
      .then(() => this.router.navigate([url]));
  }

  /**
   * Performs action button/option action.
   * @param {string} name action name.
   */
  doAction(name: string) {
    switch (name) {
      case 'Activate':
      case 'Undo Activation':
      case 'Approve':
      case 'Reject':
      case 'Undo Approval':
      case 'Add Charge':
      case 'Withdrawn by Client':
      case 'Premature Close':
      case 'Close':
      case 'Deposit':
      case 'Withdrawal':
        this.router.navigate([`actions/${name}`], { relativeTo: this.route });
        break;
      case 'Modify Application':
        this.router.navigate(['edit-recurring-deposit-account'], { relativeTo: this.route });
        break;
      case 'Delete':
        this.deleteRecurringDepositsAccount();
        break;
      case 'Calculate Interest':
        this.calculateInterest();
        break;
      case 'Post Interest':
        this.postInterest();
        break;
      case 'Enable Withhold Tax':
        this.enableWithHoldTax();
        break;
      case 'Disable Withhold Tax':
        this.disableWithHoldTax();
        break;
      case 'Terminate':
        this.terminateRecurringDepositsAccount();
        break;
    }
  }

  /**
   * Deletes Recurring Deposits Account.
   */
  private deleteRecurringDepositsAccount() {
    const deleteRecurringDepositsAccountDialogRef = this.dialog.open(DeleteDialogComponent, {
      data: { deleteContext: `Recurring deposit account with id: ${this.recurringDepositsAccountData.id}` }
    });
    deleteRecurringDepositsAccountDialogRef.afterClosed().subscribe((response: any) => {
      if (response.delete) {
        this.recurringDepositsService
          .deleteRecurringDepositsAccount(this.recurringDepositsAccountData.id)
          .subscribe(() => {
            this.router.navigate(['../../'], { relativeTo: this.route });
          });
      }
    });
  }

  private terminateRecurringDepositsAccount() {
    const terminateRecurringDepositAccountDialogRef = this.dialog.open(ConfirmationDialogComponent, {
      data: {
        heading: 'Terminate Account',
        dialogContext: 'Are you sure you want to terminate this account?',
        type: 'Strong'
      }
    });
    terminateRecurringDepositAccountDialogRef.afterClosed().subscribe((response: any) => {
      if (response && response.confirm) {
        const locale = this.settingsService.language.code;
        const dateFormat = this.settingsService.dateFormat;
        const terminatedOnDate = this.dateUtils.formatDate(new Date(), dateFormat);
        const data = {
          accountType: 'RD',
          terminatedOnDate,
          dateFormat,
          locale
        };
        this.accountsService.terminateAccount(this.recurringDepositsAccountData.id, data).subscribe(() => {
          this.reload();
        });
      }
    });
  }

  /**
   * Calculates savings account's interest
   */
  private calculateInterest() {
    const calculateInterestAccountDialogRef = this.dialog.open(RecurringDepositConfirmationDialogComponent, {
      data: {
        heading: this.translateService.instant('labels.heading.Calculate Interest'),
        dialogContext: this.translateService.instant(
          `labels.dialogContext.Are you sure you want to calculate interest ?`
        )
      }
    });
    calculateInterestAccountDialogRef.afterClosed().subscribe((response: any) => {
      if (response.confirm) {
        this.recurringDepositsService
          .executeRecurringDepositsAccountCommand(this.recurringDepositsAccountData.id, 'calculateInterest', {})
          .subscribe(() => {
            this.reload();
          });
      }
    });
  }

  /**
   * Posts savings account's interest
   */
  private postInterest() {
    const postInterestAccountDialogRef = this.dialog.open(RecurringDepositConfirmationDialogComponent, {
      data: {
        heading: this.translateService.instant('labels.heading.Post Interest'),
        dialogContext: this.translateService.instant('labels.text.Are you sure you want to post interest') + ' ?'
      }
    });
    postInterestAccountDialogRef.afterClosed().subscribe((response: any) => {
      if (response.confirm) {
        this.recurringDepositsService
          .executeRecurringDepositsAccountCommand(this.recurringDepositsAccountData.id, 'postInterest', {})
          .subscribe(() => {
            this.reload();
          });
      }
    });
  }

  /**
   * Enables withhold tax for recurring deposits account.
   * Recurring deposits endpoint is not supported so using Savings endpoint.
   */
  private enableWithHoldTax() {
    const deleteSavingsAccountDialogRef = this.dialog.open(RecurringDepositConfirmationDialogComponent, {
      data: {
        heading: this.translateService.instant('labels.heading.Enable Withhold Tax'),
        dialogContext: this.translateService.instant('labels.dialogContext.Enable withhold tax for this account ?')
      }
    });
    deleteSavingsAccountDialogRef.afterClosed().subscribe((response: any) => {
      if (response.confirm) {
        this.savingsService
          .executeSavingsAccountUpdateCommand(this.recurringDepositsAccountData.id, 'updateWithHoldTax', {
            withHoldTax: true
          })
          .subscribe(() => {
            this.reload();
          });
      }
    });
  }

  /**
   * Disables withhold tax for recurring deposits account
   * Recurring deposits endpoint is not supported so using Savings endpoint.
   */
  private disableWithHoldTax() {
    const disableWithHoldTaxDialogRef = this.dialog.open(RecurringDepositConfirmationDialogComponent, {
      data: {
        heading: this.translateService.instant('labels.heading.Disable Withhold Tax'),
        dialogContext: this.translateService.instant('labels.dialogContext.Disable withhold tax for this account ?')
      }
    });
    disableWithHoldTaxDialogRef.afterClosed().subscribe((response: any) => {
      if (response.confirm) {
        this.savingsService
          .executeSavingsAccountUpdateCommand(this.recurringDepositsAccountData.id, 'updateWithHoldTax', {
            withHoldTax: false
          })
          .subscribe(() => {
            this.reload();
          });
      }
    });
  }
}