ref(frontend): apply eslint simple import sort

frontend/.eslintrc.json

@@ -1,6 +1,46 @@
 {
   "extends": "next/core-web-vitals",
+  "plugins": [
+    "simple-import-sort"
+  ],
   "rules": {
-    "react-hooks/exhaustive-deps": "off"
+    "react-hooks/exhaustive-deps": "off",
+    "simple-import-sort/exports": "warn",
+    "simple-import-sort/imports": [
+      "warn",
+      {
+        "groups": [
+          // Node.js builtins. You could also generate this regex if you use a `.js` config.
+          // For example: `^(${require("module").builtinModules.join("|")})(/|$)`
+          // Note that if you use the `node:` prefix for Node.js builtins,
+          // you can avoid this complexity: You can simply use "^node:".
+          [
+            "^(assert|buffer|child_process|cluster|console|constants|crypto|dgram|dns|domain|events|fs|http|https|module|net|os|path|punycode|querystring|readline|repl|stream|string_decoder|sys|timers|tls|tty|url|util|vm|zlib|freelist|v8|process|async_hooks|http2|perf_hooks)(/.*|$)"
+          ],
+          // Packages `react` related packages
+          [
+            "^react",
+            "^next",
+            "^@?\\w"
+          ],
+          // Internal packages.
+          [
+            "^~(/.*|$)"
+          ],
+          // Relative imports
+          [
+            "^\\.\\.(?!/?$)",
+            "^\\.\\./?$",
+            "^\\./(?=.*/)(?!/?$)",
+            "^\\.(?!/?$)",
+            "^\\./?$"
+          ],
+          // Style imports.
+          [
+            "^.+\\.?(css|scss)$"
+          ]
+        ]
+      }
+    ]
   }
 }

frontend/components/RouteGuard.js

@@ -1,7 +1,9 @@
-import { useState, useEffect } from "react";
+import { useEffect,useState } from "react";
-import { useRouter } from "next/router";
-import checkAuth from "~/pages/api/auth/CheckAuth";
 import Image from "next/image";
+import { useRouter } from "next/router";
+
+import checkAuth from "~/pages/api/auth/CheckAuth";
+
 import { publicPaths } from "../const";
 
 // #TODO: finish spinner only when the data loads fully

frontend/components/analytics/posthog.js

@@ -1,4 +1,5 @@
 import posthog from "posthog-js";
+
 import { ENV, POSTHOG_API_KEY, POSTHOG_HOST, TELEMETRY_ENABLED } from "../utilities/config";
 
 export const initPostHog = () => {

frontend/components/basic/Error.js

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faExclamationTriangle } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 export default function Error({ text }) {
 	return (

frontend/components/basic/InputField.js

@@ -1,6 +1,6 @@
 import React from "react";
-import Error from "./Error";
+import { useState } from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useRouter } from "next/router";
 import {
 	faCircle,
 	faCircleExclamation,
@@ -8,9 +8,10 @@ import {
 	faEye,
 	faEyeSlash,
 } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
 import guidGenerator from "../utilities/randomId";
-import { useState } from "react";
+import Error from "./Error";
-import { useRouter } from "next/router";
 
 const InputField = (props) => {
 	const [passwordVisible, setPasswordVisible] = useState(false);

frontend/components/basic/Listbox.js

@@ -1,9 +1,9 @@
 import React from "react";
-import { Listbox, Transition } from "@headlessui/react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faCheck, faPlus, faAngleDown } from "@fortawesome/free-solid-svg-icons";
 import { Fragment } from "react";
 import { useRouter } from "next/router";
+import { faAngleDown,faCheck, faPlus } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { Listbox, Transition } from "@headlessui/react";
 
 /**
  * This is the component that we use for drop down lists.

frontend/components/basic/buttons/Button.js

@@ -1,8 +1,8 @@
 import React from "react";
-import Link from "next/link";
 import Image from "next/image";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import Link from "next/link";
 import { faPlus } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 var classNames = require("classnames");
 

frontend/components/basic/dialog/AddIncidentContactDialog.js

@@ -1,8 +1,10 @@
-import { Dialog, Transition } from "@headlessui/react";
 import { Fragment, useState } from "react";
-import InputField from "../InputField";
+import { Dialog, Transition } from "@headlessui/react";
+
 import addIncidentContact from "~/pages/api/organization/addIncidentContact";
+
 import Button from "../buttons/Button";
+import InputField from "../InputField";
 
 const AddIncidentContactDialog = ({
 	isOpen,

frontend/components/basic/dialog/AddProjectMemberDialog.js

@@ -1,8 +1,9 @@
-import { Dialog, Transition } from "@headlessui/react";
 import { Fragment, useState } from "react";
-import ListBox from "../Listbox";
 import { useRouter } from "next/router";
+import { Dialog, Transition } from "@headlessui/react";
+
 import Button from "../buttons/Button";
+import ListBox from "../Listbox";
 
 const AddProjectMemberDialog = ({
 	isOpen,

frontend/components/basic/dialog/AddServiceTokenDialog.js

@@ -1,15 +1,17 @@
-import { Dialog, Transition } from "@headlessui/react";
 import { Fragment, useState } from "react";
-import ListBox from "../Listbox";
 import { useRouter } from "next/router";
-import Button from "../buttons/Button";
-import InputField from "../InputField";
-import getLatestFileKey from "~/pages/api/workspace/getLatestFileKey";
-import { decryptAssymmetric, encryptAssymmetric } from "../../utilities/crypto";
-import addServiceToken from "~/pages/api/serviceToken/addServiceToken";
-import nacl from "tweetnacl";
 import { faCheck, faCopy } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { Dialog, Transition } from "@headlessui/react";
+import nacl from "tweetnacl";
+
+import addServiceToken from "~/pages/api/serviceToken/addServiceToken";
+import getLatestFileKey from "~/pages/api/workspace/getLatestFileKey";
+
+import { decryptAssymmetric, encryptAssymmetric } from "../../utilities/crypto";
+import Button from "../buttons/Button";
+import InputField from "../InputField";
+import ListBox from "../Listbox";
 
 const envMapping = {
 	Development: "dev",

frontend/components/basic/dialog/AddUserDialog.js

@@ -1,9 +1,10 @@
-import { Dialog, Transition } from "@headlessui/react";
 import { Fragment } from "react";
-import InputField from "../InputField";
 import { useRouter } from "next/router";
-import Button from "../buttons/Button";
+import { Dialog, Transition } from "@headlessui/react";
+
 import { STRIPE_PRODUCT_STARTER } from "../../utilities/config";
+import Button from "../buttons/Button";
+import InputField from "../InputField";
 
 const AddUserDialog = ({
 	isOpen,

frontend/components/basic/dialog/AddWorkspaceDialog.js

@@ -1,9 +1,10 @@
-import { Dialog, Transition } from "@headlessui/react";
 import { Fragment, useState } from "react";
-import InputField from "../InputField";
 import Image from "next/image";
-import { Checkbox } from "../table/Checkbox";
+import { Dialog, Transition } from "@headlessui/react";
+
 import Button from "../buttons/Button";
+import InputField from "../InputField";
+import { Checkbox } from "../table/Checkbox";
 
 /**
  * The dialog modal for when the user wants to create a new workspace

frontend/components/basic/dialog/DeleteUserDialog.js

@@ -1,5 +1,6 @@
-import { Dialog, Transition } from '@headlessui/react'
 import { Fragment, useState } from 'react'
+import { Dialog, Transition } from '@headlessui/react'
+
 import InputField from '../InputField';
 
 // #TODO: USE THIS. Currently it's not. Kinda complicated to set up because of state.

frontend/components/basic/layout.js

@@ -1,29 +1,29 @@
 /* eslint-disable react-hooks/exhaustive-deps */
+import { useEffect, useState } from "react";
 import Link from "next/link";
 import { useRouter } from "next/router";
-import { useEffect, useState } from "react";
-
-import NavBarDashboard from "../navigation/NavBarDashboard";
-import Listbox from "./Listbox";
-import getWorkspaces from "~/pages/api/workspace/getWorkspaces";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
-	faHouse,
-	faUser,
 	faGear,
-	faMobile,
+	faHouse,
 	faLink,
+	faMobile,
+	faUser,
 } from "@fortawesome/free-solid-svg-icons";
-import AddWorkspaceDialog from "./dialog/AddWorkspaceDialog";
+import { faPlus } from "@fortawesome/free-solid-svg-icons";
-import createWorkspace from "~/pages/api/workspace/createWorkspace";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
+import getOrganizations from "~/pages/api/organization/getOrgs";
 import getOrganizationUserProjects from "~/pages/api/organization/GetOrgUserProjects";
 import getOrganizationUsers from "~/pages/api/organization/GetOrgUsers";
 import addUserToWorkspace from "~/pages/api/workspace/addUserToWorkspace";
-import getOrganizations from "~/pages/api/organization/getOrgs";
+import createWorkspace from "~/pages/api/workspace/createWorkspace";
-import { faPlus } from "@fortawesome/free-solid-svg-icons";
+import getWorkspaces from "~/pages/api/workspace/getWorkspaces";
 
+import NavBarDashboard from "../navigation/NavBarDashboard";
 import { decryptAssymmetric, encryptAssymmetric } from "../utilities/crypto";
 import Button from "./buttons/Button";
+import AddWorkspaceDialog from "./dialog/AddWorkspaceDialog";
+import Listbox from "./Listbox";
 
 export default function Layout({ children }) {
 	const router = useRouter();

frontend/components/basic/popups/BottomRightPopup.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faXmark } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 export default function BottonRightPopup({
 	buttonText,

frontend/components/basic/table/ServiceTokenTable.js

@@ -1,8 +1,9 @@
 import React, { useEffect, useState } from "react";
 import { useRouter } from "next/router";
 import { faX } from "@fortawesome/free-solid-svg-icons";
-import Button from "../buttons/Button";
+
 import guidGenerator from "../../utilities/randomId";
+import Button from "../buttons/Button";
 
 const roles = ["admin", "user"];
 

frontend/components/basic/table/UserTable.js

@@ -1,14 +1,16 @@
 import React, { useEffect, useMemo, useState } from "react";
 import { useRouter } from "next/router";
-import Listbox from "../Listbox";
-import uploadKeys from "~/pages/api/workspace/uploadKeys";
-import getLatestFileKey from "~/pages/api/workspace/getLatestFileKey";
-import deleteUserFromWorkspace from "~/pages/api/workspace/deleteUserFromWorkspace";
-import changeUserRoleInWorkspace from "~/pages/api/workspace/changeUserRoleInWorkspace";
-import deleteUserFromOrganization from "~/pages/api/organization/deleteUserFromOrganization";
 import { faX } from "@fortawesome/free-solid-svg-icons";
-import Button from "../buttons/Button";
+
+import deleteUserFromOrganization from "~/pages/api/organization/deleteUserFromOrganization";
+import changeUserRoleInWorkspace from "~/pages/api/workspace/changeUserRoleInWorkspace";
+import deleteUserFromWorkspace from "~/pages/api/workspace/deleteUserFromWorkspace";
+import getLatestFileKey from "~/pages/api/workspace/getLatestFileKey";
+import uploadKeys from "~/pages/api/workspace/uploadKeys";
+
 import guidGenerator from "../../utilities/randomId";
+import Button from "../buttons/Button";
+import Listbox from "../Listbox";
 
 const {
 	decryptAssymmetric,

frontend/components/billing/Card.js

@@ -1,8 +1,8 @@
 import React from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faCheck, faQuestionCircle } from "@fortawesome/free-solid-svg-icons";
 import { faCcMastercard, faCcVisa } from "@fortawesome/free-brands-svg-icons";
+import { faCheck, faQuestionCircle } from "@fortawesome/free-solid-svg-icons";
 import { faCircle } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 export default function Card({ card, changeSelectedCard, selected }) {
 	function creditCardBrandIcon(cc) {

frontend/components/billing/Plan.js

@@ -1,4 +1,5 @@
 import React from "react";
+
 import StripeRedirect from "~/pages/api/organization/StripeRedirect";
 
 export default function Plan({ plan }) {

frontend/components/dashboard/DashboardInputField.js

@@ -1,6 +1,7 @@
 import React, { Fragment } from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faCircle } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
 import guidGenerator from "../utilities/randomId";
 
 /**

frontend/components/dashboard/DropZone.js

@@ -1,13 +1,12 @@
 import { useState } from "react";
-
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faUpload } from "@fortawesome/free-solid-svg-icons";
-import guidGenerator from "../utilities/randomId";
-
-import Error from "../basic/Error";
 import Image from "next/image";
-import parse from "../utilities/file";
+import { faUpload } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
 import Button from "../basic/buttons/Button";
+import Error from "../basic/Error";
+import parse from "../utilities/file";
+import guidGenerator from "../utilities/randomId";
 
 const DropZone = ({
 	setData,

frontend/components/navigation/NavBarDashboard.js

@@ -1,27 +1,27 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 /* eslint-disable react/jsx-key */
-import React, { useState, Fragment, useEffect } from "react";
+import React, { Fragment, useEffect,useState } from "react";
-import { useRouter } from "next/router";
-
 import Image from "next/image";
-
+import { useRouter } from "next/router";
-import logout from "~/pages/api/auth/Logout";
+import { faGithub,faSlack } from "@fortawesome/free-brands-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faCircleQuestion } from "@fortawesome/free-regular-svg-icons";
 import {
-	faBook,
-	faGear,
-	faCoins,
-	faRightFromBracket,
-	faEnvelope,
-	faPlus,
 	faAngleDown,
+	faBook,
+	faCoins,
+	faEnvelope,
+	faGear,
+	faPlus,
+	faRightFromBracket,
 } from "@fortawesome/free-solid-svg-icons";
-import { faSlack, faGithub } from "@fortawesome/free-brands-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { Menu, Transition } from "@headlessui/react";
-import getUser from "~/pages/api/user/getUser";
+
-import getOrganizations from "~/pages/api/organization/getOrgs";
+import logout from "~/pages/api/auth/Logout";
 import getOrganization from "~/pages/api/organization/GetOrg";
+import getOrganizations from "~/pages/api/organization/getOrgs";
+import getUser from "~/pages/api/user/getUser";
+
 import guidGenerator from "../utilities/randomId";
 
 const supportOptions = [

frontend/components/navigation/NavHeader.js

@@ -1,14 +1,15 @@
 import React, { useEffect, useState } from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useRouter } from "next/router";
+import { faCcMastercard, faCcVisa } from "@fortawesome/free-brands-svg-icons";
 import {
 	faAngleRight,
 	faQuestionCircle,
 } from "@fortawesome/free-solid-svg-icons";
-import { faCcMastercard, faCcVisa } from "@fortawesome/free-brands-svg-icons";
 import { faCircle } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
 import getOrganization from "~/pages/api/organization/GetOrg";
 import getWorkspaceInfo from "~/pages/api/workspace/getWorkspaceInfo";
-import { useRouter } from "next/router";
 
 export default function NavHeader({ pageName, isProjectRelated }) {
 	const [orgName, setOrgName] = useState("");

frontend/components/utilities/SecurityClient.js

@@ -1,4 +1,5 @@
 import token from "~/pages/api/auth/Token";
+
 import { PATH } from "../../const";
 
 export default class SecurityClient {

frontend/components/utilities/attemptLogin.js

@@ -1,12 +1,13 @@
+import Aes256Gcm from "~/components/aes-256-gcm";
 import login1 from "~/pages/api/auth/Login1";
 import login2 from "~/pages/api/auth/Login2";
-import Aes256Gcm from "~/components/aes-256-gcm";
-import pushKeys from "./pushKeys";
-import { initPostHog } from "../analytics/posthog";
 import getOrganizations from "~/pages/api/organization/getOrgs";
 import getOrganizationUserProjects from "~/pages/api/organization/GetOrgUserProjects";
-import SecurityClient from "./SecurityClient";
+
+import { initPostHog } from "../analytics/posthog";
 import { ENV } from "./config";
+import pushKeys from "./pushKeys";
+import SecurityClient from "./SecurityClient";
 
 const nacl = require("tweetnacl");
 nacl.util = require("tweetnacl-util");

frontend/components/utilities/changePassword.js

@@ -1,6 +1,7 @@
-import Aes256Gcm from "../aes-256-gcm";
-import SRP1 from "~/pages/api/auth/SRP1";
 import changePassword2 from "~/pages/api/auth/ChangePassword2";
+import SRP1 from "~/pages/api/auth/SRP1";
+
+import Aes256Gcm from "../aes-256-gcm";
 
 const nacl = require("tweetnacl");
 nacl.util = require("tweetnacl-util");

frontend/components/utilities/getSecretsForProject.js

@@ -1,4 +1,5 @@
 import getSecrets from "~/pages/api/files/GetSecrets";
+
 import guidGenerator from "./randomId";
 
 const {

frontend/components/utilities/issueBackupKey.js

@@ -1,6 +1,7 @@
-import Aes256Gcm from "../aes-256-gcm";
-import SRP1 from "~/pages/api/auth/SRP1";
 import issueBackupPrivateKey from "~/pages/api/auth/IssueBackupPrivateKey";
+import SRP1 from "~/pages/api/auth/SRP1";
+
+import Aes256Gcm from "../aes-256-gcm";
 import generateBackupPDF from "./generateBackupPDF";
 
 const nacl = require("tweetnacl");

frontend/components/utilities/pushKeys.js

@@ -1,6 +1,6 @@
+import uploadSecrets from "~/pages/api/files/UploadSecrets";
 import getLatestFileKey from "~/pages/api/workspace/getLatestFileKey";
 import getWorkspaceKeys from "~/pages/api/workspace/getWorkspaceKeys";
-import uploadSecrets from "~/pages/api/files/UploadSecrets";
 
 const crypto = require("crypto");
 const {

frontend/package.json

@@ -58,6 +58,7 @@
 		"autoprefixer": "^10.4.7",
 		"eslint": "^8.28.0",
 		"eslint-config-next": "^13.0.5",
+		"eslint-plugin-simple-import-sort": "^8.0.0",
 		"postcss": "^8.4.14",
 		"prettier": "2.7.1",
 		"tailwindcss": "^3.1.4",

frontend/pages/_app.js

@@ -1,14 +1,17 @@
-import "../styles/globals.css";
-import "@fortawesome/fontawesome-svg-core/styles.css";
-import { config } from "@fortawesome/fontawesome-svg-core";
-import Layout from "~/components/basic/layout";
-import RouteGuard from "~/components/RouteGuard";
-import { publicPaths } from "../const.js";
 import { useEffect } from "react";
 import { useRouter } from "next/router";
+import { config } from "@fortawesome/fontawesome-svg-core";
+
 import { initPostHog } from "~/components/analytics/posthog";
+import Layout from "~/components/basic/layout";
+import RouteGuard from "~/components/RouteGuard";
 import { ENV } from "~/utilities/config";
 
+import { publicPaths } from "../const.js";
+
+import "@fortawesome/fontawesome-svg-core/styles.css";
+import "../styles/globals.css";
+
 config.autoAddCss = false;
 
 const App = ({ Component, pageProps, ...appProps }) => {

frontend/pages/api/auth/ChangePassword2.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/auth/CheckAuth.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient.js";
+
 import { PATH } from "../../../const.js";
 
 /**

frontend/pages/api/auth/IssueBackupPrivateKey.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/auth/Logout.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/auth/SRP1.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/files/GetSecrets.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient.js";
+
 import { PATH } from "../../../const.js";
 
 /**

frontend/pages/api/files/UploadSecrets.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/integrations/ChangeHerokuConfigVars.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 const changeHerokuConfigVars = ({ integrationId, key, secrets }) => {

frontend/pages/api/integrations/DeleteIntegration.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/integrations/DeleteIntegrationAuth.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/integrations/GetIntegrationApps.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 const getIntegrationApps = ({ integrationAuthId }) => {

frontend/pages/api/integrations/GetIntegrations.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 const getIntegrations = () => {

frontend/pages/api/integrations/StartIntegration.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/integrations/authorizeIntegration.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/integrations/getWorkspaceAuthorizations.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/integrations/getWorkspaceIntegrations.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/organization/GetOrg.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/organization/GetOrgProjects.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/organization/GetOrgSubscription.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/organization/GetOrgUserProjects.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/organization/GetOrgUsers.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/organization/StripeRedirect.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/organization/addIncidentContact.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/organization/addUserToOrg.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/organization/deleteIncidentContact.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/organization/deleteUserFromOrganization.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/organization/getIncidentContacts.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/organization/getOrgs.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/organization/renameOrg.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/serviceToken/addServiceToken.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/serviceToken/getServiceTokens.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/user/getUser.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/userActions/checkUserAction.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/userActions/registerUserAction.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/workspace/addUserToWorkspace.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/workspace/changeUserRoleInWorkspace.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/workspace/createWorkspace.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/workspace/deleteUserFromWorkspace.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/workspace/deleteWorkspace.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/workspace/getLatestFileKey.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/workspace/getWorkspaceInfo.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/workspace/getWorkspaceKeys.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/workspace/getWorkspaceUsers.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/workspace/getWorkspaces.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/workspace/renameWorkspace.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/api/workspace/uploadKeys.js

@@ -1,4 +1,5 @@
 import SecurityClient from "~/utilities/SecurityClient";
+
 import { PATH } from "../../../const";
 
 /**

frontend/pages/dashboard.js

@@ -1,6 +1,6 @@
 import React, { useEffect } from "react";
-import { useRouter } from "next/router";
 import Head from "next/head";
+import { useRouter } from "next/router";
 
 import getWorkspaces from "./api/workspace/getWorkspaces";
 

frontend/pages/dashboard/[id].js

@@ -1,42 +1,43 @@
-import React, { useState, useEffect, useCallback, Fragment } from "react";
+import React, { Fragment, useCallback, useEffect, useState } from "react";
-import { useRouter } from "next/router";
 import Head from "next/head";
 import Image from "next/image";
-import guidGenerator from "~/utilities/randomId";
+import { useRouter } from "next/router";
-import getSecretsForProject from "~/utilities/getSecretsForProject";
-import pushKeys from "~/utilities/pushKeys";
-import getWorkspaces from "../api/workspace/getWorkspaces";
-import getUser from "../api/user/getUser";
-import NavHeader from "~/components/navigation/NavHeader";
-
-import DashboardInputField from "~/components/dashboard/DashboardInputField";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
-	faMagnifyingGlass,
-	faEye,
-	faEyeSlash,
-	faPlus,
-	faFolderOpen,
 	faArrowDownAZ,
 	faArrowDownZA,
+	faCheck,
+	faCircleInfo,
+	faCopy,
 	faDownload,
 	faEllipsis,
-	faPerson,
+	faEye,
+	faEyeSlash,
+	faFolderOpen,
+	faMagnifyingGlass,
 	faPeopleGroup,
-	faCheck,
+	faPerson,
-	faCopy,
+	faPlus,
-	faCircleInfo,
 	faX,
 } from "@fortawesome/free-solid-svg-icons";
-import ListBox from "~/components/basic/Listbox";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import DropZone from "~/components/dashboard/DropZone";
 import { Menu, Transition } from "@headlessui/react";
-import getWorkspaceIntegrations from "../api/integrations/getWorkspaceIntegrations";
+
+import Button from "~/components/basic/buttons/Button";
+import ListBox from "~/components/basic/Listbox";
 import BottonRightPopup from "~/components/basic/popups/BottomRightPopup";
+import DashboardInputField from "~/components/dashboard/DashboardInputField";
+import DropZone from "~/components/dashboard/DropZone";
+import NavHeader from "~/components/navigation/NavHeader";
+import getSecretsForProject from "~/utilities/getSecretsForProject";
+import pushKeys from "~/utilities/pushKeys";
+import pushKeysIntegration from "~/utilities/pushKeysIntegration";
+import guidGenerator from "~/utilities/randomId";
+
+import getWorkspaceIntegrations from "../api/integrations/getWorkspaceIntegrations";
+import getUser from "../api/user/getUser";
 import checkUserAction from "../api/userActions/checkUserAction";
 import registerUserAction from "../api/userActions/registerUserAction";
-import pushKeysIntegration from "~/utilities/pushKeysIntegration";
+import getWorkspaces from "../api/workspace/getWorkspaces";
-import Button from "~/components/basic/buttons/Button";
 
 const KeyPair = ({
 	keyPair,

frontend/pages/integrations/[id].js

@@ -1,27 +1,29 @@
-import React, { useState, useEffect } from "react";
+import React, { useEffect,useState } from "react";
-import { useRouter } from "next/router";
 import Head from "next/head";
 import Image from "next/image";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useRouter } from "next/router";
 import {
-	faCheck,
 	faArrowRight,
+	faCheck,
 	faRotate,
 	faX,
 } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
+import Button from "~/components/basic/buttons/Button";
 import ListBox from "~/components/basic/Listbox";
 import NavHeader from "~/components/navigation/NavHeader";
-import getIntegrations from "../api/integrations/GetIntegrations";
+import getSecretsForProject from "~/utilities/getSecretsForProject";
+import pushKeysIntegration from "~/utilities/pushKeysIntegration";
+import guidGenerator from "~/utilities/randomId";
+
+import deleteIntegration from "../api/integrations/DeleteIntegration";
+import deleteIntegrationAuth from "../api/integrations/DeleteIntegrationAuth";
 import getIntegrationApps from "../api/integrations/GetIntegrationApps";
+import getIntegrations from "../api/integrations/GetIntegrations";
 import getWorkspaceAuthorizations from "../api/integrations/getWorkspaceAuthorizations";
 import getWorkspaceIntegrations from "../api/integrations/getWorkspaceIntegrations";
 import startIntegration from "../api/integrations/StartIntegration";
-import deleteIntegration from "../api/integrations/DeleteIntegration";
-import getSecretsForProject from "~/utilities/getSecretsForProject";
-import pushKeysIntegration from "~/utilities/pushKeysIntegration";
-import deleteIntegrationAuth from "../api/integrations/DeleteIntegrationAuth";
-import Button from "~/components/basic/buttons/Button";
-import guidGenerator from "~/utilities/randomId";
 
 const crypto = require("crypto");
 

frontend/pages/login.js

@@ -1,17 +1,17 @@
-import React, { useState, useEffect } from "react";
+import React, { useEffect,useState } from "react";
-import { useRouter } from "next/router";
-
 import Head from "next/head";
 import Image from "next/image";
 import Link from "next/link";
-
+import { useRouter } from "next/router";
-import InputField from "~/components/basic/InputField";
-import Error from "~/components/basic/Error";
-import Button from "~/components/basic/buttons/Button";
-import getWorkspaces from "./api/workspace/getWorkspaces";
-import attemptLogin from "~/utilities/attemptLogin";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faWarning } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
+import Button from "~/components/basic/buttons/Button";
+import Error from "~/components/basic/Error";
+import InputField from "~/components/basic/InputField";
+import attemptLogin from "~/utilities/attemptLogin";
+
+import getWorkspaces from "./api/workspace/getWorkspaces";
 
 export default function Login() {
 	const [email, setEmail] = useState("");

frontend/pages/noprojects.js

@@ -1,6 +1,6 @@
 import React from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faFolderOpen } from "@fortawesome/free-regular-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 export default function NoProjects() {
 	return (

frontend/pages/settings/billing/[id].js

@@ -1,11 +1,13 @@
-import React, { useState, useEffect } from "react";
+import React, { useEffect,useState } from "react";
 import Head from "next/head";
+
 import Plan from "~/components/billing/Plan";
-import getOrganizationSubscriptions from "../../api/organization/GetOrgSubscription";
-import getOrganizationUsers from "../../api/organization/GetOrgUsers";
 import NavHeader from "~/components/navigation/NavHeader";
 import { STRIPE_PRODUCT_PRO, STRIPE_PRODUCT_STARTER } from "~/utilities/config";
 
+import getOrganizationSubscriptions from "../../api/organization/GetOrgSubscription";
+import getOrganizationUsers from "../../api/organization/GetOrgUsers";
+
 export default function SettingsBilling() {
 	let [currentPlan, setCurrentPlan] = useState("");
 	let [numUsers, setNumUsers] = useState("");

frontend/pages/settings/org/[id].js

@@ -1,30 +1,32 @@
-import React, { useState, useEffect } from "react";
+import React, { useEffect,useState } from "react";
-import { useRouter } from "next/router";
 import Head from "next/head";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useRouter } from "next/router";
 import {
 	faMagnifyingGlass,
 	faPlus,
 	faX,
 } from "@fortawesome/free-solid-svg-icons";
 import { faCheck } from "@fortawesome/free-solid-svg-icons";
-import InputField from "~/components/basic/InputField";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import getWorkspaces from "../../api/workspace/getWorkspaces";
+
+import Button from "~/components/basic/buttons/Button";
 import AddIncidentContactDialog from "~/components/basic/dialog/AddIncidentContactDialog";
-import getIncidentContacts from "../../api/organization/getIncidentContacts";
-import deleteIncidentContact from "../../api/organization/deleteIncidentContact";
-import deleteWorkspace from "../../api/workspace/deleteWorkspace";
 import AddUserDialog from "~/components/basic/dialog/AddUserDialog";
+import InputField from "~/components/basic/InputField";
 import UserTable from "~/components/basic/table/UserTable";
-import getUser from "../../api/user/getUser";
+import NavHeader from "~/components/navigation/NavHeader";
 import guidGenerator from "~/utilities/randomId";
+
 import addUserToOrg from "../../api/organization/addUserToOrg";
-import getOrganizationUsers from "../../api/organization/GetOrgUsers";
+import deleteIncidentContact from "../../api/organization/deleteIncidentContact";
-import renameOrg from "../../api/organization/renameOrg";
+import getIncidentContacts from "../../api/organization/getIncidentContacts";
 import getOrganization from "../../api/organization/GetOrg";
 import getOrganizationSubscriptions from "../../api/organization/GetOrgSubscription";
-import NavHeader from "~/components/navigation/NavHeader";
+import getOrganizationUsers from "../../api/organization/GetOrgUsers";
-import Button from "~/components/basic/buttons/Button";
+import renameOrg from "../../api/organization/renameOrg";
+import getUser from "../../api/user/getUser";
+import deleteWorkspace from "../../api/workspace/deleteWorkspace";
+import getWorkspaces from "../../api/workspace/getWorkspaces";
 
 export default function SettingsOrg() {
 	const [buttonReady, setButtonReady] = useState(false);

frontend/pages/settings/personal/[id].js

@@ -1,14 +1,16 @@
-import React, { useState, useEffect } from "react";
+import React, { useEffect,useState } from "react";
 import Head from "next/head";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faCheck, faX } from "@fortawesome/free-solid-svg-icons";
-import InputField from "~/components/basic/InputField";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import getUser from "../../api/user/getUser";
+
-import NavHeader from "~/components/navigation/NavHeader";
-import passwordCheck from "~/utilities/checks/PasswordCheck";
-import changePassword from "~/utilities/changePassword";
-import issueBackupKey from "~/utilities/issueBackupKey";
 import Button from "~/components/basic/buttons/Button";
+import InputField from "~/components/basic/InputField";
+import NavHeader from "~/components/navigation/NavHeader";
+import changePassword from "~/utilities/changePassword";
+import passwordCheck from "~/utilities/checks/PasswordCheck";
+import issueBackupKey from "~/utilities/issueBackupKey";
+
+import getUser from "../../api/user/getUser";
 
 export default function PersonalSettings() {
 	const [personalEmail, setPersonalEmail] = useState("");

frontend/pages/settings/project/[id].js

@@ -1,17 +1,18 @@
-import React, { useState, useRef, useEffect } from "react";
+import React, { useEffect,useRef, useState } from "react";
-import { useRouter } from "next/router";
 import Head from "next/head";
-
+import { useRouter } from "next/router";
 import { faCheck, faPlus } from "@fortawesome/free-solid-svg-icons";
+
+import Button from "~/components/basic/buttons/Button";
+import AddServiceTokenDialog from "~/components/basic/dialog/AddServiceTokenDialog";
 import InputField from "~/components/basic/InputField";
+import ServiceTokenTable from "~/components/basic/table/ServiceTokenTable";
+import NavHeader from "~/components/navigation/NavHeader";
+
+import getServiceTokens from "../../api/serviceToken/getServiceTokens";
+import deleteWorkspace from "../../api/workspace/deleteWorkspace";
 import getWorkspaces from "../../api/workspace/getWorkspaces";
 import renameWorkspace from "../../api/workspace/renameWorkspace";
-import deleteWorkspace from "../../api/workspace/deleteWorkspace";
-import NavHeader from "~/components/navigation/NavHeader";
-import Button from "~/components/basic/buttons/Button";
-import ServiceTokenTable from "~/components/basic/table/ServiceTokenTable";
-import getServiceTokens from "../../api/serviceToken/getServiceTokens";
-import AddServiceTokenDialog from "~/components/basic/dialog/AddServiceTokenDialog";
 
 export default function SettingsBasic() {
 	const [buttonReady, setButtonReady] = useState(false);

frontend/pages/signup.js

@@ -1,24 +1,24 @@
-import React, { useState, useRef, useEffect } from "react";
+import React, { useEffect,useRef, useState } from "react";
-import { useRouter } from "next/router";
+import dynamic from "next/dynamic";
-
 import Head from "next/head";
 import Image from "next/image";
 import Link from "next/link";
-import dynamic from "next/dynamic";
+import { useRouter } from "next/router";
+import { faCheck, faWarning,faX } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
-import InputField from "~/compoennts/basic/InputField";
+import Aes256Gcm from "~/compoennts/aes-256-gcm";
-import Error from "~/compoennts/basic/Error";
 import Button from "~/compoennts/basic/buttons/Button";
-import sendVerificationEmail from "./api/auth/SendVerificationEmail";
+import Error from "~/compoennts/basic/Error";
+import InputField from "~/compoennts/basic/InputField";
+import attemptLogin from "~/compoennts/utilities/attemptLogin";
+import passwordCheck from "~/compoennts/utilities/checks/PasswordCheck";
+import issueBackupKey from "~/compoennts/utilities/issueBackupKey";
+
 import checkEmailVerificationCode from "./api/auth/CheckEmailVerificationCode";
 import completeAccountInformationSignup from "./api/auth/CompleteAccountInformationSignup";
-import Aes256Gcm from "~/compoennts/aes-256-gcm";
+import sendVerificationEmail from "./api/auth/SendVerificationEmail";
-import passwordCheck from "~/compoennts/utilities/checks/PasswordCheck";
 import getWorkspaces from "./api/workspace/getWorkspaces";
-import attemptLogin from "~/compoennts/utilities/attemptLogin";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faCheck, faX, faWarning } from "@fortawesome/free-solid-svg-icons";
-import issueBackupKey from "~/compoennts/utilities/issueBackupKey";
 
 const ReactCodeInput = dynamic(import("react-code-input"));
 const nacl = require("tweetnacl");

frontend/pages/signupinvite.js

@@ -1,19 +1,19 @@
 import React, { useState } from "react";
-import { useRouter } from "next/router";
-
 import Head from "next/head";
 import Image from "next/image";
 import Link from "next/link";
-
+import { useRouter } from "next/router";
-import InputField from "~/components/basic/InputField";
+import { faCheck, faWarning,faX } from "@fortawesome/free-solid-svg-icons";
-import Button from "~/components/basic/buttons/Button";
-import completeAccountInformationSignupInvite from "./api/auth/CompleteAccountInformationSignupInvite";
-import Aes256Gcm from "~/components/aes-256-gcm";
-import passwordCheck from "~/utilities/checks/PasswordCheck";
-import attemptLogin from "~/utilities/attemptLogin";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faCheck, faX, faWarning } from "@fortawesome/free-solid-svg-icons";
+
+import Aes256Gcm from "~/components/aes-256-gcm";
+import Button from "~/components/basic/buttons/Button";
+import InputField from "~/components/basic/InputField";
+import attemptLogin from "~/utilities/attemptLogin";
+import passwordCheck from "~/utilities/checks/PasswordCheck";
 import issueBackupKey from "~/utilities/issueBackupKey";
+
+import completeAccountInformationSignupInvite from "./api/auth/CompleteAccountInformationSignupInvite";
 import verifySignupInvite from "./api/auth/VerifySignupInvite";
 
 const nacl = require("tweetnacl");

frontend/pages/users/[id].js

@@ -1,21 +1,22 @@
-import React, { useState, useEffect } from "react";
+import React, { useEffect, useState } from "react";
-import { useRouter } from "next/router";
 import Head from "next/head";
 import Image from "next/image";
-
+import { useRouter } from "next/router";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faMagnifyingGlass, faPlus } from "@fortawesome/free-solid-svg-icons";
-import UserTable from "~/components/basic/table/UserTable";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import getWorkspaceUsers from "../api/workspace/getWorkspaceUsers";
+
-import guidGenerator from "~/utilities/randomId";
+import Button from "~/components/basic/buttons/Button";
 import AddProjectMemberDialog from "~/components/basic/dialog/AddProjectMemberDialog";
+import UserTable from "~/components/basic/table/UserTable";
+import NavHeader from "~/components/navigation/NavHeader";
+import guidGenerator from "~/utilities/randomId";
+
+import getOrganizationUsers from "../api/organization/GetOrgUsers";
+import getUser from "../api/user/getUser";
 // import DeleteUserDialog from '~/components/basic/dialog/DeleteUserDialog';
 import addUserToWorkspace from "../api/workspace/addUserToWorkspace";
-import getUser from "../api/user/getUser";
+import getWorkspaceUsers from "../api/workspace/getWorkspaceUsers";
 import uploadKeys from "../api/workspace/uploadKeys";
-import getOrganizationUsers from "../api/organization/GetOrgUsers";
-import NavHeader from "~/components/navigation/NavHeader";
-import Button from "~/components/basic/buttons/Button";
 
 // #TODO: Update all the workspaceIds
 const crypto = require("crypto");

frontend/yarn.lock

@@ -1555,6 +1555,11 @@ eslint-plugin-react@^7.31.7:
     semver "^6.3.0"
     string.prototype.matchall "^4.0.8"
 
+eslint-plugin-simple-import-sort@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-simple-import-sort/-/eslint-plugin-simple-import-sort-8.0.0.tgz#9d9a2372b0606e999ea841b10458a370a6ccc160"
+  integrity sha512-bXgJQ+lqhtQBCuWY/FUWdB27j4+lqcvXv5rUARkzbeWLwea+S5eBZEQrhnO+WgX3ZoJHVj0cn943iyXwByHHQw==
+
 eslint-scope@^7.1.1:
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.1.1.tgz#fff34894c2f65e5226d3041ac480b4513a163642"