Add option to display a message for offers without link

tjek · Jan 23, 2024 · 0118d41 · 0118d41
1 parent 4d1ca66
commit 0118d41
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 16 deletions.
diff --git a/lib/kits/core-ui/components/helpers/transformers.ts b/lib/kits/core-ui/components/helpers/transformers.ts
@@ -43,6 +43,7 @@ export const transformScriptData = (
                 : 'right',
         enableLazyload: dataset.componentPublicationEnableLazyload === 'true',
         requestFilter: dataset.componentListPublicationsRequestFilter,
-        clientFilter: dataset.componentListPublicationsClientFilter
+        clientFilter: dataset.componentListPublicationsClientFilter,
+        noOfferLinkMessage: dataset.componentPublicationNoOfferLinkMessage
     };
 };
diff --git a/lib/kits/core-ui/incito-publication.ts b/lib/kits/core-ui/incito-publication.ts
@@ -1,4 +1,3 @@
-import Mustache from 'mustache';
 import type {IIncito} from '../../incito-browser/types';
 import * as clientLocalStorage from '../../storage/client-local';
 import {getQueryParam, on} from '../../util';
@@ -16,8 +15,7 @@ import {
     transformFilter,
     getHashFragments,
     pushQueryParam,
-    tranformWebshopLink,
-    translate
+    tranformWebshopLink
 } from './components/helpers/component';
 import MainContainer from './components/incito-publication/main-container';
 import SectionList from './components/incito-publication/section-list';
@@ -80,11 +78,6 @@ const IncitoPublication = (
         )
     };
 
-    const translations = {
-        localeCode: translate('locale_code'),
-        noOfferLinkLabel: translate('publication_viewer_no_offer_link_label')
-    };
-
     MainContainer({
         template: customTemplates.mainContainer,
         el: document.querySelector(scriptEls.mainContainer),
@@ -318,20 +311,18 @@ const IncitoPublication = (
     };
 
     const displayNoLinkOverlay = (viewId) => {
+        if (!scriptEls.noOfferLinkMessage) return;
+
         const offerContainer = document.querySelector(`[data-id="${viewId}"]`);
         const existingOverlayEl = offerContainer?.querySelector(
             '.sgn-offer-link-overlay'
         );
+
         if (!existingOverlayEl) {
             const overlay = document.createElement('div');
-            overlay.className = 'sgn-offer-link-overlay';
 
-            overlay.innerHTML = Mustache.render(
-                '<span>{{translations.noOfferLinkLabel}}</span>',
-                {
-                    translations
-                }
-            );
+            overlay.className = 'sgn-offer-link-overlay';
+            overlay.innerHTML = `<span>${scriptEls.noOfferLinkMessage}</span>`;
 
             offerContainer?.appendChild(overlay);