portalicious: exports in registrations page

interfaces/Portalicious/angular.json

@@ -60,8 +60,8 @@
               "budgets": [
                 {
                   "type": "initial",
-                  "maximumWarning": "1MB",
-                  "maximumError": "2MB"
+                  "maximumWarning": "3MB",
+                  "maximumError": "5MB"
                 },
                 {
                   "type": "anyComponentStyle",

interfaces/Portalicious/eslint.config.js

@@ -124,12 +124,14 @@ module.exports = tseslint.config(
             'p-button[icon]',
             'p-button[iconPos]',
             'p-columnFilter[display]',
-            'p-contextMenu[appendTo]',
-            'p-dropdown[appendTo]',
             'p-iconField[iconPosition]',
             'p-sidebar[position]',
+            'p-splitButton[icon]',
+            'p-splitButton[menuStyleClass]',
             'p-table[stateKey]',
             'p-table[stateStorage]',
+            'appendTo',
+            'inputId',
             'styleClass',
             'severity',
             'th[pSortableColumn]',

interfaces/Portalicious/package.json

@@ -42,6 +42,7 @@
     "primeng": "^17.18.9",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
+    "xlsx": "^0.18.5",
     "zone.js": "~0.14.3"
   },
   "devDependencies": {

interfaces/Portalicious/src/app/components/confirmation-dialog/confirmation-dialog.component.html

@@ -1,6 +1,7 @@
 <p-confirmDialog
   #confirmDialog
-  closeOnEscape
+  [closeOnEscape]="true"
+  [dismissableMask]="true"
   class="[&_.p-dialog-content]:max-w-[632px]"
 >
   <ng-template pTemplate="header">

interfaces/Portalicious/src/app/components/confirmation-dialog/confirmation-dialog.component.ts

@@ -25,8 +25,8 @@ import { FormErrorComponent } from '~/components/form-error/form-error.component
 export class ConfirmationDialogComponent<TMutationData = unknown> {
   private confirmationService = inject(ConfirmationService);
 
-  mutation =
-    input.required<CreateMutationResult<unknown, Error, TMutationData>>();
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  mutation = input.required<CreateMutationResult<any, Error, TMutationData>>();
   mutationData = input.required<TMutationData>();
   header = input($localize`:@@confirmation-dialog-header:Are you sure?`);
   headerIcon = input<string>('pi pi-question');

interfaces/Portalicious/src/app/components/form-field-wrapper/form-field-wrapper.component.html

@@ -1,5 +1,7 @@
 <!-- eslint-disable-next-line @angular-eslint/template/label-has-associated-control -->
-<label class="block [&_input]:w-full [&_textarea]:w-full">
+<label
+  class="block [&_.p-calendar]:w-full [&_input]:w-full [&_textarea]:w-full"
+>
   <strong class="mb-2 block">
     {{ label() }}
   </strong>

interfaces/Portalicious/src/app/domains/event/event.api.service.ts

@@ -0,0 +1,37 @@
+import { HttpParamsOptions } from '@angular/common/http';
+import { Injectable, Signal } from '@angular/core';
+
+import { DomainApiService } from '~/domains/domain-api.service';
+
+const BASE_ENDPOINT = (projectId: Signal<number>) => [
+  'programs',
+  projectId,
+  'events',
+];
+
+@Injectable({
+  providedIn: 'root',
+})
+export class EventApiService extends DomainApiService {
+  getEvents({
+    projectId,
+    params,
+  }: {
+    projectId: Signal<number>;
+    params: HttpParamsOptions['fromObject'];
+  }) {
+    return this.generateQueryOptions<Blob>({
+      path: BASE_ENDPOINT(projectId),
+      requestOptions: {
+        params,
+        responseAsBlob: true,
+      },
+    });
+  }
+
+  public invalidateCache(projectId: Signal<number>): Promise<void> {
+    return this.queryClient.invalidateQueries({
+      queryKey: this.pathToQueryKey(BASE_ENDPOINT(projectId)),
+    });
+  }
+}

interfaces/Portalicious/src/app/domains/metric/metric.api.service.ts

@@ -1,5 +1,8 @@
+import { HttpParamsOptions } from '@angular/common/http';
 import { Injectable, Signal } from '@angular/core';
 
+import { ExportType } from '@121-service/src/metrics/enum/export-type.enum';
+
 import { DomainApiService } from '~/domains/domain-api.service';
 import { ProjectMetrics } from '~/domains/metric/metric.model';
 
@@ -19,6 +22,24 @@ export class MetricApiService extends DomainApiService {
     });
   }
 
+  exportMetrics({
+    projectId,
+    type,
+    params,
+  }: {
+    projectId: Signal<number>;
+    type: ExportType;
+    params: HttpParamsOptions['fromObject'];
+  }) {
+    return this.generateQueryOptions<Blob>({
+      path: [...BASE_ENDPOINT(projectId), 'export-list', type],
+      requestOptions: {
+        params,
+        responseAsBlob: true,
+      },
+    });
+  }
+
   public invalidateCache(projectId: Signal<number>): Promise<void> {
     return this.queryClient.invalidateQueries({
       queryKey: this.pathToQueryKey(BASE_ENDPOINT(projectId)),

interfaces/Portalicious/src/app/domains/project/project.api.service.ts

@@ -2,6 +2,10 @@ import { inject, Injectable, Signal } from '@angular/core';
 
 import { uniqBy } from 'lodash';
 
+import { ActionReturnDto } from '@121-service/src/actions/dto/action-return.dto';
+import { ExportType } from '@121-service/src/metrics/enum/export-type.enum';
+import { CommercialBankEthiopiaValidationReportDto } from '@121-service/src/payments/fsp-integration/commercial-bank-ethiopia/dto/commercial-bank-ethiopia-validation-report.dto';
+
 import { DomainApiService } from '~/domains/domain-api.service';
 import { ATTRIBUTE_LABELS } from '~/domains/project/project.helper';
 import {
@@ -14,6 +18,7 @@ import {
 } from '~/domains/project/project.model';
 import { Role } from '~/domains/role/role.model';
 import { TranslatableStringService } from '~/services/translatable-string.service';
+import { Dto } from '~/utils/dto-type';
 
 const BASE_ENDPOINT = 'programs';
 
@@ -245,6 +250,35 @@ export class ProjectApiService extends DomainApiService {
     });
   }
 
+  getCbeVerificationReport(projectId: Signal<number>) {
+    return this.generateQueryOptions<
+      Dto<CommercialBankEthiopiaValidationReportDto>
+    >({
+      path: [
+        BASE_ENDPOINT,
+        projectId,
+        'financial-service-providers/commercial-bank-ethiopia/account-enquiries',
+      ],
+    });
+  }
+
+  getLatestAction({
+    projectId,
+    actionType,
+  }: {
+    projectId: Signal<number>;
+    actionType: ExportType;
+  }) {
+    return this.generateQueryOptions<Dto<ActionReturnDto>>({
+      path: [BASE_ENDPOINT, projectId, 'actions'],
+      requestOptions: {
+        params: {
+          actionType,
+        },
+      },
+    });
+  }
+
   public invalidateCache(projectId?: Signal<number>): Promise<void> {
     const path: (Signal<number> | string)[] = [BASE_ENDPOINT];