feat(modal): add simple modal component with open and close functionality

src/app/core/services/modal.service.spec.ts

@@ -18,6 +18,7 @@ import { firstValueFrom } from 'rxjs';
 
 import { ConfirmDeleteModalComponent } from '../../shared/components/confirm-delete-modal/confirm-delete-modal.component';
 import { ConfirmModalComponent } from '../../shared/components/confirm-modal/confirm-modal.component';
+import { SimpleModalComponent } from '../../shared/components/simple-modal/simple-modal.component';
 import {
   MODAL_DATA,
   ModalRef,
@@ -212,6 +213,41 @@ describe('ModalService', () => {
       showCloseButton: false
     });
   });
+
+  it('opens the simple modal with default button label', () => {
+    service.openSimple({
+      title: 'Aviso',
+      content: 'Este es un aviso simple.'
+    });
+
+    const activeModal = service.activeModal();
+
+    expect(activeModal?.component).toBe(SimpleModalComponent);
+    expect(activeModal?.config).toEqual({
+      title: 'Aviso',
+      data: {
+        content: 'Este es un aviso simple.',
+        buttonLabel: 'Entendido'
+      },
+      size: 'md',
+      closeOnBackdrop: true,
+      closeOnEscape: true,
+      showCloseButton: true
+    });
+  });
+
+  it('maps the simple modal close result to undefined', async () => {
+    const result$ = service.openSimple({
+      title: 'Aviso',
+      content: 'Este es un aviso simple.'
+    });
+    const activeModal = service.activeModal();
+    const resultPromise = firstValueFrom(result$);
+
+    activeModal?.ref.close();
+
+    await expect(resultPromise).resolves.toBeUndefined();
+  });
 });
 
 @Component({

src/app/core/services/modal.service.ts

@@ -2,6 +2,7 @@ import { InjectionToken, Injectable, Type, signal } from '@angular/core';
 import { Observable, Subject, map } from 'rxjs';
 import { ConfirmDeleteModalComponent } from '../../shared/components/confirm-delete-modal/confirm-delete-modal.component';
 import { ConfirmModalComponent } from '../../shared/components/confirm-modal/confirm-modal.component';
+import { SimpleModalComponent } from '../../shared/components/simple-modal/simple-modal.component';
 
 export type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
 export type ModalDismissReason =
@@ -43,6 +44,17 @@ export interface ConfirmModalConfig
   cancelLabel?: string;
 }
 
+export interface SimpleModalData {
+  content: string;
+  buttonLabel: string;
+}
+
+export interface SimpleModalConfig
+  extends Omit<ModalConfig<SimpleModalData>, 'data'> {
+  content: string;
+  buttonLabel?: string;
+}
+
 export interface ActiveModalState<TResult = unknown, TData = unknown> {
   component: Type<unknown>;
   config: NormalizedModalConfig<TData>;
@@ -158,6 +170,19 @@ export class ModalService {
     );
   }
 
+  openSimple(config: SimpleModalConfig): Observable<void> {
+    return this.openSimpleRef(config).afterClosed$.pipe(
+      map(() => undefined)
+    );
+  }
+
+  openSimpleRef(config: SimpleModalConfig): ModalRef<void> {
+    return this.open(
+      SimpleModalComponent,
+      this.buildSimpleModalConfig(config)
+    );
+  }
+
   private close<TResult>(ref: ModalRef<TResult>, result?: TResult): void {
     if (this.activeModalState()?.ref !== ref) {
       return;
@@ -207,4 +232,22 @@ export class ModalService {
       }
     };
   }
+
+  private buildSimpleModalConfig(
+    config: SimpleModalConfig
+  ): ModalConfig<SimpleModalData> {
+    const {
+      content,
+      buttonLabel = 'Entendido',
+      ...modalConfig
+    } = config;
+
+    return {
+      ...modalConfig,
+      data: {
+        content,
+        buttonLabel
+      }
+    };
+  }
 }