devhttps
diff --git a/‎static/src/javascripts/projects/common/modules/article/rich-links.js‎
Lines changed: 15 additions & 0 deletions b/‎static/src/javascripts/projects/common/modules/article/rich-links.js‎
Lines changed: 15 additions & 0 deletions
diff --git a/‎static/src/javascripts/projects/common/modules/article/rich-links.spec.js‎
Lines changed: 6 additions & 0 deletions b/‎static/src/javascripts/projects/common/modules/article/rich-links.spec.js‎
Lines changed: 6 additions & 0 deletions
@@ -9,6 +9,7 @@ import fetchJson from 'lib/fetch-json';
 import mediator from 'lib/mediator';
 import reportError from 'lib/report-error';
 import { spaceFiller } from 'common/modules/article/space-filler';
+import { commercialFeatures } from 'common/modules/commercial/commercial-features';
 
 const richLinkTag = ({ href }: { href: string }): string =>
     `<aside class=" element element-rich-link element-rich-link--tag
@@ -19,6 +20,19 @@ const richLinkTag = ({ href }: { href: string }): string =>
         <p><a href="${href}">${href}</a></p>
     </aside>`;
 
+const hideIfPaidForAndAdFree = (el: Element): Promise<void> => {
+    if (!commercialFeatures.adFree) {
+        return Promise.resolve();
+    }
+    return fastdom.write(() => {
+        [...el.children]
+            .filter(child =>
+                child.classList.toString().includes('rich-link--paidfor')
+            )
+            .forEach(child => child.classList.add('u-h'));
+    });
+};
+
 const elementIsBelowViewport = (el: Element): Promise<boolean> =>
     fastdom.read(() => {
         const rect = el.getBoundingClientRect();
@@ -71,6 +85,7 @@ const upgradeRichLink = (el: Element): Promise<void> => {
                     } else {
                         doUpgrade(el, resp);
                     }
+                    hideIfPaidForAndAdFree(el); // only identifiable as paid-for when upgraded
                 }
             })
             .catch(ex => {
 
@@ -5,6 +5,7 @@ import {
     richLinkTag,
     insertTagRichLink,
 } from 'common/modules/article/rich-links';
+import { commercialFeatures } from 'common/modules/commercial/commercial-features';
 
 let mockParas: ?NodeList<HTMLParagraphElement>;
 
@@ -21,6 +22,9 @@ jest.mock('common/modules/article/space-filler', () => ({
             }),
     },
 }));
+jest.mock('common/modules/commercial/commercial-features', () => ({
+    commercialFeatures() {},
+}));
 
 describe('rich-links', () => {
     const getRichLinkElements = (): HTMLCollection<HTMLElement> =>
@@ -39,6 +43,8 @@ describe('rich-links', () => {
             showRelatedContent: true,
             shouldHideAdverts: false,
         };
+
+        commercialFeatures.adFree = false;
     });
 
     afterEach(() => {