@mjhls/mjh-framework 1.0.442 → 1.0.444
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.
- package/README.md +1 -1
- package/dist/cjs/{GridContent-db383f73.js → GridContent-0df16724.js} +24 -8
- package/dist/cjs/GridContent.js +1 -1
- package/dist/cjs/QueueDeckExpanded.js +29 -12
- package/dist/cjs/index.js +8 -3
- package/dist/esm/{GridContent-6b38c580.js → GridContent-2173a84c.js} +24 -8
- package/dist/esm/GridContent.js +1 -1
- package/dist/esm/QueueDeckExpanded.js +30 -13
- package/dist/esm/index.js +8 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -94,6 +94,7 @@ var GridContent = function (_React$Component) {
|
|
|
94
94
|
};
|
|
95
95
|
}, _this.loadData);
|
|
96
96
|
}, 0), _this.componentDidMount = function () {
|
|
97
|
+
// Setting desktopView flag to show large infeed ad by checking lgInfeedAd flag in desktop view( window >= 1200px ).
|
|
97
98
|
if (_this.state.lgInfeedAd && window && window.innerWidth >= 1200) {
|
|
98
99
|
_this.setState(function (state) {
|
|
99
100
|
return _extends._extends({}, state, {
|
|
@@ -108,6 +109,16 @@ var GridContent = function (_React$Component) {
|
|
|
108
109
|
if (prevState.currentPage !== _this.state.currentPage) {
|
|
109
110
|
document.addEventListener('scroll', _this.trackScrolling);
|
|
110
111
|
}
|
|
112
|
+
|
|
113
|
+
// Logging GA Pageview on path change
|
|
114
|
+
var _this$props = _this.props,
|
|
115
|
+
pageview = _this$props.pageview,
|
|
116
|
+
currentPath = _this$props.router.asPath;
|
|
117
|
+
var prevPath = prevProps.router.asPath;
|
|
118
|
+
|
|
119
|
+
if (pageview && currentPath !== prevPath) {
|
|
120
|
+
pageview(currentPath);
|
|
121
|
+
}
|
|
111
122
|
}, _this.trackScrolling = function () {
|
|
112
123
|
var itemsPerPage = _this.props.params.itemsPerPage ? _this.props.params.itemsPerPage : 10;
|
|
113
124
|
if (window.pageYOffset === 0) {
|
|
@@ -166,10 +177,10 @@ var GridContent = function (_React$Component) {
|
|
|
166
177
|
return _this.defaultImage;
|
|
167
178
|
}
|
|
168
179
|
}, _this.changePageNumber = function (pageNumber, itemsPerPage, itemIndex) {
|
|
169
|
-
var _this$
|
|
170
|
-
seoPaginate = _this$
|
|
171
|
-
pageview = _this$
|
|
172
|
-
router = _this$
|
|
180
|
+
var _this$props2 = _this.props,
|
|
181
|
+
seoPaginate = _this$props2.seoPaginate,
|
|
182
|
+
pageview = _this$props2.pageview,
|
|
183
|
+
router = _this$props2.router;
|
|
173
184
|
var currentPage = _this.state.currentPage;
|
|
174
185
|
|
|
175
186
|
if (seoPaginate) {
|
|
@@ -218,9 +229,9 @@ var GridContent = function (_React$Component) {
|
|
|
218
229
|
}
|
|
219
230
|
|
|
220
231
|
var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
|
|
221
|
-
if (pageview) {
|
|
222
|
-
|
|
223
|
-
}
|
|
232
|
+
// if (pageview) {
|
|
233
|
+
// pageview(newPath)
|
|
234
|
+
// }
|
|
224
235
|
|
|
225
236
|
router.push(pathname, newPath, {
|
|
226
237
|
shallow: true
|
|
@@ -355,6 +366,7 @@ var GridContent = function (_React$Component) {
|
|
|
355
366
|
var firstThree = this.state.data.slice(0, 3);
|
|
356
367
|
var data = this.state.data.slice(3);
|
|
357
368
|
|
|
369
|
+
// Need to pass flag "lgInfeedAd={true}" along with brandInsight from site level for large infeed-ad to render
|
|
358
370
|
if (desktopView) {
|
|
359
371
|
var lgInFeedAd = {
|
|
360
372
|
_type: 'lg-infeed',
|
|
@@ -411,7 +423,11 @@ var GridContent = function (_React$Component) {
|
|
|
411
423
|
posts = firstThree.concat(posts);
|
|
412
424
|
posts = posts.map(function (ele, i) {
|
|
413
425
|
if (ele._type === 'lg-infeed') {
|
|
414
|
-
|
|
426
|
+
// Setting pos as top2 for the first occurence of large infeed ad
|
|
427
|
+
var _pos = posts.indexOf(posts.find(function (d) {
|
|
428
|
+
return d._type === 'lg-infeed';
|
|
429
|
+
})) === i ? 'top2' : 'lg-infeed_' + i;
|
|
430
|
+
return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: _pos }) });
|
|
415
431
|
} else {
|
|
416
432
|
return ele;
|
|
417
433
|
}
|
package/dist/cjs/GridContent.js
CHANGED
|
@@ -33,7 +33,7 @@ require('./ADInfeed-ae1f348d.js');
|
|
|
33
33
|
require('./lodash-fc2922d0.js');
|
|
34
34
|
require('./ADlgInfeed-f4c4a1bf.js');
|
|
35
35
|
require('./get-7a75c563.js');
|
|
36
|
-
var GridContent = require('./GridContent-
|
|
36
|
+
var GridContent = require('./GridContent-0df16724.js');
|
|
37
37
|
require('./AuthorComponent-b44bb44e.js');
|
|
38
38
|
|
|
39
39
|
|
|
@@ -130,9 +130,9 @@ var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pagevi
|
|
|
130
130
|
}
|
|
131
131
|
var newPath = pageNumber === 1 ? '' + path : '' + path + (queryString.length > 0 ? '&' : '?') + 'page=' + pageNumber;
|
|
132
132
|
|
|
133
|
-
if (pageview) {
|
|
134
|
-
|
|
135
|
-
}
|
|
133
|
+
// if (pageview) {
|
|
134
|
+
// pageview(newPath)
|
|
135
|
+
// }
|
|
136
136
|
|
|
137
137
|
router.push(pathname, newPath, {
|
|
138
138
|
shallow: true
|
|
@@ -145,14 +145,15 @@ var checkExternalUrl = function checkExternalUrl(url) {
|
|
|
145
145
|
return new RegExp(['http', 'https'].join('|')).test(url);
|
|
146
146
|
};
|
|
147
147
|
|
|
148
|
-
var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent,
|
|
148
|
+
var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView) {
|
|
149
149
|
var numberOfItemsBeforeAd = 6;
|
|
150
150
|
|
|
151
151
|
var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
|
|
152
152
|
return [].concat(toConsumableArray._toConsumableArray(arr.slice(0, index)), [newElement], toConsumableArray._toConsumableArray(arr.slice(index)));
|
|
153
153
|
};
|
|
154
154
|
|
|
155
|
-
|
|
155
|
+
// Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
|
|
156
|
+
if (desktopView && brandInsightAd) {
|
|
156
157
|
var lgInfeedAd = {
|
|
157
158
|
_type: 'lg-infeed',
|
|
158
159
|
adUnit: brandInsightAd.adUnit,
|
|
@@ -178,7 +179,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
|
|
|
178
179
|
}
|
|
179
180
|
|
|
180
181
|
if (showBI && brandInsightAd) {
|
|
181
|
-
if (
|
|
182
|
+
if (desktopView) brandInsightAd.interval = 8;
|
|
182
183
|
var pos = 0;
|
|
183
184
|
for (var i = 1; pos < data.length; i++) {
|
|
184
185
|
var inFeedAd = {
|
|
@@ -201,14 +202,17 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
|
|
|
201
202
|
}
|
|
202
203
|
data = data.map(function (ele, i) {
|
|
203
204
|
if (ele._type === 'lg-infeed') {
|
|
204
|
-
|
|
205
|
+
// Setting pos as top2 for the first occurence of large infeed ad
|
|
206
|
+
var _pos = data.indexOf(data.find(function (d) {
|
|
207
|
+
return d._type === 'lg-infeed';
|
|
208
|
+
})) === i ? 'top2' : 'lg-infeed_' + i;
|
|
209
|
+
return _extends._extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends._extends({}, ele.targeting, { pos: _pos }) });
|
|
205
210
|
} else {
|
|
206
211
|
return ele;
|
|
207
212
|
}
|
|
208
213
|
});
|
|
209
214
|
|
|
210
215
|
var featureCount = 0;
|
|
211
|
-
|
|
212
216
|
return React__default['default'].createElement(
|
|
213
217
|
'div',
|
|
214
218
|
null,
|
|
@@ -576,6 +580,18 @@ var usePrevious = function usePrevious(value) {
|
|
|
576
580
|
|
|
577
581
|
var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
578
582
|
var router = Router.useRouter();
|
|
583
|
+
|
|
584
|
+
// Logging GA Pageview on path change
|
|
585
|
+
var prevPath = usePrevious(lodash.lodash.get(router, 'asPath', undefined));
|
|
586
|
+
React.useEffect(function () {
|
|
587
|
+
var pageview = props.pageview;
|
|
588
|
+
|
|
589
|
+
var currentPath = router.asPath;
|
|
590
|
+
if (prevPath && prevPath !== currentPath && pageview) {
|
|
591
|
+
pageview(router.asPath);
|
|
592
|
+
}
|
|
593
|
+
}, [router]);
|
|
594
|
+
|
|
579
595
|
var initialData = props.dataRecord,
|
|
580
596
|
client = props.client,
|
|
581
597
|
params = props.params,
|
|
@@ -634,14 +650,14 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
634
650
|
|
|
635
651
|
var _useState11 = React.useState(false),
|
|
636
652
|
_useState12 = slicedToArray._slicedToArray(_useState11, 2),
|
|
637
|
-
|
|
653
|
+
desktopView = _useState12[0],
|
|
638
654
|
setDesktopView = _useState12[1];
|
|
639
655
|
|
|
640
656
|
var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
|
|
641
657
|
|
|
642
658
|
var prevValues = usePrevious(values);
|
|
643
659
|
|
|
644
|
-
//check for change in filter parameters from client side and refresh the page
|
|
660
|
+
// check for change in filter parameters from client side and refresh the page
|
|
645
661
|
React.useEffect(function () {
|
|
646
662
|
if (initialData && data !== initialData && initialData.length >= 0) {
|
|
647
663
|
setData(initialData);
|
|
@@ -658,6 +674,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
658
674
|
}, [initialData]);
|
|
659
675
|
|
|
660
676
|
React.useEffect(function () {
|
|
677
|
+
// Setting DesktopView flag to show large infeed ad by checking lgInfeedAd flag in desktop view( window >= 1200px ).
|
|
661
678
|
if (lgInfeedAd && window && window.innerWidth >= 1200) {
|
|
662
679
|
setDesktopView(true);
|
|
663
680
|
}
|
|
@@ -697,7 +714,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
697
714
|
React__default['default'].createElement(
|
|
698
715
|
reactBootstrap.Container,
|
|
699
716
|
null,
|
|
700
|
-
cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent,
|
|
717
|
+
cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView)
|
|
701
718
|
)
|
|
702
719
|
),
|
|
703
720
|
React__default['default'].createElement(
|
|
@@ -711,7 +728,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
711
728
|
React__default['default'].createElement(
|
|
712
729
|
reactBootstrap.Container,
|
|
713
730
|
null,
|
|
714
|
-
cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent,
|
|
731
|
+
cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView)
|
|
715
732
|
),
|
|
716
733
|
React__default['default'].createElement(
|
|
717
734
|
'div',
|
package/dist/cjs/index.js
CHANGED
|
@@ -36,7 +36,7 @@ var DeckContent = require('./DeckContent.js');
|
|
|
36
36
|
require('./lodash-fc2922d0.js');
|
|
37
37
|
require('./ADlgInfeed-f4c4a1bf.js');
|
|
38
38
|
var get$1 = require('./get-7a75c563.js');
|
|
39
|
-
var GridContent = require('./GridContent-
|
|
39
|
+
var GridContent = require('./GridContent-0df16724.js');
|
|
40
40
|
var AuthorComponent = require('./AuthorComponent-b44bb44e.js');
|
|
41
41
|
var DeckQueue = require('./DeckQueue.js');
|
|
42
42
|
require('react-bootstrap/Media');
|
|
@@ -2552,6 +2552,11 @@ var CMEDeck = function CMEDeck(_ref) {
|
|
|
2552
2552
|
autoScroll ? React__default['default'].createElement(
|
|
2553
2553
|
React__default['default'].Fragment,
|
|
2554
2554
|
null,
|
|
2555
|
+
React__default['default'].createElement(
|
|
2556
|
+
'style',
|
|
2557
|
+
{ jsx: true },
|
|
2558
|
+
'\n .infinite-scroll-component {\n overflow: hidden !important;\n }\n '
|
|
2559
|
+
),
|
|
2555
2560
|
React__default['default'].createElement(
|
|
2556
2561
|
index_es.InfiniteScroll,
|
|
2557
2562
|
{
|
|
@@ -17310,10 +17315,10 @@ var Article = function Article(props) {
|
|
|
17310
17315
|
contextualAD: _extends$2._extends({}, payload.contextualAD, {
|
|
17311
17316
|
slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id,
|
|
17312
17317
|
className: 'ADFluid',
|
|
17313
|
-
// Adding new ad size for large contextual ad for desktop
|
|
17318
|
+
// Adding new ad size for large contextual ad for desktop screen width >= 1400
|
|
17314
17319
|
sizes: lgContextAd ? [[728, 90], 'fluid', [300, 100]] : ['fluid', [300, 100]],
|
|
17315
17320
|
sizeMapping: lgContextAd ? [{
|
|
17316
|
-
viewport: [
|
|
17321
|
+
viewport: [1400, 0],
|
|
17317
17322
|
sizes: [[728, 90], 'fluid', [300, 100]]
|
|
17318
17323
|
}, { viewport: [0, 0], sizes: ['fluid', [300, 100]] }] : ['fluid', [300, 100]]
|
|
17319
17324
|
})
|
|
@@ -84,6 +84,7 @@ var GridContent = function (_React$Component) {
|
|
|
84
84
|
};
|
|
85
85
|
}, _this.loadData);
|
|
86
86
|
}, 0), _this.componentDidMount = function () {
|
|
87
|
+
// Setting desktopView flag to show large infeed ad by checking lgInfeedAd flag in desktop view( window >= 1200px ).
|
|
87
88
|
if (_this.state.lgInfeedAd && window && window.innerWidth >= 1200) {
|
|
88
89
|
_this.setState(function (state) {
|
|
89
90
|
return _extends({}, state, {
|
|
@@ -98,6 +99,16 @@ var GridContent = function (_React$Component) {
|
|
|
98
99
|
if (prevState.currentPage !== _this.state.currentPage) {
|
|
99
100
|
document.addEventListener('scroll', _this.trackScrolling);
|
|
100
101
|
}
|
|
102
|
+
|
|
103
|
+
// Logging GA Pageview on path change
|
|
104
|
+
var _this$props = _this.props,
|
|
105
|
+
pageview = _this$props.pageview,
|
|
106
|
+
currentPath = _this$props.router.asPath;
|
|
107
|
+
var prevPath = prevProps.router.asPath;
|
|
108
|
+
|
|
109
|
+
if (pageview && currentPath !== prevPath) {
|
|
110
|
+
pageview(currentPath);
|
|
111
|
+
}
|
|
101
112
|
}, _this.trackScrolling = function () {
|
|
102
113
|
var itemsPerPage = _this.props.params.itemsPerPage ? _this.props.params.itemsPerPage : 10;
|
|
103
114
|
if (window.pageYOffset === 0) {
|
|
@@ -156,10 +167,10 @@ var GridContent = function (_React$Component) {
|
|
|
156
167
|
return _this.defaultImage;
|
|
157
168
|
}
|
|
158
169
|
}, _this.changePageNumber = function (pageNumber, itemsPerPage, itemIndex) {
|
|
159
|
-
var _this$
|
|
160
|
-
seoPaginate = _this$
|
|
161
|
-
pageview = _this$
|
|
162
|
-
router = _this$
|
|
170
|
+
var _this$props2 = _this.props,
|
|
171
|
+
seoPaginate = _this$props2.seoPaginate,
|
|
172
|
+
pageview = _this$props2.pageview,
|
|
173
|
+
router = _this$props2.router;
|
|
163
174
|
var currentPage = _this.state.currentPage;
|
|
164
175
|
|
|
165
176
|
if (seoPaginate) {
|
|
@@ -208,9 +219,9 @@ var GridContent = function (_React$Component) {
|
|
|
208
219
|
}
|
|
209
220
|
|
|
210
221
|
var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
|
|
211
|
-
if (pageview) {
|
|
212
|
-
|
|
213
|
-
}
|
|
222
|
+
// if (pageview) {
|
|
223
|
+
// pageview(newPath)
|
|
224
|
+
// }
|
|
214
225
|
|
|
215
226
|
router.push(pathname, newPath, {
|
|
216
227
|
shallow: true
|
|
@@ -345,6 +356,7 @@ var GridContent = function (_React$Component) {
|
|
|
345
356
|
var firstThree = this.state.data.slice(0, 3);
|
|
346
357
|
var data = this.state.data.slice(3);
|
|
347
358
|
|
|
359
|
+
// Need to pass flag "lgInfeedAd={true}" along with brandInsight from site level for large infeed-ad to render
|
|
348
360
|
if (desktopView) {
|
|
349
361
|
var lgInFeedAd = {
|
|
350
362
|
_type: 'lg-infeed',
|
|
@@ -401,7 +413,11 @@ var GridContent = function (_React$Component) {
|
|
|
401
413
|
posts = firstThree.concat(posts);
|
|
402
414
|
posts = posts.map(function (ele, i) {
|
|
403
415
|
if (ele._type === 'lg-infeed') {
|
|
404
|
-
|
|
416
|
+
// Setting pos as top2 for the first occurence of large infeed ad
|
|
417
|
+
var _pos = posts.indexOf(posts.find(function (d) {
|
|
418
|
+
return d._type === 'lg-infeed';
|
|
419
|
+
})) === i ? 'top2' : 'lg-infeed_' + i;
|
|
420
|
+
return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: _pos }) });
|
|
405
421
|
} else {
|
|
406
422
|
return ele;
|
|
407
423
|
}
|
package/dist/esm/GridContent.js
CHANGED
|
@@ -31,5 +31,5 @@ import './ADInfeed-dff74bbe.js';
|
|
|
31
31
|
import './lodash-17fdfebb.js';
|
|
32
32
|
import './ADlgInfeed-7b29db85.js';
|
|
33
33
|
import './get-bc6cf9fb.js';
|
|
34
|
-
export { G as default } from './GridContent-
|
|
34
|
+
export { G as default } from './GridContent-2173a84c.js';
|
|
35
35
|
import './AuthorComponent-4f5f15ed.js';
|
|
@@ -6,7 +6,7 @@ import './_iter-detect-7c281f0a.js';
|
|
|
6
6
|
import { _ as _toConsumableArray } from './toConsumableArray-c5e2fde8.js';
|
|
7
7
|
import './_object-pie-33c40e79.js';
|
|
8
8
|
import { _ as _extends } from './extends-92072fff.js';
|
|
9
|
-
import React, {
|
|
9
|
+
import React, { useEffect, useState, useRef } from 'react';
|
|
10
10
|
import { l as lib_3 } from './debounce-42a7f724.js';
|
|
11
11
|
import 'prop-types';
|
|
12
12
|
import 'react-bootstrap/Card';
|
|
@@ -124,9 +124,9 @@ var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pagevi
|
|
|
124
124
|
}
|
|
125
125
|
var newPath = pageNumber === 1 ? '' + path : '' + path + (queryString.length > 0 ? '&' : '?') + 'page=' + pageNumber;
|
|
126
126
|
|
|
127
|
-
if (pageview) {
|
|
128
|
-
|
|
129
|
-
}
|
|
127
|
+
// if (pageview) {
|
|
128
|
+
// pageview(newPath)
|
|
129
|
+
// }
|
|
130
130
|
|
|
131
131
|
router.push(pathname, newPath, {
|
|
132
132
|
shallow: true
|
|
@@ -139,14 +139,15 @@ var checkExternalUrl = function checkExternalUrl(url) {
|
|
|
139
139
|
return new RegExp(['http', 'https'].join('|')).test(url);
|
|
140
140
|
};
|
|
141
141
|
|
|
142
|
-
var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent,
|
|
142
|
+
var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView) {
|
|
143
143
|
var numberOfItemsBeforeAd = 6;
|
|
144
144
|
|
|
145
145
|
var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
|
|
146
146
|
return [].concat(_toConsumableArray(arr.slice(0, index)), [newElement], _toConsumableArray(arr.slice(index)));
|
|
147
147
|
};
|
|
148
148
|
|
|
149
|
-
|
|
149
|
+
// Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
|
|
150
|
+
if (desktopView && brandInsightAd) {
|
|
150
151
|
var lgInfeedAd = {
|
|
151
152
|
_type: 'lg-infeed',
|
|
152
153
|
adUnit: brandInsightAd.adUnit,
|
|
@@ -172,7 +173,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
|
|
|
172
173
|
}
|
|
173
174
|
|
|
174
175
|
if (showBI && brandInsightAd) {
|
|
175
|
-
if (
|
|
176
|
+
if (desktopView) brandInsightAd.interval = 8;
|
|
176
177
|
var pos = 0;
|
|
177
178
|
for (var i = 1; pos < data.length; i++) {
|
|
178
179
|
var inFeedAd = {
|
|
@@ -195,14 +196,17 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
|
|
|
195
196
|
}
|
|
196
197
|
data = data.map(function (ele, i) {
|
|
197
198
|
if (ele._type === 'lg-infeed') {
|
|
198
|
-
|
|
199
|
+
// Setting pos as top2 for the first occurence of large infeed ad
|
|
200
|
+
var _pos = data.indexOf(data.find(function (d) {
|
|
201
|
+
return d._type === 'lg-infeed';
|
|
202
|
+
})) === i ? 'top2' : 'lg-infeed_' + i;
|
|
203
|
+
return _extends({}, ele, { slotId: 'lg-infeed_' + i, targeting: _extends({}, ele.targeting, { pos: _pos }) });
|
|
199
204
|
} else {
|
|
200
205
|
return ele;
|
|
201
206
|
}
|
|
202
207
|
});
|
|
203
208
|
|
|
204
209
|
var featureCount = 0;
|
|
205
|
-
|
|
206
210
|
return React.createElement(
|
|
207
211
|
'div',
|
|
208
212
|
null,
|
|
@@ -570,6 +574,18 @@ var usePrevious = function usePrevious(value) {
|
|
|
570
574
|
|
|
571
575
|
var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
572
576
|
var router = useRouter();
|
|
577
|
+
|
|
578
|
+
// Logging GA Pageview on path change
|
|
579
|
+
var prevPath = usePrevious(lodash.get(router, 'asPath', undefined));
|
|
580
|
+
useEffect(function () {
|
|
581
|
+
var pageview = props.pageview;
|
|
582
|
+
|
|
583
|
+
var currentPath = router.asPath;
|
|
584
|
+
if (prevPath && prevPath !== currentPath && pageview) {
|
|
585
|
+
pageview(router.asPath);
|
|
586
|
+
}
|
|
587
|
+
}, [router]);
|
|
588
|
+
|
|
573
589
|
var initialData = props.dataRecord,
|
|
574
590
|
client = props.client,
|
|
575
591
|
params = props.params,
|
|
@@ -628,14 +644,14 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
628
644
|
|
|
629
645
|
var _useState11 = useState(false),
|
|
630
646
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
631
|
-
|
|
647
|
+
desktopView = _useState12[0],
|
|
632
648
|
setDesktopView = _useState12[1];
|
|
633
649
|
|
|
634
650
|
var itemsPerPage = params && params.itemsPerPage ? params.itemsPerPage : 10;
|
|
635
651
|
|
|
636
652
|
var prevValues = usePrevious(values);
|
|
637
653
|
|
|
638
|
-
//check for change in filter parameters from client side and refresh the page
|
|
654
|
+
// check for change in filter parameters from client side and refresh the page
|
|
639
655
|
useEffect(function () {
|
|
640
656
|
if (initialData && data !== initialData && initialData.length >= 0) {
|
|
641
657
|
setData(initialData);
|
|
@@ -652,6 +668,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
652
668
|
}, [initialData]);
|
|
653
669
|
|
|
654
670
|
useEffect(function () {
|
|
671
|
+
// Setting DesktopView flag to show large infeed ad by checking lgInfeedAd flag in desktop view( window >= 1200px ).
|
|
655
672
|
if (lgInfeedAd && window && window.innerWidth >= 1200) {
|
|
656
673
|
setDesktopView(true);
|
|
657
674
|
}
|
|
@@ -691,7 +708,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
691
708
|
React.createElement(
|
|
692
709
|
Container,
|
|
693
710
|
null,
|
|
694
|
-
cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent,
|
|
711
|
+
cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView)
|
|
695
712
|
)
|
|
696
713
|
),
|
|
697
714
|
React.createElement(
|
|
@@ -705,7 +722,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
|
|
|
705
722
|
React.createElement(
|
|
706
723
|
Container,
|
|
707
724
|
null,
|
|
708
|
-
cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent,
|
|
725
|
+
cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, desktopView)
|
|
709
726
|
),
|
|
710
727
|
React.createElement(
|
|
711
728
|
'div',
|
package/dist/esm/index.js
CHANGED
|
@@ -33,7 +33,7 @@ export { default as DeckContent } from './DeckContent.js';
|
|
|
33
33
|
import './lodash-17fdfebb.js';
|
|
34
34
|
import './ADlgInfeed-7b29db85.js';
|
|
35
35
|
import { i as isFunction_1, a as isArray_1, _ as _arrayMap } from './get-bc6cf9fb.js';
|
|
36
|
-
export { A as AD, G as GridContent } from './GridContent-
|
|
36
|
+
export { A as AD, G as GridContent } from './GridContent-2173a84c.js';
|
|
37
37
|
import { A as AuthorComponent } from './AuthorComponent-4f5f15ed.js';
|
|
38
38
|
export { default as DeckQueue } from './DeckQueue.js';
|
|
39
39
|
import 'react-bootstrap/Media';
|
|
@@ -2528,6 +2528,11 @@ var CMEDeck = function CMEDeck(_ref) {
|
|
|
2528
2528
|
autoScroll ? React.createElement(
|
|
2529
2529
|
React.Fragment,
|
|
2530
2530
|
null,
|
|
2531
|
+
React.createElement(
|
|
2532
|
+
'style',
|
|
2533
|
+
{ jsx: true },
|
|
2534
|
+
'\n .infinite-scroll-component {\n overflow: hidden !important;\n }\n '
|
|
2535
|
+
),
|
|
2531
2536
|
React.createElement(
|
|
2532
2537
|
InfiniteScroll,
|
|
2533
2538
|
{
|
|
@@ -17286,10 +17291,10 @@ var Article = function Article(props) {
|
|
|
17286
17291
|
contextualAD: _extends$2({}, payload.contextualAD, {
|
|
17287
17292
|
slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id,
|
|
17288
17293
|
className: 'ADFluid',
|
|
17289
|
-
// Adding new ad size for large contextual ad for desktop
|
|
17294
|
+
// Adding new ad size for large contextual ad for desktop screen width >= 1400
|
|
17290
17295
|
sizes: lgContextAd ? [[728, 90], 'fluid', [300, 100]] : ['fluid', [300, 100]],
|
|
17291
17296
|
sizeMapping: lgContextAd ? [{
|
|
17292
|
-
viewport: [
|
|
17297
|
+
viewport: [1400, 0],
|
|
17293
17298
|
sizes: [[728, 90], 'fluid', [300, 100]]
|
|
17294
17299
|
}, { viewport: [0, 0], sizes: ['fluid', [300, 100]] }] : ['fluid', [300, 100]]
|
|
17295
17300
|
})
|