chore: Dev merging in Main

src/ContentProcessorWeb/src/Components/Header/Header.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { useNavigate, useLocation } from "react-router-dom";
-import { useHeaderHooks, Header } from "../../Hooks/useHeaderHooks.tsx";
+import { Header } from "../../Hooks/useHeaderHooks.tsx";
 import {
   TabList,
   Tab,

src/ContentProcessorWeb/src/Components/JSONEditor/JSONEditor.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react'
-import { JsonEditor, JsonEditorProps, githubDarkTheme } from 'json-edit-react'
+import { JsonEditor } from 'json-edit-react'
 import './JSONEditor.styles.scss'
 
 import { useDispatch, useSelector, shallowEqual } from 'react-redux';

src/ContentProcessorWeb/src/Components/UploadContent/UploadFilesModal.tsx

@@ -209,7 +209,7 @@ const UploadFilesModal: React.FC<UploadFilesModalProps> = ({ open, onClose }) =>
     setUploading(false);
     setFileErrors({})
     setUploadCompleted(false);
-  }
+  };
   const isSchemaSelectedOptionEmpty = !store.schemaSelectedOption || Object.keys(store.schemaSelectedOption).length === 0;
   const onCloseHandler = () => {
     resetState();

src/ContentProcessorWeb/src/Pages/DefaultPage/Components/ProcessQueueGrid/ProcessQueueGrid.tsx

@@ -3,7 +3,7 @@ import { FixedSizeList as List } from "react-window";
 import { DocumentQueueAdd20Regular, DocumentPdfRegular, ImageRegular } from "@fluentui/react-icons";
 import { Tooltip } from "@fluentui/react-components";
 import {
-     useScrollbarWidth, useFluent, TableBody, TableCell, TableRow, Table,
+    TableBody, TableCell, TableRow, Table,
     TableHeader, TableHeaderCell, TableCellLayout, createTableColumn, useTableFeatures,
     useTableSelection, useTableSort, TableColumnId, 
     TableRowId
@@ -79,8 +79,6 @@ const ProcessQueueGrid: React.FC<GridComponentProps> = () => {
     }), shallowEqual
     );
 
-    const { targetDocument } = useFluent();
-
     const [sortState, setSortState] = useState<{
         sortDirection: "ascending" | "descending";
         sortColumn: TableColumnId | undefined;
@@ -166,9 +164,6 @@ const ProcessQueueGrid: React.FC<GridComponentProps> = () => {
         getRows,
         sort: { getSortDirection, toggleColumnSort, sort },
         selection: {
-            allRowsSelected,
-            someRowsSelected,
-            toggleAllRows,
             toggleRow,
             isRowSelected,
         },

src/ContentProcessorWeb/src/Pages/DefaultPage/Components/ProcessSteps/ProcessSteps.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState, useRef } from "react";
+import React, { useEffect, useState, useRef } from "react";
 import { Accordion, AccordionItem, AccordionHeader, AccordionPanel } from "@fluentui/react-components";
 import { useSelector, shallowEqual } from 'react-redux';
 import { RootState } from '../../../../store/index.ts';

src/ContentProcessorWeb/src/Pages/DefaultPage/PanelRight.tsx

@@ -4,7 +4,6 @@ import DocumentViewer from '../../Components/DocumentViewer/DocumentViewer.tsx'
 import { useDispatch, useSelector, shallowEqual } from 'react-redux';
 import { AppDispatch, RootState } from '../../store';
 import { fetchContentFileData } from '../../store/slices/rightPanelSlice'
-import { updatePanelCollapse } from "../../store/slices/defaultPageSlice.ts";
 import { bundleIcon, ChevronDoubleLeft20Filled, ChevronDoubleLeft20Regular } from "@fluentui/react-icons";
 import { Button } from "@fluentui/react-components";
 const ChevronDoubleLeft = bundleIcon(ChevronDoubleLeft20Regular, ChevronDoubleLeft20Filled);

src/ContentProcessorWeb/src/Pages/DefaultPage/index.tsx

@@ -8,7 +8,7 @@ import { useDispatch, useSelector, shallowEqual } from 'react-redux';
 import { AppDispatch, RootState } from '../../store/index.ts';
 import { updatePanelCollapse } from "../../store/slices/defaultPageSlice.ts";
 
-import { makeStyles, Button } from "@fluentui/react-components";
+import { Button } from "@fluentui/react-components";
 
 const Page: React.FC = () => {
 

src/ContentProcessorWeb/src/Pages/HomePage.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React from "react";
 
 const Page: React.FC = () => {
   return (

src/ContentProcessorWeb/src/Services/httpUtility.ts

@@ -81,7 +81,6 @@ const fetchWithAuth = async <T>(
     if (error?.status !== undefined) {
       throw error;
     }
-    const isNetworkError = error instanceof TypeError && error.message === 'Failed to fetch';
     const isOffline = !navigator.onLine; //isNetworkError ||
 
     const message = isOffline

src/ContentProcessorWeb/src/msal-auth/AuthWrapper.tsx

@@ -1,8 +1,5 @@
 
 import React, { useEffect } from "react";
-import { msalInstance } from "./msalInstance";
-import { loginRequest } from "./msaConfig";
-import { useMsal, useIsAuthenticated } from "@azure/msal-react";
 import { InteractionStatus } from "@azure/msal-browser";
 
 import useAuth from './useAuth';

src/ContentProcessorWeb/src/store/slices/centerPanelSlice.ts

@@ -1,4 +1,4 @@
-import { createSlice, createAsyncThunk, PayloadAction } from '@reduxjs/toolkit';
+import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';
 
 import httpUtility, { handleApiThunk } from '../../Services/httpUtility';
 import { toast } from "react-toastify";

src/ContentProcessorWeb/src/store/slices/defaultPageSlice.ts

@@ -1,4 +1,4 @@
-import { createSlice, createAsyncThunk, PayloadAction } from '@reduxjs/toolkit';
+import { createSlice } from '@reduxjs/toolkit';
 
 interface defaultPageState {
     isLeftPanelCollapse: boolean;

src/ContentProcessorWeb/src/store/slices/rightPanelSlice.ts

@@ -2,7 +2,6 @@ import { createSlice, createAsyncThunk, PayloadAction } from '@reduxjs/toolkit';
 
 import httpUtility from '../../Services/httpUtility';
 
-import { toast } from "react-toastify";
 interface T {
     headers: any,
     blobURL: string,