Integrate with backend APIs and services

export interface MainResponse<T> {
  data: T;
  status: number;
  description: string;
  timestamp: string;
  path: string;
  successfulRequest: boolean;
  errorDetail: ErrorResponse;
}

export interface ErrorResponse {
  errors: string;
  detail: string;
  description: string;
}

const response = await this.api.GET_GeneralInformation(resultId);

if (!response.successfulRequest) {
  // Pass to ActionsService so the user sees a toast
  this.actions.showToast({
    detail: response.errorDetail?.description,
    severity: 'error',
    summary: 'Could not load result'
  });
  return;
}

// Safe to use response.data here
this.generalInfo.set(response.data);

// Domain service extending ApiService (or delegating to it)
async loadGeneralInfo(id: number) {
  const response = await this.api.GET_GeneralInformation(id);
  if (response.successfulRequest) {
    this.generalInfo.set(response.data);
  }
}

// Creating a result
const response = await this.api.POST_Result({ title, indicator_id });
if (response.successfulRequest) {
  this.router.navigate(['/result', response.data.result_code]);
}

const response = await this.api.PATCH_GeneralInformation(id, body);
if (!response.successfulRequest) {
  this.actions.showToast({
    detail: response.errorDetail?.description ?? 'An unexpected error occurred',
    severity: 'error',
    summary: 'Save failed'
  });
  return;
}

const response = await this.api.POST_Result(body);
if (response.status === 409) {
  // Open the link-to-existing modal with the conflicting record reference
  this.modals.openLinkToExisting(response.errorDetail);
  return;
}

if (!response.successfulRequest && response.errorDetail?.errors) {
  // Map errorDetail.errors to inline form field error messages
  this.validationErrors.set(response.errorDetail.errors);
}