v6 - Updating dependencies (#2717)

* bumped some deps

* updated some deps

* updated root deps

* fixed lint issues

* removed unused types

* removing unused vars

package.json

@@ -30,9 +30,9 @@
     },
     "devDependencies": {
         "@adyen/adyen-web-server": "1.0.0",
-        "@changesets/cli": "2.27.1",
+        "@changesets/cli": "2.27.5",
         "@changesets/get-github-info": "0.6.0",
         "concurrently": "8.2.2",
-        "prettier": "3.2.5"
+        "prettier": "3.3.2"
     }
 }

packages/lib/.storybook/middleware.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @typescript-eslint/no-var-requires,import/no-extraneous-dependencies
 const checkoutDevServer = require('@adyen/adyen-web-server');
 
 const middleware = router => {

packages/lib/config/testMocks/resourcesMock.ts

@@ -3,7 +3,7 @@ import { Resources } from '../../src/core/Context/Resources';
 
 function setupResourceMock() {
     const resources = mock<Resources>();
-    resources.getImage.mockImplementation(props => props => 'MOCK');
+    resources.getImage.mockImplementation(() => () => 'MOCK');
     return resources;
 }
 

packages/lib/package.json

@@ -68,7 +68,7 @@
     "type-check": "tsc --noEmit",
     "types:generate": "tsc --emitDeclarationOnly",
     "format": "npm run lint:fix && npm run prettier:fix && npm run styles:fix",
-    "lint": "eslint",
+    "lint": "eslint .",
     "lint-styles": "stylelint '**/*.scss'",
     "styles:fix": "npm run lint-styles -- --fix",
     "lint:fix": "npm run lint -- --fix",
@@ -79,56 +79,56 @@
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.8.2",
-    "@rollup/plugin-commonjs": "25.0.7",
+    "@rollup/plugin-commonjs": "26.0.1",
     "@rollup/plugin-eslint": "9.0.5",
     "@rollup/plugin-json": "6.1.0",
     "@rollup/plugin-node-resolve": "15.2.3",
-    "@rollup/plugin-replace": "5.0.5",
+    "@rollup/plugin-replace": "5.0.7",
     "@rollup/plugin-terser": "0.4.4",
-    "@size-limit/preset-big-lib": "11.1.2",
-    "@storybook/addon-a11y": "^8.0.9",
-    "@storybook/addon-essentials": "^8.0.9",
-    "@storybook/manager-api": "^8.0.9",
-    "@storybook/preact": "^8.0.9",
-    "@storybook/preact-vite": "^8.0.9",
-    "@swc/core": "1.4.17",
-    "@testing-library/jest-dom": "6.4.2",
-    "@testing-library/preact": "3.2.3",
+    "@size-limit/preset-big-lib": "11.1.4",
+    "@storybook/addon-a11y": "8.0.9",
+    "@storybook/addon-essentials": "8.0.9",
+    "@storybook/manager-api": "8.0.9",
+    "@storybook/preact": "8.0.9",
+    "@storybook/preact-vite": "8.0.9",
+    "@swc/core": "1.6.1",
+    "@testing-library/jest-dom": "6.4.6",
+    "@testing-library/preact": "3.2.4",
     "@testing-library/preact-hooks": "1.1.0",
     "@testing-library/user-event": "14.5.2",
     "@types/jest": "29.5.12",
     "autoprefixer": "10.4.19",
     "cross-env": "7.0.3",
-    "cssnano": "7.0.1",
-    "dotenv": "16.4.4",
+    "cssnano": "7.0.2",
+    "dotenv": "16.4.5",
     "enzyme": "3.11.0",
     "enzyme-adapter-preact-pure": "4.1.0",
     "eslint": "8.57.0",
     "eslint-plugin-import": "2.29.1",
     "eslint-plugin-jsx-a11y": "6.8.0",
-    "eslint-plugin-react": "7.34.1",
+    "eslint-plugin-react": "7.34.2",
     "eslint-plugin-storybook": "0.8.0",
     "eslint-plugin-testing-library": "6.2.2",
     "husky": "9.0.11",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "jest-mock-extended": "3.0.6",
-    "lint-staged": "15.2.2",
+    "jest-mock-extended": "3.0.7",
+    "lint-staged": "15.2.7",
     "postcss": "8.4.38",
-    "rollup": "4.17.1",
-    "rollup-plugin-dts": "6.1.0",
+    "rollup": "4.18.0",
+    "rollup-plugin-dts": "6.1.1",
     "rollup-plugin-postcss": "4.0.2",
     "rollup-plugin-stylelint": "1.0.0",
-    "rollup-plugin-swc3": "0.11.1",
-    "sass": "1.75.0",
-    "size-limit": "11.1.2",
-    "storybook": "^8.0.9",
-    "stylelint": "16.4.0",
+    "rollup-plugin-swc3": "0.11.2",
+    "sass": "1.77.6",
+    "size-limit": "11.1.4",
+    "storybook": "8.0.9",
+    "stylelint": "16.6.1",
     "stylelint-config-standard-scss": "13.1.0",
-    "ts-jest": "29.1.2",
-    "tslib": "2.6.2",
+    "ts-jest": "29.1.5",
+    "tslib": "2.6.3",
     "typescript": "5.4.5",
-    "typescript-eslint": "7.7.1",
+    "typescript-eslint": "7.13.1",
     "vite": "5.2.10",
     "vite-plugin-stylelint": "5.3.1",
     "whatwg-fetch": "3.6.20"
@@ -138,7 +138,7 @@
     "@types/applepayjs": "14.0.8",
     "@types/googlepay": "0.7.6",
     "classnames": "2.5.1",
-    "preact": "10.21.0"
+    "preact": "10.22.0"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": "eslint",

packages/lib/src/components/Card/components/CardInput/CardInput.tsx

@@ -66,8 +66,6 @@ const CardInput = (props: CardInputProps) => {
         ...(props.hasHolderName && { holderName: props.data.holderName ?? '' })
     });
 
-    const [sortedErrorList, setSortedErrorList] = useState<SortedErrorObject[]>(null);
-
     const [focusedElement, setFocusedElement] = useState('');
     const [isSfpValid, setIsSfpValid] = useState(false);
     const [expiryDatePolicy, setExpiryDatePolicy] = useState(DATE_POLICY_REQUIRED);

packages/lib/src/components/internal/UIElement/types.ts

@@ -3,9 +3,9 @@ import Session from '../../../core/CheckoutSession';
 import Language from '../../../language';
 import UIElement from './UIElement';
 import type { PaymentAction, PaymentAmount, PaymentAmountExtended } from '../../../types/global-types';
-import type { BaseElementProps, IBaseElement } from '../BaseElement/types';
+import type { BaseElementProps } from '../BaseElement/types';
 import type { PayButtonProps } from '../PayButton/PayButton';
-import type { CoreConfiguration, ICore } from '../../../core/types';
+import type { CoreConfiguration } from '../../../core/types';
 
 export type PayButtonFunctionProps = Omit<PayButtonProps, 'amount'>;
 

packages/lib/storybook/utils/get-query-parameters.ts

@@ -6,7 +6,8 @@ export const getSearchParameter = (parameter: string, queryString = window.locat
 export const getSearchParameters = (queryString = window.location.search): Record<string, string> => {
     const urlParams = new URLSearchParams(queryString);
     const parameters: Record<string, string> = {};
-    // @ts-ignore
+
+    // @ts-ignore "entries()" works with current setup and does not have to be changed
     for (const entry of urlParams.entries()) {
         parameters[entry[0]] = entry[1];
     }