@mjhls/mjh-framework 1.0.463 → 1.0.465

package/dist/esm/ADSponsoredResources.js

@@ -12,9 +12,8 @@ import './debounce-8cd9e09c.js';
 import './main-adf6ec37.js';
 import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
-import './asyncToGenerator-204b5a5c.js';
+import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 import './Beam.js';
 import './Segment.js';
 import DFPAdSlot from './AdSlot.js';

package/dist/esm/ADWebcast.js

@@ -12,9 +12,8 @@ import './debounce-8cd9e09c.js';
 import './main-adf6ec37.js';
 import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
-import './asyncToGenerator-204b5a5c.js';
+import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 import './Beam.js';
 import './Segment.js';
 import DFPAdSlot from './AdSlot.js';

package/dist/esm/ADWelcome.js

@@ -12,9 +12,8 @@ import './debounce-8cd9e09c.js';
 import './main-adf6ec37.js';
 import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
-import './asyncToGenerator-204b5a5c.js';
+import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 import './Beam.js';
 import './Segment.js';
 import DFPAdSlot from './AdSlot.js';

package/dist/esm/AdSlot.js

@@ -12,9 +12,8 @@ import { d as debounce_1 } from './debounce-8cd9e09c.js';
 import { b as main_16 } from './main-adf6ec37.js';
 import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
-import './asyncToGenerator-204b5a5c.js';
+import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 import Beam from './Beam.js';
 import Segment from './Segment.js';
 

package/dist/esm/ArticleQueue.js

@@ -27,9 +27,8 @@ import { m as main_36 } from './main-adf6ec37.js';
 import './entities-7cc3bf45.js';
 import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-f1e40361.js';
 import { _ as _JSON$stringify } from './stringify-e30bc114.js';
-import './asyncToGenerator-204b5a5c.js';
+import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 import './Beam.js';
 import './Segment.js';
 import DFPAdSlot from './AdSlot.js';

package/dist/esm/Auth.js

@@ -10,9 +10,8 @@ import React__default, { useEffect, useState } from 'react';
 import Router from 'next/router';
 import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-f1e40361.js';
 import { _ as _JSON$stringify } from './stringify-e30bc114.js';
-import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-204b5a5c.js';
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 import { Col, Form, Button, Spinner } from 'react-bootstrap';
 import { u as util } from './util-7700fc59.js';
 import useSWR from 'swr';

package/dist/esm/Beam.js

@@ -5,9 +5,8 @@ import './_library-528f1934.js';
 import './_iter-detect-6e099a34.js';
 import './web.dom.iterable-46c95e52.js';
 import { _ as _JSON$stringify } from './stringify-e30bc114.js';
-import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-204b5a5c.js';
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 
 require("babel-polyfill");
 // server key for beam 

package/dist/esm/CMEDeck.js

@@ -20,9 +20,8 @@ import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
 import { m as main_36 } from './main-adf6ec37.js';
 import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
-import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-204b5a5c.js';
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 import { Spinner, Container, Row, Col } from 'react-bootstrap';
 
 var corsProxy = 'https://cors-anywhere.herokuapp.com/';

package/dist/esm/Column3.js

@@ -14,9 +14,8 @@ import './debounce-8cd9e09c.js';
 import { m as main_36 } from './main-adf6ec37.js';
 import './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
-import './asyncToGenerator-204b5a5c.js';
+import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 import './Beam.js';
 import './Segment.js';
 import './AdSlot.js';

package/dist/esm/DeckContent.js

@@ -32,13 +32,12 @@ import { m as main_36 } from './main-adf6ec37.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
-import './asyncToGenerator-204b5a5c.js';
+import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 import './Beam.js';
 import './Segment.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-08192400.js';
+import { A as ADInfeed } from './ADInfeed-23148e88.js';
 
 var DeckContent = function (_React$Component) {
   _inherits(DeckContent, _React$Component);

package/dist/esm/GridContent.js

@@ -32,15 +32,14 @@ import { m as main_36 } from './main-adf6ec37.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
-import './asyncToGenerator-204b5a5c.js';
+import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 import './Beam.js';
 import './Segment.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-08192400.js';
+import { A as ADInfeed } from './ADInfeed-23148e88.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-a90cf553.js';
+import { A as ADlgInfeed } from './ADlgInfeed-5460339b.js';
 import './_arrayMap-a8dd2b2c.js';
 import { g as get_1 } from './get-ae817b75.js';
 import './AD.js';
@@ -411,20 +410,30 @@ var GridContent = function (_React$Component) {
           }
         }
         posts = firstThree.concat(posts);
-        posts = posts.map(function (ele, i) {
-          if (ele._type === 'lg-infeed') {
-            //  Setting pos as top2 for the first occurence of large infeed ad
-            var _pos = posts.indexOf(posts.find(function (d) {
-              return d._type === 'lg-infeed';
-            })) === i ? 'top2' : 'lg-infeed_' + i;
-            return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: _pos }) });
-          } else {
-            return ele;
-          }
-        });
       } else {
         posts = this.state.data;
       }
+
+      // 'articleCount' is New parameter to use instead of 'index' while passing to 'changePageNumber()'
+      // 'index' was including the indexes for infeed ads along with article count making the page number change before it reaches last article.
+      // 'articleCount' will be the indexes of only the articles in the deck.
+      var articleCount = -1;
+      posts = posts.map(function (ele, i) {
+        if (ele._type === 'lg-infeed') {
+          //  Setting pos as top2 for the first occurence of large infeed ad
+          var _pos = posts.indexOf(posts.find(function (d) {
+            return d._type === 'lg-infeed';
+          })) === i ? 'top2' : 'lg-infeed_' + i;
+          return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: _pos }) });
+        } else if (ele._type === 'article') {
+          // incrementing 'articleCount' for each article.
+          ++articleCount;
+          return _extends({}, ele, { articleCount: articleCount });
+        } else {
+          return ele;
+        }
+      });
+
       var itemsPerPage = this.props.params && this.props.params.itemsPerPage ? this.props.params.itemsPerPage : 10;
       var heroContent = this.props.heroContent ? this.props.heroContent : 0;
       var featureCount = 0;
@@ -579,7 +588,8 @@ var GridContent = function (_React$Component) {
                 VisibilitySensor,
                 {
                   onChange: function onChange(isVisible) {
-                    isVisible && _this2.changePageNumber(pageNumber, itemsPerPage, index);
+                    // Passing 'articleCount' instead of index because index will be including the indexes of ads whereas articleCount will be having index of article only.
+                    isVisible && _this2.changePageNumber(pageNumber, itemsPerPage, row.articleCount);
                   } },
                 React__default.createElement(
                   'div',

package/dist/esm/IssueLanding.js

@@ -25,15 +25,14 @@ import './main-adf6ec37.js';
 import './entities-7cc3bf45.js';
 import './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
-import './asyncToGenerator-204b5a5c.js';
+import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 import './Beam.js';
 import './Segment.js';
 import './AdSlot.js';
-import './ADInfeed-08192400.js';
+import './ADInfeed-23148e88.js';
 import './lodash-17fdfebb.js';
-import './ADlgInfeed-a90cf553.js';
+import './ADlgInfeed-5460339b.js';
 import './AuthorComponent-158226c9.js';
 import 'react-bootstrap';
 import QueueDeckExpanded from './QueueDeckExpanded.js';

package/dist/esm/LeftNav.js

@@ -12,9 +12,8 @@ import './debounce-8cd9e09c.js';
 import './main-adf6ec37.js';
 import './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
-import './asyncToGenerator-204b5a5c.js';
+import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 import './Beam.js';
 import './Segment.js';
 import './AdSlot.js';

package/dist/esm/MasterDeck.js

@@ -28,8 +28,16 @@ import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
 import './index-51a80699.js';
 import { m as main_36 } from './main-adf6ec37.js';
+import './slicedToArray-f1e40361.js';
+import './stringify-e30bc114.js';
+import { _ as _Promise } from './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import { _ as _Promise } from './promise-53143c9a.js';
+import './Beam.js';
+import './Segment.js';
+import './AdSlot.js';
+import { A as ADInfeed } from './ADInfeed-23148e88.js';
+import { l as lodash } from './lodash-17fdfebb.js';
+import { A as ADlgInfeed } from './ADlgInfeed-5460339b.js';
 
 var MasterDeck = function (_React$Component) {
   _inherits(MasterDeck, _React$Component);
@@ -200,35 +208,118 @@ var MasterDeck = function (_React$Component) {
           });
         }
       }
-    }, _this.cardLoader = function (page, columns, variant) {
+    }, _this.cardLoader = function (page, columns, variant, brandInsightAd, showBI, lgInfeedAd) {
       var numberOfItemsBeforeAd = 6;
+      var data = _this.state.data;
+      var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
+        return [].concat(_toConsumableArray(arr.slice(0, index)), [newElement], _toConsumableArray(arr.slice(index)));
+      };
+
+      //  Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
+      //  Checking lgInfeedAd flag in desktop view ( window >= 1400px ).
+      //  Integrating large infeed AD
+      if (lgInfeedAd && brandInsightAd && typeof window !== 'undefined' && window.innerWidth >= 1400) {
+        var lgInfeed = {
+          _type: 'lg-infeed',
+          adUnit: brandInsightAd.adUnit,
+          className: 'lg-infeed',
+          networkID: brandInsightAd.networkID,
+          sizes: [728, 90],
+          sizeMapping: [{
+            viewport: [1400, 0],
+            sizes: [[728, 90]]
+          }, { viewport: [0, 0], sizes: [] }],
+          targeting: {
+            content_placement: brandInsightAd.targeting.content_placement,
+            document_url: brandInsightAd.targeting.document_url
+          }
+        };
+
+        var chunks = lodash.chunk(data, 6).map(function (chunk) {
+          var set = lodash.chunk(chunk, 2);
+          for (var i = 0; i < set.length; i++) {
+            if (i !== set.length - 1) {
+              set[i].push(lgInfeed);
+            }
+          }
+          return lodash.flattenDeep(set);
+        });
+        data = lodash.flatten(chunks);
+      }
+
+      //  Integrating infeed AD
+      if (showBI && brandInsightAd) {
+        //  Checking lgInfeedAd flag in desktop view ( window >= 1400px ).
+        if (lgInfeedAd && typeof window !== 'undefined' && window.innerWidth >= 1400) brandInsightAd.interval = 8;
+        var pos = 0;
+        for (var i = 1; pos < data.length; i++) {
+          var inFeedAd = {
+            adUnit: brandInsightAd.adUnit,
+            className: brandInsightAd.className,
+            networkID: brandInsightAd.networkID,
+            sizes: brandInsightAd.sizes,
+            slotId: brandInsightAd.slotId + '_' + i,
+            targeting: {
+              pos: 'article' + i,
+              content_placement: brandInsightAd.targeting.content_placement,
+              document_url: brandInsightAd.targeting.document_url
+            },
+            _type: 'brandInsightAd'
+          };
+
+          data = insertBrandInsightAd(data, pos, inFeedAd);
+          pos += brandInsightAd.interval + 1;
+        }
+      }
+
+      // 'index' was including the indexes for infeed ads along with article count making the page number change before it reaches last article.
+      data = data.map(function (ele, i) {
+        if (ele._type === 'lg-infeed') {
+          //  Setting pos as top2 for the first occurence of large infeed ad
+          var _pos = data.indexOf(data.find(function (d) {
+            return d._type === 'lg-infeed';
+          })) === i ? 'top2' : 'lg-infeed_' + i;
+          return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: _pos }) });
+        } else {
+          return ele;
+        }
+      });
+
       return React__default.createElement(
         'div',
         null,
-        _this.state.data && _this.state.data.length > 0 ? _this.state.data.map(function (row, index) {
+        data && data.length > 0 ? data.map(function (row, index) {
           var pageNumber = row.pageNumber || _this.state.page;
-
-          return React__default.createElement(
-            React__default.Fragment,
-            { key: index },
-            React__default.createElement(
-              VisibilitySensor,
-              {
-                onChange: function onChange(isVisible) {
-                  isVisible && _this.changePageNumber(pageNumber);
-                } },
+          //  Returning view for articles
+          if (row._type === 'article') {
+            return React__default.createElement(
+              React__default.Fragment,
+              { key: index },
               React__default.createElement(
-                'div',
-                null,
-                React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage }),
-                main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+                VisibilitySensor,
+                {
+                  onChange: function onChange(isVisible) {
+                    isVisible && _this.changePageNumber(pageNumber);
+                  } },
+                React__default.createElement(
                   'div',
-                  { className: 'ad-container', style: { margin: '0 auto' } },
-                  _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
+                  null,
+                  React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage }),
+                  main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+                    'div',
+                    { className: 'ad-container', style: { margin: '0 auto' } },
+                    _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
+                  )
                 )
               )
-            )
-          );
+            );
+            //  Returning view for large infeed Ad
+          } else if (row._type === 'lg-infeed' && row.adUnit) {
+            return React__default.createElement(ADlgInfeed, _extends({ index: index }, row));
+            //  Returning view for infeed Ad
+          } else if (row._type === 'brandInsightAd' && row.adUnit) {
+            return React__default.createElement(ADInfeed, { index: index, infeedAd: row });
+          }
         }) : React__default.createElement(
           'div',
           null,
@@ -293,17 +384,24 @@ var MasterDeck = function (_React$Component) {
     value: function componentDidMount() {
       // this.loadData();
     }
+    //  Passing 'brandInsightAd','showBI' and 'lgInfeedAd'
+
   }, {
     key: 'render',
     value: function render() {
       var _this3 = this;
 
+      //  Setting default value for 'showBI' and 'lgInfeedAd'
       var _props = this.props,
           columns = _props.columns,
           variant = _props.variant,
           autoScroll = _props.autoScroll,
-          page = _props.page;
-
+          page = _props.page,
+          brandInsightAd = _props.brandInsightAd,
+          _props$showBI = _props.showBI,
+          showBI = _props$showBI === undefined ? false : _props$showBI,
+          _props$lgInfeedAd = _props.lgInfeedAd,
+          lgInfeedAd = _props$lgInfeedAd === undefined ? false : _props$lgInfeedAd;
 
       return React__default.createElement(
         'div',
@@ -317,7 +415,7 @@ var MasterDeck = function (_React$Component) {
             React__default.createElement(
               Container,
               null,
-              this.cardLoader(page, columns, variant)
+              this.cardLoader(page, columns, variant, brandInsightAd, showBI, lgInfeedAd)
             )
           ),
           React__default.createElement(
@@ -331,7 +429,7 @@ var MasterDeck = function (_React$Component) {
           React__default.createElement(
             Container,
             null,
-            this.cardLoader(page, columns, variant)
+            this.cardLoader(page, columns, variant, brandInsightAd, showBI, lgInfeedAd)
           ),
           React__default.createElement(
             'div',

package/dist/esm/QueueDeckExpanded.js

@@ -25,15 +25,14 @@ import { m as main_36 } from './main-adf6ec37.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
-import './asyncToGenerator-204b5a5c.js';
+import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 import './Beam.js';
 import './Segment.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-08192400.js';
+import { A as ADInfeed } from './ADInfeed-23148e88.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-a90cf553.js';
+import { A as ADlgInfeed } from './ADlgInfeed-5460339b.js';
 import { A as AuthorComponent } from './AuthorComponent-158226c9.js';
 import { Container, Media } from 'react-bootstrap';
 
@@ -209,6 +208,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
       pos += brandInsightAd.interval + 1;
     }
   }
+
+  // 'articleCount' is New parameter to use instead of 'index' while passing to 'changePageNumber()'
+  // 'index' was including the indexes for infeed ads along with article count making the page number change before it reaches last article.
+  // 'articleCount' will be the indexes of only the articles in the deck.
+  var articleCount = -1;
   data = data.map(function (ele, i) {
     if (ele._type === 'lg-infeed') {
       //  Setting pos as top2 for the first occurence of large infeed ad
@@ -216,6 +220,10 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
         return d._type === 'lg-infeed';
       })) === i ? 'top2' : 'lg-infeed_' + i;
       return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: _pos }) });
+    } else if (ele._type === 'article') {
+      // incrementing 'articleCount' for each article.
+      ++articleCount;
+      return _extends({}, ele, { articleCount: articleCount });
     } else {
       return ele;
     }
@@ -449,7 +457,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
           {
             key: article._id ? article._id : index,
             onChange: function onChange(isVisible) {
-              isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, index);
+              // Passing 'articleCount' instead of index because index will be including the indexes of ads whereas articleCount will be having index of artilce only.
+              isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, article.articleCount);
             } },
           React__default.createElement(
             React__default.Fragment,

package/dist/esm/Segment.js

@@ -4,9 +4,8 @@ import './core.get-iterator-method-f5c0d66a.js';
 import './_library-528f1934.js';
 import './_iter-detect-6e099a34.js';
 import './web.dom.iterable-46c95e52.js';
-import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-204b5a5c.js';
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 
 require("babel-polyfill");
 

package/dist/esm/TemplateNormal.js

@@ -16,9 +16,8 @@ import './debounce-8cd9e09c.js';
 import './main-adf6ec37.js';
 import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
-import './asyncToGenerator-204b5a5c.js';
+import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 import './Beam.js';
 import './Segment.js';
 import './AdSlot.js';

package/dist/esm/VideoSeriesFilter.js

@@ -8,9 +8,8 @@ import React__default, { useState, useEffect } from 'react';
 import { m as moment } from './moment-49ae13fa.js';
 import { withRouter } from 'next/router';
 import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
-import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-204b5a5c.js';
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 import { DropdownButton, Dropdown } from 'react-bootstrap';
 
 var _this = undefined;

package/dist/esm/View.js

@@ -27,9 +27,8 @@ import { m as main_36 } from './main-adf6ec37.js';
 import './entities-7cc3bf45.js';
 import { a as _getIterator, _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import { _ as _JSON$stringify } from './stringify-e30bc114.js';
-import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-204b5a5c.js';
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './promise-53143c9a.js';
 import './Beam.js';
 import './Segment.js';
 import DFPAdSlot from './AdSlot.js';
@@ -53,7 +52,7 @@ import './util-7700fc59.js';
 import 'react-bootstrap/Pagination';
 import 'next/dynamic';
 import getKeywords from './getKeywords.js';
-import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-8f4bd5db.js';
+import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-1f2c61e3.js';
 import urlFor from './urlFor.js';
 
 var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
@@ -498,7 +497,7 @@ var Article = function Article(props) {
         contextualAD: _extends({}, payload.contextualAD, {
           slotId: (payload.contextualAD.slotId || 'native-ad') + '-' + payload._id,
           //  Fetching new contextual targeting based on the current active article.
-          targeting: props.getTargeting(props.article, 'native-ad'),
+          targeting: getTargeting(props, 'native-ad'),
           // Adding new ad size for large contextual ad for desktop screen width >= 1400
           sizes: lgContextAd ? [[728, 90], 'fluid', [300, 100]] : ['fluid', [300, 100]],
           sizeMapping: lgContextAd ? [{
@@ -1039,10 +1038,10 @@ var ArticleQueue = function ArticleQueue(props) {
     { dataLength: queueData.length, next: loadmore, scrollThreshold: '60%', hasMore: true, style: { overflow: 'hidden' } },
     queueData.map(function (article, index) {
       if (!checkSponseredArticle(article) && Ads.getVideoContextualAD) {
-        article.contextualVideoAD = Ads.getVideoContextualAD(getTargeting(props));
+        article.contextualVideoAD = Ads.getVideoContextualAD(getTargeting(props, 'in-context_video'));
       }
       if (!checkSponseredArticle(article) && Ads.getNativeContextualAD) {
-        article.contextualAD = Ads.getNativeContextualAD(getTargeting(props));
+        article.contextualAD = Ads.getNativeContextualAD(getTargeting(props, 'native-ad'));
       }
       return React__default.createElement(Article, _extends({
         key: index