@financial-times/n-myft-ui 27.2.0 → 28.0.1

package/components/button/main.scss

@@ -1,4 +1,4 @@
-@import 'o-buttons/main';
+@import '@financial-times/o-buttons/main';
 
 .n-myft-ui__button {
 	@include oButtonsContent($opts: (

package/components/instant-alert/index.js

@@ -1,4 +1,4 @@
-import * as nNotification from 'n-notification/main';
+import * as nNotification from '@financial-times/n-notification/main';
 import Delegate from 'ftdomdelegate';
 import myftClient from 'next-myft-client';
 import { $, $$ } from 'n-ui-foundations/main';

package/components/pin-button/index.js

@@ -1,7 +1,7 @@
 import Delegate from 'ftdomdelegate';
 import myftApiClient from 'next-myft-client';
 import serialize from 'form-serialize';
-import Tooltip from 'o-tooltip';
+import Tooltip from '@financial-times/o-tooltip';
 
 const delegate = new Delegate(document.body);
 

package/components/unread-articles-indicator/date-fns.js

@@ -2,12 +2,12 @@
 // the detail => https://github.com/date-fns/date-fns/blob/HEAD/CHANGELOG.md#200---2019-08-20
 // By adding validation for dates before their functions allows us to know it when unexpected value passed.
 
-import isTodayOriginal from "date-fns/src/isToday";
-import isAfterOriginal from "date-fns/src/isAfter";
-import addMinutesOriginal from "date-fns/src/addMinutes";
-import startOfDayOriginal from "date-fns/src/startOfDay";
-import isValidOriginal from "date-fns/src/isValid";
-import parseISO from "date-fns/src/parseISO";
+import isTodayOriginal from 'date-fns/src/isToday';
+import isAfterOriginal from 'date-fns/src/isAfter';
+import addMinutesOriginal from 'date-fns/src/addMinutes';
+import startOfDayOriginal from 'date-fns/src/startOfDay';
+import isValidOriginal from 'date-fns/src/isValid';
+import parseISO from 'date-fns/src/parseISO';
 
 const isValid = (date) => {
 	if (!isValidOriginal(date)) {

package/components/unread-articles-indicator/device-session.js

@@ -1,9 +1,8 @@
-import {isAfter, addMinutes} from './date-fns';
+import { isAfter, addMinutes } from 'date-fns';
 import * as storage from './storage';
 const SESSION_THRESHOLD_MINUTES = 30;
 
 export default class DeviceSession {
-
 	constructor () {
 		this.expiry = storage.getDeviceSessionExpiry();
 		const newExpiry = addMinutes(new Date(), SESSION_THRESHOLD_MINUTES);
@@ -17,5 +16,4 @@ export default class DeviceSession {
 			return true;
 		}
 	}
-
 }

package/components/unread-articles-indicator/index.js

@@ -1,4 +1,4 @@
-import {startOfDay} from './date-fns';
+import { startOfDay } from 'date-fns';
 import * as storage from './storage';
 import initialiseFeedStartTime from './initialise-feed-start-time';
 import sessionClient from 'next-session-client';
@@ -8,7 +8,7 @@ let userId;
 
 async function getValidSession () {
 	if (!userId) {
-		const {uuid} = await sessionClient.uuid();
+		const { uuid } = await sessionClient.uuid();
 		if (!uuid) throw new Error('No userId');
 		userId = uuid;
 	}
@@ -24,7 +24,7 @@ export async function getNewArticlesSinceTime () {
 	if (!initialFeedStartTime && storage.isAvailable()) {
 		try {
 			initialFeedStartTime = await initialiseFeedStartTime(user, new Date());
-		} catch(e) {}
+		} catch (e) {}
 	}
 
 	return initialFeedStartTime || dayStart;

package/components/unread-articles-indicator/initialise-feed-start-time.js

@@ -1,16 +1,18 @@
-import {isToday, startOfDay} from './date-fns';
+import { isToday, startOfDay } from 'date-fns';
 import DeviceSession from './device-session';
 import * as storage from './storage';
-import {json as fetchJson} from 'fetchres';
+import { json as fetchJson } from 'fetchres';
 
 const deviceSession = new DeviceSession();
 
 export const fetchUserLastVisitedAt = (userId) => {
-	const url = '/__myft/users/:userId/last-seen?source=next-myft'
-		.replace(':userId', userId);
-	return fetch(url, {credentials: 'include'})
+	const url = '/__myft/users/:userId/last-seen?source=next-myft'.replace(
+		':userId',
+		userId
+	);
+	return fetch(url, { credentials: 'include' })
 		.then(fetchJson)
-		.then(({lastSeen}) => new Date(lastSeen));
+		.then(({ lastSeen }) => new Date(lastSeen));
 };
 
 /**
@@ -19,12 +21,18 @@ export const fetchUserLastVisitedAt = (userId) => {
  * @return {Promise<Date>} date when we now determine articles to be 'new' for the user
  */
 const determineFeedStartTime = (userId, now, previousFeedStartTime) => {
-	if (previousFeedStartTime && isToday(previousFeedStartTime) && !deviceSession.isNewSession()) {
+	if (
+		previousFeedStartTime &&
+		isToday(previousFeedStartTime) &&
+		!deviceSession.isNewSession()
+	) {
 		return Promise.resolve(previousFeedStartTime);
 	}
 
 	return fetchUserLastVisitedAt(userId)
-		.then(userLastVisitedAt => isToday(userLastVisitedAt) ? userLastVisitedAt : Promise.reject())
+		.then((userLastVisitedAt) =>
+			isToday(userLastVisitedAt) ? userLastVisitedAt : Promise.reject()
+		)
 		.catch(() => startOfDay(now));
 };
 
@@ -33,12 +41,14 @@ const determineFeedStartTime = (userId, now, previousFeedStartTime) => {
  * @param {Date} now  Date representing the time now
  */
 export default (userId, now) => {
-	const previousFeedStartTime = (storage.isAvailable() && storage.getFeedStartTime());
-	return determineFeedStartTime(userId, now, previousFeedStartTime)
-		.then(startTime => {
+	const previousFeedStartTime =
+		storage.isAvailable() && storage.getFeedStartTime();
+	return determineFeedStartTime(userId, now, previousFeedStartTime).then(
+		(startTime) => {
 			if (storage.isAvailable()) {
 				storage.setFeedStartTime(startTime);
 			}
 			return startTime;
-		});
+		}
+	);
 };

package/components/unread-articles-indicator/storage.js

@@ -1,23 +1,26 @@
-import {isValid} from './date-fns';
+import { isValid } from 'date-fns';
 
 const DEVICE_SESSION_EXPIRY = 'deviceSessionExpiry';
 const FEED_START_TIME = 'newArticlesSinceTime';
 
-const isISOString = str => typeof str === 'string' && str.charAt(10) === 'T';
-const getStoredDate = key => {
+const isISOString = (str) => typeof str === 'string' && str.charAt(10) === 'T';
+const getStoredDate = (key) => {
 	const value = window.localStorage.getItem(key);
 	const date = new Date(value);
 
 	return isISOString(value) && isValid(date) ? date : null;
 };
 
-export const getDeviceSessionExpiry = () => getStoredDate(DEVICE_SESSION_EXPIRY);
+export const getDeviceSessionExpiry = () =>
+	getStoredDate(DEVICE_SESSION_EXPIRY);
 
-export const setDeviceSessionExpiry = date => window.localStorage.setItem(DEVICE_SESSION_EXPIRY, date.toISOString());
+export const setDeviceSessionExpiry = (date) =>
+	window.localStorage.setItem(DEVICE_SESSION_EXPIRY, date.toISOString());
 
 export const getFeedStartTime = () => getStoredDate(FEED_START_TIME);
 
-export const setFeedStartTime = date => window.localStorage.setItem(FEED_START_TIME, date.toISOString());
+export const setFeedStartTime = (date) =>
+	window.localStorage.setItem(FEED_START_TIME, date.toISOString());
 
 export const isAvailable = () => {
 	try {
@@ -26,8 +29,7 @@ export const isAvailable = () => {
 		storage.setItem(x, x);
 		storage.removeItem(x);
 		return true;
-	}
-	catch(e) {
+	} catch (e) {
 		return false;
 	}
 };

package/karma.conf.js

@@ -1,6 +1,5 @@
 // Karma configuration
 // Generated on Fri Apr 18 2014 18:19:03 GMT+0100 (BST)
-const BowerResolvePlugin = require('bower-resolve-webpack-plugin');
 module.exports = function (karma) {
 
 
@@ -41,9 +40,8 @@ module.exports = function (karma) {
 		},
 		webpack: {
 			resolve: {
-				plugins: [new BowerResolvePlugin()],
-				modules: ['bower_components', 'node_modules'],
-				descriptionFiles: ['bower.json', 'package.json'],
+				modules: ['node_modules'],
+				descriptionFiles: ['package.json'],
 				mainFields: ['browser', 'main'],
 				mainFiles: ['index', 'main'],
 				extensions: ['.js', '.json']
@@ -153,13 +151,6 @@ module.exports = function (karma) {
 				os: 'Windows',
 				os_version: '10'
 			},
-			ie11: {
-				base: 'BrowserStack',
-				browser: 'IE',
-				browser_version: '11',
-				os: 'Windows',
-				os_version: '7'
-			},
 			safari: {
 				base: 'BrowserStack',
 				os: 'OS X',

package/myft/README.md

@@ -40,7 +40,7 @@ If `isSaved=true` is specified then the button will start in the *saved* state,
 
 ## Releasing
 
-This is a bower module, to release update the git tag.
+This is an NPM module, to release update the git tag.
 
 ## Testing
 

package/myft/main.scss

@@ -1,15 +1,15 @@
-@import 'o-normalise/main';
-@import 'o-colors/main';
-@import 'o-grid/main';
-@import 'o-icons/main';
-@import 'o-buttons/main';
-@import 'o-editorial-typography/main';
-@import 'o-forms/main';
-@import 'o-overlay/main';
-@import 'o-spacing/main';
+@import '@financial-times/o-normalise/main';
+@import '@financial-times/o-colors/main';
+@import '@financial-times/o-grid/main';
+@import '@financial-times/o-icons/main';
+@import '@financial-times/o-buttons/main';
+@import '@financial-times/o-editorial-typography/main';
+@import '@financial-times/o-forms/main';
+@import '@financial-times/o-overlay/main';
+@import '@financial-times/o-spacing/main';
 
 $n-notification-is-silent: false !default;
-@import 'n-notification/main';
+@import '@financial-times/n-notification/main';
 
 @import './ui/myft-buttons/main';
 @import './ui/lists';

package/myft/ui/lists.js

@@ -1,11 +1,11 @@
 import myFtClient from 'next-myft-client';
 import Delegate from 'ftdomdelegate';
-import Overlay from 'o-overlay';
+import Overlay from '@financial-times/o-overlay';
 import * as myFtUiButtonStates from './lib/button-states';
-import nNotification from 'n-notification';
+import nNotification from '@financial-times/n-notification';
 import { uuid } from 'n-ui-foundations';
 import getToken from './lib/get-csrf-token';
-import oForms from 'o-forms';
+import oForms from '@financial-times/o-forms';
 import openSaveArticleToListVariant from './save-article-to-list-variant';
 
 const delegate = new Delegate(document.body);

package/myft/ui/myft-buttons/init.js

@@ -3,7 +3,7 @@ import * as tracking from '../lib/tracking';
 import * as loadedRelationships from '../lib/loaded-relationships';
 import relationshipConfig from '../lib/relationship-config';
 import setTokens from '../lib/set-tokens';
-import nNotification from 'n-notification';
+import nNotification from '@financial-times/n-notification';
 import Delegate from 'ftdomdelegate';
 import personaliseLinks from '../personalise-links';
 import doFormSubmit from './do-form-submit';

package/myft/ui/save-article-to-list-variant.js

@@ -1,8 +1,7 @@
-import Overlay from 'o-overlay';
+import Overlay from '@financial-times/o-overlay';
 import myFtClient from 'next-myft-client';
 import { uuid } from 'n-ui-foundations';
 import getToken from './lib/get-csrf-token';
-import oTooltip from 'o-tooltip';
 
 const csrfToken = getToken();
 
@@ -32,6 +31,7 @@ async function openSaveArticleToListVariant (name, contentId) {
 					const announceListContainer = document.querySelector('.myft-ui-create-list-variant-announcement');
 					announceListContainer.textContent = `${list} created`;
 					triggerCreateListEvent(contentId);
+					contentElement.addEventListener('click', openFormHandler, { once: true });
 				});
 			});
 	}
@@ -76,8 +76,8 @@ async function openSaveArticleToListVariant (name, contentId) {
 		existingOverlay.destroy();
 	}
 
-	const contentElement = ContentElement();
 	const headingElement = HeadingElement();
+	let [contentElement, removeDescription] = ContentElement(!lists.length);
 
 	const createListOverlay = new Overlay(name, {
 		html: contentElement,
@@ -104,6 +104,7 @@ async function openSaveArticleToListVariant (name, contentId) {
 		try {
 			const formElement = FormElement(createList);
 			const overlayContent = document.querySelector('.o-overlay__content');
+			removeDescription();
 			overlayContent.insertAdjacentElement('beforeend', formElement);
 			formElement.elements[0].focus();
 		} catch(error) {
@@ -121,31 +122,12 @@ async function openSaveArticleToListVariant (name, contentId) {
 			overlayContent.insertAdjacentElement('afterbegin', listElement);
 		}
 
-		contentElement.addEventListener('click', openFormHandler);
+		contentElement.addEventListener('click', openFormHandler, { once: true });
 
-		document.querySelector('.article-content').addEventListener('click', outsideClickHandler);
+		document.querySelector('.article-content').addEventListener('click', outsideClickHandler, { once: true });
 	});
 
-	createListOverlay.wrapper.addEventListener('oOverlay.destroy', () => {
-		const tooltipTemplate = document.createElement('div');
-		const opts = {
-			target: 'o-header-top-link-myft',
-			content: 'Go to saved articles in myFT to find your lists',
-			showOnConstruction: true,
-			closeAfter: 5,
-			position: 'below'
-		};
-
-		new oTooltip(tooltipTemplate, opts);
-
-		contentElement.removeEventListener('click', openFormHandler);
-
-		document.querySelector('.article-content').removeEventListener('click', outsideClickHandler);
-	});
-
-	window.addEventListener('scroll', function () {
-		realignListener(createListOverlay.wrapper, window.scrollY);
-	});
+	window.addEventListener('scroll', realignListener(createListOverlay.wrapper, window.scrollY));
 
 	window.addEventListener('oViewport.resize', () => {
 		realignListener(createListOverlay.wrapper);
@@ -192,15 +174,26 @@ function FormElement (createList) {
 	return formElement;
 }
 
-function ContentElement () {
-	let content = `
+function ContentElement (description) {
+	const content = `
 		<div class="myft-ui-create-list-variant-footer">
 			<button class="myft-ui-create-list-variant-add">Add to a new list</button>
-			${!lists.length ? '<p class="myft-ui-create-list-variant-add-description">Lists are a simple way to curate your content</p>' : ''}
+			${description ? `
+			<p class="myft-ui-create-list-variant-add-description">Lists are a simple way to curate your content</p>
+		` : ''}
 		</div>
 	`;
 
-	return stringToHTMLElement(content);
+	const contentElement = stringToHTMLElement(content);
+
+	function removeDescription () {
+		const descriptionElement = contentElement.querySelector('.myft-ui-create-list-variant-add-description');
+		if (descriptionElement) {
+			descriptionElement.remove();
+		}
+	}
+
+	return [contentElement, removeDescription];
 }
 
 function HeadingElement () {

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@financial-times/n-myft-ui",
-  "version": "27.2.0",
+  "version": "28.0.1",
   "description": "Client side component for interaction with myft",
   "main": "server.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "commit": "commit-wizard",
     "prepare": "npx snyk protect || npx snyk protect -d || true",
-    "preinstall": "npm_config_yes=true npx check-engine"
+    "preinstall": "[ \"$INIT_CWD\" != \"$PWD\" ] || npm_config_yes=true npx check-engine"
   },
   "repository": {
     "type": "git",
@@ -20,11 +20,10 @@
   },
   "homepage": "https://github.com/Financial-Times/n-myft-ui#readme",
   "devDependencies": {
-    "@financial-times/dotcom-build-bower-resolve": "^2.6.2",
+    "@financial-times/dotcom-build-base": "^7.0.0",
     "@financial-times/dotcom-build-code-splitting": "^5.0.0",
     "@financial-times/dotcom-build-js": "^5.0.0",
     "@financial-times/dotcom-build-sass": "^5.0.0",
-    "@financial-times/dotcom-page-kit-cli": "^0.6.5",
     "@financial-times/dotcom-server-handlebars": "^5.0.0",
     "@financial-times/n-express": "^23.0.1",
     "@financial-times/n-gage": "^8.3.2",
@@ -41,9 +40,6 @@
     "babel-preset-env": "^1.7.0",
     "babel-preset-es2015": "^6.6.0",
     "babel-runtime": "^6.9.2",
-    "bower": "^1.8.8",
-    "bower-resolve-webpack-plugin": "^1.0.5",
-    "bower-webpack-plugin": "^0.1.9",
     "brotli": "^1.3.1",
     "chai": "4.2.0",
     "chalk": "2.4.2",
@@ -75,16 +71,41 @@
     "mocha": "6.2.2",
     "mockery": "2.1.0",
     "node-fetch": "2.6.0",
-    "node-sass": "^6.0.1",
     "nodemon": "^1.9.2",
     "npm-prepublish": "^1.2.1",
     "pa11y-ci": "^2.1.1",
     "postcss-loader": "^0.9.1",
     "regenerator-runtime": "^0.13.3",
+    "sass": "^1.51.0",
     "semver": "6.3.0",
     "sinon": "^7.1.0",
     "sinon-chai": "^3.2.0",
-    "snyk": "^1.216.5"
+    "snyk": "^1.216.5",
+    "webpack": "^4.46.0",
+    "webpack-cli": "^4.9.2"
+  },
+  "peerDependencies": {
+    "@financial-times/n-notification": "^8.2.2",
+    "@financial-times/o-editorial-typography": "^2.3.2",
+    "@financial-times/o-errors": "^4.0.2",
+    "@financial-times/o-forms": "^9.4.0",
+    "@financial-times/o-grid": "^6.1.1",
+    "@financial-times/o-normalise": "^3.0.0",
+    "@financial-times/o-overlay": "^4.0.0",
+    "@financial-times/o-spacing": "^3.0.0",
+    "@financial-times/o-tooltip": "^5.0.0",
+    "n-ui-foundations": "^9.0.0"
+  },
+  "dependencies": {
+    "@financial-times/o-topper": "^5.2.3",
+    "date-fns": "2.16.1",
+    "fetchres": "^1.7.2",
+    "form-serialize": "^0.7.2",
+    "ftdomdelegate": "^4.0.6",
+    "js-cookie": "^2.2.1",
+    "next-myft-client": "^9.0.0",
+    "next-session-client": "^4.0.0",
+    "superstore-sync": "^2.1.1"
   },
   "volta": {
     "node": "16.14.2",

package/scripts/deploy-gh-pages.sh

@@ -15,7 +15,6 @@ cd honk
 
 git checkout -b gh-pages
 
-mv ../bower_components .
 mv ../node_modules .
 cp ../scripts/* scripts/
 

package/styles.css

@@ -0,0 +1 @@
+@keyframes load-notice{0%{max-height:0}to{max-height:200px}}.n-notification{position:fixed;top:0;left:0;width:100%;z-index:10}.n-notification__item{position:relative;background-color:rgba(255,241,229,.95);border-bottom:3px solid #33302e;color:#33302e;box-sizing:border-box;margin:0;padding:14px 0;overflow:hidden;animation:load-notice .2s forwards}.n-notification__content-wrapper{margin:0 auto;width:100%;position:relative;text-align:center;padding:0 30px;box-sizing:border-box}.n-notification__title{font-family:MetricWeb,sans-serif;font-size:20px;line-height:24px;font-weight:600;display:inline-block;padding-right:10px;margin:0}.o-typography--loading-sans-bold .n-notification__title{font-size:16.6px;font-family:sans-serif}.n-notification__content{font-family:MetricWeb,sans-serif;font-size:20px;line-height:24px;display:inline-block;margin:0}.o-typography--loading-sans .n-notification__content{font-size:17.4px;font-family:sans-serif}.n-notification__content b,.n-notification__content strong{font-family:MetricWeb,sans-serif;font-size:20px;line-height:24px;font-weight:600}.o-typography--loading-sans-bold .n-notification__content b,.o-typography--loading-sans-bold .n-notification__content strong{font-size:16.6px;font-family:sans-serif}.n-notification__content a{color:#33302e;border-bottom-color:#33302e}.n-notification--error{background-color:#fad9ce;color:#b30000}.n-notification--error .n-notification__content a{color:#fff}.n-notification--error .n-notification__close{width:40px;height:40px;background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:cross?format=svg&source=n-myft-ui&tint=%23B30000%2C%23B30000)}@media screen and (-ms-high-contrast:active){.n-notification--error .n-notification__close{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:cross?format=svg&source=n-myft-ui&tint=%23ffffff%2C%23ffffff)}}@media screen and (-ms-high-contrast:black-on-white){.n-notification--error .n-notification__close{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:cross?format=svg&source=n-myft-ui&tint=%23000000%2C%23000000)}}.n-notification--success{background-color:#ccdfc7;color:#00572c}.n-notification--success .n-notification__content a{color:#00572c}.n-notification--success .n-notification__close{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:cross?format=svg&source=n-myft-ui&tint=%2300572C%2C%2300572C);position:absolute;right:0;top:0;border:0;cursor:pointer;background-size:20px;background-position:50%;margin-top:5px;width:40px;height:40px;text-indent:-999em}@media screen and (-ms-high-contrast:active){.n-notification--success .n-notification__close{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:cross?format=svg&source=n-myft-ui&tint=%23ffffff%2C%23ffffff)}}@media screen and (-ms-high-contrast:black-on-white){.n-notification--success .n-notification__close{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:cross?format=svg&source=n-myft-ui&tint=%23000000%2C%23000000)}}.n-notification__close{display:inline-block;background-repeat:no-repeat;background-size:contain;background-color:transparent;vertical-align:baseline;background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:cross?format=svg&source=n-myft-ui&tint=%2333302E%2C%2333302E);position:absolute;right:0;top:0;border:0;cursor:pointer;background-size:20px;background-position:50%;margin-top:5px;width:40px;height:40px;text-indent:-999em}@media screen and (-ms-high-contrast:active){.n-notification__close{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:cross?format=svg&source=n-myft-ui&tint=%23ffffff%2C%23ffffff)}}@media screen and (-ms-high-contrast:black-on-white){.n-notification__close{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:cross?format=svg&source=n-myft-ui&tint=%23000000%2C%23000000)}}.myft-ui__logo{border:0}.myft-ui__icon{display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:transparent;vertical-align:baseline;width:16px;height:16px;background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:logo?format=svg&source=n-myft-ui&tint=%23FFFFFF%2C%23FFFFFF);width:34px;margin:0 8px -5px}@media screen and (-ms-high-contrast:active){.myft-ui__icon{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:logo?format=svg&source=n-myft-ui&tint=%23ffffff%2C%23ffffff)}}@media screen and (-ms-high-contrast:black-on-white){.myft-ui__icon{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:logo?format=svg&source=n-myft-ui&tint=%23000000%2C%23000000)}}.n-notification .myft-ui__icon{display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:transparent;vertical-align:baseline;width:20px;height:20px;background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:logo?format=svg&source=n-myft-ui&tint=%2333302E%2C%2333302E);margin:0 3px -5px}@media screen and (-ms-high-contrast:active){.n-notification .myft-ui__icon{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:logo?format=svg&source=n-myft-ui&tint=%23ffffff%2C%23ffffff)}}@media screen and (-ms-high-contrast:black-on-white){.n-notification .myft-ui__icon{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:logo?format=svg&source=n-myft-ui&tint=%23000000%2C%23000000)}}.n-notification--error .myft-ui__icon,.n-notification--success .myft-ui__icon{display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:transparent;vertical-align:baseline;width:20px;height:20px;background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:logo?format=svg&source=n-myft-ui&tint=%23FFFFFF%2C%23FFFFFF)}@media screen and (-ms-high-contrast:active){.n-notification--error .myft-ui__icon,.n-notification--success .myft-ui__icon{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:logo?format=svg&source=n-myft-ui&tint=%23ffffff%2C%23ffffff)}}@media screen and (-ms-high-contrast:black-on-white){.n-notification--error .myft-ui__icon,.n-notification--success .myft-ui__icon{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:logo?format=svg&source=n-myft-ui&tint=%23000000%2C%23000000)}}.myft-pin-divider{height:18px;width:1px;background:#e6d9ce;margin:0 1px}.myft-pin-button-wrapper .myft-pin-button{display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;vertical-align:baseline;width:36px;height:36px;background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:pin?format=svg&source=n-myft-ui&tint=%2366605C%2C%2366605C)}@media screen and (-ms-high-contrast:active){.myft-pin-button-wrapper .myft-pin-button{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:pin?format=svg&source=n-myft-ui&tint=%23ffffff%2C%23ffffff)}}@media screen and (-ms-high-contrast:black-on-white){.myft-pin-button-wrapper .myft-pin-button{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:pin?format=svg&source=n-myft-ui&tint=%23000000%2C%23000000)}}.myft-pin-button-wrapper .myft-pin-button:not([disabled]):hover,.myft-pin-button-wrapper .myft-pin-button[aria-pressed=true]{display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;vertical-align:baseline;width:36px;height:36px;background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:pin?format=svg&source=n-myft-ui&tint=%23990F3D%2C%23990F3D);background-color:transparent;border:0}@media screen and (-ms-high-contrast:active){.myft-pin-button-wrapper .myft-pin-button:not([disabled]):hover,.myft-pin-button-wrapper .myft-pin-button[aria-pressed=true]{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:pin?format=svg&source=n-myft-ui&tint=%23ffffff%2C%23ffffff)}}@media screen and (-ms-high-contrast:black-on-white){.myft-pin-button-wrapper .myft-pin-button:not([disabled]):hover,.myft-pin-button-wrapper .myft-pin-button[aria-pressed=true]{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:pin?format=svg&source=n-myft-ui&tint=%23000000%2C%23000000)}}.myft-pin-button__label{position:absolute;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0,0 0);clip-path:polygon(0 0,0 0);margin:-1px;border:0;overflow:hidden;padding:0;width:2px;height:2px;white-space:nowrap}.myft-pin-button-wrapper .myft-pin-button{background-color:transparent;border:0;padding:0;min-width:28px}.myft-pin-button-wrapper .o-tooltip--myft-pin-button{min-width:200px}.myft-pin-button-wrapper>form{display:flex}.myft-pin-button-wrapper.loading{position:relative}.myft-pin-button-wrapper.loading form{visibility:hidden}.myft-pin-button-wrapper.loading:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:" ";display:block;width:12px;height:12px;margin:0 auto;border-radius:50%;border-color:#66605c transparent;border-style:solid;border-width:3px;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.n-myft-ui--instant{position:relative}.n-myft-ui--instant .n-myft-ui__button{position:relative;padding-left:26px;display:inline-block}.n-myft-ui--instant .n-myft-ui__button:before{display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:transparent;vertical-align:baseline;width:24px;height:24px;background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:mail?format=svg&source=n-myft-ui&tint=%230A5E66%2C%230A5E66);content:" ";position:absolute;top:50%;left:1px;margin:-12px 1px 0 0}@media screen and (-ms-high-contrast:active){.n-myft-ui--instant .n-myft-ui__button:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:mail?format=svg&source=n-myft-ui&tint=%23ffffff%2C%23ffffff)}}@media screen and (-ms-high-contrast:black-on-white){.n-myft-ui--instant .n-myft-ui__button:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:mail?format=svg&source=n-myft-ui&tint=%23000000%2C%23000000)}}.n-myft-ui--instant .n-myft-ui__button[aria-pressed=true]:before{display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:transparent;vertical-align:baseline;width:24px;height:24px;background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:mail?format=svg&source=n-myft-ui&tint=%23FFFFFF%2C%23FFFFFF)}@media screen and (-ms-high-contrast:active){.n-myft-ui--instant .n-myft-ui__button[aria-pressed=true]:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:mail?format=svg&source=n-myft-ui&tint=%23ffffff%2C%23ffffff)}}@media screen and (-ms-high-contrast:black-on-white){.n-myft-ui--instant .n-myft-ui__button[aria-pressed=true]:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:mail?format=svg&source=n-myft-ui&tint=%23000000%2C%23000000)}}.n-myft-ui--instant .n-myft-ui__button[aria-pressed=true]:hover:before{display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:transparent;vertical-align:baseline;width:24px;height:24px;background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:mail?format=svg&source=n-myft-ui&tint=%230A5E66%2C%230A5E66)}@media screen and (-ms-high-contrast:active){.n-myft-ui--instant .n-myft-ui__button[aria-pressed=true]:hover:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:mail?format=svg&source=n-myft-ui&tint=%23ffffff%2C%23ffffff)}}@media screen and (-ms-high-contrast:black-on-white){.n-myft-ui--instant .n-myft-ui__button[aria-pressed=true]:hover:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:mail?format=svg&source=n-myft-ui&tint=%23000000%2C%23000000)}}.n-myft-ui__button--instant.n-myft-ui__button--instant-light{border:0;padding-left:8px;padding-right:36px;color:#33302e;font-weight:400;background:transparent}.n-myft-ui__button--instant.n-myft-ui__button--instant-light:not([disabled]):focus,.n-myft-ui__button--instant.n-myft-ui__button--instant-light:not([disabled]):hover,.n-myft-ui__button--instant.n-myft-ui__button--instant-light[aria-pressed=true]{background:transparent;color:#33302e}.n-myft-ui__button--instant.n-myft-ui__button--instant-light:before{display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:transparent;vertical-align:baseline;width:36px;height:36px;background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:notifications?format=svg&source=n-myft-ui&tint=%2366605C%2C%2366605C);left:auto;right:1px;margin-top:-18px}@media screen and (-ms-high-contrast:active){.n-myft-ui__button--instant.n-myft-ui__button--instant-light:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:notifications?format=svg&source=n-myft-ui&tint=%23ffffff%2C%23ffffff)}}@media screen and (-ms-high-contrast:black-on-white){.n-myft-ui__button--instant.n-myft-ui__button--instant-light:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:notifications?format=svg&source=n-myft-ui&tint=%23000000%2C%23000000)}}.n-myft-ui__button--instant.n-myft-ui__button--instant-light:not([disabled]):hover:before,.n-myft-ui__button--instant.n-myft-ui__button--instant-light[aria-pressed=true]:before{display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:transparent;vertical-align:baseline;width:36px;height:36px;background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:notifications?format=svg&source=n-myft-ui&tint=%23990F3D%2C%23990F3D)}@media screen and (-ms-high-contrast:active){.n-myft-ui__button--instant.n-myft-ui__button--instant-light:not([disabled]):hover:before,.n-myft-ui__button--instant.n-myft-ui__button--instant-light[aria-pressed=true]:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:notifications?format=svg&source=n-myft-ui&tint=%23ffffff%2C%23ffffff)}}@media screen and (-ms-high-contrast:black-on-white){.n-myft-ui__button--instant.n-myft-ui__button--instant-light:not([disabled]):hover:before,.n-myft-ui__button--instant.n-myft-ui__button--instant-light[aria-pressed=true]:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:notifications?format=svg&source=n-myft-ui&tint=%23000000%2C%23000000)}}.n-myft-ui--instant--hide-text .n-myft-ui__button--instant.n-myft-ui__button--instant-light{margin-top:5px;width:20px;overflow:hidden;white-space:nowrap;text-indent:-110px}.myft-ui,.n-myft-ui{display:inline-block}@keyframes myft-flash{25%{opacity:1}50%{opacity:1}}@keyframes myft-flash-white{10%{filter:brightness(0) invert(1)}75%{filter:brightness(0) invert(1)}}.experimental-myft-flash .o-header__top-column--right:before{content:" ";position:absolute;display:block;background-color:#0d7680;top:0;right:0;height:100%;opacity:0;animation:myft-flash 1.2s linear;width:58px}@media(min-width:46.25em){.experimental-myft-flash .o-header__top-column--right:before{width:88px}}@media(min-width:61.25em){.experimental-myft-flash .o-header__top-column--right:before{width:100px}}.experimental-myft-flash .o-header__top-link--myft:before{animation:myft-flash-white 1.2s linear}.myft-ui__button--manage[aria-pressed=true]:before,.myft-ui__button--myft-manage[aria-pressed=true]:before{display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:transparent;vertical-align:baseline;width:28px;height:28px;background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:cross?format=svg&source=n-myft-ui&tint=%23FFFFFF%2C%23FFFFFF)}@media screen and (-ms-high-contrast:active){.myft-ui__button--manage[aria-pressed=true]:before,.myft-ui__button--myft-manage[aria-pressed=true]:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:cross?format=svg&source=n-myft-ui&tint=%23ffffff%2C%23ffffff)}}@media screen and (-ms-high-contrast:black-on-white){.myft-ui__button--manage[aria-pressed=true]:before,.myft-ui__button--myft-manage[aria-pressed=true]:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:cross?format=svg&source=n-myft-ui&tint=%23000000%2C%23000000)}}.n-myft-ui--article-saved__list-select{margin-bottom:10px}.o-overlay.o-overlay--myft-lists{height:100%;width:100%;max-width:640px}@media(min-width:30.625em){.o-overlay.o-overlay--myft-lists{height:auto}}.myft-list-form__wrapper{margin-bottom:20px}@media(min-width:46.25em){.myft-list-form__wrapper{display:flex}}.o-overlay__content .myft-list-form__wrapper{margin-bottom:0}.myft-list-form{overflow:hidden}@media(min-width:46.25em){.myft-list-form{flex:1}}.myft-list-form__button{float:right}.mypage .myft-list-form__message,.o-overlay .myft-list-form__message{font-family:MetricWeb,sans-serif;font-size:18px;line-height:20px;background:#fff1e5;border-radius:0;margin:3px 0 0;padding:20px}.o-typography--loading-sans .mypage .myft-list-form__message,.o-typography--loading-sans .o-overlay .myft-list-form__message{font-size:15.66px;font-family:sans-serif}.mypage .myft-list-form__message h3,.o-overlay .myft-list-form__message h3{font-family:MetricWeb,sans-serif;font-size:20px;line-height:24px;font-weight:600;margin:0 5px 0 0}.o-typography--loading-sans-bold .mypage .myft-list-form__message h3,.o-typography--loading-sans-bold .o-overlay .myft-list-form__message h3{font-size:16.6px;font-family:sans-serif}.mypage .myft-list-form__message p,.o-overlay .myft-list-form__message p{font-family:MetricWeb,sans-serif;font-size:20px;line-height:24px;padding:8px 0;margin:0}.o-typography--loading-sans .mypage .myft-list-form__message p,.o-typography--loading-sans .o-overlay .myft-list-form__message p{font-size:17.4px;font-family:sans-serif}.mypage .myft-list-form__message h3,.mypage .myft-list-form__message p,.o-overlay .myft-list-form__message h3,.o-overlay .myft-list-form__message p{display:inline-block;padding:0}.myft-list-form__message+.myft-list-form__wrapper{margin-top:20px}.o-overlay .myft-list-form__message{border-top:1px solid #ccc1b7;margin:0 -20px}.o-overlay .myft-list-form__message:first-child{border-top:0;margin-top:-20px}.myft-list-form__message--success h3{color:#00994d}.myft-list-form__message--success h3:before{display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:transparent;vertical-align:baseline;width:14px;height:14px;background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:tick?format=svg&source=n-myft-ui&tint=%2300994D%2C%2300994D);content:"";margin-right:3px}@media screen and (-ms-high-contrast:active){.myft-list-form__message--success h3:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:tick?format=svg&source=n-myft-ui&tint=%23ffffff%2C%23ffffff)}}@media screen and (-ms-high-contrast:black-on-white){.myft-list-form__message--success h3:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:tick?format=svg&source=n-myft-ui&tint=%23000000%2C%23000000)}}.myft-list-form-divider{text-align:center;margin-bottom:32px;padding:24px 0}@media(min-width:46.25em){.myft-list-form-divider{display:flex;position:relative;justify-content:center;align-items:center;margin:0;padding:0 8px}}.myft-list-form-divider:after{content:"";display:block;border-top:1px solid #ccc1b7;margin-top:-10px}@media(min-width:46.25em){.myft-list-form-divider:after{position:absolute;top:0;height:100%;width:1px;margin-top:0;border-top:0;border-left:1px solid #ccc1b7}}.myft-list-form-divider__inner{padding:10px;background-color:#fff9f5}@media(min-width:46.25em){.myft-list-form-divider__inner{z-index:10}}.o-overlay__content .myft-list-form-divider__inner{background-color:#fff}.share-nav.data-overlap-initialised .o-overlay{transition:opacity .15s ease-in;opacity:0;z-index:-1}.share-nav .myft-ui-create-list-variant{border-radius:10px;border:1px solid #f2e5da;background:#fffcfa}.share-nav .myft-ui-create-list-variant .o-overlay__heading{border-radius:10px 10px 0 0;background:#fff9f5;font-family:MetricWeb,sans-serif;font-size:20px;line-height:24px;color:#33302e}.o-typography--loading-sans .share-nav .myft-ui-create-list-variant .o-overlay__heading{font-size:17.4px;font-family:sans-serif}.share-nav .myft-ui-create-list-variant .o-overlay__content{font-family:MetricWeb,sans-serif;font-size:16px;line-height:20px;color:#33302e;padding:0}.o-typography--loading-sans .share-nav .myft-ui-create-list-variant .o-overlay__content{font-size:13.92px;font-family:sans-serif}.share-nav .myft-ui-create-list-variant .o-overlay__title{margin:8px 14px 0 8px}.share-nav .myft-ui-create-list-variant-container{display:block;width:340px;top:115.5px;left:50px}.share-nav .myft-ui-create-list-variant-add{border:0;background:none;font-family:MetricWeb,sans-serif;font-size:18px;line-height:20px;font-weight:600;color:#33302e;padding-left:0;margin-left:-8px}.o-typography--loading-sans-bold .share-nav .myft-ui-create-list-variant-add{font-size:14.94px;font-family:sans-serif}.share-nav .myft-ui-create-list-variant-add:hover{text-decoration:underline}.share-nav .myft-ui-create-list-variant-add:before{content:"";display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:transparent;vertical-align:baseline;width:28px;height:28px;background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:plus?format=svg&source=n-myft-ui&tint=%2333302E%2C%2333302E);vertical-align:middle;margin-top:-2px}@media screen and (-ms-high-contrast:active){.share-nav .myft-ui-create-list-variant-add:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:plus?format=svg&source=n-myft-ui&tint=%23ffffff%2C%23ffffff)}}@media screen and (-ms-high-contrast:black-on-white){.share-nav .myft-ui-create-list-variant-add:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:plus?format=svg&source=n-myft-ui&tint=%23000000%2C%23000000)}}.share-nav .myft-ui-create-list-variant-add-description{margin:4px 0}.share-nav .myft-ui-create-list-variant-heading:before{content:"";display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:transparent;vertical-align:baseline;width:32px;height:32px;background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:tick?format=svg&source=n-myft-ui&tint=%230D7680%2C%230D7680);vertical-align:middle;margin-top:-2px}@media screen and (-ms-high-contrast:active){.share-nav .myft-ui-create-list-variant-heading:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:tick?format=svg&source=n-myft-ui&tint=%23ffffff%2C%23ffffff)}}@media screen and (-ms-high-contrast:black-on-white){.share-nav .myft-ui-create-list-variant-heading:before{background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/fticon-v1:tick?format=svg&source=n-myft-ui&tint=%23000000%2C%23000000)}}.share-nav .myft-ui-create-list-variant-footer{border-top:1px solid #f2e5da;padding:16px}.share-nav .myft-ui-create-list-variant-icon:before{content:"";display:inline-block;background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:transparent;background-image:url(https://www.ft.com/__origami/service/image/v2/images/raw/ftlogo-v1:brand-myft?source=next-article);width:42px;height:42px;vertical-align:middle;margin-top:-2px}.share-nav .myft-ui-create-list-variant-icon-visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.share-nav .myft-ui-create-list-variant-form{display:flex;width:calc(100% - 32px);justify-content:space-between;height:40px;gap:8px;padding:0 16px 16px}.share-nav .myft-ui-create-list-variant-form>*{flex:1 1 auto}.share-nav .myft-ui-create-list-variant-form .o-forms-input{margin-top:0}.share-nav .myft-ui-create-list-variant-lists{padding:16px 16px 0;font-family:MetricWeb,sans-serif;font-size:18px;line-height:20px}.o-typography--loading-sans .share-nav .myft-ui-create-list-variant-lists{font-size:15.66px;font-family:sans-serif}.share-nav .myft-ui-create-list-variant-lists-text{font-family:MetricWeb,sans-serif;font-weight:600;color:#33302e;margin-bottom:16px}.share-nav .myft-ui-create-list-variant-lists-container{margin-top:0}

package/test/unread-articles-indicator/device-session.spec.js

@@ -1,7 +1,7 @@
 /* global expect */
 import sinon from 'sinon';
-import addMinutes from 'date-fns/src/addMinutes';
-import parseISO from 'date-fns/src/parseISO';
+import addMinutes from 'date-fns/addMinutes';
+import parseISO from 'date-fns/parseISO';
 
 const expiryTimestamp = parseISO('2018-06-14T12:00:00.000Z');
 const timestampBeforeExpiry = '2018-06-14T11:40:00.000Z';

package/test/unread-articles-indicator/initialise-feed-start-time.spec.js

@@ -29,7 +29,7 @@ describe('initialiseFeedStartTime', () => {
 	let lastVisitTime;
 	const injector = require('inject-loader!../../components/unread-articles-indicator/initialise-feed-start-time');
 	const initialiseFeedStartTime = injector({
-		'./date-fns': {
+		'date-fns': {
 			isToday: mockDateFns.isToday,
 			startOfDay: mockDateFns.startOfDay
 		},

package/webpack.config.js

@@ -0,0 +1,19 @@
+const path = require('path');
+const { PageKitJsPlugin } = require('@financial-times/dotcom-build-js');
+const { PageKitSassPlugin } = require('@financial-times/dotcom-build-sass');
+
+module.exports = {
+	plugins: [
+		new PageKitJsPlugin(),
+		new PageKitSassPlugin({
+			includePaths: [path.resolve('./node_modules/@financial-times')],
+		}),
+	],
+	entry: {
+		scripts: ['./myft/index.js', './myft-common/index.js'],
+		styles: './myft/test.scss',
+	},
+	output: {
+		path: path.resolve(__dirname, 'public')
+	},
+};

package/bower.json

@@ -1,36 +0,0 @@
-{
-  "name": "n-myft-ui",
-  "homepage": "https://github.com/Financial-Times/n-myft-ui",
-  "authors": [
-    "Rhys Evans <rhys.evans@ft.com>"
-  ],
-  "license": "MIT",
-  "ignore": [
-    "circle.yml",
-    "karma.conf.js",
-    "Makefile",
-    "n.Makefile",
-    "package.json",
-    "webpack.config.js",
-    "webpack.config.demo.js"
-  ],
-  "main": "main.js",
-  "dependencies": {
-    "date-fns": "2.16.1",
-    "fetchres": "^1.7.2",
-    "form-serialize": "^0.7.2",
-    "js-cookie": "^2.2.0",
-    "n-notification": "^7.0.0",
-    "n-ui-foundations": "^6.0.0",
-    "next-myft-client": "^7.8.0",
-    "next-session-client": "^3.0.1",
-    "o-editorial-typography": "^1.0.1",
-    "o-errors": "^4.0.2",
-    "o-forms": "^8.0.0",
-    "o-grid": "^5.0.0",
-    "o-normalise": "^2.0.1",
-    "o-overlay": "^3.0.0",
-    "o-spacing": "^2.0.0",
-    "o-tooltip": "^4.0.0"
-  }
-}

package/page-kit.config.js

@@ -1,21 +0,0 @@
-const path = require('path');
-
-module.exports = {
-	plugins: [
-		require('@financial-times/dotcom-build-js').plugin(),
-		require('@financial-times/dotcom-build-sass').plugin(),
-		require('@financial-times/dotcom-build-bower-resolve').plugin()
-	],
-	settings: {
-		build: {
-			entry: {
-				scripts:  [
-					'./myft/index.js',
-					'./myft-common/index.js'
-				],
-				styles: './myft/test.scss'
-			},
-			outputPath: path.resolve('./public')
-		}
-	}
-};