Upgrade axios

SAS/TMSS/frontend/tmss_webapp/package.json

@@ -13,7 +13,8 @@
     "@testing-library/user-event": "^7.1.2",
     "ag-grid-community": "^24.1.0",
     "ag-grid-react": "^24.1.1",
-    "axios": "^0.21.4",
+    "axios": "^1.4.0",
+    "use-axios": "^1.0.0",
     "bootstrap": "^4.5.0",
     "chart.js": "^3.2.1",
     "cleave.js": "^1.6.0",
@@ -108,7 +109,9 @@
     "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.17.12",
     "babel-polyfill": "^6.26.0",
     "customize-cra": "^0.9.1",
-    "react-app-rewired": "^1.6.2"
+    "react-app-rewired": "^1.6.2",
+    "@babel/preset-env": "^7.22.4",
+    "babel-jest": "^29.5.0"
   },
   "resolutions": {
     "immer": "^9.0.12",
@@ -122,6 +125,15 @@
     "nth-check": "^2.0.1",
     "scss-tokenizer": "0.4.3"
   },
+  "jest": {
+    "transform": {
+      "^.+\\.[t|j]sx?$": "babel-jest"
+    },
+    "transformIgnorePatterns": ["node_modules/(?!axios)/"]
+  },
+  "babel": {
+     "presets": ["@babel/preset-env"]
+  },
   "description": "This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).",
   "main": "index.js",
   "author": "",

SAS/TMSS/frontend/tmss_webapp/src/authenticate/auth.js

 import AuthService from "../services/auth.service";
 import AuthStore from "./auth.store";
 import PermissionStackUtil from './permission.stack.handler';
-const axios = require('axios');
+import axios from "axios"
 
 /**
  * Global functions to authenticate user and get user details from browser local storage.

SAS/TMSS/frontend/tmss_webapp/src/services/auth.service.js

-const axios = require('axios');
+import axios from "axios"
 
 const AuthService = {
     authenticate: async(user, pass) => {

SAS/TMSS/frontend/tmss_webapp/src/services/cycle.service.js

-const axios = require('axios');
+import axios from "axios"
 
 const CycleService = {
     getAllCycles: async function () {

SAS/TMSS/frontend/tmss_webapp/src/services/data.product.service.js

-const axios = require('axios');
+import axios from "axios"
 
 const DataProductService = {
     

SAS/TMSS/frontend/tmss_webapp/src/services/project.service.js

@@ -2,7 +2,7 @@ import _ from 'lodash';
 
 import UnitConverter from './../utils/unit.converter'
 
-const axios = require('axios');
+import axios from "axios"
 
 const ProjectService = {
     getProjectCategories: async function() {

SAS/TMSS/frontend/tmss_webapp/src/services/reservation.service.js

-const axios = require('axios');
+import axios from "axios"
 
 const ReservationService = {
     getReservationTemplates: async function () {

SAS/TMSS/frontend/tmss_webapp/src/services/system.event.service.js

-const axios = require('axios');
+import axios from "axios"
 
 const SystemEventService = {
     getSEAffectedHardwareTemplates: async function () {

SAS/TMSS/frontend/tmss_webapp/src/services/task.service.js

+import axios from "axios"
 import {parseTemplatesToCorrectJSONFormat} from "./service.helper";
 
-const axios = require('axios');
-
 const TaskService = {
     getTaskDetails: async function (taskType, taskId, fetchSubtask) {
       try {

SAS/TMSS/frontend/tmss_webapp/src/services/util.service.js

@@ -2,7 +2,7 @@ import $RefParser from 'json-schema-ref-parser';
 import _ from 'lodash';
 import Auth from '../authenticate/auth';
 
-const axios = require('axios');
+import axios from "axios"
 const refParser = new $RefParser();
 const fs = require('fs');
 const path = require('path');

SAS/TMSS/frontend/tmss_webapp/src/services/workflow.service.js

-const axios = require('axios');
+import axios from "axios"
 
 const WorkflowService = { 
     getWorkflowProcesses: async function (){