feat(deps): Update all project dependencies

This commit updates all project dependencies to their latest stable versions.

The following changes were made:
- Updated all dependencies in `package.json` to their latest stable versions.
- Removed the obsolete `react-scripts` dependency.
- Resolved all security vulnerabilities.
- Fixed all configuration and test regressions caused by the dependency updates.
- Configured the development server to use default ports.
- Added a `.gitignore` entry for log files and the verification directory.

Author: google-labs-jules[bot]

.babelrc

@@ -2,4 +2,6 @@
 node_modules
 public/dist
 # ignore coverage
-coverage/
+coverage/
+*.log
+verification/

.gitignore

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['@babel/preset-env', '@babel/preset-react'],
+};

babel.config.cjs

@@ -4,7 +4,11 @@ export default {
   moduleFileExtensions: ["js", "jsx", "json", "node"],
   testMatch: ["**/test/**/*.+(js|jsx|ts|tsx)", "**/?(*.)+(spec|test).+(js|jsx|ts|tsx)"],
   transformIgnorePatterns: [
-    "/node_modules/(?!url-join)" // Exclude everything except url-join
+    "/node_modules/(?!url-join)/"
+  ],
+  testPathIgnorePatterns: [
+    "/node_modules/",
+    "/test/setup.js"
   ],
   transform: {
     "^.+\\.(js|jsx)$": "babel-jest", // Use Babel for JavaScript and JSX files
@@ -25,4 +29,5 @@ export default {
     "!**/dist/**",
   ],
   clearMocks: true,
+  setupFilesAfterEnv: ['./test/setup.js'],
 };

jest.config.mjs

@@ -3,30 +3,22 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@gofynd/fdk-client-javascript": "^1.4.13",
-    "axios": "^1.2.1",
+    "@gofynd/fdk-client-javascript": "^3.16.2",
+    "axios": "^1.7.2",
     "cookie-parser": "^1.4.6",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.6.1",
-    "react-scripts": "^5.0.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.25.1",
     "serve-static": "^1.15.0",
-    "url-join": "4.0.1"
+    "url-join": "^5.0.0"
   },
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "start": "nodemon index.js",
-    "test": "jest",
-    "eject": "react-scripts eject"
+    "test": "jest"
   },
   "type": "module",
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
   "browserslist": {
     "production": [
       ">0.2%",
@@ -40,21 +32,20 @@
     ]
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
     "@babel/preset-react": "^7.24.7",
-    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",
-    "@testing-library/user-event": "^13.5.0",
+    "@testing-library/user-event": "^14.5.2",
     "@vitejs/plugin-react": "^4.3.1",
-    "@vitejs/plugin-react-refresh": "^1.3.6",
     "axios-mock-adapter": "^1.22.0",
     "babel-jest": "^29.7.0",
     "concurrently": "^8.2.2",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-transform-stub": "^2.0.0",
     "nodemon": "^3.1.4",
-    "supertest": "^6.3.0",
+    "supertest": "^7.0.0",
     "vite": "^5.3.5",
     "vite-plugin-require-transform": "^1.0.21"
   }

package-lock.json

@@ -1,6 +1,5 @@
 import React from 'react';
 import { render, waitFor } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
 import App from '../App';
 import { Home } from '../pages/Home';
 

package.json

@@ -1,6 +1,5 @@
 import React from 'react';
 import { render, waitFor } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
 import { BrowserRouter as Router, Route, Routes, MemoryRouter } from 'react-router-dom';
 import { Home } from '../../pages/Home';
 import axios from 'axios'
@@ -35,7 +34,7 @@ const mockProducts = {
 
 const renderHomeWithParams = () => {
   return render(
-    <Router>
+    <Router future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
       <Routes>
         <Route path="/:application_id?" element={<Home />} />
       </Routes>
@@ -59,9 +58,10 @@ describe('Test Home component', () => {
     jest.clearAllMocks();
   });
 
-  test('Renders loader when page is loading', () => {
-    const { getByTestId } = renderHomeWithParams({});
+  test('Renders loader when page is loading', async () => {
+    const { getByTestId, findByText } = renderHomeWithParams({});
     expect(getByTestId('loader')).toBeInTheDocument();
+    await findByText('Product 1');
   });
 
   test('It should render product list for company', async () => {
@@ -77,7 +77,7 @@ describe('Test Home component', () => {
 
   test('It should render product list for sales channel', async () => {
     const { getByTestId, getByText } = render(
-      <MemoryRouter initialEntries={['/application/000000000000000000000001']}>
+      <MemoryRouter initialEntries={['/application/000000000000000000000001']} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
         <Routes>
           <Route path="/application/:application_id" element={<Home />} />
         </Routes>

test/App.spec.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { render } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
 import NotFound from '../../pages/NotFound';
 
 test('renders NotFound component with correct content', () => {

test/pages/Home.spec.js

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';