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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,6 +9,8 @@
9
9
  }
10
10
 
11
11
  .n-notification {
12
+ z-index: 105; //bring notifications in front of the sticky header
13
+
12
14
  .myft-ui__icon {
13
15
  @include oIconsContent('logo', oColorsByName('black-80'), 20);
14
16
  margin: 0 3px -5px;
@@ -26,7 +26,7 @@ function getInteractionHandler (relationshipName) {
26
26
  };
27
27
  }
28
28
 
29
- function anonEventListeners () {
29
+ function anonEventListeners (flags = {}) {
30
30
  const currentPath = window.location.pathname;
31
31
  const subscribeUrl = '/products?segID=400863&segmentID=190b4443-dc03-bd53-e79b-b4b6fbd04e64';
32
32
  const signInLink = `/login${currentPath.length ? `?location=${currentPath}` : ''}`;
@@ -35,6 +35,12 @@ function anonEventListeners () {
35
35
  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.`
36
36
  };
37
37
 
38
+ // 11/5/23 - US Growth test for Free Article Demand, see https://financialtimes.atlassian.net/browse/UG-1191
39
+ // This will be cleaned up after the test as part of https://financialtimes.atlassian.net/browse/UG-1221
40
+ if (flags.get && flags.get('podcastReferral')) {
41
+ messages.saved = `<a href="/register/access?multistepRegForm=multistep" data-trackable="Register">Register</a> for free or <a href="${signInLink}" data-trackable="Sign In">sign in</a> to save this article`;
42
+ };
43
+
38
44
  ['followed', 'saved'].forEach(action => {
39
45
  createDelegate('submit', relationshipConfig[action].uiSelector, event => {
40
46
  event.preventDefault();
@@ -99,7 +105,7 @@ export default function (opts) {
99
105
  enhanceActionUrls();
100
106
 
101
107
  if (opts && opts.anonymous) {
102
- anonEventListeners();
108
+ anonEventListeners(opts.flags);
103
109
  } else {
104
110
  signedInEventListeners();
105
111
  personaliseLinks();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@financial-times/n-myft-ui",
3
- "version": "30.2.1",
3
+ "version": "30.2.2",
4
4
  "description": "Client side component for interaction with myft",
5
5
  "main": "server.js",
6
6
  "scripts": {