@highfivve/ad-tag 5.11.0 → 5.11.2

package/lib/ads/modules/sticky-footer-ad-v2/footerStickyAd.js

@@ -5,12 +5,15 @@ const adStickyCloseButtonContent = '.h5v-closeButtonContent';
 const adStickyHidingClass = 'h5v-footerAd--hidden';
 const desktopInitialHidingClass = 'h5v-footerAd--hidden-d';
 const mobileInitialHidingClass = 'h5v-footerAd--hidden-m';
-const stickyRenderedEvent = (mobileStickyDomId, disallowedAdvertiserIds, window) => new Promise(resolve => {
+const stickyRenderedEvent = (mobileStickyDomId, disallowedAdvertiserIds, channel, window) => new Promise(resolve => {
     const listener = (event) => {
         if (event.slot.getSlotElementId() !== mobileStickyDomId) {
             return;
         }
-        if (event.isEmpty) {
+        if (channel === 'gam') {
+            resolve('disallowed');
+        }
+        else if (event.isEmpty) {
             resolve('empty');
         }
         else if (isAdvertiserIncluded(event, disallowedAdvertiserIds)) {
@@ -41,7 +44,7 @@ const hideAdSlot = (element) => {
 const showAdSlot = (element) => {
     element.classList.remove(adStickyHidingClass, desktopInitialHidingClass, mobileInitialHidingClass);
 };
-export const initAdSticky = (window, env, log, footerStickyDomId, disallowedAdvertiserIds, closingButtonText) => {
+export const initAdSticky = (window, env, log, footerStickyDomId, disallowedAdvertiserIds, channel, closingButtonText) => {
     const stickyAd = 'sticky-ad';
     const adSticky = window.document.querySelector(adStickyContainerDataRef);
     const closeButton = window.document.querySelector(adStickyCloseButtonDataRef);
@@ -88,7 +91,7 @@ export const initAdSticky = (window, env, log, footerStickyDomId, disallowedAdve
             else if (renderResult === 'standard') {
                 showAdSlot(adSticky);
                 const stickyOnLoadEventPromise = stickyOnLoadEvent(footerStickyDomId, window);
-                return stickyRenderedEvent(footerStickyDomId, disallowedAdvertiserIds, window)
+                return stickyRenderedEvent(footerStickyDomId, disallowedAdvertiserIds, channel, window)
                     .then(result => result === 'empty' || result === 'disallowed'
                     ? Promise.resolve(result)
                     : stickyOnLoadEventPromise.then(() => result))
@@ -99,7 +102,7 @@ export const initAdSticky = (window, env, log, footerStickyDomId, disallowedAdve
         if (env === 'production') {
             if (footerStickyDomId) {
                 const stickyOnLoadEventPromise = stickyOnLoadEvent(footerStickyDomId, window);
-                stickyRenderedEvent(footerStickyDomId, disallowedAdvertiserIds, window)
+                stickyRenderedEvent(footerStickyDomId, disallowedAdvertiserIds, channel, window)
                     .then(result => result === 'empty' || result === 'disallowed'
                     ? Promise.resolve(result)
                     : stickyOnLoadEventPromise.then(() => result))

package/lib/ads/modules/sticky-footer-ad-v2/index.js

@@ -21,7 +21,8 @@ export const createStickyFooterAdsV2 = () => {
                         ctx.logger__.warn(name, 'mobile and desktop sticky footer are called!');
                     }
                     if (footerAdSlot) {
-                        initAdSticky(ctx.window__, ctx.env__, ctx.logger__, footerAdSlot.moliSlot.domId, config.disallowedAdvertiserIds, config.closingButtonText);
+                        const channel = ctx.auction__.anchorBottomChannel(footerAdSlot.moliSlot.domId);
+                        initAdSticky(ctx.window__, ctx.env__, ctx.logger__, footerAdSlot.moliSlot.domId, config.disallowedAdvertiserIds, channel, config.closingButtonText);
                     }
                     return Promise.resolve();
                 })

package/lib/ads/modules/sticky-header-ad/index.js

@@ -64,7 +64,8 @@ export const createStickyHeaderAd = () => {
                             ? ctx.window__.document.querySelector(navbarConfig.selector)
                             : null;
                         if (target) {
-                            const adRenderResultPromise = adRenderResult(ctx, headerSlot.moliSlot, config.disallowedAdvertiserIds, minVisibleDuration);
+                            const channel = ctx.auction__.anchorTopChannel();
+                            const adRenderResultPromise = adRenderResult(ctx, headerSlot.moliSlot, config.disallowedAdvertiserIds, channel, minVisibleDuration);
                             observer = new IntersectionObserver(intersectionObserverFadeOutCallback(container, target, adRenderResultPromise, navbar, navbarHiddenClass, config.fadeOutClassName), options);
                             observeTargetTimeoutId = ctx.window__.setTimeout(() => {
                                 if (observer) {

package/lib/ads/modules/sticky-header-ad/renderResult.js

@@ -1,5 +1,5 @@
 import { isAdvertiserIncluded } from 'ad-tag/ads/isAdvertiserIncluded';
-export const adRenderResult = (ctx, headerSlot, disallowedAdvertiserIds, minVisibleDuration) => new Promise(resolve => {
+export const adRenderResult = (ctx, headerSlot, disallowedAdvertiserIds, channel, minVisibleDuration) => new Promise(resolve => {
     if (ctx.env__ === 'test') {
         resolve('standard');
         return;
@@ -8,7 +8,10 @@ export const adRenderResult = (ctx, headerSlot, disallowedAdvertiserIds, minVisi
         if (event.slot.getSlotElementId() !== headerSlot.domId) {
             return;
         }
-        if (isAdvertiserIncluded(event, disallowedAdvertiserIds)) {
+        if (channel === 'gam') {
+            resolve('disallowed');
+        }
+        else if (isAdvertiserIncluded(event, disallowedAdvertiserIds)) {
             resolve('disallowed');
         }
         else if (event.isEmpty) {

package/lib/console/components/globalConfig.js

@@ -127,7 +127,7 @@ export class GlobalConfig extends Component {
                                 }) }),
                             "Show only rendered slots")),
                     config.slots.map((slot, index) => this.isSlotRendered(slot) || !showOnlyRenderedSlots ? (React.createElement("div", { key: index, ref: el => {
-                            if (el && selectedSlotDomId === slot.domId) {
+                            if (el && selectedSlotDomId && selectedSlotDomId === slot.domId) {
                                 el.scrollIntoView({ block: 'start' });
                                 this.setState({ selectedSlotDomId: undefined });
                             }

package/lib/gen/packageJson.js

@@ -1,3 +1,3 @@
 export const packageJson = {
-    version: '5.11.0'
+    version: '5.11.2'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@highfivve/ad-tag",
-  "version": "5.11.0",
+  "version": "5.11.2",
   "license": "Apache-2.0",
   "description": "An ad tag implementation called moli",
   "main": "./lib/index.js",