fix: import and depends

package.json

@@ -39,23 +39,21 @@
     "release": "release-it"
   },
   "dependencies": {
-    "@babel/runtime": "7.18.3",
+    "@babel/runtime": "7.18.9",
     "@stomp/stompjs": "6.1.2",
     "@tippyjs/react": "4.2.6",
     "classnames": "2.3.1",
-    "date-fns": "2.28.0",
-    "dompurify": "2.3.8",
+    "date-fns": "2.29.1",
+    "dompurify": "2.3.10",
     "downshift": "6.1.7",
-    "focus-trap-react": "8.9.1",
-    "js-file-download": "0.4.12",
+    "focus-trap-react": "9.0.2",
     "lodash.get": "4.4.2",
     "lodash.isequal": "4.5.0",
     "lodash.sortby": "4.7.0",
     "match-sorter": "6.3.1",
     "react-autosuggest": "10.1.0",
     "react-modal": "3.15.1",
-    "react-toastify": "9.0.5",
-    "sockjs-client": "1.6.1",
+    "react-toastify": "9.0.7",
     "window-or-global": "1.0.1"
   },
   "peerDependencies": {

src/components/PlatformNotifications/PlatformNotificationsContainer.jsx

@@ -2,13 +2,10 @@ import React from "react";
 import PropTypes from "prop-types";
 import cx from "classnames";
 import FocusTrap from "focus-trap-react";
-import SockJS from "sockjs-client";
 import { Client } from "@stomp/stompjs";
 import { prefix } from "../../internal/settings";
 import Notification from "./PlatformNotifications";
 
-
-
 export default class PlatformNotificationsContainer extends React.Component {
   static propTypes = {
     /**
@@ -53,11 +50,9 @@ export default class PlatformNotificationsContainer extends React.Component {
 
   componentDidMount() {
     this.ws = new Client({
+      brokerURL: this.props.config.wsUrl,
       reconnectDelay: 10000,
     });
-    this.ws.webSocketFactory = () => {
-      return new SockJS(this.props.config.wsUrl, null, { timeout: 60000 });
-    };
     this.ws.onConnect = this.connect;
     this.ws.activate();
   }

src/components/UIShell/UIShell.jsx

@@ -1,4 +1,3 @@
-
 import PropTypes from "prop-types";
 
 import Header from "../Header"; // Using default export
@@ -226,7 +225,7 @@ function UIShell({
         skipToContentProps={skipToContentProps}
         requestSummary={user.requestSummary}
         notificationsConfig={{
-          wsUrl: `${finalBaseServiceUrl}/notifications/ws`,
+          wsUrl: `${finalBaseServiceUrl}/notifications/ws`.replace("https://", "wss://"),
         }}
         onHelpClick={[
           typeof onTutorialClick === "function" && (

src/styles/themes/_boomerang.scss

@@ -1,5 +1,5 @@
 @use "sass:map";
-@use "../config" as *;
+@use "../_config.scss" as *;
 
 /// Boomerang's default color theme
 /// @type Map