cbsnexora/src/app/tasks/checker-inbox-and-tasks-tabs/share-withdrawal-requests/share-withdrawal-requests.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/.
 */

import { Component, OnInit, inject } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { catchError } from 'rxjs/operators';
import { of } from 'rxjs';

import { ClerkShareWithdrawalService } from '../../../cashier/clerk-share-withdrawal.service';
import { ShareWithdrawalRequestComponent } from '../../../clerk/share-withdrawal-request/share-withdrawal-request.component';

/** Approval Center — Share Withdrawal Requests tab. A Bank Manager (checker) reviews, approves
 *  or rejects share withdrawal requests submitted from the Clerk Dashboard. Mirrors
 *  WithdrawalRequestsComponent (cash withdrawal), adapted for shares. Clicking "Review" opens the
 *  review screen in a popup on top of this list, rather than navigating away, so approving/rejecting
 *  drops the manager straight back into the (now refreshed) list. */
@Component({
  selector: 'mifosx-share-withdrawal-requests',
  templateUrl: './share-withdrawal-requests.component.html',
  styleUrls: [
    '../../../cashier/cashier-shared.scss',
    '../../../clerk/clerk-shared.scss',
    './share-withdrawal-requests.component.scss'
  ],
  standalone: true,
  imports: [
    CommonModule,
    FormsModule,
    ShareWithdrawalRequestComponent
  ]
})
export class ShareWithdrawalRequestsComponent implements OnInit {
  private service = inject(ClerkShareWithdrawalService);

  requests: any[] = [];
  totalRecords = 0;
  loading = false;
  loaded = false;

  filterStatus = 'PENDING';

  showReviewModal = false;
  reviewRequestId: number | null = null;

  get statusOptions(): { value: string; label: string }[] {
    return [
      { value: 'PENDING', label: 'Pending' },
      { value: 'APPROVED', label: 'Approved' },
      { value: 'REJECTED', label: 'Rejected' }
    ];
  }

  ngOnInit(): void {
    this.load();
  }

  load(): void {
    this.loading = true;
    this.service
      .getPendingRequests(this.filterStatus, 0, 50)
      .pipe(catchError(() => of({ pageItems: [], totalFilteredRecords: 0 })))
      .subscribe((res: any) => {
        this.requests = res?.pageItems ?? [];
        this.totalRecords = Number(res?.totalFilteredRecords ?? 0);
        this.loading = false;
        this.loaded = true;
      });
  }

  onFilterChange(): void {
    this.load();
  }

  review(req: any): void {
    this.reviewRequestId = req.id;
    this.showReviewModal = true;
  }

  closeReviewModal(): void {
    this.showReviewModal = false;
    this.reviewRequestId = null;
  }

  onReviewActionCompleted(): void {
    this.closeReviewModal();
    this.load();
  }

  statusClass(status: string): string {
    const map: Record<string, string> = {
      PENDING: 'inv-badge--active',
      APPROVED: 'inv-badge--matured',
      REJECTED: 'inv-badge--written_off'
    };
    return `inv-badge ${map[status] ?? ''}`;
  }

  statusLabel(status: string): string {
    const map: Record<string, string> = {
      PENDING: 'Pending',
      APPROVED: 'Approved',
      REJECTED: 'Rejected'
    };
    return map[status] ?? status;
  }

  formatDateTime(val: any): string {
    if (!val) return '—';
    try {
      const d = new Date(val);
      return d.toLocaleString('en-IN', {
        day: '2-digit',
        month: 'short',
        year: 'numeric',
        hour: '2-digit',
        minute: '2-digit'
      });
    } catch {
      return String(val);
    }
  }
}