chore: update npm dependencies

.eslintrc.js

@@ -47,7 +47,7 @@ module.exports = {
     'vuejs-accessibility/alt-text': 'off',
   },
   parserOptions: {
-    parser: 'babel-eslint',
+    parser: '@babel/eslint-parser',
   },
   overrides: [{
     files: '**/__tests__/*',

jest.config.js

@@ -26,6 +26,11 @@ module.exports = {
   ],
   moduleNameMapper: {
     '^.*\\.svg\\?icon-component$': '<rootDir>/config/jest/EmptySvg.vue',
+    // https://github.com/jestjs/jest/issues/10422
+    '^@swagger-api/apidom-reference/parse/parsers/binary$': '@swagger-api/apidom-reference/cjs/parse/parsers/binary/index-browser.cjs',
+    '^@swagger-api/apidom-reference/(.*)/strategies/openapi-3-1$': '@swagger-api/apidom-reference/cjs/$1/strategies/openapi-3-1/index.cjs',
+    '^@swagger-api/apidom-reference/dereference/strategies/openapi-3-1/selectors/(.*)$': '@swagger-api/apidom-reference/cjs/dereference/strategies/openapi-3-1/selectors/$1/index.cjs',
+    '^@swagger-api/apidom-reference/(.*)$': '@swagger-api/apidom-reference/cjs/$1.cjs',
   },
   snapshotSerializers: [
     'jest-serializer-vue',

package.json

@@ -24,23 +24,23 @@
     "@aeternity/hd-wallet": "^0.2.0",
     "@aeternity/ledger-app-api": "^0.2.2",
     "@download/blockies": "^1.0.3",
-    "@ledgerhq/hw-transport-webusb": "6.24.1",
-    "@zxing/library": "^0.19.1",
-    "bignumber.js": "^9.1.0",
+    "@ledgerhq/hw-transport-webusb": "6.27.13",
+    "@zxing/library": "^0.20.0",
+    "bignumber.js": "^9.1.1",
     "bluebird": "^3.7.2",
     "buffer": "^6.0.3",
     "copy-to-clipboard": "^3.3.3",
-    "emoji-datasource-apple": "^7.0.2",
+    "emoji-datasource-apple": "^14.0.0",
     "focus-visible": "^5.2.0",
     "lodash-es": "^4.17.21",
     "normalize.css": "^8.0.1",
     "register-service-worker": "^1.7.2",
     "rlp": "^3.0.0",
-    "rxjs": "^7.5.7",
+    "rxjs": "^7.8.1",
     "rxjs-etc": "^10.6.2",
     "socket.io-client": "^2.5.0",
     "stream-browserify": "^3.0.0",
-    "swagger-client": "^3.18.4",
+    "swagger-client": "^3.19.7",
     "util": "^0.12.5",
     "vee-validate": "^2.2.15",
     "vue": "^2.7.14",
@@ -55,38 +55,38 @@
     "workbox-precaching": "^6.5.4"
   },
   "devDependencies": {
-    "@intlify/eslint-plugin-vue-i18n": "^1.4.1",
+    "@babel/eslint-parser": "^7.21.8",
+    "@intlify/eslint-plugin-vue-i18n": "^2.0.0",
     "@vue/cli-plugin-babel": "^5.0.8",
     "@vue/cli-plugin-e2e-cypress": "^5.0.8",
     "@vue/cli-plugin-eslint": "^5.0.8",
     "@vue/cli-plugin-pwa": "^5.0.8",
     "@vue/cli-plugin-unit-jest": "^5.0.8",
     "@vue/cli-service": "^5.0.8",
-    "@vue/eslint-config-airbnb": "^6.0.0",
-    "@vue/test-utils": "^1.3.3",
-    "@vue/vue2-jest": "^27.0.0-alpha.3",
-    "babel-eslint": "^10.1.0",
+    "@vue/eslint-config-airbnb": "^7.0.0",
+    "@vue/test-utils": "^1.3.5",
+    "@vue/vue2-jest": "^27.0.0",
     "babel-jest": "^27.5.1",
     "cordova": "^11.0.0",
     "cordova-android": "^10.1.2",
     "cordova-ios": "^6.2.0",
     "cordova-res": "^0.15.4",
-    "cypress": "^12.10.0",
-    "eslint": "^7.32.0",
-    "eslint-plugin-vue": "^8.7.1",
-    "eslint-plugin-vuejs-accessibility": "^1.2.0",
-    "jest": "^27.1.0",
-    "jest-canvas-mock": "^2.4.0",
-    "sass": "^1.56.1",
-    "sass-loader": "^10.4.1",
-    "serve": "^13.0.4",
+    "cypress": "^12.11.0",
+    "eslint": "^8.39.0",
+    "eslint-plugin-vue": "^9.11.0",
+    "eslint-plugin-vuejs-accessibility": "^2.1.0",
+    "jest": "^27.5.1",
+    "jest-canvas-mock": "^2.5.0",
+    "sass": "^1.62.1",
+    "sass-loader": "^13.2.2",
+    "serve": "^14.2.0",
     "svg-url-loader": "^8.0.0",
-    "svgo": "^2.8.0",
-    "svgo-loader": "^3.0.3",
+    "svgo": "^3.0.2",
+    "svgo-loader": "^4.0.0",
     "vue-cli-plugin-i18n": "^2.3.2",
-    "vue-i18n-extract": "1.0.3",
+    "vue-i18n-extract": "2.0.7",
     "vue-template-compiler": "^2.7.14",
-    "webpack": "^5.80.0"
+    "webpack": "^5.82.0"
   },
   "browserslist": [
     "> 1%",

src/components/AeInputWrapper.vue

@@ -16,7 +16,7 @@
     <main>
       <slot
         :id="_uid"
-        :setFocus="f => focus = f"
+        :set-focus="f => focus = f"
       />
     </main>
     <AeToolbar

src/components/Menu.vue → src/components/AeMenu.vue

@@ -1,6 +1,6 @@
 <template>
   <AePopover
-    class="menu"
+    class="ae-menu"
     v-bind="$attrs"
     v-on="$listeners"
     @click.native="$emit('close')"
@@ -20,7 +20,7 @@ export default {
 <style lang="scss" scoped>
 @import '../styles/functions';
 
-.menu {
+.ae-menu {
   display: flex;
   flex-direction: column;
   box-shadow: 0 0 rem(16px) rgba(#1B4479, 0.15);

src/components/MenuItem.vue → src/components/AeMenuItem.vue

@@ -1,6 +1,6 @@
 <template>
   <ButtonPlain
-    class="menu-item"
+    class="ae-menu-item"
     v-bind="$attrs"
     v-on="$listeners"
   >
@@ -19,7 +19,7 @@ export default {
 <style lang="scss" scoped>
 @import '../styles/typography';
 
-.menu-item {
+.ae-menu-item {
   height: rem(36px);
   padding: 0 rem(16px);
   @extend %face-sans-s;

src/components/NetworkSwitcher.vue

@@ -27,18 +27,18 @@
       {{ $t('network.settings.new.title') }}
     </ListItemButton>
 
-    <Menu
+    <AeMenu
       v-if="menuForNetworkIdx !== -1"
       :anchor="$refs[`button-${menuForNetworkIdx}`][0]"
       @close="menuForNetworkIdx = -1"
     >
-      <MenuItem v-copy-on-click="networks[menuForNetworkIdx].url">
+      <AeMenuItem v-copy-on-click="networks[menuForNetworkIdx].url">
         <Copy />{{ $t('network.settings.list.copy-link') }}
-      </MenuItem>
-      <MenuItem @click="removeNetwork">
+      </AeMenuItem>
+      <AeMenuItem @click="removeNetwork">
         <Close />{{ $t('network.settings.list.remove') }}
-      </MenuItem>
-    </Menu>
+      </AeMenuItem>
+    </AeMenu>
   </div>
 </template>
 
@@ -49,17 +49,17 @@ import ListItem from './ListItem.vue';
 import ListItemButton from './ListItemButton.vue';
 import { More, Copy, Close } from './icons';
 import AeRadio from './AeRadio.vue';
-import Menu from './Menu.vue';
-import MenuItem from './MenuItem.vue';
+import AeMenu from './AeMenu.vue';
+import AeMenuItem from './AeMenuItem.vue';
 
 export default {
   components: {
     ListItem,
     ListItemButton,
     More,
     AeRadio,
-    Menu,
-    MenuItem,
+    AeMenu,
+    AeMenuItem,
     Copy,
     Close,
   },

src/components/icons.js

@@ -1,5 +1,8 @@
 /* eslint import/extensions: "off" */
 
+// TODO: remove after fixing https://github.com/import-js/eslint-plugin-import/issues/1739
+/* eslint-disable import/no-unresolved */
+
 export { default as Active } from '../assets/icons/inline/active.svg?icon-component';
 export { default as AddContact } from '../assets/icons/inline/add-contact.svg?icon-component';
 export { default as ArrowChart } from '../assets/icons/inline/arrow-chart.svg?icon-component';

src/lib/aes.js

@@ -1,5 +1,5 @@
 export default class AES {
-  BLOCK_SIZE = 16
+  BLOCK_SIZE = 16;
 
   constructor(key) {
     this.algorithm = {

src/lib/renderQrCodeSvg.js

@@ -3,9 +3,9 @@ import ErrorCorrectionLevel from '@zxing/library/esm/core/qrcode/decoder/ErrorCo
 import Encoder from '@zxing/library/esm/core/qrcode/encoder/Encoder';
 
 class QRCodeFancySvgWriter extends BrowserQRCodeSvgWriter {
-  FILL_COLOR = '#311b58'
+  FILL_COLOR = '#311b58';
 
-  POSITION_SIDE = 7
+  POSITION_SIDE = 7;
 
   renderResult(code, width, height, quietZone) {
     const input = code.getMatrix();

src/pages/mobile/AppBrowser.vue

@@ -19,16 +19,16 @@
       </ButtonPlain>
     </header>
 
-    <Menu
+    <AeMenu
       :anchor="showMenu ? $refs.menuButton : null"
       :anchor-origin="{ vertical: 'top', horizontal: 'right' }"
       :transform-origin="{ vertical: 'top', horizontal: 'right' }"
       @close="showMenu = false"
     >
-      <MenuItem @click="reload">
+      <AeMenuItem @click="reload">
         <Reload /> {{ $t('app.browser.refresh') }}
-      </MenuItem>
-    </Menu>
+      </AeMenuItem>
+    </AeMenu>
 
     <ProgressFake v-if="loading" />
 
@@ -53,8 +53,8 @@ import { PROTOCOLS_ALLOWED, PROTOCOL_DEFAULT } from '../../lib/constants';
 import UrlForm from '../../components/mobile/UrlForm.vue';
 import ButtonPlain from '../../components/ButtonPlain.vue';
 import { Home, More, Reload } from '../../components/icons';
-import Menu from '../../components/Menu.vue';
-import MenuItem from '../../components/MenuItem.vue';
+import AeMenu from '../../components/AeMenu.vue';
+import AeMenuItem from '../../components/AeMenuItem.vue';
 import ProgressFake from '../../components/ProgressFake.vue';
 import TabBar from '../../components/mobile/TabBar.vue';
 
@@ -65,8 +65,8 @@ export default {
     Home,
     More,
     Reload,
-    Menu,
-    MenuItem,
+    AeMenu,
+    AeMenuItem,
     ProgressFake,
     TabBar,
   },