@financial-times/n-myft-ui 33.1.1-alpha.4 → 34.0.1

package/.circleci/config.yml

@@ -4,7 +4,12 @@ orbs:
 executors:
   node:
     docker:
-      - image: cimg/node:18.17-browsers
+      - image: cimg/node:18.16-browsers
+    working_directory: /home/circleci/project/node_workspace
+  node16_20-browsers:
+    docker:
+      - image: cimg/node:16.20-browsers
+    working_directory: /home/circleci/project/node16_workspace
 jobs:
   deploy-gh-pages:
     docker:
@@ -58,6 +63,7 @@ workflows:
             parameters:
               executor:
                 - node
+                - node16_20-browsers
           filters:
             tags:
               only: /^v\d+\.\d+\.\d+(-.+)?/
@@ -69,6 +75,7 @@ workflows:
             parameters:
               executor:
                 - node
+                - node16_20-browsers
           filters:
             tags:
               only: /^v\d+\.\d+\.\d+(-.+)?/
@@ -80,6 +87,7 @@ workflows:
             parameters:
               executor:
                 - node
+                - node16_20-browsers
           filters:
             tags:
               only: /^v\d+\.\d+\.\d+(-.+)?/
@@ -114,6 +122,7 @@ workflows:
             parameters:
               executor:
                 - node
+                - node16_20-browsers
       - tool-kit/build:
           name: tool-kit/build-<< matrix.executor >>
           requires:
@@ -122,6 +131,7 @@ workflows:
             parameters:
               executor:
                 - node
+                - node16_20-browsers
       - tool-kit/test:
           name: tool-kit/test-<< matrix.executor >>
           requires:
@@ -130,3 +140,4 @@ workflows:
             parameters:
               executor:
                 - node
+                - node16_20-browsers

package/.pa11yci.js

@@ -18,6 +18,7 @@ const urls = [
 ];
 
 const config = {
+	exitCode: 0,
 	defaults: {
 		headers: {
 			'Cookie': 'next-flags=ads:off,cookieMessage:off; secure=true'

package/.toolkitrc.yml

@@ -22,10 +22,11 @@ hooks:
     - RunPa11yCi
 options:
   "@dotcom-tool-kit/circleci":
-    nodeVersion: "18.17-browsers"
+    nodeVersion:
+      - '18.16-browsers'
+      - '16.20-browsers'
   "@dotcom-tool-kit/eslint": {
     files: "{,!(public)/**/}*.js"
   }
-  '@dotcom-tool-kit/vault':
-    team: next
-    app: n-myft-ui
+  '@dotcom-tool-kit/doppler':
+    project: n-myft-ui

package/.toolkitstate/ci.json

@@ -1,6 +1,6 @@
 {
   "branch": "",
   "repo": "n-myft-ui",
-  "version": "91ee5ff8640103b67627901115e219f2cf07fc04",
-  "tag": "v33.1.1-alpha.4"
+  "version": "4e19155b865ac3d6d4c3cf10285f267c44dfa940",
+  "tag": "v34.0.1"
 }

package/components/instant-alert/main.scss

@@ -27,7 +27,7 @@
 		color: oColorsByName('black-80');
 	}
 	&::before {
-		@include oIconsContent('notifications', oColorsByName('black-60'), $icon-width, $iconset-version: 1);
+		@include oIconsContent('mute-notifications', oColorsByName('black-60'), $icon-width, $iconset-version: 1);
 		left: auto;
 		right: 1px;
 		margin-top: -18px;

package/components/jsx/preferences-modal/index.js

@@ -144,20 +144,6 @@ const getAlertsPreferences = async ({ event, preferencesModal }) => {
 	});
 
 	preferencesList.innerHTML = getAlertsPreferenceText(addedTextBuffer);
-
-	try {
-		// We need the service worker registration to check for a subscription
-		const serviceWorkerRegistration = await navigator.serviceWorker.ready;
-		const subscription = await serviceWorkerRegistration.pushManager.getSubscription();
-		if (subscription) {
-			addedTextBuffer.push('browser');
-		}
-	} catch (error) {
-		// eslint-disable-next-line no-console
-		console.warn('There was an error fetching the browser notification preferences', error);
-	}
-
-	preferencesList.innerHTML = getAlertsPreferenceText(addedTextBuffer);
 };
 
 const setCheckboxForAlertConcept = ({ event, preferencesModal }) => {

package/karma.conf.js

@@ -1,5 +1,7 @@
 // Karma configuration
 // Generated on Fri Apr 18 2014 18:19:03 GMT+0100 (BST)
+const majorVersion = process.version.split('.')[0].slice(1);
+const port = majorVersion === '18' ? 9877 : 9876;
 module.exports = function (karma) {
 
 
@@ -82,7 +84,7 @@ module.exports = function (karma) {
 
 
 		// web server port
-		port: 9876,
+		port: port,
 
 
 		// enable / disable colors in the output (reporters and logs)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/n-myft-ui",
-  "version": "33.1.1-alpha.4",
+  "version": "34.0.1",
   "description": "Client side component for interaction with myft",
   "main": "server.js",
   "scripts": {
@@ -71,7 +71,7 @@
     "imports-loader": "0.8.0",
     "inject-loader": "^4.0.1",
     "karma": "4.4.1",
-    "karma-browserstack-launcher": "1.6.0",
+    "karma-browserstack-launcher": "^1.6.0",
     "karma-chai": "^0.1.0",
     "karma-chrome-launcher": "3.2.0",
     "karma-firefox-launcher": "^1.0.0",