From 36d1a48f7cea6d1ec1fa3cc0049afee2d9424d34 Mon Sep 17 00:00:00 2001
From: Kevin Lam <thinh.lam@salesforce.com>
Date: Tue, 7 May 2024 18:01:23 -0700
Subject: [PATCH] Downgrade Webpack from 5 to 4 to fix Live App build errors

---
 packages/Chevron/package.json                 |  3 +--
 .../package.json                              |  2 +-
 packages/quip-test-utils/package-lock.json    |  2 +-
 packages/quiptext/package-lock.json           |  2 +-
 packages/webpack-config/package.json          | 22 +++++++++----------
 packages/webpack-config/webpack.config.js     |  4 ++--
 6 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/packages/Chevron/package.json b/packages/Chevron/package.json
index e1c93d7d5..3407c0a21 100644
--- a/packages/Chevron/package.json
+++ b/packages/Chevron/package.json
@@ -18,7 +18,6 @@
         "@babel/preset-env": "^7.5.5",
         "@babel/preset-react": "^7.0.0",
         "cross-env": "^7.0.3",
-        "webpack": "^5.91.0",
-        "webpack-cli": "^5.1.4"
+        "webpack-cli": "^3.3.7"
     }
 }
diff --git a/packages/handleRichTextBoxKeyEventNavigation/package.json b/packages/handleRichTextBoxKeyEventNavigation/package.json
index 1c914af6e..82c05d087 100644
--- a/packages/handleRichTextBoxKeyEventNavigation/package.json
+++ b/packages/handleRichTextBoxKeyEventNavigation/package.json
@@ -19,6 +19,6 @@
         "@babel/preset-env": "^7.5.5",
         "@babel/preset-react": "^7.0.0",
         "cross-env": "^7.0.3",
-        "webpack-cli": "^5.1.4"
+        "webpack-cli": "^3.3.7"
     }
 }
diff --git a/packages/quip-test-utils/package-lock.json b/packages/quip-test-utils/package-lock.json
index a874a5750..d4d81eb6f 100644
--- a/packages/quip-test-utils/package-lock.json
+++ b/packages/quip-test-utils/package-lock.json
@@ -6,7 +6,7 @@
 	"packages": {
 		"": {
 			"name": "quip-test-utils",
-			"version": "0.2.1-alpha.2",
+			"version": "0.2.1-alpha.3",
 			"license": "Apache-2.0",
 			"dependencies": {
 				"@types/node": "^20.11.1",
diff --git a/packages/quiptext/package-lock.json b/packages/quiptext/package-lock.json
index ad6f6d95b..354118ca9 100644
--- a/packages/quiptext/package-lock.json
+++ b/packages/quiptext/package-lock.json
@@ -6,7 +6,7 @@
 	"packages": {
 		"": {
 			"name": "quiptext",
-			"version": "0.2.1-alpha.2",
+			"version": "0.2.1-alpha.3",
 			"license": "Apache-2.0",
 			"devDependencies": {
 				"@types/node": "^20.11.1",
diff --git a/packages/webpack-config/package.json b/packages/webpack-config/package.json
index 66ee10d4a..50f878a8d 100644
--- a/packages/webpack-config/package.json
+++ b/packages/webpack-config/package.json
@@ -11,19 +11,19 @@
     "@babel/preset-env": "^7.5.5",
     "@babel/preset-react": "^7.0.0",
     "autoprefixer": "^9.6.1",
-    "babel-loader": "^9.1.3",
-    "css-loader": "^7.1.1",
-    "css-minimizer-webpack-plugin": "^6.0.0",
-    "file-loader": "^6.2.0",
-    "less": "^4.2.0",
-    "less-loader": "^12.2.0",
-    "mini-css-extract-plugin": "^2.9.0",
-    "postcss-loader": "^8.1.1",
+    "babel-loader": "^8.0.6",
+    "css-loader": "^3.2.0",
+    "file-loader": "^4.2.0",
+    "less": "^3.10.2",
+    "less-loader": "^5.0.0",
+    "mini-css-extract-plugin": "^0.8.0",
+    "optimize-css-assets-webpack-plugin": "^5.0.1",
+    "postcss-loader": "^3.0.0",
     "regenerator-runtime": "^0.13.3",
     "svg-react-loader": "^0.4.6",
-    "terser-webpack-plugin": "^5.0.3",
-    "url-loader": "^4.1.1",
-    "webpack": "^5.91.0",
+    "terser-webpack-plugin": "^2.0.1",
+    "url-loader": "^2.1.0",
+    "webpack": "^4.39.2",
     "write-file-webpack-plugin": "^4.5.1"
   },
   "gitHead": "1633a60816f6da91d4b022751e9f3bfd45ae18c1"
diff --git a/packages/webpack-config/webpack.config.js b/packages/webpack-config/webpack.config.js
index 979029abf..d100418ba 100644
--- a/packages/webpack-config/webpack.config.js
+++ b/packages/webpack-config/webpack.config.js
@@ -3,7 +3,7 @@
 const fs = require("fs");
 const path = require("path");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const CssMinimizerPlugin = require("css-minimizer-webpack-plugin");
+const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
 const WriteFilePlugin = require("write-file-webpack-plugin");
 const TerserPlugin = require("terser-webpack-plugin");
 const Autoprefixer = require("autoprefixer");
@@ -30,7 +30,7 @@ function minimizers() {
                     mangle: false,
                 },
             }),
-            new CssMinimizerPlugin({}),
+            new OptimizeCSSAssetsPlugin({}),
         ];
     }
     return minimizers;