diff --git a/npm/ng-packs/packages/theme-shared/src/lib/models/common.ts b/npm/ng-packs/packages/theme-shared/src/lib/models/common.ts
index 64047e0db7..0e8dd9e592 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/models/common.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/models/common.ts
@@ -1,5 +1,7 @@
-import { Type } from '@angular/core';
+import { HttpErrorResponse } from '@angular/common/http';
+import { Injector, Type } from '@angular/core';
 import { Validation } from '@ngx-validate/core';
+import { Observable } from 'rxjs';
 
 export interface RootParams {
   httpErrorConfig: HttpErrorConfig;
@@ -17,4 +19,9 @@ export interface HttpErrorConfig {
   };
 }
 
+export type HttpErrorHandler = (
+  injector: Injector,
+  httpError: HttpErrorResponse,
+) => Observable<any>;
+
 export type LocaleDirection = 'ltr' | 'rtl';
diff --git a/npm/ng-packs/packages/theme-shared/src/lib/tokens/http-error.token.ts b/npm/ng-packs/packages/theme-shared/src/lib/tokens/http-error.token.ts
index 62f2d2d593..39cb43a350 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/tokens/http-error.token.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/tokens/http-error.token.ts
@@ -1,5 +1,5 @@
 import { InjectionToken } from '@angular/core';
-import { HttpErrorConfig } from '../models/common';
+import { HttpErrorConfig, HttpErrorHandler } from '../models/common';
 
 export function httpErrorConfigFactory(config = {} as HttpErrorConfig) {
   if (config.errorScreen && config.errorScreen.component && !config.errorScreen.forWhichErrors) {
@@ -13,4 +13,6 @@ export function httpErrorConfigFactory(config = {} as HttpErrorConfig) {
   } as HttpErrorConfig;
 }
 
-export const HTTP_ERROR_CONFIG = new InjectionToken('HTTP_ERROR_CONFIG');
+export const HTTP_ERROR_CONFIG = new InjectionToken<HttpErrorConfig>('HTTP_ERROR_CONFIG');
+
+export const HTTP_ERROR_HANDLER = new InjectionToken<HttpErrorHandler>('HTTP_ERROR_HANDLER');