chore(deps): update all dependencies (#2135)

* chore(deps): update all dependencies

* refactor: migrate to newer faker API

* docs: changeset

Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Nicola Molinari <nicola.molinari@commercetools.de>

.changeset/stale-kids-brush.md

@@ -0,0 +1,24 @@
+---
+'merchant-center-application-template-starter': patch
+'@commercetools-backend/express': patch
+'@commercetools-frontend/application-components': patch
+'@commercetools-frontend/application-config': patch
+'@commercetools-frontend/application-shell': patch
+'@commercetools-frontend/application-shell-connectors': patch
+'@commercetools-frontend/babel-preset-mc-app': patch
+'@commercetools-frontend/cypress': patch
+'@commercetools-frontend/eslint-config-mc-app': patch
+'@commercetools-frontend/i18n': patch
+'@commercetools-frontend/jest-preset-mc-app': patch
+'@commercetools-frontend/jest-stylelint-runner': patch
+'@commercetools-frontend/mc-html-template': patch
+'@commercetools-frontend/mc-scripts': patch
+'@commercetools-frontend/react-notifications': patch
+'@commercetools-frontend/sdk': patch
+'playground': patch
+'@commercetools-local/visual-testing-app': patch
+'@commercetools-website/custom-applications': patch
+'@commercetools-website/components-playground': patch
+---
+
+Update dependencies

application-templates/starter/package.json

@@ -16,7 +16,7 @@
     "versions:uikit": "manypkg upgrade @commercetools-uikit"
   },
   "dependencies": {
-    "@apollo/client": "3.3.13",
+    "@apollo/client": "3.3.14",
     "@commercetools-frontend/actions-global": "19.0.0",
     "@commercetools-frontend/application-components": "19.0.0",
     "@commercetools-frontend/application-shell": "19.0.0",
@@ -30,7 +30,7 @@
     "prop-types": "15.7.2",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-intl": "5.15.7",
+    "react-intl": "5.15.8",
     "react-redux": "7.2.3",
     "react-router-dom": "5.2.0",
     "redux": "4.0.5"
@@ -39,7 +39,7 @@
     "@commercetools-frontend/jest-preset-mc-app": "19.0.0",
     "@commercetools-frontend/mc-dev-authentication": "19.0.0",
     "@commercetools-frontend/mc-scripts": "19.0.0",
-    "@formatjs/cli": "4.2.6",
+    "@formatjs/cli": "4.2.7",
     "@manypkg/cli": "0.17.0",
     "@testing-library/react": "11.2.6",
     "dotenv-cli": "4.0.0",

graphql-test-utils/graphql-models/application-appbar-menu.js

@@ -4,7 +4,7 @@ import faker from 'faker';
 const ApplicationAppbarMenu = new Factory()
   .sequence('sequenceId')
   .attr('__typename', 'BaseMenu')
-  .attr('id', () => faker.random.uuid())
+  .attr('id', () => faker.datatype.uuid())
   .attr('key', () => faker.lorem.slug(1))
   .attr('uriPath', () => faker.lorem.slug(1))
   .attr('labelAllLocales', () => [

graphql-test-utils/graphql-models/application-navbar-menu.js

@@ -6,7 +6,7 @@ const ApplicationNavbarMenu = new Factory()
   .sequence('sequenceId')
   .attr('__typename', 'NavbarMenu')
   .attr('shouldRenderDivider', false)
-  .attr('id', () => faker.random.uuid())
+  .attr('id', () => faker.datatype.uuid())
   .attr('key', () => faker.lorem.slug(1))
   .attr('uriPath', () => faker.lorem.slug(1))
   .attr('icon', 'UserFilledIcon')

graphql-test-utils/graphql-models/application-navbar-submenu.js

@@ -4,7 +4,7 @@ import faker from 'faker';
 const ApplicationNavbarSubmenu = new Factory()
   .sequence('sequenceId')
   .attr('__typename', 'NavbarSubmenu')
-  .attr('id', () => faker.random.uuid())
+  .attr('id', () => faker.datatype.uuid())
   .attr('key', () => faker.lorem.slug(1))
   .attr('uriPath', () => `${faker.lorem.slug(1)}/${faker.lorem.slug(1)}`)
   .attr('labelAllLocales', () => [

graphql-test-utils/graphql-models/custom-application.js

@@ -5,7 +5,7 @@ import ApplicationNavbarMenu from './application-navbar-menu';
 const CustomApplication = new Factory()
   .sequence('sequenceId')
   .attr('__typename', 'ApplicationExtension')
-  .attr('id', () => faker.random.uuid())
+  .attr('id', () => faker.datatype.uuid())
   .attr('navbarMenu', () => ApplicationNavbarMenu.build());
 
 export default CustomApplication;

graphql-test-utils/graphql-models/project-extension.js

@@ -5,7 +5,7 @@ import CustomApplication from './custom-application';
 const ProjectExtension = new Factory()
   .sequence('sequenceId')
   .attr('__typename', 'ProjectExtension')
-  .attr('id', () => faker.random.uuid())
+  .attr('id', () => faker.datatype.uuid())
   .attr('applications', () => CustomApplication.buildList(1))
   .attr('installedApplications', []);
 

graphql-test-utils/graphql-models/project.js

@@ -5,7 +5,7 @@ const Project = new Factory()
   .sequence('sequenceId')
   .attr('__typename', 'Project')
   .attr('key', () => faker.random.alphaNumeric(4))
-  .attr('version', () => faker.random.number())
+  .attr('version', () => faker.datatype.number())
   .attr('name', () => faker.company.companyName())
   .attr('countries', ['de'])
   .attr('currencies', ['EUR', 'USD'])
@@ -32,7 +32,7 @@ const Project = new Factory()
   }))
   .attr('owner', () => ({
     __typename: 'Organization',
-    id: faker.random.uuid(),
+    id: faker.datatype.uuid(),
     name: faker.company.companyName(),
   }));
 

graphql-test-utils/graphql-models/user.js

@@ -4,7 +4,7 @@ import faker from 'faker';
 const User = new Factory()
   .sequence('sequenceId')
   .attr('__typename', 'User')
-  .attr('id', () => faker.random.uuid())
+  .attr('id', () => faker.datatype.uuid())
   .attr('email', () => faker.internet.email())
   .attr('gravatarHash', () => faker.random.alphaNumeric(16))
   .attr('firstName', () => faker.name.firstName())

package.json

@@ -94,17 +94,17 @@
   },
   "dependencies": {
     "@babel/cli": "7.13.14",
-    "@babel/core": "7.13.14",
-    "@changesets/changelog-github": "0.3.0",
-    "@changesets/cli": "2.15.0",
+    "@babel/core": "7.13.15",
+    "@changesets/changelog-github": "0.4.0",
+    "@changesets/cli": "2.16.0",
     "@commercetools-docs/writing-style": "3.0.5",
     "@commercetools-frontend/eslint-config-mc-app": "*",
     "@commercetools-test-data/core": "2.1.2",
     "@commercetools-uikit/design-system": "^12.0.0",
     "@commercetools/github-labels": "1.1.0",
     "@commitlint/cli": "12.1.1",
     "@commitlint/config-conventional": "12.1.1",
-    "@formatjs/cli": "4.2.6",
+    "@formatjs/cli": "4.2.7",
     "@graphql-cli/codegen": "1.17.22",
     "@graphql-cli/coverage": "2.1.0",
     "@graphql-cli/validate": "2.1.0",
@@ -115,16 +115,17 @@
     "@graphql-codegen/typescript-graphql-files-modules": "1.18.1",
     "@graphql-codegen/typescript-operations": "1.17.15",
     "@manypkg/cli": "0.17.0",
-    "@percy/cli": "1.0.0-beta.44",
+    "@percy/cli": "1.0.0-beta.47",
     "@percy/cypress": "3.0.0",
     "@percy/puppeteer": "2.0.0",
-    "@preconstruct/cli": "2.0.6",
+    "@preconstruct/cli": "2.0.7",
     "@sindresorhus/slugify": "1.1.0",
     "@svgr/cli": "5.5.0",
     "@svgr/plugin-jsx": "5.5.0",
     "@svgr/plugin-svgo": "5.5.0",
     "@testing-library/cypress": "7.0.5",
     "@testing-library/react": "11.2.6",
+    "@types/faker": "5.5.1",
     "@types/jest-environment-puppeteer": "4.4.1",
     "@types/jquery": "3.5.5",
     "@types/node": "14.14.37",
@@ -137,13 +138,13 @@
     "babel-plugin-transform-rename-import": "2.3.0",
     "babel-plugin-typescript-to-proptypes": "1.4.2",
     "cross-env": "7.0.3",
-    "cypress": "6.8.0",
+    "cypress": "6.9.1",
     "dotenv": "8.2.0",
     "enzyme": "3.11.0",
-    "eslint": "7.23.0",
+    "eslint": "7.24.0",
     "eslint-formatter-pretty": "4.0.0",
     "eslint-plugin-graphql": "4.0.0",
-    "faker": "5.4.0",
+    "faker": "5.5.3",
     "graphql-cli": "4.1.0",
     "husky": "6.0.0",
     "jest": "26.6.3",
@@ -155,7 +156,7 @@
     "jest-watch-typeahead": "0.6.2",
     "lint-staged": "10.5.4",
     "mri": "1.1.6",
-    "postcss": "8.2.9",
+    "postcss": "8.2.10",
     "postcss-load-config": "3.0.1",
     "postcss-modules": "4.0.0",
     "prettier": "2.2.1",
@@ -170,21 +171,21 @@
     "stylelint-config-standard": "20.0.0",
     "stylelint-order": "4.1.0",
     "stylelint-value-no-unknown-custom-properties": "3.0.0",
-    "typescript": "4.2.3",
+    "typescript": "4.2.4",
     "vfile-message": "2.0.4"
   },
   "resolutions": {
-    "@babel/core": "7.13.14",
+    "@babel/core": "7.13.15",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.0-beta.1",
     "@types/puppeteer": "5.4.3",
     "@types/react-router": "5.1.13",
-    "@typescript-eslint/eslint-plugin": "4.20.0",
-    "@typescript-eslint/parser": "4.20.0",
+    "@typescript-eslint/eslint-plugin": "4.22.0",
+    "@typescript-eslint/parser": "4.22.0",
     "graphql": "15.5.0",
     "intl-messageformat-parser": "6.4.4",
     "**/intl-messageformat-parser": "6.4.4",
     "pretty-format": "26.6.2",
-    "react-intl": "5.15.7"
+    "react-intl": "5.15.8"
   },
   "engines": {
     "node": ">=12 || >=14",

packages-backend/express/package.json

@@ -28,7 +28,7 @@
     "jwks-rsa": "2.0.2"
   },
   "devDependencies": {
-    "jose": "2.0.4",
+    "jose": "2.0.5",
     "msw": "0.28.1"
   }
 }

packages/application-components/package.json

@@ -52,7 +52,7 @@
     "@commercetools-uikit/spacings": "^12.0.0",
     "@commercetools-uikit/text": "^12.0.0",
     "@emotion/react": "11.1.5",
-    "@emotion/styled": "11.1.5",
+    "@emotion/styled": "11.3.0",
     "@types/lodash": "^4.14.167",
     "@types/prop-types": "^15.7.3",
     "@types/react": "^17.0.3",
@@ -66,7 +66,7 @@
   "devDependencies": {
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-intl": "5.15.7"
+    "react-intl": "5.15.8"
   },
   "peerDependencies": {
     "react": "17.x",

packages/application-config/package.json

@@ -26,8 +26,8 @@
   "dependencies": {
     "@babel/runtime": "7.13.10",
     "@babel/runtime-corejs3": "7.13.10",
-    "ajv": "8.0.5",
-    "core-js": "3.10.0",
+    "ajv": "8.1.0",
+    "core-js": "3.10.1",
     "cosmiconfig": "7.0.0",
     "lodash": "4.17.21",
     "omit-empty-es": "1.1.3"

packages/application-shell-connectors/package.json

@@ -39,7 +39,7 @@
     "prop-types": "15.7.2"
   },
   "devDependencies": {
-    "@apollo/client": "3.3.13",
+    "@apollo/client": "3.3.14",
     "@testing-library/react": "11.2.6",
     "react": "17.0.2"
   },

packages/application-shell/package.json

@@ -54,7 +54,7 @@
     "@commercetools-uikit/text": "^12.0.0",
     "@commercetools/http-user-agent": "2.1.2",
     "@emotion/react": "11.1.5",
-    "@emotion/styled": "11.1.5",
+    "@emotion/styled": "11.3.0",
     "@flopflip/combine-adapters": "0.0.17",
     "@flopflip/http-adapter": "0.0.7",
     "@flopflip/launchdarkly-adapter": "5.0.11",
@@ -99,12 +99,12 @@
     "uuid": "8.3.2"
   },
   "devDependencies": {
-    "@apollo/client": "3.3.13",
+    "@apollo/client": "3.3.14",
     "@testing-library/react": "11.2.6",
     "msw": "0.28.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-intl": "5.15.7",
+    "react-intl": "5.15.8",
     "react-redux": "7.2.3",
     "react-router-dom": "5.2.0",
     "redux": "4.0.5",

packages/babel-preset-mc-app/package.json

@@ -19,7 +19,7 @@
   "main": "./index.js",
   "module": "./index.js",
   "dependencies": {
-    "@babel/core": "7.13.14",
+    "@babel/core": "7.13.15",
     "@babel/plugin-proposal-class-properties": "7.13.0",
     "@babel/plugin-proposal-do-expressions": "7.12.13",
     "@babel/plugin-proposal-export-default-from": "7.12.13",
@@ -29,20 +29,20 @@
     "@babel/plugin-transform-classes": "7.13.0",
     "@babel/plugin-transform-destructuring": "7.13.0",
     "@babel/plugin-transform-react-display-name": "7.12.13",
-    "@babel/plugin-transform-regenerator": "7.12.13",
-    "@babel/plugin-transform-runtime": "7.13.10",
-    "@babel/preset-env": "7.13.12",
+    "@babel/plugin-transform-regenerator": "7.13.15",
+    "@babel/plugin-transform-runtime": "7.13.15",
+    "@babel/preset-env": "7.13.15",
     "@babel/preset-react": "7.13.13",
     "@babel/preset-typescript": "7.13.0",
     "@babel/runtime": "7.13.10",
     "@babel/runtime-corejs3": "7.13.10",
-    "@emotion/babel-plugin": "11.2.0",
+    "@emotion/babel-plugin": "11.3.0",
     "@emotion/babel-preset-css-prop": "11.2.0",
     "babel-plugin-dev-expression": "0.2.2",
     "babel-plugin-lodash": "3.3.4",
     "babel-plugin-macros": "3.0.1",
     "babel-plugin-preval": "5.0.0",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
-    "core-js": "3.10.0"
+    "core-js": "3.10.1"
   }
 }

packages/cypress/package.json

@@ -46,7 +46,7 @@
     "uuid": "8.3.2"
   },
   "devDependencies": {
-    "cypress": "6.8.0"
+    "cypress": "6.9.1"
   },
   "peerDependencies": {
     "cypress": "5.x || 6.x"

packages/eslint-config-mc-app/package.json

@@ -39,6 +39,6 @@
     "eslint": ">=7.0.0"
   },
   "devDependencies": {
-    "eslint": "7.23.0"
+    "eslint": "7.24.0"
   }
 }

packages/i18n/package.json

@@ -48,7 +48,7 @@
   "devDependencies": {
     "intl-messageformat-parser": "6.4.4",
     "react": "17.0.2",
-    "react-intl": "5.15.7"
+    "react-intl": "5.15.8"
   },
   "peerDependencies": {
     "react": "17.x",

packages/jest-preset-mc-app/package.json

@@ -29,11 +29,11 @@
     "colors": "1.4.0",
     "cosmiconfig": "7.0.0",
     "enzyme-matchers": "7.1.2",
-    "enzyme-to-json": "3.6.1",
+    "enzyme-to-json": "3.6.2",
     "identity-obj-proxy": "3.0.0",
     "intl": "1.2.5",
     "jest-enzyme": "7.1.2",
-    "jest-localstorage-mock": "2.4.8",
+    "jest-localstorage-mock": "2.4.9",
     "jest-silent-reporter": "0.5.0",
     "jest-transform-graphql": "2.1.0",
     "jest-watch-typeahead": "0.6.2",

packages/jest-stylelint-runner/package.json

@@ -25,7 +25,7 @@
     "postcss-load-config": "3.0.1"
   },
   "devDependencies": {
-    "postcss": "8.2.9",
+    "postcss": "8.2.10",
     "stylelint": "13.12.0"
   },
   "peerDependencies": {

packages/mc-html-template/package.json

@@ -34,14 +34,14 @@
     "@babel/runtime": "7.13.10",
     "@babel/runtime-corejs3": "7.13.10",
     "@commercetools-frontend/application-config": "19.0.0",
-    "core-js": "3.10.0",
+    "core-js": "3.10.1",
     "serialize-javascript": "5.0.1",
     "uglify-es": "3.3.9",
     "uglifycss": "0.0.29"
   },
   "devDependencies": {
-    "@babel/plugin-transform-runtime": "7.13.10",
-    "@babel/preset-env": "7.13.12"
+    "@babel/plugin-transform-runtime": "7.13.15",
+    "@babel/preset-env": "7.13.15"
   },
   "engines": {
     "node": ">=12 || >=14"