Feat / Maintenance 2024 q3

configs/eslint-config-jwp/package.json

@@ -11,7 +11,7 @@
     "@typescript-eslint/parser": "^7.13.1",
     "confusing-browser-globals": "^1.0.11",
     "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-react": "^7.34.2",
+    "eslint-plugin-react": "^7.34.3",
     "eslint-plugin-react-hooks": "^4.6.2"
   }
 }

package.json

@@ -38,13 +38,13 @@
   "devDependencies": {
     "@commitlint/cli": "^17.8.1",
     "@commitlint/config-conventional": "^17.8.1",
-    "@types/node": "^18.19.36",
+    "@types/node": "^18.19.37",
     "csv-parse": "^5.5.6",
     "eslint": "^8.57.0",
     "husky": "^6.0.0",
     "i18next-parser-workspaces": "^0.2.0",
-    "knip": "^5.21.1",
-    "lint-staged": "^15.2.7",
+    "knip": "^5.30.1",
+    "lint-staged": "^15.2.10",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.8",
     "read": "^2.1.0",
@@ -56,10 +56,8 @@
     "eslint-config-jwp": "*"
   },
   "resolutions": {
-    "codeceptjs/**/ansi-regex": "^4.1.1",
-    "codeceptjs/**/minimatch": "^3.0.5",
-    "flat": "^5.0.1",
-    "glob-parent": "^5.1.2",
-    "json5": "^2.2.2"
+    "codeceptjs/**/fast-xml-parser": "^4.5.0",
+    "micromatch": ">=4.0.8",
+    "ws": ">=5.2.4"
   }
 }

packages/common/package.json

@@ -11,8 +11,8 @@
   "dependencies": {
     "@inplayer-org/inplayer.js": "^3.13.28",
     "broadcast-channel": "^7.0.0",
-    "date-fns": "^2.30.0",
-    "fast-xml-parser": "^4.4.0",
+    "date-fns": "^3.6.0",
+    "fast-xml-parser": "^4.5.0",
     "i18next": "^22.5.1",
     "ini": "^3.0.1",
     "inversify": "^6.0.2",
@@ -21,7 +21,7 @@
     "react-i18next": "^12.3.1",
     "reflect-metadata": "^0.2.2",
     "yup": "^0.32.11",
-    "zustand": "^3.7.2"
+    "zustand": "^4.5.5"
   },
   "devDependencies": {
     "@types/ini": "^1.3.34",

packages/common/src/controllers/AppController.ts

@@ -51,11 +51,7 @@ export default class AppController {
     }
 
     // Store the logo right away and set css variables so the error page will be branded
-    const banner = config.assets.banner;
-
-    useConfigStore.setState((s) => {
-      s.config.assets.banner = banner;
-    });
+    useConfigStore.setState((state) => merge({}, state, { config: { assets: { banner: config.assets.banner } } }));
 
     config = await this.configService.validateConfig(config);
     config = merge({}, defaultConfig, config);

packages/common/src/stores/utils.ts

@@ -1,5 +1,5 @@
 import type { State, StateCreator } from 'zustand';
-import create from 'zustand';
+import { create } from 'zustand';
 import { devtools, subscribeWithSelector } from 'zustand/middleware';
 
 import { IS_DEVELOPMENT_BUILD, IS_TEST_MODE } from '../utils/common';

packages/common/src/utils/compare.ts

@@ -1,3 +1,3 @@
-import shallow from 'zustand/shallow';
+import { shallow } from 'zustand/shallow';
 
 export { shallow };

packages/hooks-react/package.json

@@ -9,7 +9,7 @@
     "test-watch": "TZ=UTC LC_ALL=en_US.UTF-8 vitest"
   },
   "dependencies": {
-    "date-fns": "^2.30.0",
+    "date-fns": "^3.6.0",
     "i18next": "^22.5.1",
     "planby": "^0.3.0",
     "react": "^18.3.1",

packages/ui-react/package.json

@@ -9,15 +9,15 @@
     "test-watch": "TZ=UTC LC_ALL=en_US.UTF-8 vitest"
   },
   "dependencies": {
-    "@adyen/adyen-web": "^5.66.1",
+    "@adyen/adyen-web": "^5.68.1",
     "@videodock/tile-slider": "^2.0.0",
     "classnames": "^2.5.1",
-    "date-fns": "^2.30.0",
-    "dompurify": "^2.5.5",
+    "date-fns": "^3.6.0",
+    "dompurify": "^3.1.6",
     "i18next": "^22.5.1",
     "inversify": "^6.0.2",
     "marked": "^4.3.0",
-    "payment": "^2.4.6",
+    "payment": "^2.4.7",
     "planby": "^0.3.0",
     "react": "^18.3.1",
     "react-app-polyfill": "^3.0.0",
@@ -34,7 +34,7 @@
   "devDependencies": {
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^14.3.1",
-    "@types/dompurify": "^2.4.0",
+    "@types/dompurify": "^3.0.5",
     "@types/jwplayer": "^8.31.1",
     "@types/marked": "^4.3.2",
     "@types/payment": "^2.1.7",
@@ -47,7 +47,7 @@
     "vite-plugin-svgr": "^4.2.0",
     "vitest": "^1.6.0",
     "vitest-axe": "^1.0.0-pre.3",
-    "wicg-inert": "^3.1.2"
+    "wicg-inert": "^3.1.3"
   },
   "peerDependencies": {
     "@jwp/ott-common": "*",

platforms/web/package.json

@@ -34,14 +34,14 @@
     "@jwp/ott-ui-react": "*",
     "i18next": "^22.5.1",
     "i18next-browser-languagedetector": "^6.1.8",
-    "i18next-http-backend": "^2.5.2",
+    "i18next-http-backend": "^2.6.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-helmet": "^6.1.0",
     "react-i18next": "^12.3.1",
     "react-router": "6.14.2",
     "react-router-dom": "6.14.2",
-    "wicg-inert": "^3.1.2"
+    "wicg-inert": "^3.1.3"
   },
   "devDependencies": {
     "@babel/core": "^7.24.7",
@@ -50,7 +50,7 @@
     "@testing-library/jest-dom": "^6.4.6",
     "@types/jwplayer": "^8.31.1",
     "@types/luxon": "^3.4.2",
-    "@types/node": "^18.19.36",
+    "@types/node": "^18.19.37",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-helmet": "^6.1.11",
@@ -66,7 +66,7 @@
     "i18next-parser": "^8.13.0",
     "jsdom": "^22.1.0",
     "luxon": "^3.4.4",
-    "playwright": "^1.44.5",
+    "playwright": "^1.45.0",
     "postcss": "^8.4.38",
     "postcss-config-jwp": "*",
     "react-app-polyfill": "^3.0.0",