improve error handling in the ui

scm-ui-components/packages/ui-components/src/errors.js

@@ -0,0 +1,53 @@
+// @flow
+type Context = {type: string, id: string}[];
+
+export type BackendErrorContent = {
+  transactionId: string,
+  errorCode: string,
+  message: string,
+  url?: string,
+  context: Context
+};
+
+export class BackendError extends Error {
+
+  transactionId: string;
+  errorCode: string;
+  url: ?string;
+  context: Context = [];
+  statusCode: number;
+
+  constructor(content: BackendErrorContent, name: string, statusCode: number) {
+    super(content.message);
+    this.name = name;
+    this.transactionId = content.transactionId;
+    this.errorCode = content.errorCode;
+    this.url = content.url;
+    this.context = content.context;
+    this.statusCode = statusCode;
+  }
+
+}
+
+export class UnauthorizedError extends BackendError {
+  constructor(content: BackendErrorContent, statusCode: number) {
+    super(content, "UnauthorizedError", statusCode);
+  }
+}
+
+export class NotFoundError extends BackendError {
+  constructor(content: BackendErrorContent, statusCode: number) {
+    super(content, "NotFoundError", statusCode);
+  }
+}
+
+export function createBackendError(content: BackendErrorContent, statusCode: number) {
+  switch (statusCode) {
+    case 403:
+      return new UnauthorizedError(content, statusCode);
+    case 404:
+      return new NotFoundError(content, statusCode);
+    default:
+      return new BackendError(content, "BackendError", statusCode);
+  }
+}