Feat: retry transfer in activity log

interfaces/Portalicious/src/app/pages/project-payment/components/retry-transfers-dialog/retry-transfers-dialog.component.html

@@ -1,6 +1,6 @@
 <app-confirmation-dialog
   #retryTransfersConfirmationDialog
-  header="Retry failed transfers"
+  header="Retry failed transfer(s)"
   i18n-header="@@retry-failed-transfers"
   headerIcon="pi pi-refresh"
   proceedLabel="Retry transfers"

interfaces/Portalicious/src/app/pages/project-payment/components/retry-transfers-dialog/retry-transfers-dialog.component.ts

@@ -10,9 +10,7 @@ import {
 import { injectMutation } from '@tanstack/angular-query-experimental';
 
 import { ConfirmationDialogComponent } from '~/components/confirmation-dialog/confirmation-dialog.component';
-import { QueryTableComponent } from '~/components/query-table/query-table.component';
 import { MetricApiService } from '~/domains/metric/metric.api.service';
-import { PaymentMetricDetails } from '~/domains/metric/metric.model';
 import { PaymentApiService } from '~/domains/payment/payment.api.service';
 import { ToastService } from '~/services/toast.service';
 
@@ -30,7 +28,6 @@ export class RetryTransfersDialogComponent {
 
   private metricApiService = inject(MetricApiService);
   private paymentApiService = inject(PaymentApiService);
-  private toastService = inject(ToastService);
 
   readonly referenceIdsForRetryTransfers = signal<string[]>([]);
 
@@ -55,37 +52,7 @@ export class RetryTransfersDialogComponent {
     },
   }));
 
-  public retryFailedTransfers({
-    table,
-    triggeredFromContextMenu,
-    contextMenuItem,
-  }: {
-    table: QueryTableComponent<PaymentMetricDetails, never>;
-    triggeredFromContextMenu: boolean;
-    contextMenuItem?: PaymentMetricDetails;
-  }) {
-    const actionData = table.getActionData({
-      triggeredFromContextMenu,
-      contextMenuItem,
-      fieldForFilter: 'referenceId',
-      noSelectionToastMessage: $localize`:@@no-registrations-selected:Select one or more registrations and try again.`,
-    });
-
-    if (!actionData) {
-      return;
-    }
-
-    const selection = actionData.selection;
-
-    if (!Array.isArray(selection) || selection.length === 0) {
-      this.toastService.showGenericError(); // Should never happen
-      return;
-    }
-
-    const referenceIds = selection.map(
-      (transaction) => transaction.referenceId,
-    );
-
+  public retryFailedTransfers({ referenceIds }: { referenceIds: string[] }) {
     this.referenceIdsForRetryTransfers.set(referenceIds);
     this.retryTransfersConfirmationDialog().askForConfirmation();
   }

interfaces/Portalicious/src/app/pages/project-payment/project-payment.page.html

@@ -119,7 +119,7 @@ <h1 class="me-auto">
           >
           @if (canRetryTransfers()) {
             <p-button
-              label="Retry failed transfers"
+              label="Retry failed transfer(s)"
               i18n-label="@@retry-failed-transfers"
               rounded
               outlined

interfaces/Portalicious/src/app/pages/project-payment/project-payment.page.ts

@@ -354,11 +354,30 @@ export class ProjectPaymentPageComponent {
       });
       return;
     }
-
-    this.retryTransfersDialog().retryFailedTransfers({
-      table: this.table(),
+    const actionData = this.table().getActionData({
       triggeredFromContextMenu,
       contextMenuItem: this.contextMenuSelection(),
+      fieldForFilter: 'referenceId',
+      noSelectionToastMessage: $localize`:@@no-registrations-selected:Select one or more registrations and try again.`,
+    });
+
+    if (!actionData) {
+      return;
+    }
+
+    const selection = actionData.selection;
+
+    if (!Array.isArray(selection) || selection.length === 0) {
+      this.toastService.showGenericError(); // Should never happen
+      return;
+    }
+
+    const referenceIds = selection.map(
+      (transaction) => transaction.referenceId,
+    );
+
+    this.retryTransfersDialog().retryFailedTransfers({
+      referenceIds,
     });
   }
 }

interfaces/Portalicious/src/app/pages/project-registration-activity-log/components/table-cell-overview.component.ts

@@ -6,14 +6,18 @@ import {
   inject,
   input,
   LOCALE_ID,
+  viewChild,
 } from '@angular/core';
 
 import { injectQuery } from '@tanstack/angular-query-experimental';
+import { ButtonModule } from 'primeng/button';
 import { ChipModule } from 'primeng/chip';
 
 import { ActivityTypeEnum } from '@121-service/src/activities/enum/activity-type.enum';
 import { FinancialServiceProviders } from '@121-service/src/financial-service-providers/enum/financial-service-provider-name.enum';
+import { TransactionStatusEnum } from '@121-service/src/payments/transactions/enums/transaction-status.enum';
 import { GenericRegistrationAttributes } from '@121-service/src/registration/enum/registration-attribute.enum';
+import { PermissionEnum } from '@121-service/src/user/enum/permission.enum';
 
 import { ColoredChipComponent } from '~/components/colored-chip/colored-chip.component';
 import {
@@ -25,8 +29,10 @@ import { TableCellComponent } from '~/components/query-table/components/table-ce
 import { MESSAGE_CONTENT_TYPE_LABELS } from '~/domains/message/message.helper';
 import { REGISTRATION_STATUS_LABELS } from '~/domains/registration/registration.helper';
 import { Activity } from '~/domains/registration/registration.model';
+import { RetryTransfersDialogComponent } from '~/pages/project-payment/components/retry-transfers-dialog/retry-transfers-dialog.component';
 import { ActivityLogVoucherDialogComponent } from '~/pages/project-registration-activity-log/components/activity-log-voucher-dialog/activity-log-voucher-dialog.component';
 import { ActivityLogTableCellContext } from '~/pages/project-registration-activity-log/project-registration-activity-log.page';
+import { AuthService } from '~/services/auth.service';
 import { RegistrationAttributeService } from '~/services/registration-attribute.service';
 import { Locale } from '~/utils/locale';
 
@@ -37,6 +43,8 @@ import { Locale } from '~/utils/locale';
     ColoredChipComponent,
     ActivityLogVoucherDialogComponent,
     NgClass,
+    ButtonModule,
+    RetryTransfersDialogComponent,
   ],
   template: `
     <div class="flex w-full content-between items-center">
@@ -55,6 +63,16 @@ import { Locale } from '~/utils/locale';
             [label]="chipData()!.chipLabel"
             [variant]="chipData()!.chipVariant"
           />
+          @if (canRetryTransfer()) {
+            <p-button
+              class="ms-1"
+              label="Retry transfer"
+              i18n-label="@@retry-transfer"
+              rounded
+              size="small"
+              (click)="retryTransfer()"
+            />
+          }
         </div>
       }
 
@@ -67,6 +85,15 @@ import { Locale } from '~/utils/locale';
           [voucherReferenceId]="dialogData.voucherReferenceId"
         />
       }
+
+      @let payment = paymentId();
+      @if (payment && canRetryTransfer()) {
+        <app-retry-transfers-dialog
+          #retryTransfersDialog
+          [projectId]="context().projectId()"
+          [paymentId]="payment"
+        />
+      }
     </div>
   `,
   styles: ``,
@@ -79,7 +106,11 @@ export class TableCellOverviewComponent
   readonly context = input.required<ActivityLogTableCellContext>();
   locale = inject<Locale>(LOCALE_ID);
 
+  readonly retryTransfersDialog =
+    viewChild.required<RetryTransfersDialogComponent>('retryTransfersDialog');
+
   readonly registrationAttributeService = inject(RegistrationAttributeService);
+  readonly authService = inject(AuthService);
 
   readonly registrationAttributes = injectQuery(
     this.registrationAttributeService.getRegistrationAttributes(this.context),
@@ -99,6 +130,14 @@ export class TableCellOverviewComponent
     return undefined;
   });
 
+  readonly paymentId = computed(() => {
+    const item = this.value();
+    if (item.type === ActivityTypeEnum.Transaction) {
+      return item.attributes.payment.toString();
+    }
+    return undefined;
+  });
+
   readonly overview = computed(() => {
     const item = this.value();
     switch (item.type) {
@@ -125,6 +164,27 @@ export class TableCellOverviewComponent
     }
   });
 
+  readonly canRetryTransfer = computed(() => {
+    const item = this.value();
+    if (
+      !this.authService.hasAllPermissions({
+        projectId: this.context().projectId(),
+        requiredPermissions: [
+          PermissionEnum.PaymentREAD,
+          PermissionEnum.PaymentCREATE,
+          PermissionEnum.PaymentTransactionREAD,
+        ],
+      })
+    ) {
+      return false;
+    }
+
+    if (item.type !== ActivityTypeEnum.Transaction) {
+      return false;
+    }
+    return item.attributes.status === TransactionStatusEnum.error;
+  });
+
   readonly voucherDialogData = computed(() => {
     const item = this.value();
     const referenceId = this.context().referenceId;
@@ -148,4 +208,22 @@ export class TableCellOverviewComponent
       voucherReferenceId: referenceId,
     };
   });
+
+  retryTransfer() {
+    // TODO: Not sure if this still needs to be checked
+    // if (this.paymentStatus.data()?.inProgress) {
+    //   this.toastService.showToast({
+    //     severity: 'warn',
+    //     detail: $localize`A payment is currently in progress. Please wait until it has finished.`,
+    //   });
+    //   return;
+    // }
+    const referenceId = this.context().referenceId;
+    if (referenceId) {
+      const referenceIds = [referenceId];
+      this.retryTransfersDialog().retryFailedTransfers({
+        referenceIds,
+      });
+    }
+  }
 }

interfaces/Portalicious/src/locale/messages.xlf

@@ -1175,7 +1175,7 @@
         <source>You are about to retry <x equiv-text="{{ referenceIdsForRetryTransfers().length }}" id="INTERPOLATION"/> payment(s). The transfer status will change to Pending until received by the registration.</source>
       </trans-unit>
       <trans-unit id="retry-failed-transfers" datatype="html">
-        <source>Retry failed transfers</source>
+        <source>Retry failed transfer(s)</source>
       </trans-unit>
       <trans-unit id="payment-report" datatype="html">
         <source>Payment report</source>
@@ -1533,6 +1533,9 @@
       <trans-unit id="attribute-edit-info-inclusionScore" datatype="html">
         <source>Inclusion score generated by the answers of the Kobo form.</source>
       </trans-unit>
+      <trans-unit id="retry-transfer" datatype="html">
+        <source>Retry transfer</source>
+      </trans-unit>
     </body>
   </file>
 </xliff>