abp/npm/ng-packs/packages/theme-shared/src/lib/services/status-code-error-handler.service.ts

import { Confirmation, CustomHttpErrorHandlerService } from '../models';
import {
  CUSTOM_HTTP_ERROR_HANDLER_PRIORITY,
  DEFAULT_ERROR_LOCALIZATIONS,
  DEFAULT_ERROR_MESSAGES,
} from '../constants/error';
import { AuthService, LocalizationParam } from '@abp/ng.core';
import { Observable } from 'rxjs';
import { inject, Injectable } from '@angular/core';
import { ConfirmationService } from './confirmation.service';
import { CanCreateCustomErrorService } from './can-create-custom-error.service';
import { CreateErrorComponentService } from './create-error-component.service';

@Injectable({ providedIn: 'root' })
export class StatusCodeErrorHandlerService implements CustomHttpErrorHandlerService {
  private readonly confirmationService = inject(ConfirmationService);
  private readonly canCreateCustomErrorService = inject(CanCreateCustomErrorService);
  private readonly createErrorComponentService = inject(CreateErrorComponentService);
  private readonly authService = inject(AuthService);
  readonly priority = CUSTOM_HTTP_ERROR_HANDLER_PRIORITY.normal;
  private status: typeof this.handledStatusCodes[number];
  private readonly handledStatusCodes = [401, 403, 404, 500] as const;

  canHandle({ status }): boolean {
    this.status = status;
    return this.handledStatusCodes.indexOf(status) > -1;
  }

  execute() {
    const key = `defaultError${this.status}`;
    const title = {
      key: DEFAULT_ERROR_LOCALIZATIONS[key]?.title,
      defaultValue: DEFAULT_ERROR_MESSAGES[key]?.title,
    };
    const message = {
      key: DEFAULT_ERROR_LOCALIZATIONS[key]?.details,
      defaultValue: DEFAULT_ERROR_MESSAGES[key]?.details,
    };

    const canCreateCustomError = this.canCreateCustomErrorService.execute(this.status);
    switch (this.status) {
      case 401:
        if (canCreateCustomError) {
          this.showPage();
        } else {
          this.showConfirmation(title, message).subscribe(() => this.navigateToLogin());
        }
        break;

      case 403:
        this.showPage();
        break;

      case 404:
        if (canCreateCustomError) {
          this.showPage();
        } else {
          this.showConfirmation(title, message).subscribe();
        }
        break;

      case 500:
        this.showPage();
        break;
    }
  }

  private navigateToLogin() {
    this.authService.navigateToLogin();
  }

  protected showConfirmation(
    message: LocalizationParam,
    title: LocalizationParam,
  ): Observable<Confirmation.Status> {
    return this.confirmationService.error(message, title, {
      hideCancelBtn: true,
      yesText: 'AbpAccount::Close',
    });
  }

  protected showPage() {
    const key = `defaultError${this.status}`;

    const instance = {
      title: {
        key: DEFAULT_ERROR_LOCALIZATIONS[key]?.title,
        defaultValue: DEFAULT_ERROR_MESSAGES[key]?.title,
      },
      details: {
        key: DEFAULT_ERROR_LOCALIZATIONS[key]?.details,
        defaultValue: DEFAULT_ERROR_MESSAGES[key]?.details,
      },
      status: this.status,
    };
    const shouldRemoveDetail = [401, 404].indexOf(this.status) > -1;
    if (shouldRemoveDetail) {
      delete instance.details;
    }
    this.createErrorComponentService.execute(instance);
  }
}