Fix compatibility with latest UI version

dist/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "Duolingo Solution Viewer",
-  "version": "4.4.4",
+  "version": "4.4.5",
   "description": "Provides access to the lists of solutions for Duolingo's translation / listening challenges, and restores the correction of typos.",
   "permissions": [
     "activeTab",

package.json

@@ -3,7 +3,7 @@
   "description": "A browser extension providing access to the complete lists of accepted solutions for Duolingo's translation challenges.",
   "license": "MIT",
   "author": "blmage",
-  "version": "4.4.4",
+  "version": "4.4.5",
   "scripts": {
     "build": "rollup -c --environment production",
     "build-debug": "rollup -c --environment development",

src/components/Dropdown.js

@@ -129,11 +129,11 @@ const ITEM_ICON = 'item_icon';
 const CLASS_NAMES = {
   // Copied from the "More" / "..." menu in both cases.
   [CONTEXT_CHALLENGE]: {
-    [WRAPPER]: [ '_13VDF', '_3-qu7', '_2WhLi' ],
-    [ARROW]: [ '_3fuMA' ],
-    [ARROW_ICON]: [ '_2nhmY' ],
-    [ITEMS]: [ '_1Q4WV' ],
-    [ITEM_WRAPPER]: [ '_2FdDp', '_2wC9B' ],
+    [WRAPPER]: [ '_2O14B', '_2XlFZ', '_1v2Gj' ],
+    [ARROW]: [ 'ite_X' ],
+    [ARROW_ICON]: [ '_3p5e9' ],
+    [ITEMS]: [ '_1KUxv' ],
+    [ITEM_WRAPPER]: [ '_3kz3Z', '_3jIW4' ],
   },
   [CONTEXT_FORUM]: {
     [WRAPPER]: [ '_1NClK', 'K_HbT', '_2QXjq' ],

src/components/Modal.js

@@ -167,10 +167,10 @@ const CLASS_NAMES = {
   [BASE]: {
     // Copied from the "Report" modal overlay.
     // The class name responsible for the opacity is used below.
-    [OVERLAY]: [ '_2Rpqh', '_36g-h', '_1xa0a', 'yrXBG', '_3D0pH' ],
+    [OVERLAY]: [ '_1tTsl', '_36g-h', 'xtPuL' ],
     // Copied from the global wrapper of the "Report" modal content.
     // The class name responsible for the opacity is also used below.
-    [WRAPPER]: [ '_1hEOp', '_13Rl7', '_3lUbm', '_1xa0a', '_3D0pH' ],
+    [WRAPPER]: [ '_1hEOp', '_13Rl7', '_3lUbm', 'xtPuL' ],
     // Copied from the closing button of the "Report" modal.
     [CLOSE_BUTTON]: [ 'FrL-W' ],
     [SIZE_BUTTON]: [ 'FrL-W' ],
@@ -180,21 +180,21 @@ const CLASS_NAMES = {
   [STATE_WILL_OPEN]: {
     // Found in the "app" stylesheet, or by debugging the modal animation.
     // Applies full transparency and disable pointer events.
-    [OVERLAY]: [ '_1VSis', 'qSLKO' ],
-    [WRAPPER]: [ '_1VSis', 'qSLKO' ],
+    [OVERLAY]: [ '_1edTR' ],
+    [WRAPPER]: [ '_1edTR' ],
   },
   [STATE_OPENING]: {
     // Found in the "app" stylesheet, or by debugging the modal animation.
     // Applies full opacity.
-    [OVERLAY]: [ '_2vfOI', 'kYd7N' ],
-    [WRAPPER]: [ '_1VSis', 'qSLKO' ],
+    [OVERLAY]: [ '_18W4a', ],
+    [WRAPPER]: [ '_1edTR' ],
   },
   [STATE_OPENED]: {
-    [OVERLAY]: [ '_2vfOI', 'kYd7N' ],
-    [WRAPPER]: [ '_2vfOI', 'kYd7N' ],
+    [OVERLAY]: [ '_18W4a' ],
+    [WRAPPER]: [ '_18W4a' ],
   },
   [STATE_CLOSING]: {
-    [OVERLAY]: [ '_1VSis', 'qSLKO' ],
+    [OVERLAY]: [ '_1edTR' ],
   },
 };