@financial-times/n-myft-ui 30.2.1 → 30.2.3

package/myft/ui/lists.scss

@@ -9,6 +9,8 @@
 }
 
 .n-notification {
+	z-index: 105; //bring notifications in front of the sticky header
+
 	.myft-ui__icon {
 		@include oIconsContent('logo', oColorsByName('black-80'), 20);
 		margin: 0 3px -5px;

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

@@ -26,7 +26,7 @@ function getInteractionHandler (relationshipName) {
 	};
 }
 
-function anonEventListeners () {
+function anonEventListeners (flags = {}) {
 	const currentPath = window.location.pathname;
 	const subscribeUrl = '/products?segID=400863&segmentID=190b4443-dc03-bd53-e79b-b4b6fbd04e64';
 	const signInLink = `/login${currentPath.length ? `?location=${currentPath}` : ''}`;
@@ -35,6 +35,12 @@ function anonEventListeners () {
 		saved: `Please <a href="${subscribeUrl}" class="myft-ui-subscribe" data-trackable="Subscribe">subscribe</a> or <a href="${signInLink}" data-trackable="Sign In">sign in</a> to save this article.`
 	};
 
+	// 11/5/23 - US Growth test for Free Article Demand, see https://financialtimes.atlassian.net/browse/UG-1191
+	// This will be cleaned up after the test as part of https://financialtimes.atlassian.net/browse/UG-1221
+	if (flags.get && flags.get('podcastReferral')) {
+		messages.saved = `<a href="/register/access?multistepRegForm=multistep?segmentID=ce23dd51-4421-32fc-23df-30099f38f1a4" data-trackable="Register">Register</a> for free or  <a href="${signInLink}" data-trackable="Sign In">sign in</a> to save this article`;
+	};
+
 	['followed', 'saved'].forEach(action => {
 		createDelegate('submit', relationshipConfig[action].uiSelector, event => {
 			event.preventDefault();
@@ -99,7 +105,7 @@ export default function (opts) {
 		enhanceActionUrls();
 
 		if (opts && opts.anonymous) {
-			anonEventListeners();
+			anonEventListeners(opts.flags);
 		} else {
 			signedInEventListeners();
 			personaliseLinks();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/n-myft-ui",
-  "version": "30.2.1",
+  "version": "30.2.3",
   "description": "Client side component for interaction with myft",
   "main": "server.js",
   "scripts": {

package/secrets.js

@@ -4,6 +4,7 @@ module.exports = {
 		'38d9c080-3301-11ea-9616-d1b31132c269', // components/unread-articles-indicator/README.md:3
 		'11df4800-391a-11ea-973b-4a52933561ab', // components/unread-articles-indicator/README.md:67
 		'190b4443-dc03-bd53-e79b-b4b6fbd04e64', // segment ID for subscribe URL
+		'ce23dd51-4421-32fc-23df-30099f38f1a4', // segment ID for USG test https://financialtimes.atlassian.net/browse/UG-1191
 		'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx', // regex for uuid generator
 		'a5676e20-5c92-47f3-a76c-11f9761121f5' // test/navigationAlphaTest.spec.js
 	]