Chore: December dependabot upgrades

.eslintrc.js

@@ -33,6 +33,7 @@ module.exports = {
         accessibility: 'explicit'
       }
     ],
+    'indent': ['error', 2],
     '@typescript-eslint/interface-name-prefix': 'off',
     '@typescript-eslint/member-delimiter-style': [
       'off',

package.json

@@ -4,66 +4,66 @@
         "private": true,
         "dependencies": {
                 "@augloop/types-core": "file:packages/types-core-2.16.189.tgz",
-                "@axe-core/webdriverjs": "4.10.0",
-                "@azure/msal-browser": "3.14.0",
-                "@babel/core": "7.25.2",
-                "@babel/runtime": "7.25.6",
-                "@fluentui/react": "8.120.7",
-                "@fluentui/react-icons-mdl2": "1.3.63",
-                "@microsoft/applicationinsights-react-js": "17.3.1",
-                "@microsoft/applicationinsights-web": "3.3.1",
+                "@axe-core/webdriverjs": "4.10.1",
+                "@azure/msal-browser": "3.26.1",
+                "@babel/core": "7.26.0",
+                "@babel/runtime": "7.26.0",
+                "@fluentui/react": "8.121.13",
+                "@fluentui/react-icons-mdl2": "1.3.80",
+                "@microsoft/applicationinsights-react-js": "17.3.4",
+                "@microsoft/applicationinsights-web": "3.3.4",
                 "@microsoft/microsoft-graph-client": "3.0.7",
                 "@monaco-editor/react": "4.6.0",
                 "@ms-ofb/officebrowserfeedbacknpm": "file:packages/officebrowserfeedbacknpm-1.6.6.tgz",
-                "@reduxjs/toolkit": "2.2.5",
-                "adaptive-expressions": "4.22.2",
+                "@reduxjs/toolkit": "2.4.0",
+                "adaptive-expressions": "4.23.1",
                 "adaptivecards": "3.0.2",
                 "adaptivecards-templating": "2.3.1",
                 "ajv": "8.17.1",
                 "ajv-keywords": "5.1.0",
                 "apg-js": "4.3.0",
-                "babel-loader": "9.1.3",
+                "babel-loader": "9.2.1",
                 "babel-preset-react-app": "10.0.1",
                 "bfj": "8.0.0",
                 "bootstrap": "5.3.3",
                 "case-sensitive-paths-webpack-plugin": "2.4.0",
                 "css-loader": "6.10.0",
                 "dotenv": "16.4.5",
-                "dotenv-expand": "11.0.6",
+                "dotenv-expand": "12.0.1",
                 "eslint-config-react-app": "7.0.1",
-                "eslint-plugin-react": "7.33.2",
+                "eslint-plugin-react": "7.37.2",
                 "eslint-webpack-plugin": "4.1.0",
-                "express": "^4.21.1",
+                "express": "4.21.1",
                 "expvariantassignmentsdk": "file:packages/expvariantassignmentsdk-1.0.0.tgz",
                 "file-loader": "6.2.0",
                 "fork-ts-checker-webpack-plugin": "9.0.2",
                 "fs-extra": "11.2.0",
                 "guid-typescript": "1.0.9",
                 "isomorphic-fetch": "3.0.0",
                 "localforage": "1.10.0",
-                "mini-css-extract-plugin": "2.9.1",
+                "mini-css-extract-plugin": "2.9.2",
                 "monaco-editor": "0.30.1",
                 "monaco-editor-webpack-plugin": "6.0.0",
                 "office-ui-fabric-core": "11.1.0",
                 "postcss-flexbugs-fixes": "5.0.2",
                 "postcss-loader": "8.1.1",
-                "postcss-preset-env": "9.5.13",
-                "re-resizable": "6.9.11",
+                "postcss-preset-env": "10.1.1",
+                "re-resizable": "6.10.1",
                 "react": "18.2.0",
                 "react-app-polyfill": "3.0.0",
                 "react-dom": "18.2.0",
                 "react-redux": "8.1.3",
                 "resolve": "1.22.8",
-                "sass": "1.72.0",
-                "sass-loader": "14.2.1",
+                "sass": "1.81.0",
+                "sass-loader": "16.0.3",
                 "style-loader": "4.0.0",
-                "typescript": "5.5.4",
-                "url": "0.11.3",
+                "typescript": "5.7.2",
+                "url": "0.11.4",
                 "url-loader": "4.1.1",
-                "webpack": "5.94.0",
-                "webpack-dev-server": "5.0.4",
+                "webpack": "5.96.1",
+                "webpack-dev-server": "5.1.0",
                 "webpack-manifest-plugin": "5.0.0",
-                "workbox-webpack-plugin": "7.0.0"
+                "workbox-webpack-plugin": "7.3.0"
         },
         "scripts": {
                 "start": "node scripts/start.js",
@@ -89,26 +89,26 @@
                 "not op_mini all"
         ],
         "devDependencies": {
-                "@axe-core/playwright": "4.10.0",
-                "@playwright/test": "1.46.1",
+                "@axe-core/playwright": "4.10.1",
+                "@playwright/test": "1.49.0",
                 "@types/chromedriver": "81.0.1",
                 "@types/isomorphic-fetch": "0.0.39",
-                "@types/jest": "29.5.12",
+                "@types/jest": "29.5.14",
                 "@types/lodash.debounce": "4.0.9",
                 "@types/markdown-it": "14.1.2",
                 "@types/react": "18.2.55",
                 "@types/react-dom": "18.2.19",
                 "@types/react-redux": "7.1.30",
                 "@types/redux-logger": "3.0.11",
-                "@types/redux-mock-store": "1.0.3",
-                "@types/selenium-webdriver": "4.1.26",
-                "@typescript-eslint/eslint-plugin": "7.0.0",
-                "@typescript-eslint/parser": "6.17.0",
+                "@types/redux-mock-store": "1.5.0",
+                "@types/selenium-webdriver": "4.1.27",
+                "@typescript-eslint/eslint-plugin": "8.16.0",
+                "@typescript-eslint/parser": "8.16.0",
                 "acorn": "8.12.1",
                 "babel-jest": "29.7.0",
-                "chromedriver": "128.0.1",
-                "eslint": "8.56.0",
-                "html-webpack-plugin": "5.6.0",
+                "chromedriver": "131.0.1",
+                "eslint": "8.57.1",
+                "html-webpack-plugin": "5.6.3",
                 "jest": "29.7.0",
                 "jest-canvas-mock": "2.5.2",
                 "jest-environment-jsdom": "29.7.0",
@@ -119,9 +119,9 @@
                 "node-notifier": "10.0.1",
                 "react-dev-utils": "12.0.1",
                 "redux-logger": "3.0.6",
-                "redux-mock-store": "1.5.4",
-                "selenium-webdriver": "4.24.0",
-                "start-server-and-test": "2.0.5",
+                "redux-mock-store": "1.5.5",
+                "selenium-webdriver": "4.27.0",
+                "start-server-and-test": "2.0.8",
                 "ts-jest": "29.2.5"
         },
         "jestSonar": {

src/app/middleware/localStorageMiddleware.ts

@@ -14,43 +14,43 @@ import { saveToLocalStorage } from '../utils/local-storage';
 const localStorageMiddleware: Middleware<{}, any, Dispatch<UnknownAction>> = () => (next) => async (value) => {
   const action = value as AppAction;
   switch (action.type) {
-    case CHANGE_THEME_SUCCESS:
-      saveToLocalStorage(CURRENT_THEME, action.payload);
-      break;
-
-    case SAMPLES_FETCH_SUCCESS:
-      samplesCache.saveSamples(action.payload);
-      break;
-
-    case RESOURCEPATHS_ADD_SUCCESS: {
-      const collections = await collectionsCache.read();
-      const item = collections.find(k => k.isDefault)!;
-      item.paths = getUniquePaths(item.paths, action.payload as ResourcePath[]);
-      await collectionsCache.update(item.id, item);
-      break;
-    }
-
-    case RESOURCEPATHS_DELETE_SUCCESS: {
-      const paths = action.payload as ResourcePath[];
-      const collections = await collectionsCache.read();
-      const collection = collections.find(k => k.isDefault)!;
-      paths.forEach((path: ResourcePath) => {
-        const index = collection.paths.findIndex(k => k.key === path.key);
-        if (index > -1) {
-          collection.paths.splice(index, 1);
-        }
-      })
-      await collectionsCache.update(collection.id, collection);
-      break;
-    }
-
-    case COLLECTION_CREATE_SUCCESS: {
-      await collectionsCache.create(action.payload as Collection);
-      break;
-    }
-
-    default:
-      break;
+  case CHANGE_THEME_SUCCESS:
+    saveToLocalStorage(CURRENT_THEME, action.payload);
+    break;
+
+  case SAMPLES_FETCH_SUCCESS:
+    samplesCache.saveSamples(action.payload);
+    break;
+
+  case RESOURCEPATHS_ADD_SUCCESS: {
+    const collections = await collectionsCache.read();
+    const item = collections.find(k => k.isDefault)!;
+    item.paths = getUniquePaths(item.paths, action.payload as ResourcePath[]);
+    await collectionsCache.update(item.id, item);
+    break;
+  }
+
+  case RESOURCEPATHS_DELETE_SUCCESS: {
+    const paths = action.payload as ResourcePath[];
+    const collections = await collectionsCache.read();
+    const collection = collections.find(k => k.isDefault)!;
+    paths.forEach((path: ResourcePath) => {
+      const index = collection.paths.findIndex(k => k.key === path.key);
+      if (index > -1) {
+        collection.paths.splice(index, 1);
+      }
+    })
+    await collectionsCache.update(collection.id, collection);
+    break;
+  }
+
+  case COLLECTION_CREATE_SUCCESS: {
+    await collectionsCache.create(action.payload as Collection);
+    break;
+  }
+
+  default:
+    break;
   }
   return next(action);
 }

src/app/middleware/telemetryMiddleware.ts

@@ -23,49 +23,49 @@ const telemetryMiddleware: Middleware<{}, any, Dispatch<UnknownAction>> = (store
   const state: ApplicationState = store.getState();
   const action = value as AppAction;
   switch (action.type) {
-    case GET_SNIPPET_ERROR: {
-      trackException(
-        componentNames.GET_SNIPPET_ACTION,
-        state.sampleQuery,
-        action.payload.error,
-        {
-          Language: action.payload.language
-        }
-      );
-      break;
-    }
-    case FETCH_SCOPES_ERROR: {
-      trackException(
-        componentNames.FETCH_PERMISSIONS_ACTION,
-        state.sampleQuery,
-        action.payload.error,
-        {}
-      );
-      break;
-    }
-    case SAMPLES_FETCH_ERROR: {
-      trackException(
-        componentNames.FETCH_SAMPLES_ACTION,
-        state.sampleQuery,
-        action.payload,
-        {}
-      );
-      break;
-    }
-    case RESOURCEPATHS_ADD_SUCCESS: {
-      telemetry.trackEvent(eventTypes.LISTITEM_CLICK_EVENT, {
-        ComponentName: componentNames.ADD_RESOURCE_TO_COLLECTION_LIST_ITEM,
-        ResourcePath: action.payload[0].url
-      });
-      break;
-    }
-    case RESOURCEPATHS_DELETE_SUCCESS: {
-      telemetry.trackEvent(eventTypes.LISTITEM_CLICK_EVENT, {
-        ComponentName: componentNames.REMOVE_RESOURCE_FROM_COLLECTION_BUTTON,
-        ResourceCount: action.payload.length
-      });
-      break;
-    }
+  case GET_SNIPPET_ERROR: {
+    trackException(
+      componentNames.GET_SNIPPET_ACTION,
+      state.sampleQuery,
+      action.payload.error,
+      {
+        Language: action.payload.language
+      }
+    );
+    break;
+  }
+  case FETCH_SCOPES_ERROR: {
+    trackException(
+      componentNames.FETCH_PERMISSIONS_ACTION,
+      state.sampleQuery,
+      action.payload.error,
+      {}
+    );
+    break;
+  }
+  case SAMPLES_FETCH_ERROR: {
+    trackException(
+      componentNames.FETCH_SAMPLES_ACTION,
+      state.sampleQuery,
+      action.payload,
+      {}
+    );
+    break;
+  }
+  case RESOURCEPATHS_ADD_SUCCESS: {
+    telemetry.trackEvent(eventTypes.LISTITEM_CLICK_EVENT, {
+      ComponentName: componentNames.ADD_RESOURCE_TO_COLLECTION_LIST_ITEM,
+      ResourcePath: action.payload[0].url
+    });
+    break;
+  }
+  case RESOURCEPATHS_DELETE_SUCCESS: {
+    telemetry.trackEvent(eventTypes.LISTITEM_CLICK_EVENT, {
+      ComponentName: componentNames.REMOVE_RESOURCE_FROM_COLLECTION_BUTTON,
+      ResourceCount: action.payload.length
+    });
+    break;
+  }
   }
   return next(action);
 };

src/app/services/actions/query-action-creator-util.ts

@@ -111,23 +111,23 @@ export function makeGraphRequest(scopes: string[]) {
     const graphRequest: GraphRequest = createAuthenticatedRequest(scopes, query);
 
     switch (query.selectedVerb) {
-      case 'GET':
-        response = await graphRequest.get();
-        break;
-      case 'POST':
-        response = await graphRequest.post(query.sampleBody);
-        break;
-      case 'PUT':
-        response = await graphRequest.put(query.sampleBody);
-        break;
-      case 'PATCH':
-        response = await graphRequest.patch(query.sampleBody);
-        break;
-      case 'DELETE':
-        response = await graphRequest.delete();
-        break;
-      default:
-        return;
+    case 'GET':
+      response = await graphRequest.get();
+      break;
+    case 'POST':
+      response = await graphRequest.post(query.sampleBody);
+      break;
+    case 'PUT':
+      response = await graphRequest.put(query.sampleBody);
+      break;
+    case 'PATCH':
+      response = await graphRequest.patch(query.sampleBody);
+      break;
+    case 'DELETE':
+      response = await graphRequest.delete();
+      break;
+    default:
+      return;
     }
     return Promise.resolve(response);
   };
@@ -227,16 +227,16 @@ export function parseResponse(
 
     const contentType = getContentType(response.headers);
     switch (contentType) {
-      case ContentType.Json:
-        return response.text().then(tryParseJson);
-      case ContentType.XML:
-      case ContentType.HTML:
-      case ContentType.TextCsv:
-      case ContentType.TextPlain:
-        return response.text();
+    case ContentType.Json:
+      return response.text().then(tryParseJson);
+    case ContentType.XML:
+    case ContentType.HTML:
+    case ContentType.TextCsv:
+    case ContentType.TextPlain:
+      return response.text();
 
-      default:
-        return Promise.resolve(response);
+    default:
+      return Promise.resolve(response);
     }
   }
   return Promise.resolve(response);