chore: package update (#1946)

Dockerfile

@@ -7,7 +7,7 @@ COPY . .
 ARG BRANCH_NAME=hyperswitch
 ARG RUN_TEST=false
 RUN echo git branch is $BRANCH_NAME
-RUN npm i --force
+RUN npm i
 RUN npm run build:prod
 
 

README.md

@@ -36,7 +36,7 @@ Follow these simple steps to set up Hyperswitch on your local machine.
 3. Install project dependencies:
 
    ```bash
-   npm install --force
+   npm install
    ```
 
 4. Update the config.toml file

package.json

@@ -33,8 +33,8 @@
   "devDependencies": {
     "@cypress/code-coverage": "^3.12.24",
     "@eslint/create-config": "0.4.6",
+    "@jsdevtools/coverage-istanbul-loader": "^3.0.5",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
-    "babel-plugin-istanbul": "^6.1.1",
     "copy-webpack-plugin": "^9.0.0",
     "cross-env": "^7.0.3",
     "css-loader": "^5.0.1",
@@ -44,7 +44,6 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "file-loader": "^6.2.0",
     "husky": "^8.0.3",
-    "istanbul-instrumenter-loader": "^3.0.1",
     "mini-css-extract-plugin": "^1.3.1",
     "monaco-editor-webpack-plugin": "^7.0.1",
     "nyc": "^15.1.0",
@@ -69,7 +68,7 @@
     "@monaco-editor/react": "^4.4.5",
     "@rescript/core": "^0.6.0",
     "@rescript/react": "^0.12.0",
-    "apexcharts": "^3.28.3",
+    "apexcharts": "^4.0.0",
     "bs-fetch": "^0.6.2",
     "dayjs": "^1.10.4",
     "final-form": "^4.20.4",
@@ -84,11 +83,10 @@
     "react": "^18.2.0",
     "react-apexcharts": "^1.4.1",
     "react-beautiful-dnd": "^13.1.0",
-    "react-diff-viewer": "^3.1.1",
     "react-dom": "^18.2.0",
     "react-final-form": "^6.5.9",
     "react-ga4": "^2.0.0",
-    "react-pdf": "^7.3.3",
+    "react-pdf": "^9.1.1",
     "react-qr-code": "^2.0.12",
     "react-syntax-highlighter": "^15.5.0",
     "react-window": "^1.8.8",

src/screens/SelfServe/HSwitchSandboxOnboarding/UserOnboardingUIUtils.res

@@ -208,16 +208,13 @@ module ShowCodeEditor = {
 module DiffCodeEditor = {
   @react.component
   let make = (~valueToShow: migratestripecode, ~langauge: languages) => {
-    let oldValue = valueToShow.from
+    let _oldValue = valueToShow.from
     let newValue = valueToShow.to
     <div
       className="flex flex-col gap-6 border bg-white overflow-x-scroll w-full !shadow-hyperswitch_box_shadow rounded-md">
       <HeaderComponentView value=newValue headerText="Replace" langauge />
-      <div className="p-4">
-        <ReactDiffViewer
-          oldValue newValue splitView={true} hideLineNumbers={false} useDarkTheme=false
-        />
-      </div>
+      // Add Diff Editior
+      <div className="p-4" />
     </div>
   }
 }

webpack.common.js

@@ -42,7 +42,7 @@ module.exports = (appName = "hyperswitch", publicPath = "auto") => {
         {
           test: /\.js$/,
           use: {
-            loader: "istanbul-instrumenter-loader",
+            loader: "@jsdevtools/coverage-istanbul-loader",
             options: { esModules: true },
           },
           enforce: "post",

webpack.custom.js

@@ -55,7 +55,7 @@ let customBuild = (appName = "hyperswitch") => {
         {
           test: /\.js$/,
           use: {
-            loader: "istanbul-instrumenter-loader",
+            loader: "@jsdevtools/coverage-istanbul-loader",
             options: { esModules: true },
           },
           enforce: "post",