diff --git a/src/app/features/moderation/components/collection-moderators/collection-moderators.component.ts b/src/app/features/moderation/components/collection-moderators/collection-moderators.component.ts
index f38b92180..e9a88ad70 100644
--- a/src/app/features/moderation/components/collection-moderators/collection-moderators.component.ts
+++ b/src/app/features/moderation/components/collection-moderators/collection-moderators.component.ts
@@ -2,7 +2,6 @@ import { createDispatchMap, select } from '@ngxs/store';
 
 import { TranslatePipe, TranslateService } from '@ngx-translate/core';
 
-import { ConfirmationService } from 'primeng/api';
 import { Button } from 'primeng/button';
 import { DialogService } from 'primeng/dynamicdialog';
 
@@ -13,8 +12,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FormControl } from '@angular/forms';
 
 import { EducationHistoryComponent, EmploymentHistoryComponent, SearchInputComponent } from '@osf/shared/components';
-import { LoaderService, ToastService } from '@osf/shared/services';
-import { defaultConfirmationConfig } from '@osf/shared/utils';
+import { CustomConfirmationService, LoaderService, ToastService } from '@osf/shared/services';
 
 import { AddModeratorType } from '../../enums';
 import { ModeratorDialogAddModel, ModeratorModel } from '../../models';
@@ -43,7 +41,7 @@ export class CollectionModeratorsComponent implements OnInit {
 
   private readonly destroyRef = inject(DestroyRef);
   private readonly translateService = inject(TranslateService);
-  private readonly confirmationService = inject(ConfirmationService);
+  private readonly customConfirmationService = inject(CustomConfirmationService);
   private readonly dialogService = inject(DialogService);
   private readonly toastService = inject(ToastService);
   private readonly loaderService = inject(LoaderService);
@@ -141,18 +139,12 @@ export class CollectionModeratorsComponent implements OnInit {
   }
 
   removeModerator(moderator: ModeratorModel) {
-    this.confirmationService.confirm({
-      ...defaultConfirmationConfig,
-      header: this.translateService.instant('moderation.removeDialog.title'),
-      message: this.translateService.instant('moderation.removeDialog.message', {
-        name: moderator.fullName,
-      }),
-      acceptButtonProps: {
-        ...defaultConfirmationConfig.acceptButtonProps,
-        severity: 'danger',
-        label: this.translateService.instant('common.buttons.remove'),
-      },
-      accept: () => {
+    this.customConfirmationService.confirmDelete({
+      headerKey: 'moderation.removeDialog.title',
+      messageParams: { name: moderator.fullName },
+      messageKey: 'moderation.removeDialog.message',
+      acceptLabelKey: 'common.buttons.remove',
+      onConfirm: () => {
         this.toastService.showSuccess('moderation.toastMessages.deleteSuccessMessage', { name: moderator.fullName });
       },
     });
diff --git a/src/app/features/project/contributors/contributors.component.ts b/src/app/features/project/contributors/contributors.component.ts
index c633dc0f6..ebb7aa31b 100644
--- a/src/app/features/project/contributors/contributors.component.ts
+++ b/src/app/features/project/contributors/contributors.component.ts
@@ -2,7 +2,6 @@ import { createDispatchMap, select } from '@ngxs/store';
 
 import { TranslatePipe, TranslateService } from '@ngx-translate/core';
 
-import { ConfirmationService } from 'primeng/api';
 import { Button } from 'primeng/button';
 import { DialogService } from 'primeng/dynamicdialog';
 import { Select } from 'primeng/select';
@@ -22,8 +21,8 @@ import {
   ViewOnlyTableComponent,
 } from '@osf/shared/components';
 import { SelectOption } from '@osf/shared/models';
-import { ToastService } from '@osf/shared/services';
-import { defaultConfirmationConfig, findChangedItems } from '@osf/shared/utils';
+import { CustomConfirmationService, ToastService } from '@osf/shared/services';
+import { findChangedItems } from '@osf/shared/utils';
 
 import { ViewOnlyLink, ViewOnlyLinkModel } from '../settings/models';
 import {
@@ -76,9 +75,9 @@ export class ContributorsComponent implements OnInit {
 
   readonly destroyRef = inject(DestroyRef);
   readonly translateService = inject(TranslateService);
-  readonly confirmationService = inject(ConfirmationService);
   readonly dialogService = inject(DialogService);
   readonly toastService = inject(ToastService);
+  readonly customConfirmationService = inject(CustomConfirmationService);
 
   private readonly route = inject(ActivatedRoute);
   private readonly projectId = toSignal(this.route.parent?.params.pipe(map((params) => params['id'])) ?? of(undefined));
@@ -251,18 +250,12 @@ export class ContributorsComponent implements OnInit {
   }
 
   removeContributor(contributor: ContributorModel) {
-    this.confirmationService.confirm({
-      ...defaultConfirmationConfig,
-      header: this.translateService.instant('project.contributors.removeDialog.title'),
-      message: this.translateService.instant('project.contributors.removeDialog.message', {
-        name: contributor.fullName,
-      }),
-      acceptButtonProps: {
-        ...defaultConfirmationConfig.acceptButtonProps,
-        severity: 'danger',
-        label: this.translateService.instant('common.buttons.remove'),
-      },
-      accept: () => {
+    this.customConfirmationService.confirmDelete({
+      headerKey: 'project.contributors.removeDialog.title',
+      messageKey: 'project.contributors.removeDialog.message',
+      messageParams: { name: contributor.fullName },
+      acceptLabelKey: 'common.buttons.remove',
+      onConfirm: () => {
         this.actions
           .deleteContributor(this.projectId(), contributor.userId)
           .pipe(takeUntilDestroyed(this.destroyRef))
@@ -304,20 +297,11 @@ export class ContributorsComponent implements OnInit {
   }
 
   deleteLinkItem(link: ViewOnlyLinkModel): void {
-    this.confirmationService.confirm({
-      ...defaultConfirmationConfig,
-      message: this.translateService.instant('myProjects.settings.delete.message'),
-      header: this.translateService.instant('myProjects.settings.delete.title', {
-        name: link.name,
-      }),
-      acceptButtonProps: {
-        ...defaultConfirmationConfig.acceptButtonProps,
-        severity: 'danger',
-        label: this.translateService.instant('settings.developerApps.list.deleteButton'),
-      },
-      accept: () => {
-        this.actions.deleteViewOnlyLink(this.projectId(), link.id);
-      },
+    this.customConfirmationService.confirmDelete({
+      headerKey: 'myProjects.settings.delete.title',
+      headerParams: { name: link.name },
+      messageKey: 'myProjects.settings.delete.message',
+      onConfirm: () => this.actions.deleteViewOnlyLink(this.projectId(), link.id),
     });
   }
 }
diff --git a/src/app/features/project/settings/settings.component.ts b/src/app/features/project/settings/settings.component.ts
index 72401167d..ca427aa0e 100644
--- a/src/app/features/project/settings/settings.component.ts
+++ b/src/app/features/project/settings/settings.component.ts
@@ -1,8 +1,7 @@
 import { createDispatchMap, select } from '@ngxs/store';
 
-import { TranslatePipe, TranslateService } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
-import { ConfirmationService } from 'primeng/api';
 import { Button } from 'primeng/button';
 import { Card } from 'primeng/card';
 import { TabPanels } from 'primeng/tabs';
@@ -45,8 +44,8 @@ import {
   NotificationSubscriptionSelectors,
   UpdateNotificationSubscriptionForNodeId,
 } from '@osf/features/settings/notifications/store';
-import { LoaderService, ToastService } from '@osf/shared/services';
-import { CustomValidators, defaultConfirmationConfig } from '@osf/shared/utils';
+import { CustomConfirmationService, LoaderService, ToastService } from '@osf/shared/services';
+import { CustomValidators } from '@osf/shared/utils';
 import { SubHeaderComponent } from '@shared/components';
 import { ProjectFormControls, SubscriptionEvent, SubscriptionFrequency } from '@shared/enums';
 import { UpdateNodeRequestModel } from '@shared/models';
@@ -77,8 +76,7 @@ import { UpdateNodeRequestModel } from '@shared/models';
 })
 export class SettingsComponent implements OnInit {
   private readonly route = inject(ActivatedRoute);
-  private readonly translateService = inject(TranslateService);
-  private readonly confirmationService = inject(ConfirmationService);
+  private readonly customConfirmationService = inject(CustomConfirmationService);
   private readonly toastService = inject(ToastService);
   private readonly loaderService = inject(LoaderService);
 
@@ -183,18 +181,11 @@ export class SettingsComponent implements OnInit {
   }
 
   deleteLinkItem(link: ViewOnlyLinkModel): void {
-    this.confirmationService.confirm({
-      ...defaultConfirmationConfig,
-      message: this.translateService.instant('myProjects.settings.delete.message'),
-      header: this.translateService.instant('myProjects.settings.delete.title', {
-        name: link.name,
-      }),
-      acceptButtonProps: {
-        ...defaultConfirmationConfig.acceptButtonProps,
-        severity: 'danger',
-        label: this.translateService.instant('settings.developerApps.list.deleteButton'),
-      },
-      accept: () => {
+    this.customConfirmationService.confirmDelete({
+      headerKey: 'myProjects.settings.delete.title',
+      headerParams: { name: link.name },
+      messageKey: 'myProjects.settings.delete.message',
+      onConfirm: () => {
         this.actions.deleteViewOnlyLink(this.projectId(), link.id).subscribe();
       },
     });
diff --git a/src/app/features/project/wiki/components/wiki-list/wiki-list.component.ts b/src/app/features/project/wiki/components/wiki-list/wiki-list.component.ts
index d51a10541..147feed49 100644
--- a/src/app/features/project/wiki/components/wiki-list/wiki-list.component.ts
+++ b/src/app/features/project/wiki/components/wiki-list/wiki-list.component.ts
@@ -1,6 +1,5 @@
 import { TranslatePipe, TranslateService } from '@ngx-translate/core';
 
-import { ConfirmationService } from 'primeng/api';
 import { Button } from 'primeng/button';
 import { ButtonGroupModule } from 'primeng/buttongroup';
 import { DialogService } from 'primeng/dynamicdialog';
@@ -11,7 +10,7 @@ import { Skeleton } from 'primeng/skeleton';
 import { ChangeDetectionStrategy, Component, computed, inject, input, output, signal } from '@angular/core';
 import { Router, RouterModule } from '@angular/router';
 
-import { defaultConfirmationConfig } from '@osf/shared/utils';
+import { CustomConfirmationService } from '@osf/shared/services';
 
 import { Wiki, WikiItemType, WikiMenuItem } from '../../models';
 import { ComponentWiki } from '../../store';
@@ -31,12 +30,15 @@ export class WikiListComponent {
   readonly isLoading = input<boolean>(false);
   readonly componentsList = input.required<ComponentWiki[]>();
   readonly currentWikiId = input.required<string>();
+
   readonly deleteWiki = output<void>();
   readonly createWiki = output<void>();
+
   private readonly dialogService = inject(DialogService);
   private readonly translateService = inject(TranslateService);
-  private readonly confirmationService = inject(ConfirmationService);
+  private readonly customConfirmationService = inject(CustomConfirmationService);
   private readonly router = inject(Router);
+
   wikiItemType = WikiItemType;
   expanded = signal(true);
 
@@ -97,16 +99,10 @@ export class WikiListComponent {
   }
 
   openDeleteWikiDialog(): void {
-    this.confirmationService.confirm({
-      ...defaultConfirmationConfig,
-      header: this.translateService.instant('project.wiki.deleteWiki'),
-      message: this.translateService.instant('project.wiki.deleteWikiMessage'),
-      acceptButtonProps: {
-        ...defaultConfirmationConfig.acceptButtonProps,
-        severity: 'danger',
-        label: this.translateService.instant('common.buttons.delete'),
-      },
-      accept: () => this.deleteWiki.emit(),
+    this.customConfirmationService.confirmDelete({
+      headerKey: 'project.wiki.deleteWiki',
+      messageKey: 'project.wiki.deleteWikiMessage',
+      onConfirm: () => this.deleteWiki.emit(),
     });
   }
 
@@ -122,7 +118,6 @@ export class WikiListComponent {
         });
       });
     } else {
-      // change only the wiki id in query params
       this.router.navigate([], {
         queryParams: { wiki: wikiId },
         queryParamsHandling: 'merge',
diff --git a/src/app/features/settings/account-settings/components/connected-emails/connected-emails.component.html b/src/app/features/settings/account-settings/components/connected-emails/connected-emails.component.html
index 242084871..b15989f1c 100644
--- a/src/app/features/settings/account-settings/components/connected-emails/connected-emails.component.html
+++ b/src/app/features/settings/account-settings/components/connected-emails/connected-emails.component.html
@@ -35,8 +35,8 @@ <h2 class="account-setting-header">{{ 'settings.accountSettings.connectedEmails.
                   <i
                     class="osf-icon-close"
                     tabindex="0"
-                    (click)="deleteEmail(email.id)"
-                    (keydown.enter)="deleteEmail(email.id)"
+                    (click)="openConfirmDeleteEmail(email)"
+                    (keydown.enter)="openConfirmDeleteEmail(email)"
                   >
                   </i>
                 }
@@ -80,8 +80,8 @@ <h2 class="account-setting-header">{{ 'settings.accountSettings.connectedEmails.
                   <i
                     class="osf-icon-close"
                     tabindex="0"
-                    (click)="deleteEmail(email.id)"
-                    (keydown.enter)="deleteEmail(email.id)"
+                    (click)="openConfirmDeleteEmail(email)"
+                    (keydown.enter)="openConfirmDeleteEmail(email)"
                   ></i>
                 }
                 @if (deletingEmailIds().has(email.id)) {
@@ -94,9 +94,9 @@ <h2 class="account-setting-header">{{ 'settings.accountSettings.connectedEmails.
               } @else {
                 <p-button
                   [label]="
-                    (isMobile()
-                      ? 'settings.accountSettings.connectedEmails.buttons.resend'
-                      : 'settings.accountSettings.connectedEmails.buttons.resendConfirmation'
+                    (isSmall()
+                      ? 'settings.accountSettings.connectedEmails.buttons.resendConfirmation'
+                      : 'settings.accountSettings.connectedEmails.buttons.resend'
                     ) | translate
                   "
                   severity="secondary"
diff --git a/src/app/features/settings/account-settings/components/connected-emails/connected-emails.component.scss b/src/app/features/settings/account-settings/components/connected-emails/connected-emails.component.scss
index 88ecc4f57..51c1f57f6 100644
--- a/src/app/features/settings/account-settings/components/connected-emails/connected-emails.component.scss
+++ b/src/app/features/settings/account-settings/components/connected-emails/connected-emails.component.scss
@@ -3,109 +3,109 @@
 
 :host {
   @extend .account-setting;
+}
 
-  .icon {
-    &--sm {
-      width: 0.7rem;
-      height: 0.7rem;
-      margin-left: 0.7rem;
-    }
+.icon {
+  &--sm {
+    width: 0.7rem;
+    height: 0.7rem;
+    margin-left: 0.7rem;
+  }
 
-    &--md {
-      width: 1rem;
-      height: 1rem;
-    }
+  &--md {
+    width: 1rem;
+    height: 1rem;
   }
+}
 
-  .account-setting {
-    &-emails {
-      display: flex;
-      flex-direction: column;
-      gap: 1.7rem;
-    }
+.account-setting {
+  &-emails {
+    display: flex;
+    flex-direction: column;
+    gap: 1.7rem;
+  }
 
-    &-email {
+  &-email {
+    display: flex;
+    gap: 2rem;
+    align-items: start;
+
+    &-center {
       display: flex;
       gap: 2rem;
-      align-items: start;
+      align-items: center;
+    }
 
-      &-center {
-        display: flex;
-        gap: 2rem;
-        align-items: center;
-      }
+    &__title {
+      min-width: 10rem;
+      min-height: 2.8rem;
+      display: flex;
+      align-items: center;
+    }
 
-      &__title {
-        min-width: 10rem;
-        min-height: 2.8rem;
-        display: flex;
-        align-items: center;
-      }
+    &__container {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 2rem;
+    }
 
-      &__container {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 2rem;
+    &--readonly {
+      display: flex;
+      align-items: center;
+      border: 1px solid var.$grey-2;
+      padding: 0.285rem 0.85rem;
+      border-radius: 0.285rem;
+      min-height: 2.8rem;
+
+      &--address {
+        max-width: 14rem;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
 
-      &--readonly {
-        display: flex;
-        align-items: center;
-        border: 1px solid var.$grey-2;
-        padding: 0.285rem 0.85rem;
-        border-radius: 0.285rem;
-        min-height: 2.8rem;
-
-        &--address {
-          max-width: 14rem;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-
-        i {
-          color: var.$dark-blue-1;
-          font-size: 0.7rem;
-          margin-left: 0.7rem;
-          cursor: pointer;
-          font-weight: 400;
-        }
+      i {
+        color: var.$dark-blue-1;
+        font-size: 0.7rem;
+        margin-left: 0.7rem;
+        cursor: pointer;
+        font-weight: 400;
       }
+    }
 
-      &__value {
-        display: flex;
-        align-items: center;
-        gap: 0.428rem;
-        min-height: 2.8rem;
-      }
+    &__value {
+      display: flex;
+      align-items: center;
+      gap: 0.428rem;
+      min-height: 2.8rem;
     }
   }
+}
 
-  @media (max-width: var.$breakpoint-sm) {
-    .account-setting-email {
-      flex-wrap: wrap;
-      gap: 0.5rem;
+@media (max-width: var.$breakpoint-sm) {
+  .account-setting-email {
+    flex-wrap: wrap;
+    gap: 0.5rem;
 
-      &__title {
-        min-height: 2rem;
-      }
+    &__title {
+      min-height: 2rem;
+    }
 
-      &__container {
-        gap: 0.7rem;
-      }
+    &__container {
+      gap: 0.7rem;
+    }
 
-      &__value {
-        min-height: 2rem;
-      }
+    &__value {
+      min-height: 2rem;
     }
   }
+}
 
-  @media (max-width: 410px) {
-    .account-setting-email {
-      &__value {
-        min-height: 2rem;
-        flex-wrap: wrap;
-      }
+@media (max-width: 410px) {
+  .account-setting-email {
+    &__value {
+      min-height: 2rem;
+      flex-wrap: wrap;
     }
   }
 }
diff --git a/src/app/features/settings/account-settings/components/connected-emails/connected-emails.component.ts b/src/app/features/settings/account-settings/components/connected-emails/connected-emails.component.ts
index c483178e4..c8f12a07f 100644
--- a/src/app/features/settings/account-settings/components/connected-emails/connected-emails.component.ts
+++ b/src/app/features/settings/account-settings/components/connected-emails/connected-emails.component.ts
@@ -1,9 +1,9 @@
-import { Store } from '@ngxs/store';
+import { createDispatchMap, select } from '@ngxs/store';
 
 import { TranslatePipe, TranslateService } from '@ngx-translate/core';
 
 import { Button } from 'primeng/button';
-import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
+import { DialogService } from 'primeng/dynamicdialog';
 import { ProgressSpinner } from 'primeng/progressspinner';
 import { Skeleton } from 'primeng/skeleton';
 
@@ -13,8 +13,10 @@ import { ChangeDetectionStrategy, Component, computed, DestroyRef, inject, signa
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 
 import { UserSelectors } from '@osf/core/store/user';
-import { IS_XSMALL } from '@osf/shared/utils';
+import { CustomConfirmationService } from '@osf/shared/services';
+import { IS_SMALL } from '@osf/shared/utils';
 
+import { AccountEmail } from '../../models';
 import { AccountSettingsService } from '../../services';
 import { AccountSettingsSelectors, DeleteEmail, MakePrimary } from '../../store';
 import { AddEmailComponent } from '../add-email/add-email.component';
@@ -27,18 +29,27 @@ import { AddEmailComponent } from '../add-email/add-email.component';
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class ConnectedEmailsComponent {
-  readonly #store = inject(Store);
-  readonly #accountSettingsService = inject(AccountSettingsService);
-  readonly #dialogService = inject(DialogService);
-  readonly #translateService = inject(TranslateService);
-  readonly isMobile = toSignal(inject(IS_XSMALL));
-  readonly #destroyRef = inject(DestroyRef);
-
-  protected readonly currentUser = this.#store.selectSignal(UserSelectors.getCurrentUser);
-  protected readonly emails = this.#store.selectSignal(AccountSettingsSelectors.getEmails);
+  readonly isSmall = toSignal(inject(IS_SMALL));
+
+  private readonly accountSettingsService = inject(AccountSettingsService);
+  private readonly dialogService = inject(DialogService);
+  private readonly translateService = inject(TranslateService);
+  private readonly destroyRef = inject(DestroyRef);
+  private readonly customConfirmationService = inject(CustomConfirmationService);
+
+  protected readonly currentUser = select(UserSelectors.getCurrentUser);
+  protected readonly emails = select(AccountSettingsSelectors.getEmails);
+  protected readonly isEmailsLoading = select(AccountSettingsSelectors.isEmailsLoading);
+
+  private readonly actions = createDispatchMap({
+    deleteEmail: DeleteEmail,
+    makePrimary: MakePrimary,
+  });
+
   protected readonly deletingEmailIds = signal<Set<string>>(new Set());
   protected readonly resendingEmailIds = signal<Set<string>>(new Set());
   protected readonly makingPrimaryIds = signal<Set<string>>(new Set());
+
   protected readonly unconfirmedEmails = computed(() => {
     return this.emails().filter((email) => !email.confirmed && !email.primary);
   });
@@ -48,15 +59,12 @@ export class ConnectedEmailsComponent {
   protected readonly primaryEmail = computed(() => {
     return this.emails().find((email) => email.primary);
   });
-  protected readonly isEmailsLoading = this.#store.selectSignal(AccountSettingsSelectors.isEmailsLoading);
-
-  dialogRef: DynamicDialogRef | null = null;
 
   addEmail() {
-    this.dialogRef = this.#dialogService.open(AddEmailComponent, {
+    this.dialogService.open(AddEmailComponent, {
       width: '448px',
       focusOnShow: false,
-      header: this.#translateService.instant('settings.accountSettings.connectedEmails.dialog.title'),
+      header: this.translateService.instant('settings.accountSettings.connectedEmails.dialog.title'),
       closeOnEscape: true,
       modal: true,
       closable: true,
@@ -67,7 +75,7 @@ export class ConnectedEmailsComponent {
     if (this.currentUser()?.id) {
       this.resendingEmailIds.set(new Set([...this.resendingEmailIds(), emailId]));
 
-      this.#accountSettingsService
+      this.accountSettingsService
         .resendConfirmation(emailId, this.currentUser()!.id)
         .pipe(
           finalize(() => {
@@ -75,7 +83,7 @@ export class ConnectedEmailsComponent {
             const updatedIds = new Set([...currentIds].filter((id) => id !== emailId));
             this.resendingEmailIds.set(updatedIds);
           }),
-          takeUntilDestroyed(this.#destroyRef)
+          takeUntilDestroyed(this.destroyRef)
         )
         .subscribe();
     }
@@ -85,9 +93,9 @@ export class ConnectedEmailsComponent {
     if (this.currentUser()?.id) {
       this.makingPrimaryIds.set(new Set([...this.makingPrimaryIds(), emailId]));
 
-      this.#store
-        .dispatch(new MakePrimary(emailId))
-        .pipe(takeUntilDestroyed(this.#destroyRef))
+      this.actions
+        .makePrimary(emailId)
+        .pipe(takeUntilDestroyed(this.destroyRef))
         .subscribe(() => {
           const currentIds = this.makingPrimaryIds();
           const updatedIds = new Set([...currentIds].filter((id) => id !== emailId));
@@ -96,12 +104,21 @@ export class ConnectedEmailsComponent {
     }
   }
 
-  deleteEmail(emailId: string) {
+  openConfirmDeleteEmail(email: AccountEmail) {
+    this.customConfirmationService.confirmDelete({
+      headerKey: 'settings.accountSettings.connectedEmails.deleteDialog.header',
+      messageParams: { name: email.emailAddress },
+      messageKey: 'settings.accountSettings.connectedEmails.deleteDialog.message',
+      onConfirm: () => this.deleteEmails(email.id),
+    });
+  }
+
+  deleteEmails(emailId: string) {
     const currentDeletingIds = this.deletingEmailIds();
     currentDeletingIds.add(emailId);
     this.deletingEmailIds.set(currentDeletingIds);
 
-    this.#store.dispatch(new DeleteEmail(emailId)).subscribe({
+    this.actions.deleteEmail(emailId).subscribe({
       complete: () => {
         const updatedDeletingIds = this.deletingEmailIds();
         updatedDeletingIds.delete(emailId);
diff --git a/src/app/features/settings/developer-apps/pages/developer-app-details/developer-app-details.component.ts b/src/app/features/settings/developer-apps/pages/developer-app-details/developer-app-details.component.ts
index f6e763b01..b130abdbe 100644
--- a/src/app/features/settings/developer-apps/pages/developer-app-details/developer-app-details.component.ts
+++ b/src/app/features/settings/developer-apps/pages/developer-app-details/developer-app-details.component.ts
@@ -1,8 +1,7 @@
-import { Store } from '@ngxs/store';
+import { createDispatchMap, Store } from '@ngxs/store';
 
-import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
 
-import { ConfirmationService } from 'primeng/api';
 import { Button } from 'primeng/button';
 import { Card } from 'primeng/card';
 import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
@@ -18,7 +17,8 @@ import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 
-import { defaultConfirmationConfig, IS_XSMALL } from '@osf/shared/utils';
+import { CustomConfirmationService } from '@osf/shared/services';
+import { IS_XSMALL } from '@osf/shared/utils';
 
 import { DeveloperAppAddEditFormComponent } from '../../components';
 import { DeleteDeveloperApp, DeveloperAppsSelectors, GetDeveloperAppDetails, ResetClientSecret } from '../../store';
@@ -44,23 +44,35 @@ import { DeleteDeveloperApp, DeveloperAppsSelectors, GetDeveloperAppDetails, Res
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class DeveloperAppDetailsComponent {
-  #destroyRef = inject(DestroyRef);
-  #confirmationService = inject(ConfirmationService);
-  #activatedRoute = inject(ActivatedRoute);
-  #router = inject(Router);
-  #store = inject(Store);
-  #translateService = inject(TranslateService);
+  private readonly customConfirmationService = inject(CustomConfirmationService);
+  private readonly destroyRef = inject(DestroyRef);
+  private readonly activatedRoute = inject(ActivatedRoute);
+  private readonly router = inject(Router);
+  private readonly store = inject(Store);
+  private readonly actions = createDispatchMap({
+    getDeveloperAppDetails: GetDeveloperAppDetails,
+    deleteDeveloperApp: DeleteDeveloperApp,
+    resetClientSecret: ResetClientSecret,
+  });
 
   protected readonly isXSmall = toSignal(inject(IS_XSMALL));
 
+  protected readonly isClientSecretVisible = signal(false);
+  protected readonly clientSecret = computed<string>(() => this.developerApp()?.clientSecret ?? '');
+  protected readonly hiddenClientSecret = computed<string>(() => '*'.repeat(this.clientSecret().length));
+  protected readonly clientSecretCopiedNotificationVisible = signal<boolean>(false);
+  protected readonly clientIdCopiedNotificationVisible = signal<boolean>(false);
+
   readonly clientId = toSignal(
-    this.#activatedRoute.params.pipe(
+    this.activatedRoute.params.pipe(
       map((params) => params['id']),
       switchMap((clientId) => {
-        const app = this.#store.selectSnapshot(DeveloperAppsSelectors.getDeveloperAppDetails)(clientId);
+        const app = this.store.selectSnapshot(DeveloperAppsSelectors.getDeveloperAppDetails)(clientId);
+
         if (!app) {
-          this.#store.dispatch(new GetDeveloperAppDetails(clientId));
+          this.actions.getDeveloperAppDetails(clientId);
         }
+
         return of(clientId);
       })
     )
@@ -69,32 +81,19 @@ export class DeveloperAppDetailsComponent {
   readonly developerApp = computed(() => {
     const id = this.clientId();
     if (!id) return null;
-    const app = this.#store.selectSignal(DeveloperAppsSelectors.getDeveloperAppDetails)();
+    const app = this.store.selectSignal(DeveloperAppsSelectors.getDeveloperAppDetails)();
     return app(id) ?? null;
   });
 
-  protected readonly isClientSecretVisible = signal(false);
-  protected readonly clientSecret = computed<string>(() => this.developerApp()?.clientSecret ?? '');
-  protected readonly hiddenClientSecret = computed<string>(() => '*'.repeat(this.clientSecret().length));
-  protected readonly clientSecretCopiedNotificationVisible = signal<boolean>(false);
-  protected readonly clientIdCopiedNotificationVisible = signal<boolean>(false);
-
   deleteApp(): void {
-    this.#confirmationService.confirm({
-      ...defaultConfirmationConfig,
-      message: this.#translateService.instant('settings.developerApps.confirmation.delete.message'),
-      header: this.#translateService.instant('settings.developerApps.confirmation.delete.title', {
-        name: this.developerApp()?.name,
-      }),
-      acceptButtonProps: {
-        ...defaultConfirmationConfig.acceptButtonProps,
-        severity: 'danger',
-        label: this.#translateService.instant('settings.developerApps.list.deleteButton'),
-      },
-      accept: () => {
-        this.#store.dispatch(new DeleteDeveloperApp(this.clientId())).subscribe({
+    this.customConfirmationService.confirmDelete({
+      headerKey: 'settings.developerApps.confirmation.delete.title',
+      headerParams: { name: this.developerApp()?.name },
+      messageKey: 'settings.developerApps.confirmation.delete.message',
+      onConfirm: () => {
+        this.actions.deleteDeveloperApp(this.clientId()).subscribe({
           complete: () => {
-            this.#router.navigate(['settings/developer-apps']);
+            this.router.navigate(['settings/developer-apps']);
           },
         });
       },
@@ -102,18 +101,12 @@ export class DeveloperAppDetailsComponent {
   }
 
   resetClientSecret(): void {
-    this.#confirmationService.confirm({
-      ...defaultConfirmationConfig,
-      message: this.#translateService.instant('settings.developerApps.confirmation.resetSecret.message'),
-      header: this.#translateService.instant('settings.developerApps.confirmation.resetSecret.title'),
-      acceptButtonProps: {
-        ...defaultConfirmationConfig.acceptButtonProps,
-        severity: 'danger',
-        label: this.#translateService.instant('settings.developerApps.details.clientSecret.reset'),
-      },
-      accept: () => {
-        this.#store.dispatch(new ResetClientSecret(this.clientId()));
-      },
+    this.customConfirmationService.confirmDelete({
+      headerKey: 'settings.developerApps.confirmation.resetSecret.title',
+      headerParams: { name: this.developerApp()?.name },
+      messageKey: 'settings.developerApps.confirmation.resetSecret.message',
+      acceptLabelKey: 'settings.developerApps.details.clientSecret.reset',
+      onConfirm: () => this.actions.resetClientSecret(this.clientId()),
     });
   }
 
@@ -121,7 +114,7 @@ export class DeveloperAppDetailsComponent {
     this.clientIdCopiedNotificationVisible.set(true);
 
     timer(2500)
-      .pipe(takeUntilDestroyed(this.#destroyRef))
+      .pipe(takeUntilDestroyed(this.destroyRef))
       .subscribe(() => {
         this.clientIdCopiedNotificationVisible.set(false);
       });
@@ -131,7 +124,7 @@ export class DeveloperAppDetailsComponent {
     this.clientSecretCopiedNotificationVisible.set(true);
 
     timer(2500)
-      .pipe(takeUntilDestroyed(this.#destroyRef))
+      .pipe(takeUntilDestroyed(this.destroyRef))
       .subscribe(() => {
         this.clientSecretCopiedNotificationVisible.set(false);
       });
diff --git a/src/app/features/settings/developer-apps/pages/developer-apps-list/developer-apps-list.component.ts b/src/app/features/settings/developer-apps/pages/developer-apps-list/developer-apps-list.component.ts
index 8707980a8..87c815d9b 100644
--- a/src/app/features/settings/developer-apps/pages/developer-apps-list/developer-apps-list.component.ts
+++ b/src/app/features/settings/developer-apps/pages/developer-apps-list/developer-apps-list.component.ts
@@ -1,8 +1,7 @@
-import { Store } from '@ngxs/store';
+import { createDispatchMap, select } from '@ngxs/store';
 
-import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
-import { ConfirmationService } from 'primeng/api';
 import { Button } from 'primeng/button';
 import { Card } from 'primeng/card';
 import { Skeleton } from 'primeng/skeleton';
@@ -11,50 +10,35 @@ import { ChangeDetectionStrategy, Component, inject, OnInit, signal } from '@ang
 import { toSignal } from '@angular/core/rxjs-interop';
 import { RouterLink } from '@angular/router';
 
-import { defaultConfirmationConfig, IS_XSMALL } from '@osf/shared/utils';
+import { CustomConfirmationService } from '@osf/shared/services';
+import { IS_XSMALL } from '@osf/shared/utils';
 
 import { DeveloperApp } from '../../models';
 import { DeleteDeveloperApp, DeveloperAppsSelectors, GetDeveloperApps } from '../../store';
 
 @Component({
   selector: 'osf-developer-applications-list',
-  imports: [Button, Card, RouterLink, Skeleton, TranslateModule],
+  imports: [Button, Card, RouterLink, Skeleton, TranslatePipe],
   templateUrl: './developer-apps-list.component.html',
   styleUrl: './developer-apps-list.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class DeveloperAppsListComponent implements OnInit {
-  #store = inject(Store);
-  #confirmationService = inject(ConfirmationService);
-  #translateService = inject(TranslateService);
+  private readonly actions = createDispatchMap({
+    getDeveloperApps: GetDeveloperApps,
+    deleteDeveloperApp: DeleteDeveloperApp,
+  });
+  private readonly customConfirmationService = inject(CustomConfirmationService);
 
   protected readonly isLoading = signal(false);
   protected readonly isXSmall = toSignal(inject(IS_XSMALL));
-  readonly developerApplications = this.#store.selectSignal(DeveloperAppsSelectors.getDeveloperApps);
-
-  deleteApp(developerApp: DeveloperApp): void {
-    this.#confirmationService.confirm({
-      ...defaultConfirmationConfig,
-      message: this.#translateService.instant('settings.developerApps.confirmation.delete.message'),
-      header: this.#translateService.instant('settings.developerApps.confirmation.delete.title', {
-        name: developerApp.name,
-      }),
-      acceptButtonProps: {
-        ...defaultConfirmationConfig.acceptButtonProps,
-        severity: 'danger',
-        label: this.#translateService.instant('settings.developerApps.list.deleteButton'),
-      },
-      accept: () => {
-        this.#store.dispatch(new DeleteDeveloperApp(developerApp.clientId));
-      },
-    });
-  }
+  readonly developerApplications = select(DeveloperAppsSelectors.getDeveloperApps);
 
   ngOnInit(): void {
     if (!this.developerApplications().length) {
       this.isLoading.set(true);
 
-      this.#store.dispatch(GetDeveloperApps).subscribe({
+      this.actions.getDeveloperApps().subscribe({
         complete: () => {
           this.isLoading.set(false);
         },
@@ -64,4 +48,13 @@ export class DeveloperAppsListComponent implements OnInit {
       });
     }
   }
+
+  deleteApp(developerApp: DeveloperApp): void {
+    this.customConfirmationService.confirmDelete({
+      headerKey: 'settings.developerApps.confirmation.delete.title',
+      headerParams: { name: developerApp.name },
+      messageKey: 'settings.developerApps.confirmation.delete.message',
+      onConfirm: () => this.actions.deleteDeveloperApp(developerApp.clientId),
+    });
+  }
 }
diff --git a/src/app/features/settings/tokens/pages/token-details/token-details.component.ts b/src/app/features/settings/tokens/pages/token-details/token-details.component.ts
index 5436bb46c..ea8ad3a44 100644
--- a/src/app/features/settings/tokens/pages/token-details/token-details.component.ts
+++ b/src/app/features/settings/tokens/pages/token-details/token-details.component.ts
@@ -1,8 +1,7 @@
-import { Store } from '@ngxs/store';
+import { createDispatchMap, Store } from '@ngxs/store';
 
-import { TranslatePipe, TranslateService } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
-import { ConfirmationService } from 'primeng/api';
 import { Button } from 'primeng/button';
 import { Card } from 'primeng/card';
 import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
@@ -14,7 +13,8 @@ import { toSignal } from '@angular/core/rxjs-interop';
 import { FormsModule } from '@angular/forms';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 
-import { defaultConfirmationConfig, IS_XSMALL } from '@osf/shared/utils';
+import { CustomConfirmationService } from '@osf/shared/services';
+import { IS_XSMALL } from '@osf/shared/utils';
 
 import { TokenAddEditFormComponent } from '../../components';
 import { DeleteToken, GetTokenById, TokensSelectors } from '../../store';
@@ -28,21 +28,25 @@ import { DeleteToken, GetTokenById, TokensSelectors } from '../../store';
   styleUrls: ['./token-details.component.scss'],
 })
 export class TokenDetailsComponent {
-  #confirmationService = inject(ConfirmationService);
-  #isXSmall$ = inject(IS_XSMALL);
-  #route = inject(ActivatedRoute);
-  #router = inject(Router);
-  #store = inject(Store);
-  #translateService = inject(TranslateService);
+  private readonly customConfirmationService = inject(CustomConfirmationService);
+  private readonly route = inject(ActivatedRoute);
+  private readonly router = inject(Router);
+  private readonly store = inject(Store);
+
+  private readonly actions = createDispatchMap({ getTokenById: GetTokenById, deleteToken: DeleteToken });
+
+  protected readonly isXSmall = toSignal(inject(IS_XSMALL));
 
   readonly tokenId = toSignal(
-    this.#route.params.pipe(
+    this.route.params.pipe(
       map((params) => params['id']),
       switchMap((tokenId) => {
-        const token = this.#store.selectSnapshot(TokensSelectors.getTokenById)(tokenId);
+        const token = this.store.selectSnapshot(TokensSelectors.getTokenById)(tokenId);
+
         if (!token) {
-          this.#store.dispatch(new GetTokenById(tokenId));
+          this.actions.getTokenById(tokenId);
         }
+
         return of(tokenId);
       })
     )
@@ -51,26 +55,20 @@ export class TokenDetailsComponent {
   readonly token = computed(() => {
     const id = this.tokenId();
     if (!id) return null;
-    const token = this.#store.selectSignal(TokensSelectors.getTokenById)();
+
+    const token = this.store.selectSignal(TokensSelectors.getTokenById)();
     return token(id) ?? null;
   });
 
-  protected readonly isXSmall = toSignal(this.#isXSmall$);
-
   deleteToken(): void {
-    this.#confirmationService.confirm({
-      ...defaultConfirmationConfig,
-      message: this.#translateService.instant('settings.tokens.confirmation.delete.message'),
-      header: this.#translateService.instant('settings.tokens.confirmation.delete.title', { name: this.token()?.name }),
-      acceptButtonProps: {
-        ...defaultConfirmationConfig.acceptButtonProps,
-        severity: 'danger',
-        label: this.#translateService.instant('settings.tokens.list.deleteButton'),
-      },
-      accept: () => {
-        this.#store.dispatch(new DeleteToken(this.tokenId())).subscribe({
+    this.customConfirmationService.confirmDelete({
+      headerKey: 'settings.tokens.confirmation.delete.title',
+      headerParams: { name: this.token()?.name },
+      messageKey: 'settings.tokens.confirmation.delete.message',
+      onConfirm: () => {
+        this.actions.deleteToken(this.tokenId()).subscribe({
           next: () => {
-            this.#router.navigate(['settings/tokens']);
+            this.router.navigate(['settings/tokens']);
           },
         });
       },
diff --git a/src/app/features/settings/tokens/pages/tokens-list/tokens-list.component.ts b/src/app/features/settings/tokens/pages/tokens-list/tokens-list.component.ts
index 211a99489..3333bb444 100644
--- a/src/app/features/settings/tokens/pages/tokens-list/tokens-list.component.ts
+++ b/src/app/features/settings/tokens/pages/tokens-list/tokens-list.component.ts
@@ -1,8 +1,7 @@
-import { Store } from '@ngxs/store';
+import { createDispatchMap, select } from '@ngxs/store';
 
-import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
-import { ConfirmationService } from 'primeng/api';
 import { Button } from 'primeng/button';
 import { Card } from 'primeng/card';
 import { Skeleton } from 'primeng/skeleton';
@@ -11,48 +10,32 @@ import { ChangeDetectionStrategy, Component, inject, OnInit, signal } from '@ang
 import { toSignal } from '@angular/core/rxjs-interop';
 import { RouterLink } from '@angular/router';
 
-import { defaultConfirmationConfig, IS_XSMALL } from '@osf/shared/utils';
+import { CustomConfirmationService } from '@osf/shared/services';
+import { IS_XSMALL } from '@osf/shared/utils';
 
 import { Token } from '../../models';
 import { DeleteToken, GetTokens, TokensSelectors } from '../../store';
 
 @Component({
   selector: 'osf-tokens-list',
-  imports: [Button, Card, RouterLink, Skeleton, TranslateModule],
+  imports: [Button, Card, RouterLink, Skeleton, TranslatePipe],
   templateUrl: './tokens-list.component.html',
   styleUrl: './tokens-list.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class TokensListComponent implements OnInit {
-  #store = inject(Store);
-  #confirmationService = inject(ConfirmationService);
-  #translateService = inject(TranslateService);
+  actions = createDispatchMap({ getTokens: GetTokens, deleteToken: DeleteToken });
+  customConfirmationService = inject(CustomConfirmationService);
 
   protected readonly isLoading = signal(false);
   protected readonly isXSmall = toSignal(inject(IS_XSMALL));
 
-  tokens = this.#store.selectSignal(TokensSelectors.getTokens);
-
-  deleteToken(token: Token) {
-    this.#confirmationService.confirm({
-      ...defaultConfirmationConfig,
-      message: this.#translateService.instant('settings.tokens.confirmation.delete.message'),
-      header: this.#translateService.instant('settings.tokens.confirmation.delete.title', { name: token.name }),
-      acceptButtonProps: {
-        ...defaultConfirmationConfig.acceptButtonProps,
-        severity: 'danger',
-        label: this.#translateService.instant('settings.tokens.list.deleteButton'),
-      },
-      accept: () => {
-        this.#store.dispatch(new DeleteToken(token.id));
-      },
-    });
-  }
+  tokens = select(TokensSelectors.getTokens);
 
   ngOnInit(): void {
     if (!this.tokens().length) {
       this.isLoading.set(true);
-      this.#store.dispatch(GetTokens).subscribe({
+      this.actions.getTokens().subscribe({
         complete: () => {
           this.isLoading.set(false);
         },
@@ -62,4 +45,13 @@ export class TokensListComponent implements OnInit {
       });
     }
   }
+
+  deleteToken(token: Token) {
+    this.customConfirmationService.confirmDelete({
+      headerKey: 'settings.tokens.confirmation.delete.title',
+      headerParams: { name: token.name },
+      messageKey: 'settings.tokens.confirmation.delete.message',
+      onConfirm: () => this.actions.deleteToken(token.id),
+    });
+  }
 }
diff --git a/src/app/shared/components/addons/addon-card/addon-card.component.ts b/src/app/shared/components/addons/addon-card/addon-card.component.ts
index dbffc9250..69ad0daf0 100644
--- a/src/app/shared/components/addons/addon-card/addon-card.component.ts
+++ b/src/app/shared/components/addons/addon-card/addon-card.component.ts
@@ -1,8 +1,7 @@
 import { createDispatchMap } from '@ngxs/store';
 
-import { TranslatePipe, TranslateService } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
-import { ConfirmationService } from 'primeng/api';
 import { Button } from 'primeng/button';
 
 import { Component, computed, inject, input } from '@angular/core';
@@ -10,8 +9,7 @@ import { Router } from '@angular/router';
 
 import { Addon, AuthorizedAddon } from '@osf/features/settings/addons/models';
 import { DeleteAuthorizedAddon } from '@osf/features/settings/addons/store';
-import { LoaderService } from '@osf/shared/services';
-import { defaultConfirmationConfig } from '@shared/utils';
+import { CustomConfirmationService, LoaderService } from '@osf/shared/services';
 
 @Component({
   selector: 'osf-addon-card',
@@ -21,8 +19,7 @@ import { defaultConfirmationConfig } from '@shared/utils';
 })
 export class AddonCardComponent {
   private readonly router = inject(Router);
-  private readonly confirmationService = inject(ConfirmationService);
-  private readonly translateService = inject(TranslateService);
+  private readonly customConfirmationService = inject(CustomConfirmationService);
   private readonly loaderService = inject(LoaderService);
   private readonly actions = createDispatchMap({ deleteAuthorizedAddon: DeleteAuthorizedAddon });
 
@@ -49,16 +46,11 @@ export class AddonCardComponent {
   }
 
   showDisableDialog(): void {
-    this.confirmationService.confirm({
-      ...defaultConfirmationConfig,
-      header: this.translateService.instant('settings.addons.messages.deleteConfirmation.title'),
-      message: this.translateService.instant('settings.addons.messages.deleteConfirmation.message'),
-      acceptButtonProps: {
-        ...defaultConfirmationConfig.acceptButtonProps,
-        severity: 'danger',
-        label: this.translateService.instant('settings.addons.form.buttons.disable'),
-      },
-      accept: () => this.onDisableAddon(),
+    this.customConfirmationService.confirmDelete({
+      headerKey: 'settings.addons.messages.deleteConfirmation.title',
+      messageKey: 'settings.addons.messages.deleteConfirmation.message',
+      acceptLabelKey: 'settings.addons.form.buttons.disable',
+      onConfirm: () => this.onDisableAddon(),
     });
   }
 
diff --git a/src/app/shared/models/confirmation-options.model.ts b/src/app/shared/models/confirmation-options.model.ts
new file mode 100644
index 000000000..08be3bf3f
--- /dev/null
+++ b/src/app/shared/models/confirmation-options.model.ts
@@ -0,0 +1,10 @@
+export interface DeleteConfirmationOptions {
+  headerKey: string;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  headerParams?: any;
+  messageKey: string;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  messageParams?: any;
+  acceptLabelKey?: string;
+  onConfirm: () => void;
+}
diff --git a/src/app/shared/models/index.ts b/src/app/shared/models/index.ts
index 3e8d903bf..5eede5848 100644
--- a/src/app/shared/models/index.ts
+++ b/src/app/shared/models/index.ts
@@ -1,4 +1,5 @@
 export * from './charts';
+export * from './confirmation-options.model';
 export * from './create-component-form.model';
 export * from './create-project-form.model';
 export * from './filter-labels.model';
diff --git a/src/app/shared/services/custom-confirmation.service.ts b/src/app/shared/services/custom-confirmation.service.ts
new file mode 100644
index 000000000..08a78afba
--- /dev/null
+++ b/src/app/shared/services/custom-confirmation.service.ts
@@ -0,0 +1,35 @@
+import { TranslateService } from '@ngx-translate/core';
+
+import { ConfirmationService } from 'primeng/api';
+
+import { inject, Injectable } from '@angular/core';
+
+import { DeleteConfirmationOptions } from '../models';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class CustomConfirmationService {
+  private confirmationService = inject(ConfirmationService);
+  private translateService = inject(TranslateService);
+
+  confirmDelete(options: DeleteConfirmationOptions): void {
+    this.confirmationService.confirm({
+      header: this.translateService.instant(options.headerKey, options.headerParams),
+      message: this.translateService.instant(options.messageKey, options.messageParams),
+      closable: true,
+      closeOnEscape: false,
+      acceptButtonProps: {
+        label: this.translateService.instant(options.acceptLabelKey || 'common.buttons.delete'),
+        severity: 'danger',
+      },
+      rejectButtonProps: {
+        label: this.translateService.instant('common.buttons.cancel'),
+        severity: 'info',
+      },
+      accept: () => {
+        options.onConfirm();
+      },
+    });
+  }
+}
diff --git a/src/app/shared/services/index.ts b/src/app/shared/services/index.ts
index 63411591b..cb8fd96ae 100644
--- a/src/app/shared/services/index.ts
+++ b/src/app/shared/services/index.ts
@@ -1,3 +1,4 @@
+export { CustomConfirmationService } from './custom-confirmation.service';
 export { FiltersOptionsService } from './filters-options.service';
 export { LoaderService } from './loader.service';
 export { ResourceCardService } from './resource-card.service';
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 161a46b55..8335ee266 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -32,6 +32,10 @@
     },
     "labels": {
       "downloads": "Downloads"
+    },
+    "deleteConfirmation": {
+      "header": "Delete",
+      "message": "Are you sure you want to proceed?"
     }
   },
   "navigation": {
@@ -1145,6 +1149,10 @@
         },
         "dialog": {
           "title": "Add alternative email"
+        },
+        "deleteDialog": {
+          "header": "Delete email",
+          "message": "Are you sure you want to delete <b>{{name}}</b> email?"
         }
       },
       "connectedIdentities": {