Refactor import paths in Workflow components to use relative paths from Types directory

- Updated import statements in ComponentSettingsModal, ComponentValuePickerModal, ComponentsModal, DocumentationViewer, RunForm, RunModal, Utils, VariableModal, Workflow, WorkflowStatus, Config, EntityFieldType, and various API utility files to reflect the new directory structure.
- Ensured all imports from "Common/Types" are now sourced from "../../../Types" to maintain consistency and improve module resolution.

Common/UI/Components/404.tsx

@@ -1,9 +1,9 @@
 // Tailwind.
 import Navigation from "../Utils/Navigation";
 import Button, { ButtonStyleType } from "./Button/Button";
-import Route from "Common/Types/API/Route";
-import URL from "Common/Types/API/URL";
-import Email from "Common/Types/Email";
+import Route from "../../../Types/API/Route";
+import URL from "../../../Types/API/URL";
+import Email from "../../../Types/Email";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/Accordion/Accordion.tsx

@@ -1,6 +1,6 @@
 import Icon, { ThickProp } from "../Icon/Icon";
 import MarkdownViewer from "../Markdown.tsx/LazyMarkdownViewer";
-import IconProp from "Common/Types/Icon/IconProp";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, {
   FunctionComponent,
   ReactElement,

Common/UI/Components/ActionButton/ActionButtonSchema.ts

@@ -1,7 +1,7 @@
 import { ButtonStyleType } from "../Button/Button";
-import { ErrorFunction, VoidFunction } from "Common/Types/FunctionTypes";
-import GenericObject from "Common/Types/GenericObject";
-import IconProp from "Common/Types/Icon/IconProp";
+import { ErrorFunction, VoidFunction } from "../../../Types/FunctionTypes";
+import GenericObject from "../../../Types/GenericObject";
+import IconProp from "../../../Types/Icon/IconProp";
 
 interface ActionButtonSchema<T extends GenericObject> {
   title: string;

Common/UI/Components/ActionCard/ActionCard.tsx

@@ -1,7 +1,7 @@
 import { ButtonStyleType } from "../Button/Button";
 import Card from "../Card/Card";
 import ConfirmModal from "../Modal/ConfirmModal";
-import IconProp from "Common/Types/Icon/IconProp";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { ReactElement, useState } from "react";
 
 export interface ConfirmAction {

Common/UI/Components/Alerts/Alert.tsx

@@ -1,6 +1,6 @@
 import Icon from "../Icon/Icon";
-import Color from "Common/Types/Color";
-import IconProp from "Common/Types/Icon/IconProp";
+import Color from "../../../Types/Color";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export enum AlertType {

Common/UI/Components/Banner/Banner.tsx

@@ -1,8 +1,8 @@
 import Link from "../Link/Link";
-import Route from "Common/Types/API/Route";
-import URL from "Common/Types/API/URL";
+import Route from "../../../Types/API/Route";
+import URL from "../../../Types/API/URL";
 import React, { FunctionComponent, ReactElement } from "react";
-import { GetReactElementFunction } from "../../Types/FunctionTypes";
+import { GetReactElementFunction } from "../../../Types/FunctionTypes";
 
 export interface ComponentProps {
   title: string;

Common/UI/Components/Breadcrumbs/Breadcrumbs.tsx

@@ -1,9 +1,9 @@
 import Icon from "../Icon/Icon";
 import UILink from "../Link/Link";
-import Route from "Common/Types/API/Route";
-import URL from "Common/Types/API/URL";
-import IconProp from "Common/Types/Icon/IconProp";
-import Link from "Common/Types/Link";
+import Route from "../../../Types/API/Route";
+import URL from "../../../Types/API/URL";
+import IconProp from "../../../Types/Icon/IconProp";
+import Link from "../../../Types/Link";
 import React, { FunctionComponent, ReactElement } from "react";
 
 interface ComponentProps {

Common/UI/Components/BulkUpdate/BulkUpdateForm.tsx

@@ -1,4 +1,4 @@
-import { GetReactElementFunction } from "../../Types/FunctionTypes";
+import { GetReactElementFunction } from "../../../Types/FunctionTypes";
 import Button, { ButtonSize, ButtonStyleType } from "../Button/Button";
 import Icon, { SizeProp } from "../Icon/Icon";
 import ConfirmModal, {
@@ -7,10 +7,10 @@ import ConfirmModal, {
 import ProgressBar, { ProgressBarSize } from "../ProgressBar/ProgressBar";
 import ShortcutKey from "../ShortcutKey/ShortcutKey";
 import SimpleLogViewer from "../SimpleLogViewer/SimpleLogViewer";
-import { Green, Red } from "Common/Types/BrandColors";
-import { LIMIT_PER_PROJECT } from "Common/Types/Database/LimitMax";
-import GenericObject from "Common/Types/GenericObject";
-import IconProp from "Common/Types/Icon/IconProp";
+import { Green, Red } from "../../../Types/BrandColors";
+import { LIMIT_PER_PROJECT } from "../../../Types/Database/LimitMax";
+import GenericObject from "../../../Types/GenericObject";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { ReactElement } from "react";
 
 export interface BulkActionFailed<T extends GenericObject> {

Common/UI/Components/Button/Button.tsx

@@ -1,11 +1,11 @@
-import { KeyboardEventProp } from "../../Types/HtmlEvents";
+import { KeyboardEventProp } from "../../../Types/HtmlEvents";
 import Icon, { SizeProp } from "../Icon/Icon";
 import ShortcutKey from "../ShortcutKey/ShortcutKey";
 import ButtonType from "./ButtonTypes";
-import IconProp from "Common/Types/Icon/IconProp";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement, useEffect } from "react";
 import Tooltip from "../Tooltip/Tooltip";
-import { GetReactElementFunction } from "../../Types/FunctionTypes";
+import { GetReactElementFunction } from "../../../Types/FunctionTypes";
 
 export enum ButtonStyleType {
   PRIMARY,

Common/UI/Components/Calendar/Calendar.tsx

@@ -1,8 +1,8 @@
-import { Blue500 } from "Common/Types/BrandColors";
-import CalendarEvent from "Common/Types/Calendar/CalendarEvent";
-import Color from "Common/Types/Color";
-import OneUptimeDate from "Common/Types/Date";
-import StartAndEndTime from "Common/Types/Time/StartAndEndTime";
+import { Blue500 } from "../../../Types/BrandColors";
+import CalendarEvent from "../../../Types/Calendar/CalendarEvent";
+import Color from "../../../Types/Color";
+import OneUptimeDate from "../../../Types/Date";
+import StartAndEndTime from "../../../Types/Time/StartAndEndTime";
 import moment from "moment-timezone";
 import React, { FunctionComponent, ReactElement, useMemo } from "react";
 import {

Common/UI/Components/Card/Card.tsx

@@ -1,6 +1,6 @@
 import Button, { ButtonStyleType } from "../Button/Button";
 import ShortcutKey from "../ShortcutKey/ShortcutKey";
-import IconProp from "Common/Types/Icon/IconProp";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface CardButtonSchema {

Common/UI/Components/Card/CardButtons/MoreButton.ts

@@ -1,6 +1,6 @@
 import { ButtonStyleType } from "../../Button/Button";
 import { CardButtonSchema } from "../Card";
-import IconProp from "Common/Types/Icon/IconProp";
+import IconProp from "../../../Types/Icon/IconProp";
 
 type GetButtonFunctionType = () => CardButtonSchema;
 

Common/UI/Components/Card/CardButtons/Refresh.ts

@@ -1,6 +1,6 @@
 import { ButtonStyleType } from "../../Button/Button";
 import { CardButtonSchema } from "../Card";
-import IconProp from "Common/Types/Icon/IconProp";
+import IconProp from "../../../Types/Icon/IconProp";
 
 type GetButtonFunctionType = () => CardButtonSchema;
 

Common/UI/Components/CategoryCheckbox/CheckboxList.tsx

@@ -1,7 +1,7 @@
 import CheckboxElement from "../Checkbox/Checkbox";
 import { CategoryCheckboxOption } from "./CategoryCheckboxTypes";
-import GenericObject from "Common/Types/GenericObject";
-import { JSONObject } from "Common/Types/JSON";
+import GenericObject from "../../../Types/GenericObject";
+import { JSONObject } from "../../../Types/JSON";
 import React, { FunctionComponent, ReactElement, useEffect } from "react";
 
 export type CategoryCheckboxValue = string | number | boolean;

Common/UI/Components/CategoryCheckbox/Index.tsx

@@ -5,7 +5,7 @@ import {
   CategoryCheckboxValue,
   CheckboxCategory,
 } from "./CategoryCheckboxTypes";
-import BaseModel from "Common/Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
+import BaseModel from "../../Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
 import React, { FunctionComponent, ReactElement, useEffect } from "react";
 
 export interface CategoryCheckboxOptionsAndCategories {

Common/UI/Components/Charts/ChartLibrary/LineChart/LineChart.tsx

@@ -29,7 +29,7 @@ import {
 import { cx } from "../Utils/Cx";
 import { getYAxisDomain } from "../Utils/GetYAxisDomain";
 import { hasOnlyOneValueForKey } from "../Utils/HasOnlyOneValueForKey";
-import ChartCurve from "../../Types/ChartCurve";
+import ChartCurve from "../../../Types/ChartCurve";
 
 //#region Legend
 

Common/UI/Components/Checkbox/CheckboxViewer.tsx

@@ -1,6 +1,6 @@
 import Icon from "../Icon/Icon";
-import { Green, Red } from "Common/Types/BrandColors";
-import IconProp from "Common/Types/Icon/IconProp";
+import { Green, Red } from "../../../Types/BrandColors";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/CodeEditor/CodeEditor.tsx

@@ -1,5 +1,5 @@
 import Editor from "@monaco-editor/react";
-import CodeType from "Common/Types/Code/CodeType";
+import CodeType from "../../../Types/Code/CodeType";
 import React, {
   FunctionComponent,
   ReactElement,

Common/UI/Components/ColorCircle/ColorCircle.tsx

@@ -1,5 +1,5 @@
 import Tooltip from "../Tooltip/Tooltip";
-import Color from "Common/Types/Color";
+import Color from "../../../Types/Color";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/ColorSquareCube/ColorSquareCube.tsx

@@ -1,5 +1,5 @@
 import Tooltip from "../Tooltip/Tooltip";
-import Color from "Common/Types/Color";
+import Color from "../../../Types/Color";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/ColorViewer/ColorViewer.tsx

@@ -1,5 +1,5 @@
-import { Gray500 } from "Common/Types/BrandColors";
-import Color from "Common/Types/Color";
+import { Gray500 } from "../../../Types/BrandColors";
+import Color from "../../../Types/Color";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/ComingSoon/ComingSoon.tsx

@@ -1,5 +1,5 @@
 import EmptyState from "../EmptyState/EmptyState";
-import IconProp from "Common/Types/Icon/IconProp";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/ComponentLoader/CompactLoader.tsx

@@ -1,5 +1,5 @@
 import Loader, { LoaderType } from "../Loader/Loader";
-import { VeryLightGray } from "Common/Types/BrandColors";
+import { VeryLightGray } from "../../../Types/BrandColors";
 import React, { ReactElement } from "react";
 
 const CompactLoader: () => JSX.Element = (): ReactElement => {

Common/UI/Components/CopyableButton/CopyableButton.tsx

@@ -1,6 +1,6 @@
 import Icon, { SizeProp, ThickProp } from "../Icon/Icon";
 import Tooltip from "../Tooltip/Tooltip";
-import IconProp from "Common/Types/Icon/IconProp";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement, useState } from "react";
 
 export interface ComponentProps {

Common/UI/Components/CustomFields/CustomFieldsDetail.tsx

@@ -8,12 +8,12 @@ import ErrorMessage from "../ErrorMessage/ErrorMessage";
 import BasicFormModal from "../FormModal/BasicFormModal";
 import BaseModel, {
   DatabaseBaseModelType,
-} from "Common/Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
-import { LIMIT_PER_PROJECT } from "Common/Types/Database/LimitMax";
-import { PromiseVoidFunction } from "Common/Types/FunctionTypes";
-import IconProp from "Common/Types/Icon/IconProp";
-import { JSONObject } from "Common/Types/JSON";
-import ObjectID from "Common/Types/ObjectID";
+} from "../../Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
+import { LIMIT_PER_PROJECT } from "../../../Types/Database/LimitMax";
+import { PromiseVoidFunction } from "../../../Types/FunctionTypes";
+import IconProp from "../../../Types/Icon/IconProp";
+import { JSONObject } from "../../../Types/JSON";
+import ObjectID from "../../../Types/ObjectID";
 import React, { FunctionComponent, ReactElement, useState } from "react";
 import useAsyncEffect from "use-async-effect";
 

Common/UI/Components/Date/RangeStartAndEndDateEdit.tsx

@@ -1,15 +1,15 @@
 import React, { FunctionComponent, ReactElement } from "react";
-import RangeStartAndEndDateTime from "Common/Types/Time/RangeStartAndEndDateTime";
+import RangeStartAndEndDateTime from "../../../Types/Time/RangeStartAndEndDateTime";
 import StartAndEndDate, {
   StartAndEndDateType,
-} from "Common/UI/Components/Date/StartAndEndDate";
-import InBetween from "Common/Types/BaseDatabase/InBetween";
-import TimeRange from "Common/Types/Time/TimeRange";
+} from "../../UI/Components/Date/StartAndEndDate";
+import InBetween from "../../../Types/BaseDatabase/InBetween";
+import TimeRange from "../../../Types/Time/TimeRange";
 import Dropdown, {
   DropdownOption,
   DropdownValue,
-} from "Common/UI/Components/Dropdown/Dropdown";
-import DropdownUtil from "Common/UI/Utils/Dropdown";
+} from "../../UI/Components/Dropdown/Dropdown";
+import DropdownUtil from "../../UI/Utils/Dropdown";
 
 export interface ComponentProps {
   value?: RangeStartAndEndDateTime | undefined;

Common/UI/Components/Date/RangeStartAndEndDateView.tsx

@@ -1,13 +1,13 @@
 import React, { FunctionComponent, ReactElement, useState } from "react";
-import RangeStartAndEndDateTime from "Common/Types/Time/RangeStartAndEndDateTime";
-import TimeRange from "Common/Types/Time/TimeRange";
-import OneUptimeDate from "Common/Types/Date";
-import IconProp from "Common/Types/Icon/IconProp";
-import { GetReactElementFunction } from "Common/UI/Types/FunctionTypes";
+import RangeStartAndEndDateTime from "../../../Types/Time/RangeStartAndEndDateTime";
+import TimeRange from "../../../Types/Time/TimeRange";
+import OneUptimeDate from "../../../Types/Date";
+import IconProp from "../../../Types/Icon/IconProp";
+import { GetReactElementFunction } from "../../UI/Types/FunctionTypes";
 import HeaderAlert, {
   HeaderAlertType,
-} from "Common/UI/Components/HeaderAlert/HeaderAlert";
-import ColorSwatch from "Common/Types/ColorSwatch";
+} from "../../UI/Components/HeaderAlert/HeaderAlert";
+import ColorSwatch from "../../../Types/ColorSwatch";
 import RangeStartAndEndDateEdit from "./RangeStartAndEndDateEdit";
 import Modal from "../Modal/Modal";
 

Common/UI/Components/Date/StartAndEndDate.tsx

@@ -1,7 +1,7 @@
 import Button, { ButtonSize, ButtonStyleType } from "../Button/Button";
 import Input, { InputType } from "../Input/Input";
-import InBetween from "Common/Types/BaseDatabase/InBetween";
-import OneUptimeDate from "Common/Types/Date";
+import InBetween from "../../../Types/BaseDatabase/InBetween";
+import OneUptimeDate from "../../../Types/Date";
 import React, { ReactElement, useEffect } from "react";
 
 export enum StartAndEndDateType {

Common/UI/Components/Detail/Detail.tsx

@@ -1,4 +1,4 @@
-import AlignItem from "../../Types/AlignItem";
+import AlignItem from "../../../Types/AlignItem";
 import { Logger } from "../../Utils/Logger";
 import CodeEditor from "../CodeEditor/CodeEditor";
 import ColorViewer from "../ColorViewer/ColorViewer";
@@ -11,14 +11,14 @@ import FieldType from "../Types/FieldType";
 import Field from "./Field";
 import FieldLabelElement from "./FieldLabel";
 import PlaceholderText from "./PlaceholderText";
-import FileModel from "Common/Models/DatabaseModels/DatabaseBaseModel/FileModel";
-import CodeType from "Common/Types/Code/CodeType";
-import Color from "Common/Types/Color";
-import DatabaseProperty from "Common/Types/Database/DatabaseProperty";
-import OneUptimeDate from "Common/Types/Date";
-import Dictionary from "Common/Types/Dictionary";
-import BadDataException from "Common/Types/Exception/BadDataException";
-import GenericObject from "Common/Types/GenericObject";
+import FileModel from "../../Models/DatabaseModels/DatabaseBaseModel/FileModel";
+import CodeType from "../../../Types/Code/CodeType";
+import Color from "../../../Types/Color";
+import DatabaseProperty from "../../../Types/Database/DatabaseProperty";
+import OneUptimeDate from "../../../Types/Date";
+import Dictionary from "../../../Types/Dictionary";
+import BadDataException from "../../../Types/Exception/BadDataException";
+import GenericObject from "../../../Types/GenericObject";
 import get from "lodash/get";
 import React, { ReactElement } from "react";
 

Common/UI/Components/Detail/Field.ts

@@ -1,10 +1,10 @@
-import AlignItem from "../../Types/AlignItem";
+import AlignItem from "../../../Types/AlignItem";
 import { DropdownOption } from "../Dropdown/Dropdown";
 import FieldType from "../Types/FieldType";
 import { Size } from "./FieldLabel";
-import Route from "Common/Types/API/Route";
-import URL from "Common/Types/API/URL";
-import { JSONObject } from "Common/Types/JSON";
+import Route from "../../../Types/API/Route";
+import URL from "../../../Types/API/URL";
+import { JSONObject } from "../../../Types/JSON";
 import { ReactElement } from "react";
 
 export interface DetailSideLink {

Common/UI/Components/Dictionary/Dictionary.tsx

@@ -2,16 +2,16 @@ import Button, { ButtonSize, ButtonStyleType } from "../Button/Button";
 import Dropdown, { DropdownOption, DropdownValue } from "../Dropdown/Dropdown";
 import Icon, { SizeProp } from "../Icon/Icon";
 import Input, { InputType } from "../Input/Input";
-import Dictionary from "Common/Types/Dictionary";
-import IconProp from "Common/Types/Icon/IconProp";
+import Dictionary from "../../../Types/Dictionary";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, {
   FunctionComponent,
   ReactElement,
   useEffect,
   useState,
 } from "react";
-import NumberUtil from "Common/Utils/Number";
-import BooleanUtil from "Common/Utils/Boolean";
+import NumberUtil from "../../Utils/Number";
+import BooleanUtil from "../../Utils/Boolean";
 
 export enum ValueType {
   Text = "Text",

Common/UI/Components/Dictionary/DictionaryOfStingsViewer.tsx

@@ -1,4 +1,4 @@
-import Dictionary from "Common/Types/Dictionary";
+import Dictionary from "../../../Types/Dictionary";
 import React, {
   FunctionComponent,
   ReactElement,

Common/UI/Components/Dictionary/DictionaryOfStrings.tsx

@@ -1,5 +1,5 @@
 import DictionaryForm, { ValueType } from "./Dictionary";
-import Dictionary from "Common/Types/Dictionary";
+import Dictionary from "../../../Types/Dictionary";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/Dropdown/Dropdown.tsx

@@ -1,4 +1,4 @@
-import ObjectID from "Common/Types/ObjectID";
+import ObjectID from "../../../Types/ObjectID";
 import React, {
   FunctionComponent,
   ReactElement,

Common/UI/Components/DuplicateModel/DuplicateModel.tsx

@@ -7,11 +7,11 @@ import Card from "../Card/Card";
 import BasicFormModal from "../FormModal/BasicFormModal";
 import { ModelField } from "../Forms/ModelForm";
 import ConfirmModal from "../Modal/ConfirmModal";
-import BaseModel from "Common/Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
-import HTTPResponse from "Common/Types/API/HTTPResponse";
-import Route from "Common/Types/API/Route";
-import IconProp from "Common/Types/Icon/IconProp";
-import ObjectID from "Common/Types/ObjectID";
+import BaseModel from "../../Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
+import HTTPResponse from "../../../Types/API/HTTPResponse";
+import Route from "../../../Types/API/Route";
+import IconProp from "../../../Types/Icon/IconProp";
+import ObjectID from "../../../Types/ObjectID";
 import React, { ReactElement, useState } from "react";
 
 export interface ComponentProps<TBaseModel extends BaseModel> {

Common/UI/Components/EmptyState/EmptyState.tsx

@@ -1,5 +1,5 @@
 import Icon from "../Icon/Icon";
-import IconProp from "Common/Types/Icon/IconProp";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/Error/PageError.tsx

@@ -2,7 +2,7 @@ import Navigation from "../../Utils/Navigation";
 import { ButtonStyleType } from "../Button/Button";
 import { IconType } from "../Icon/Icon";
 import Modal from "../Modal/Modal";
-import IconProp from "Common/Types/Icon/IconProp";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/EventHistoryList/EventHistoryDayList.tsx

@@ -1,7 +1,7 @@
 import EventHistoryItem, {
   ComponentProps as ItemComponentProps,
 } from "../EventItem/EventItem";
-import OneUptimeDate from "Common/Types/Date";
+import OneUptimeDate from "../../../Types/Date";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/EventItem/EventItem.tsx

@@ -2,13 +2,13 @@ import Icon from "../Icon/Icon";
 import Link from "../Link/Link";
 import MarkdownViewer from "../Markdown.tsx/LazyMarkdownViewer";
 import Pill from "../Pill/Pill";
-import BaseModel from "Common/Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
-import Route from "Common/Types/API/Route";
-import URL from "Common/Types/API/URL";
-import { VeryLightGray } from "Common/Types/BrandColors";
-import Color from "Common/Types/Color";
-import OneUptimeDate from "Common/Types/Date";
-import IconProp from "Common/Types/Icon/IconProp";
+import BaseModel from "../../Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
+import Route from "../../../Types/API/Route";
+import URL from "../../../Types/API/URL";
+import { VeryLightGray } from "../../../Types/BrandColors";
+import Color from "../../../Types/Color";
+import OneUptimeDate from "../../../Types/Date";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export enum TimelineItemType {

Common/UI/Components/Events/RecurringArrayFieldElement.tsx

@@ -1,6 +1,6 @@
-import EventInterval from "Common/Types/Events/EventInterval";
-import Recurring from "Common/Types/Events/Recurring";
-import PositiveNumber from "Common/Types/PositiveNumber";
+import EventInterval from "../../../Types/Events/EventInterval";
+import Recurring from "../../../Types/Events/Recurring";
+import PositiveNumber from "../../../Types/PositiveNumber";
 import React, { FunctionComponent, ReactElement, useState } from "react";
 import RecurringFieldElement from "./RecurringFieldElement";
 import Button, { ButtonSize, ButtonStyleType } from "../Button/Button";

Common/UI/Components/Events/RecurringArrayViewElement.tsx

@@ -1,4 +1,4 @@
-import Recurring from "Common/Types/Events/Recurring";
+import Recurring from "../../../Types/Events/Recurring";
 import React, { FunctionComponent, ReactElement } from "react";
 import RecurringViewElement from "./RecurringViewElement";
 

Common/UI/Components/Events/RecurringFieldElement.tsx

@@ -1,10 +1,10 @@
 import DropdownUtil from "../../Utils/Dropdown";
 import Dropdown, { DropdownValue } from "../Dropdown/Dropdown";
 import Input, { InputType } from "../Input/Input";
-import EventInterval from "Common/Types/Events/EventInterval";
-import Recurring from "Common/Types/Events/Recurring";
-import PositiveNumber from "Common/Types/PositiveNumber";
-import Typeof from "Common/Types/Typeof";
+import EventInterval from "../../../Types/Events/EventInterval";
+import Recurring from "../../../Types/Events/Recurring";
+import PositiveNumber from "../../../Types/PositiveNumber";
+import Typeof from "../../../Types/Typeof";
 import React, { FunctionComponent, ReactElement, useState } from "react";
 
 export interface ComponentProps {

Common/UI/Components/Events/RecurringViewElement.tsx

@@ -1,5 +1,5 @@
-import EventInterval from "Common/Types/Events/EventInterval";
-import Recurring from "Common/Types/Events/Recurring";
+import EventInterval from "../../../Types/Events/EventInterval";
+import Recurring from "../../../Types/Events/Recurring";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/Feed/FeedItem.tsx

@@ -1,6 +1,6 @@
 import React, { FunctionComponent, ReactElement, useState } from "react";
 import User from "../../../Models/DatabaseModels/User";
-import { GetReactElementFunction } from "../../Types/FunctionTypes";
+import { GetReactElementFunction } from "../../../Types/FunctionTypes";
 import Image from "../Image/Image";
 import Route from "../../../Types/API/Route";
 import BlankProfilePic from "../../Images/users/blank-profile.svg";

Common/UI/Components/FilePicker/FilePicker.tsx

@@ -3,12 +3,12 @@ import API from "../../Utils/API/API";
 import ModelAPI from "../../Utils/ModelAPI/ModelAPI";
 import ComponentLoader from "../ComponentLoader/ComponentLoader";
 import Icon, { SizeProp } from "../Icon/Icon";
-import HTTPResponse from "Common/Types/API/HTTPResponse";
-import CommonURL from "Common/Types/API/URL";
-import Dictionary from "Common/Types/Dictionary";
-import MimeType from "Common/Types/File/MimeType";
-import IconProp from "Common/Types/Icon/IconProp";
-import FileModel from "Common/Models/DatabaseModels/File";
+import HTTPResponse from "../../../Types/API/HTTPResponse";
+import CommonURL from "../../../Types/API/URL";
+import Dictionary from "../../../Types/Dictionary";
+import MimeType from "../../../Types/File/MimeType";
+import IconProp from "../../../Types/Icon/IconProp";
+import FileModel from "../../Models/DatabaseModels/File";
 import React, {
   FunctionComponent,
   ReactElement,

Common/UI/Components/Filters/BooleanFilter.tsx

@@ -2,7 +2,7 @@ import Dropdown, { DropdownValue } from "../Dropdown/Dropdown";
 import FieldType from "../Types/FieldType";
 import Filter from "./Types/Filter";
 import FilterData from "./Types/FilterData";
-import GenericObject from "Common/Types/GenericObject";
+import GenericObject from "../../../Types/GenericObject";
 import React, { ReactElement } from "react";
 
 export interface ComponentProps<T extends GenericObject> {

Common/UI/Components/Filters/DateFilter.tsx

@@ -3,8 +3,8 @@ import StartAndEndDate, { StartAndEndDateType } from "../Date/StartAndEndDate";
 import FieldType from "../Types/FieldType";
 import Filter from "./Types/Filter";
 import FilterData from "./Types/FilterData";
-import InBetween from "Common/Types/BaseDatabase/InBetween";
-import GenericObject from "Common/Types/GenericObject";
+import InBetween from "../../../Types/BaseDatabase/InBetween";
+import GenericObject from "../../../Types/GenericObject";
 import React, { ReactElement } from "react";
 
 export interface ComponentProps<T extends GenericObject> {

Common/UI/Components/Filters/DropdownFilter.tsx

@@ -2,7 +2,7 @@ import Dropdown, { DropdownOption, DropdownValue } from "../Dropdown/Dropdown";
 import FieldType from "../Types/FieldType";
 import Filter from "./Types/Filter";
 import FilterData from "./Types/FilterData";
-import GenericObject from "Common/Types/GenericObject";
+import GenericObject from "../../../Types/GenericObject";
 import React, { ReactElement } from "react";
 
 export interface ComponentProps<T extends GenericObject> {

Common/UI/Components/Filters/EntityFilter.tsx

@@ -2,7 +2,7 @@ import Dropdown, { DropdownOption, DropdownValue } from "../Dropdown/Dropdown";
 import FieldType from "../Types/FieldType";
 import Filter from "./Types/Filter";
 import FilterData from "./Types/FilterData";
-import GenericObject from "Common/Types/GenericObject";
+import GenericObject from "../../../Types/GenericObject";
 import React, { ReactElement } from "react";
 
 export interface ComponentProps<T extends GenericObject> {

Common/UI/Components/Filters/FilterViewer.tsx

@@ -9,12 +9,12 @@ import FilterViewerItem from "./FilterViewerItem";
 import FiltersForm from "./FiltersForm";
 import Filter from "./Types/Filter";
 import FilterData from "./Types/FilterData";
-import InBetween from "Common/Types/BaseDatabase/InBetween";
-import Search from "Common/Types/BaseDatabase/Search";
-import OneUptimeDate from "Common/Types/Date";
-import Dictionary from "Common/Types/Dictionary";
-import GenericObject from "Common/Types/GenericObject";
-import IconProp from "Common/Types/Icon/IconProp";
+import InBetween from "../../../Types/BaseDatabase/InBetween";
+import Search from "../../../Types/BaseDatabase/Search";
+import OneUptimeDate from "../../../Types/Date";
+import Dictionary from "../../../Types/Dictionary";
+import GenericObject from "../../../Types/GenericObject";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { ReactElement, useEffect, useState } from "react";
 
 export interface ComponentProps<T extends GenericObject> {

Common/UI/Components/Filters/FiltersForm.tsx

@@ -12,7 +12,7 @@ import NumberFilter from "./NumberFilter";
 import TextFilter from "./TextFilter";
 import Filter from "./Types/Filter";
 import FilterData from "./Types/FilterData";
-import GenericObject from "Common/Types/GenericObject";
+import GenericObject from "../../../Types/GenericObject";
 import React, { ReactElement } from "react";
 
 export interface ComponentProps<T extends GenericObject> {

Common/UI/Components/Filters/JSONFilter.tsx

@@ -3,8 +3,8 @@ import DictionaryForm from "../Dictionary/Dictionary";
 import FieldType from "../Types/FieldType";
 import Filter from "./Types/Filter";
 import FilterData from "./Types/FilterData";
-import Dictionary from "Common/Types/Dictionary";
-import GenericObject from "Common/Types/GenericObject";
+import Dictionary from "../../../Types/Dictionary";
+import GenericObject from "../../../Types/GenericObject";
 import React, { ReactElement } from "react";
 
 export interface ComponentProps<T extends GenericObject> {

Common/UI/Components/Filters/NumberFilter.tsx

@@ -2,7 +2,7 @@ import Input, { InputType } from "../Input/Input";
 import FieldType from "../Types/FieldType";
 import Filter from "./Types/Filter";
 import FilterData from "./Types/FilterData";
-import GenericObject from "Common/Types/GenericObject";
+import GenericObject from "../../../Types/GenericObject";
 import React, { ReactElement } from "react";
 
 export interface ComponentProps<T extends GenericObject> {

Common/UI/Components/Filters/TextFilter.tsx

@@ -2,10 +2,10 @@ import Input, { InputType } from "../Input/Input";
 import FieldType from "../Types/FieldType";
 import Filter from "./Types/Filter";
 import FilterData from "./Types/FilterData";
-import Search from "Common/Types/BaseDatabase/Search";
-import DatabaseDate from "Common/Types/Database/Date";
-import OneUptimeDate from "Common/Types/Date";
-import GenericObject from "Common/Types/GenericObject";
+import Search from "../../../Types/BaseDatabase/Search";
+import DatabaseDate from "../../../Types/Database/Date";
+import OneUptimeDate from "../../../Types/Date";
+import GenericObject from "../../../Types/GenericObject";
 import React, { ReactElement } from "react";
 
 export interface ComponentProps<T extends GenericObject> {

Common/UI/Components/Filters/Types/Filter.ts

@@ -1,6 +1,6 @@
 import { DropdownOption } from "../../Dropdown/Dropdown";
-import FieldType from "../../Types/FieldType";
-import GenericObject from "Common/Types/GenericObject";
+import FieldType from "../../../Types/FieldType";
+import GenericObject from "../../../Types/GenericObject";
 
 export default interface Filter<T extends GenericObject> {
   title: string;

Common/UI/Components/Filters/Types/FilterData.ts

@@ -1,4 +1,4 @@
-import GenericObject from "Common/Types/GenericObject";
+import GenericObject from "../../../Types/GenericObject";
 import Query from "../../../../Types/BaseDatabase/Query";
 
 type FillterData<T extends GenericObject> = Query<T>; // this is bascially a Query object

Common/UI/Components/Footer/Footer.tsx

@@ -1,6 +1,6 @@
 import UILink from "../Link/Link";
-import Route from "Common/Types/API/Route";
-import URL from "Common/Types/API/URL";
+import Route from "../../../Types/API/Route";
+import URL from "../../../Types/API/URL";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface FooterLink {

Common/UI/Components/FormModal/BasicFormModal.tsx

@@ -6,7 +6,7 @@ import BasicForm, {
   BaseComponentProps as BasicFormComponentProps,
 } from "../Forms/BasicForm";
 import Modal from "../Modal/Modal";
-import GenericObject from "Common/Types/GenericObject";
+import GenericObject from "../../../Types/GenericObject";
 import React, { ReactElement, useEffect, useRef, useState } from "react";
 
 export interface ComponentProps<T extends GenericObject> {

Common/UI/Components/Forms/BasicForm.tsx

@@ -15,14 +15,14 @@ import FormFieldSchemaType from "./Types/FormFieldSchemaType";
 import { FormStep } from "./Types/FormStep";
 import FormValues from "./Types/FormValues";
 import Validation from "./Validation";
-import OneUptimeDate from "Common/Types/Date";
-import Dictionary from "Common/Types/Dictionary";
-import { VoidFunction } from "Common/Types/FunctionTypes";
-import GenericObject from "Common/Types/GenericObject";
-import HashedString from "Common/Types/HashedString";
-import { JSONObject, JSONValue } from "Common/Types/JSON";
-import ObjectID from "Common/Types/ObjectID";
-import Typeof from "Common/Types/Typeof";
+import OneUptimeDate from "../../../Types/Date";
+import Dictionary from "../../../Types/Dictionary";
+import { VoidFunction } from "../../../Types/FunctionTypes";
+import GenericObject from "../../../Types/GenericObject";
+import HashedString from "../../../Types/HashedString";
+import { JSONObject, JSONValue } from "../../../Types/JSON";
+import ObjectID from "../../../Types/ObjectID";
+import Typeof from "../../../Types/Typeof";
 import { FormikErrors, FormikProps } from "formik";
 import React, {
   ForwardRefExoticComponent,

Common/UI/Components/Forms/BasicModelForm.tsx

@@ -8,7 +8,7 @@ import BasicForm, {
 import Fields from "./Types/Fields";
 import { FormStep } from "./Types/FormStep";
 import FormValues from "./Types/FormValues";
-import BaseModel from "Common/Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
+import BaseModel from "../../Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
 import React, {
   MutableRefObject,
   ReactElement,

Common/UI/Components/Forms/Fields/ColorPicker.tsx

@@ -1,8 +1,8 @@
 import useComponentOutsideClick from "../../../Types/UseComponentOutsideClick";
 import Icon from "../../Icon/Icon";
 import Input, { InputType } from "../../Input/Input";
-import Color from "Common/Types/Color";
-import IconProp from "Common/Types/Icon/IconProp";
+import Color from "../../../Types/Color";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, {
   FunctionComponent,
   ReactElement,

Common/UI/Components/Forms/Fields/FormField.tsx

@@ -1,4 +1,4 @@
-import Dictionary from "Common/Types/Dictionary";
+import Dictionary from "../../../Types/Dictionary";
 import { GetReactElementFunction } from "../../../Types/FunctionTypes";
 import CategoryCheckbox from "../../CategoryCheckbox/Index";
 import CheckboxElement, {
@@ -20,16 +20,16 @@ import FieldLabelElement from "../Fields/FieldLabel";
 import Field, { FormFieldStyleType } from "../Types/Field";
 import FormFieldSchemaType from "../Types/FormFieldSchemaType";
 import FormValues from "../Types/FormValues";
-import FileModel from "Common/Models/DatabaseModels/DatabaseBaseModel/FileModel";
-import CodeType from "Common/Types/Code/CodeType";
-import Color from "Common/Types/Color";
-import OneUptimeDate from "Common/Types/Date";
-import BadDataException from "Common/Types/Exception/BadDataException";
-import MimeType from "Common/Types/File/MimeType";
-import GenericObject from "Common/Types/GenericObject";
-import { JSONValue } from "Common/Types/JSON";
-import ObjectID from "Common/Types/ObjectID";
-import Typeof from "Common/Types/Typeof";
+import FileModel from "../../Models/DatabaseModels/DatabaseBaseModel/FileModel";
+import CodeType from "../../../Types/Code/CodeType";
+import Color from "../../../Types/Color";
+import OneUptimeDate from "../../../Types/Date";
+import BadDataException from "../../../Types/Exception/BadDataException";
+import MimeType from "../../../Types/File/MimeType";
+import GenericObject from "../../../Types/GenericObject";
+import { JSONValue } from "../../../Types/JSON";
+import ObjectID from "../../../Types/ObjectID";
+import Typeof from "../../../Types/Typeof";
 import React, { ReactElement, useEffect } from "react";
 import Radio, { RadioValue } from "../../Radio/Radio";
 import { BasicRadioButtonOption } from "../../RadioButtons/BasicRadioButtons";

Common/UI/Components/Forms/ModelForm.tsx

@@ -1,4 +1,4 @@
-import SelectFormFields from "../../Types/SelectEntityField";
+import SelectFormFields from "../../../Types/SelectEntityField";
 import API from "../../Utils/API/API";
 import Select from "../../Utils/BaseDatabase/Select";
 import ModelAPI, {
@@ -21,29 +21,29 @@ import Field from "./Types/Field";
 import Fields from "./Types/Fields";
 import { FormStep } from "./Types/FormStep";
 import FormValues from "./Types/FormValues";
-import AnalyticsBaseModel from "Common/Models/AnalyticsModels/AnalyticsBaseModel/AnalyticsBaseModel";
-import AccessControlModel from "Common/Models/DatabaseModels/DatabaseBaseModel/AccessControlModel";
-import BaseModel from "Common/Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
-import FileModel from "Common/Models/DatabaseModels/DatabaseBaseModel/FileModel";
-import URL from "Common/Types/API/URL";
-import { ColumnAccessControl } from "Common/Types/BaseDatabase/AccessControl";
-import { Black, VeryLightGray } from "Common/Types/BrandColors";
-import Color from "Common/Types/Color";
-import { getMaxLengthFromTableColumnType } from "Common/Types/Database/ColumnLength";
-import { LIMIT_PER_PROJECT } from "Common/Types/Database/LimitMax";
-import { TableColumnMetadata } from "Common/Types/Database/TableColumn";
-import TableColumnType from "Common/Types/Database/TableColumnType";
-import Dictionary from "Common/Types/Dictionary";
-import BadDataException from "Common/Types/Exception/BadDataException";
-import { PromiseVoidFunction } from "Common/Types/FunctionTypes";
-import GenericObject from "Common/Types/GenericObject";
-import { JSONObject } from "Common/Types/JSON";
-import ObjectID from "Common/Types/ObjectID";
+import AnalyticsBaseModel from "../../Models/AnalyticsModels/AnalyticsBaseModel/AnalyticsBaseModel";
+import AccessControlModel from "../../Models/DatabaseModels/DatabaseBaseModel/AccessControlModel";
+import BaseModel from "../../Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
+import FileModel from "../../Models/DatabaseModels/DatabaseBaseModel/FileModel";
+import URL from "../../../Types/API/URL";
+import { ColumnAccessControl } from "../../../Types/BaseDatabase/AccessControl";
+import { Black, VeryLightGray } from "../../../Types/BrandColors";
+import Color from "../../../Types/Color";
+import { getMaxLengthFromTableColumnType } from "../../../Types/Database/ColumnLength";
+import { LIMIT_PER_PROJECT } from "../../../Types/Database/LimitMax";
+import { TableColumnMetadata } from "../../../Types/Database/TableColumn";
+import TableColumnType from "../../../Types/Database/TableColumnType";
+import Dictionary from "../../../Types/Dictionary";
+import BadDataException from "../../../Types/Exception/BadDataException";
+import { PromiseVoidFunction } from "../../../Types/FunctionTypes";
+import GenericObject from "../../../Types/GenericObject";
+import { JSONObject } from "../../../Types/JSON";
+import ObjectID from "../../../Types/ObjectID";
 import Permission, {
   PermissionHelper,
   UserPermission,
-} from "Common/Types/Permission";
-import Typeof from "Common/Types/Typeof";
+} from "../../../Types/Permission";
+import Typeof from "../../../Types/Typeof";
 import React, { MutableRefObject, ReactElement, useState } from "react";
 import useAsyncEffect from "use-async-effect";
 

Common/UI/Components/Forms/Steps/Step.tsx

@@ -1,5 +1,5 @@
 import { FormStep, FormStepState } from "../Types/FormStep";
-import GenericObject from "Common/Types/GenericObject";
+import GenericObject from "../../../Types/GenericObject";
 import React, { ReactElement } from "react";
 
 export interface ComponentProps<T> {

Common/UI/Components/Forms/Steps/Steps.tsx

@@ -1,7 +1,7 @@
 import { FormStep, FormStepState } from "../Types/FormStep";
 import FormValues from "../Types/FormValues";
 import Step from "./Step";
-import GenericObject from "Common/Types/GenericObject";
+import GenericObject from "../../../Types/GenericObject";
 import React, { ReactElement } from "react";
 
 export interface ComponentProps<T> {

Common/UI/Components/Forms/Types/Field.ts

@@ -7,10 +7,10 @@ import { DropdownOption } from "../../Dropdown/Dropdown";
 import { RadioButton } from "../../RadioButtons/GroupRadioButtons";
 import FormFieldSchemaType from "./FormFieldSchemaType";
 import FormValues from "./FormValues";
-import { DatabaseBaseModelType } from "Common/Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
-import Route from "Common/Types/API/Route";
-import URL from "Common/Types/API/URL";
-import MimeType from "Common/Types/File/MimeType";
+import { DatabaseBaseModelType } from "../../Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
+import Route from "../../../Types/API/Route";
+import URL from "../../../Types/API/URL";
+import MimeType from "../../../Types/File/MimeType";
 import { ReactElement } from "react";
 
 export enum FormFieldStyleType {

Common/UI/Components/Forms/Types/FormFieldsSchema.ts

@@ -1,6 +1,6 @@
 import FormType from "./FormFieldSchemaType";
-import Hostname from "Common/Types/API/Hostname";
-import ObjectID from "Common/Types/ObjectID";
+import Hostname from "../../../Types/API/Hostname";
+import ObjectID from "../../../Types/ObjectID";
 
 type FormField<Property> = Property extends ObjectID
   ? FormType.ObjectID

Common/UI/Components/Forms/Utils/FormFieldSchemaTypeUtil.ts

@@ -1,4 +1,4 @@
-import FieldType from "../../Types/FieldType";
+import FieldType from "../../../Types/FieldType";
 import FormFieldSchemaType from "../Types/FormFieldSchemaType";
 
 export default class FormFieldSchemaTypeUtil {

Common/UI/Components/Forms/Validation.ts

@@ -1,21 +1,21 @@
 import Field from "./Types/Field";
 import FormFieldSchemaType from "./Types/FormFieldSchemaType";
 import FormValues from "./Types/FormValues";
-import Hostname from "Common/Types/API/Hostname";
-import Route from "Common/Types/API/Route";
-import URL from "Common/Types/API/URL";
-import Color from "Common/Types/Color";
-import OneUptimeDate from "Common/Types/Date";
-import Dictionary from "Common/Types/Dictionary";
-import Domain from "Common/Types/Domain";
-import Email from "Common/Types/Email";
-import BadDataException from "Common/Types/Exception/BadDataException";
-import Exception from "Common/Types/Exception/Exception";
-import GenericObject from "Common/Types/GenericObject";
-import { JSONObject } from "Common/Types/JSON";
-import Phone from "Common/Types/Phone";
-import Port from "Common/Types/Port";
-import Typeof from "Common/Types/Typeof";
+import Hostname from "../../../Types/API/Hostname";
+import Route from "../../../Types/API/Route";
+import URL from "../../../Types/API/URL";
+import Color from "../../../Types/Color";
+import OneUptimeDate from "../../../Types/Date";
+import Dictionary from "../../../Types/Dictionary";
+import Domain from "../../../Types/Domain";
+import Email from "../../../Types/Email";
+import BadDataException from "../../../Types/Exception/BadDataException";
+import Exception from "../../../Types/Exception/Exception";
+import GenericObject from "../../../Types/GenericObject";
+import { JSONObject } from "../../../Types/JSON";
+import Phone from "../../../Types/Phone";
+import Port from "../../../Types/Port";
+import Typeof from "../../../Types/Typeof";
 
 export default class Validation {
   public static validateLength<T extends GenericObject>(

Common/UI/Components/FullPageModal/FullPageModal.tsx

@@ -1,5 +1,5 @@
 import Icon, { SizeProp, ThickProp } from "../Icon/Icon";
-import IconProp from "Common/Types/Icon/IconProp";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/GanttChart/Bar/Index.tsx

@@ -1,5 +1,5 @@
 import BarLabel from "./BarLabel";
-import Color from "Common/Types/Color";
+import Color from "../../../Types/Color";
 import React, {
   FunctionComponent,
   MouseEventHandler,

Common/UI/Components/GanttChart/Row/Row.tsx

@@ -1,7 +1,7 @@
 import Icon from "../../Icon/Icon";
 import Bar, { GanttChartBar } from "../Bar/Index";
 import RowLabel from "./RowLabel";
-import IconProp from "Common/Types/Icon/IconProp";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement, useState } from "react";
 
 export interface GanttChartRow {

Common/UI/Components/Graphs/DayUptimeGraph.tsx

@@ -1,16 +1,16 @@
 import Tooltip from "../Tooltip/Tooltip";
-import { Green } from "Common/Types/BrandColors";
-import Color from "Common/Types/Color";
-import OneUptimeDate from "Common/Types/Date";
-import Dictionary from "Common/Types/Dictionary";
-import ObjectID from "Common/Types/ObjectID";
+import { Green } from "../../../Types/BrandColors";
+import Color from "../../../Types/Color";
+import OneUptimeDate from "../../../Types/Date";
+import Dictionary from "../../../Types/Dictionary";
+import ObjectID from "../../../Types/ObjectID";
 import React, {
   FunctionComponent,
   ReactElement,
   useEffect,
   useState,
 } from "react";
-import UptimeEvent from "Common/Utils/Uptime/Event";
+import UptimeEvent from "../../Utils/Uptime/Event";
 
 export type Event = UptimeEvent;
 

Common/UI/Components/Header/HeaderIconDropdownButton.tsx

@@ -1,8 +1,8 @@
-import useComponentOutsideClick from "../../Types/UseComponentOutsideClick";
+import useComponentOutsideClick from "../../../Types/UseComponentOutsideClick";
 import Icon, { SizeProp } from "../Icon/Icon";
 import Image from "../Image/Image";
-import Route from "Common/Types/API/Route";
-import IconProp from "Common/Types/Icon/IconProp";
+import Route from "../../../Types/API/Route";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, {
   FunctionComponent,
   ReactElement,

Common/UI/Components/Header/IconDropdown/IconDropdownItem.tsx

@@ -1,8 +1,8 @@
 import Icon from "../../Icon/Icon";
 import Link from "../../Link/Link";
-import Route from "Common/Types/API/Route";
-import URL from "Common/Types/API/URL";
-import IconProp from "Common/Types/Icon/IconProp";
+import Route from "../../../Types/API/Route";
+import URL from "../../../Types/API/URL";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/Header/Notifications/NotificationItem.tsx

@@ -1,7 +1,7 @@
 import CircularIconImage from "../../Icon/CircularIconImage";
 import Icon from "../../Icon/Icon";
-import OneUptimeDate from "Common/Types/Date";
-import IconProp from "Common/Types/Icon/IconProp";
+import OneUptimeDate from "../../../Types/Date";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/Header/Notifications/Notifications.tsx

@@ -1,7 +1,7 @@
 import Icon from "../../Icon/Icon";
 import Link from "../../Link/Link";
-import Route from "Common/Types/API/Route";
-import IconProp from "Common/Types/Icon/IconProp";
+import Route from "../../../Types/API/Route";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/Header/ProjectPicker/CreateNewProjectButton.tsx

@@ -1,5 +1,5 @@
 import Icon from "../../Icon/Icon";
-import IconProp from "Common/Types/Icon/IconProp";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/Header/ProjectPicker/ProjectPicker.tsx

@@ -3,8 +3,8 @@ import Icon from "../../Icon/Icon";
 import CreateNewProjectButton from "./CreateNewProjectButton";
 import ProjectPickerMenu from "./ProjectPickerMenu";
 import ProjectPickerMenuItem from "./ProjectPickerMenuItem";
-import IconProp from "Common/Types/Icon/IconProp";
-import Project from "Common/Models/DatabaseModels/Project";
+import IconProp from "../../../Types/Icon/IconProp";
+import Project from "../../Models/DatabaseModels/Project";
 import React, {
   FunctionComponent,
   ReactElement,

Common/UI/Components/Header/ProjectPicker/ProjectPickerMenuItem.tsx

@@ -1,8 +1,8 @@
 import Navigation from "../../../Utils/Navigation";
 import Icon from "../../Icon/Icon";
-import Route from "Common/Types/API/Route";
-import IconProp from "Common/Types/Icon/IconProp";
-import Project from "Common/Models/DatabaseModels/Project";
+import Route from "../../../Types/API/Route";
+import IconProp from "../../../Types/Icon/IconProp";
+import Project from "../../Models/DatabaseModels/Project";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/Header/UserProfile/UserProfile.tsx

@@ -1,9 +1,9 @@
 import Icon from "../../Icon/Icon";
 import Image from "../../Image/Image";
-import Route from "Common/Types/API/Route";
-import URL from "Common/Types/API/URL";
-import IconProp from "Common/Types/Icon/IconProp";
-import Name from "Common/Types/Name";
+import Route from "../../../Types/API/Route";
+import URL from "../../../Types/API/URL";
+import IconProp from "../../../Types/Icon/IconProp";
+import Name from "../../../Types/Name";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/Header/UserProfile/UserProfileMenuItem.tsx

@@ -1,8 +1,8 @@
 import Icon from "../../Icon/Icon";
 import Link from "../../Link/Link";
-import Route from "Common/Types/API/Route";
-import Color from "Common/Types/Color";
-import IconProp from "Common/Types/Icon/IconProp";
+import Route from "../../../Types/API/Route";
+import Color from "../../../Types/Color";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/HeaderAlert/HeaderAlert.tsx

@@ -1,8 +1,8 @@
 import Icon, { ThickProp } from "../Icon/Icon";
-import IconProp from "Common/Types/Icon/IconProp";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { ReactElement } from "react";
 import Tooltip from "../Tooltip/Tooltip";
-import { GetReactElementFunction } from "../../Types/FunctionTypes";
+import { GetReactElementFunction } from "../../../Types/FunctionTypes";
 import ColorSwatch from "../../../Types/ColorSwatch";
 
 export enum HeaderAlertType {

Common/UI/Components/HeaderAlert/HeaderModelAlert.tsx

@@ -2,9 +2,9 @@ import API from "../../Utils/API/API";
 import Query from "../../../Types/BaseDatabase/Query";
 import ModelAPI, { RequestOptions } from "../../Utils/ModelAPI/ModelAPI";
 import HeaderAlert, { HeaderAlertType } from "./HeaderAlert";
-import BaseModel from "Common/Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
-import { PromiseVoidFunction } from "Common/Types/FunctionTypes";
-import IconProp from "Common/Types/Icon/IconProp";
+import BaseModel from "../../Models/DatabaseModels/DatabaseBaseModel/DatabaseBaseModel";
+import { PromiseVoidFunction } from "../../../Types/FunctionTypes";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { ReactElement, useEffect, useState } from "react";
 
 export interface ComponentProps<TBaseModel extends BaseModel> {

Common/UI/Components/HiddenText/HiddenText.tsx

@@ -1,6 +1,6 @@
 import CopyableButton from "../CopyableButton/CopyableButton";
 import Icon from "../Icon/Icon";
-import IconProp from "Common/Types/Icon/IconProp";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement, useState } from "react";
 
 export interface ComponentProps {

Common/UI/Components/Icon/CircularIconImage.tsx

@@ -1,6 +1,6 @@
 import Icon, { SizeProp } from "./Icon";
-import Color from "Common/Types/Color";
-import IconProp from "Common/Types/Icon/IconProp";
+import Color from "../../../Types/Color";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/Icon/Icon.tsx

@@ -1,5 +1,5 @@
-import Color from "Common/Types/Color";
-import IconProp from "Common/Types/Icon/IconProp";
+import Color from "../../../Types/Color";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export enum SizeProp {

Common/UI/Components/Image/Image.tsx

@@ -1,8 +1,8 @@
 // Taiwind
-import Route from "Common/Types/API/Route";
-import URLFromProject from "Common/Types/API/URL";
-import BadDataException from "Common/Types/Exception/BadDataException";
-import File from "Common/Models/DatabaseModels/File";
+import Route from "../../../Types/API/Route";
+import URLFromProject from "../../../Types/API/URL";
+import BadDataException from "../../../Types/Exception/BadDataException";
+import File from "../../Models/DatabaseModels/File";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/ImageTiles/ImageTiles.tsx

@@ -1,8 +1,8 @@
 import Navigation from "../../Utils/Navigation";
 import FieldLabelElement from "../Detail/FieldLabel";
 import Image from "../Image/Image";
-import Route from "Common/Types/API/Route";
-import URL from "Common/Types/API/URL";
+import Route from "../../../Types/API/Route";
+import URL from "../../../Types/API/URL";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ImageTile {

Common/UI/Components/Input/Input.tsx

@@ -1,8 +1,8 @@
 // Tailwind
 import { Logger } from "../../Utils/Logger";
 import Icon from "../Icon/Icon";
-import OneUptimeDate from "Common/Types/Date";
-import IconProp from "Common/Types/Icon/IconProp";
+import OneUptimeDate from "../../../Types/Date";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, {
   FunctionComponent,
   ReactElement,

Common/UI/Components/Link/Link.tsx

@@ -1,7 +1,7 @@
 import Navigation from "../../Utils/Navigation";
-import Route from "Common/Types/API/Route";
-import URL from "Common/Types/API/URL";
-import { JSONObject } from "Common/Types/JSON";
+import Route from "../../../Types/API/Route";
+import URL from "../../../Types/API/URL";
+import { JSONObject } from "../../../Types/JSON";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/Link/ReactDomLink.tsx

@@ -1,4 +1,4 @@
-import Route from "Common/Types/API/Route";
+import Route from "../../../Types/API/Route";
 import React, { FunctionComponent, ReactElement } from "react";
 import { Link as DomLink } from "react-router-dom";
 

Common/UI/Components/List/List.tsx

@@ -1,4 +1,4 @@
-import { GetReactElementFunction } from "../../Types/FunctionTypes";
+import { GetReactElementFunction } from "../../../Types/FunctionTypes";
 import ActionButtonSchema from "../ActionButton/ActionButtonSchema";
 import ComponentLoader from "../ComponentLoader/ComponentLoader";
 import Field from "../Detail/Field";
@@ -9,7 +9,7 @@ import FilterData from "../Filters/Types/FilterData";
 import Pagination from "../Pagination/Pagination";
 import ListBody from "./ListBody";
 import { ListDetailProps } from "./ListRow";
-import GenericObject from "Common/Types/GenericObject";
+import GenericObject from "../../../Types/GenericObject";
 import React, { ReactElement } from "react";
 import { DragDropContext, DropResult } from "react-beautiful-dnd";
 

Common/UI/Components/List/ListBody.tsx

@@ -1,7 +1,7 @@
 import ActionButtonSchema from "../ActionButton/ActionButtonSchema";
 import Field from "../Detail/Field";
 import ListRow, { ListDetailProps } from "./ListRow";
-import GenericObject from "Common/Types/GenericObject";
+import GenericObject from "../../../Types/GenericObject";
 import React, { ReactElement } from "react";
 import { Droppable, DroppableProvided } from "react-beautiful-dnd";
 

Common/UI/Components/List/ListRow.tsx

@@ -4,8 +4,8 @@ import Detail from "../Detail/Detail";
 import Field from "../Detail/Field";
 import Icon, { ThickProp } from "../Icon/Icon";
 import ConfirmModal from "../Modal/ConfirmModal";
-import GenericObject from "Common/Types/GenericObject";
-import IconProp from "Common/Types/Icon/IconProp";
+import GenericObject from "../../../Types/GenericObject";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { ReactElement, useState } from "react";
 import { Draggable, DraggableProvided } from "react-beautiful-dnd";
 

Common/UI/Components/Loader/Loader.tsx

@@ -1,5 +1,5 @@
-import { VeryLightGray } from "Common/Types/BrandColors";
-import Color from "Common/Types/Color";
+import { VeryLightGray } from "../../../Types/BrandColors";
+import Color from "../../../Types/Color";
 import React, { FunctionComponent } from "react";
 import BarLoader from "react-spinners/BarLoader";
 import BeatLoader from "react-spinners/BeatLoader";

Common/UI/Components/Loader/PageLoader.tsx

@@ -1,5 +1,5 @@
 import Loader, { LoaderType } from "./Loader";
-import { VeryLightGray } from "Common/Types/BrandColors";
+import { VeryLightGray } from "../../../Types/BrandColors";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export interface ComponentProps {

Common/UI/Components/LogsViewer/LogItem.tsx

@@ -1,10 +1,10 @@
 import CopyTextButton from "../CopyTextButton/CopyTextButton";
-import OneUptimeDate from "Common/Types/Date";
-import Dictionary from "Common/Types/Dictionary";
-import JSONFunctions from "Common/Types/JSONFunctions";
-import Log from "Common/Models/AnalyticsModels/Log";
-import LogSeverity from "Common/Types/Log/LogSeverity";
-import TelemetryService from "Common/Models/DatabaseModels/TelemetryService";
+import OneUptimeDate from "../../../Types/Date";
+import Dictionary from "../../../Types/Dictionary";
+import JSONFunctions from "../../../Types/JSONFunctions";
+import Log from "../../Models/AnalyticsModels/Log";
+import LogSeverity from "../../../Types/Log/LogSeverity";
+import TelemetryService from "../../Models/DatabaseModels/TelemetryService";
 import React, { FunctionComponent, ReactElement, useEffect } from "react";
 
 export interface ComponentProps {

Common/UI/Components/LogsViewer/LogsViewer.tsx

@@ -1,30 +1,30 @@
-import Query from "Common/Types/BaseDatabase/Query";
+import Query from "../../../Types/BaseDatabase/Query";
 import DropdownUtil from "../../Utils/Dropdown";
 import ComponentLoader from "../ComponentLoader/ComponentLoader";
 import FiltersForm from "../Filters/FiltersForm";
 import FieldType from "../Types/FieldType";
 import LogItem from "./LogItem";
-import { PromiseVoidFunction, VoidFunction } from "Common/Types/FunctionTypes";
-import Log from "Common/Models/AnalyticsModels/Log";
-import LogSeverity from "Common/Types/Log/LogSeverity";
+import { PromiseVoidFunction, VoidFunction } from "../../../Types/FunctionTypes";
+import Log from "../../Models/AnalyticsModels/Log";
+import LogSeverity from "../../../Types/Log/LogSeverity";
 import React, { FunctionComponent, ReactElement, Ref } from "react";
 import Toggle from "../Toggle/Toggle";
 import Card from "../Card/Card";
 import Button, { ButtonSize, ButtonStyleType } from "../Button/Button";
-import IconProp from "Common/Types/Icon/IconProp";
+import IconProp from "../../../Types/Icon/IconProp";
 import ModelAPI from "../../Utils/ModelAPI/ModelAPI";
-import URL from "Common/Types/API/URL";
-import HTTPResponse from "Common/Types/API/HTTPResponse";
-import { JSONObject } from "Common/Types/JSON";
-import HTTPErrorResponse from "Common/Types/API/HTTPErrorResponse";
+import URL from "../../../Types/API/URL";
+import HTTPResponse from "../../../Types/API/HTTPResponse";
+import { JSONObject } from "../../../Types/JSON";
+import HTTPErrorResponse from "../../../Types/API/HTTPErrorResponse";
 import API from "../../Utils/API/API";
 import { APP_API_URL } from "../../Config";
 import PageLoader from "../Loader/PageLoader";
 import ErrorMessage from "../ErrorMessage/ErrorMessage";
 import { Dictionary } from "lodash";
-import TelemetryService from "Common/Models/DatabaseModels/TelemetryService";
-import { LIMIT_PER_PROJECT } from "Common/Types/Database/LimitMax";
-import SortOrder from "Common/Types/BaseDatabase/SortOrder";
+import TelemetryService from "../../Models/DatabaseModels/TelemetryService";
+import { LIMIT_PER_PROJECT } from "../../../Types/Database/LimitMax";
+import SortOrder from "../../../Types/BaseDatabase/SortOrder";
 import ListResult from "../../Utils/BaseDatabase/ListResult";
 
 export interface ComponentProps {

Common/UI/Components/Modal/Modal.tsx

@@ -4,8 +4,8 @@ import Icon, { IconType, SizeProp, ThickProp } from "../Icon/Icon";
 import Loader, { LoaderType } from "../Loader/Loader";
 import ModalBody from "./ModalBody";
 import ModalFooter from "./ModalFooter";
-import { VeryLightGray } from "Common/Types/BrandColors";
-import IconProp from "Common/Types/Icon/IconProp";
+import { VeryLightGray } from "../../../Types/BrandColors";
+import IconProp from "../../../Types/Icon/IconProp";
 import React, { FunctionComponent, ReactElement } from "react";
 
 export enum ModalWidth {