@mjhls/mjh-framework 1.0.713 → 1.0.715
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/AdSlotsProvider.js +112 -7
- package/dist/cjs/ArticleCarousel.js +2 -1
- package/dist/cjs/ArticleSeriesListing.js +2 -1
- package/dist/cjs/BrowseVideosListing.js +2 -1
- package/dist/cjs/ExternalResources.js +3 -2
- package/dist/cjs/GroupDeck.js +13 -12
- package/dist/cjs/PartnerDetailListing.js +3 -2
- package/dist/cjs/TaxonomyDescription.js +3 -2
- package/dist/cjs/VideoProgramLandingPage.js +251 -0
- package/dist/cjs/VideoSeriesLandingPage.js +178 -0
- package/dist/cjs/VideoSeriesListing.js +2 -1
- package/dist/cjs/View.js +3 -2
- package/dist/cjs/YoutubeGroup.js +17 -16
- package/dist/cjs/getSerializers.js +3 -2
- package/dist/cjs/index-187c967e.js +54 -0
- package/dist/cjs/{index-bb09dc7c.js → index-27f9e7ef.js} +11 -11
- package/dist/cjs/index.js +8 -2
- package/dist/cjs/{smoothscroll-1abb448e.js → smoothscroll-99df7f93.js} +0 -50
- package/dist/esm/AdSlotsProvider.js +114 -9
- package/dist/esm/ArticleCarousel.js +2 -1
- package/dist/esm/ArticleSeriesListing.js +2 -1
- package/dist/esm/BrowseVideosListing.js +2 -1
- package/dist/esm/ExternalResources.js +3 -2
- package/dist/esm/GroupDeck.js +2 -1
- package/dist/esm/PartnerDetailListing.js +3 -2
- package/dist/esm/TaxonomyDescription.js +3 -2
- package/dist/esm/VideoProgramLandingPage.js +242 -0
- package/dist/esm/VideoSeriesLandingPage.js +172 -0
- package/dist/esm/VideoSeriesListing.js +2 -1
- package/dist/esm/View.js +3 -2
- package/dist/esm/YoutubeGroup.js +2 -1
- package/dist/esm/getSerializers.js +3 -2
- package/dist/esm/index-c7e2ac95.js +52 -0
- package/dist/esm/{index-48a08226.js → index-db270302.js} +1 -1
- package/dist/esm/index.js +6 -2
- package/dist/esm/{smoothscroll-ab6e0238.js → smoothscroll-fa4e3f8c.js} +2 -51
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# mjh-framework v. 1.0.
|
|
1
|
+
# mjh-framework v. 1.0.715
|
|
2
2
|
|
|
3
3
|
[](https://www.npmjs.com/package/mjh-framework) [](https://standardjs.com)
|
|
4
4
|
|
|
@@ -1,15 +1,26 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var asyncToGenerator = require('./asyncToGenerator-2edcb6ad.js');
|
|
4
|
+
var toConsumableArray = require('./toConsumableArray-cf0865fc.js');
|
|
3
5
|
var React = require('react');
|
|
4
6
|
var index = require('./index-5ad2b070.js');
|
|
5
7
|
var main = require('./main-dc082238.js');
|
|
6
8
|
require('./_commonjsHelpers-06173234.js');
|
|
9
|
+
require('./es6.string.iterator-20d42c53.js');
|
|
10
|
+
require('./_to-object-821a2927.js');
|
|
11
|
+
require('./web.dom.iterable-4480325a.js');
|
|
12
|
+
require('./_library-dd23b178.js');
|
|
13
|
+
require('./core.get-iterator-method-b4615fd3.js');
|
|
14
|
+
require('./_set-species-a8cfdb84.js');
|
|
15
|
+
require('./_iter-detect-2613ffa1.js');
|
|
7
16
|
require('prop-types');
|
|
8
17
|
|
|
9
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
19
|
|
|
11
20
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
21
|
|
|
22
|
+
var _this = undefined;
|
|
23
|
+
|
|
13
24
|
var AdSlotsProvider = function AdSlotsProvider(_ref) {
|
|
14
25
|
var children = _ref.children,
|
|
15
26
|
networkID = _ref.networkID,
|
|
@@ -18,18 +29,112 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
|
|
|
18
29
|
_ref$singleRequest = _ref.singleRequest,
|
|
19
30
|
singleRequest = _ref$singleRequest === undefined ? true : _ref$singleRequest,
|
|
20
31
|
_ref$autoRefresh = _ref.autoRefresh,
|
|
21
|
-
autoRefresh = _ref$autoRefresh === undefined ? false : _ref$autoRefresh
|
|
32
|
+
autoRefresh = _ref$autoRefresh === undefined ? false : _ref$autoRefresh,
|
|
33
|
+
_ref$refreshADs = _ref.refreshADs,
|
|
34
|
+
refreshADs = _ref$refreshADs === undefined ? {} : _ref$refreshADs,
|
|
35
|
+
_ref$refreshInterval = _ref.refreshInterval,
|
|
36
|
+
refreshInterval = _ref$refreshInterval === undefined ? 60 : _ref$refreshInterval;
|
|
22
37
|
|
|
23
38
|
React.useEffect(function () {
|
|
24
|
-
// Refresh ADs after every one minute
|
|
39
|
+
// Refresh ADs after every one minute if user didn't scroll.
|
|
40
|
+
// refreshInterval accepts time in seconds and default is 60 seconds
|
|
41
|
+
var generateAdsToRefresh = function () {
|
|
42
|
+
var _ref2 = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(ads) {
|
|
43
|
+
var googletag, slots, domAds, adsToRefresh;
|
|
44
|
+
return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
|
|
45
|
+
while (1) {
|
|
46
|
+
switch (_context.prev = _context.next) {
|
|
47
|
+
case 0:
|
|
48
|
+
_context.next = 2;
|
|
49
|
+
return index.lib_3.getGoogletag();
|
|
50
|
+
|
|
51
|
+
case 2:
|
|
52
|
+
googletag = _context.sent;
|
|
53
|
+
|
|
54
|
+
if (!(googletag && googletag.pubadsReady)) {
|
|
55
|
+
_context.next = 8;
|
|
56
|
+
break;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
slots = googletag.pubads().getSlots();
|
|
60
|
+
domAds = slots.map(function (slot) {
|
|
61
|
+
return slot.getSlotId().getDomId();
|
|
62
|
+
});
|
|
63
|
+
adsToRefresh = domAds.reduce(function (acc, item) {
|
|
64
|
+
ads.forEach(function (ad) {
|
|
65
|
+
if (item.includes(ad)) {
|
|
66
|
+
acc = [].concat(toConsumableArray._toConsumableArray(acc), [item]);
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
return acc;
|
|
70
|
+
}, []);
|
|
71
|
+
return _context.abrupt('return', adsToRefresh);
|
|
72
|
+
|
|
73
|
+
case 8:
|
|
74
|
+
return _context.abrupt('return', ads);
|
|
75
|
+
|
|
76
|
+
case 9:
|
|
77
|
+
case 'end':
|
|
78
|
+
return _context.stop();
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}, _callee, _this);
|
|
82
|
+
}));
|
|
83
|
+
|
|
84
|
+
return function generateAdsToRefresh(_x) {
|
|
85
|
+
return _ref2.apply(this, arguments);
|
|
86
|
+
};
|
|
87
|
+
}();
|
|
25
88
|
var isScrolling = void 0;
|
|
26
89
|
var refreshADsAfterInterval = function refreshADsAfterInterval() {
|
|
27
|
-
isScrolling = setInterval(function () {
|
|
28
|
-
|
|
29
|
-
|
|
90
|
+
isScrolling = setInterval(asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee2() {
|
|
91
|
+
var _refreshADs$mobileAds, mobileAds, _refreshADs$desktopAd, desktopAds, ads;
|
|
92
|
+
|
|
93
|
+
return asyncToGenerator.regenerator.wrap(function _callee2$(_context2) {
|
|
94
|
+
while (1) {
|
|
95
|
+
switch (_context2.prev = _context2.next) {
|
|
96
|
+
case 0:
|
|
97
|
+
_refreshADs$mobileAds = refreshADs.mobileAds, mobileAds = _refreshADs$mobileAds === undefined ? ['leaderboard-ad'] : _refreshADs$mobileAds, _refreshADs$desktopAd = refreshADs.desktopAds, desktopAds = _refreshADs$desktopAd === undefined ? [] : _refreshADs$desktopAd;
|
|
98
|
+
ads = [];
|
|
99
|
+
|
|
100
|
+
if (!main.main_40) {
|
|
101
|
+
_context2.next = 8;
|
|
102
|
+
break;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
_context2.next = 5;
|
|
106
|
+
return generateAdsToRefresh(mobileAds);
|
|
107
|
+
|
|
108
|
+
case 5:
|
|
109
|
+
ads = _context2.sent;
|
|
110
|
+
_context2.next = 12;
|
|
111
|
+
break;
|
|
112
|
+
|
|
113
|
+
case 8:
|
|
114
|
+
if (!main.main_22) {
|
|
115
|
+
_context2.next = 12;
|
|
116
|
+
break;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
_context2.next = 11;
|
|
120
|
+
return generateAdsToRefresh(desktopAds);
|
|
121
|
+
|
|
122
|
+
case 11:
|
|
123
|
+
ads = _context2.sent;
|
|
124
|
+
|
|
125
|
+
case 12:
|
|
126
|
+
index.lib_3.refresh.apply(index.lib_3, toConsumableArray._toConsumableArray(ads));
|
|
127
|
+
|
|
128
|
+
case 13:
|
|
129
|
+
case 'end':
|
|
130
|
+
return _context2.stop();
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
}, _callee2, _this);
|
|
134
|
+
})), parseInt(refreshInterval) * 1000);
|
|
30
135
|
};
|
|
31
|
-
autoRefresh &&
|
|
32
|
-
autoRefresh &&
|
|
136
|
+
autoRefresh && refreshADsAfterInterval();
|
|
137
|
+
autoRefresh && window.addEventListener('scroll', function () {
|
|
33
138
|
clearInterval(isScrolling);
|
|
34
139
|
refreshADsAfterInterval();
|
|
35
140
|
}, false);
|
|
@@ -13,10 +13,11 @@ require('./_is-array-63ae4740.js');
|
|
|
13
13
|
require('./_library-dd23b178.js');
|
|
14
14
|
require('./slicedToArray-db24842a.js');
|
|
15
15
|
require('./core.get-iterator-method-b4615fd3.js');
|
|
16
|
-
require('./
|
|
16
|
+
require('./index-187c967e.js');
|
|
17
17
|
require('./index-80f57cff.js');
|
|
18
18
|
require('react-dom');
|
|
19
19
|
require('prop-types');
|
|
20
|
+
require('./smoothscroll-99df7f93.js');
|
|
20
21
|
require('./index-d48b231c.js');
|
|
21
22
|
require('./main-dc082238.js');
|
|
22
23
|
|
|
@@ -27,8 +27,9 @@ require('react-dom');
|
|
|
27
27
|
require('./iconBase-68959171.js');
|
|
28
28
|
require('./slicedToArray-db24842a.js');
|
|
29
29
|
require('./core.get-iterator-method-b4615fd3.js');
|
|
30
|
-
require('./
|
|
30
|
+
require('./index-187c967e.js');
|
|
31
31
|
require('./index-80f57cff.js');
|
|
32
|
+
require('./smoothscroll-99df7f93.js');
|
|
32
33
|
require('./index-d48b231c.js');
|
|
33
34
|
require('./main-dc082238.js');
|
|
34
35
|
require('./isSymbol-04666465.js');
|
|
@@ -15,10 +15,11 @@ require('./_is-array-63ae4740.js');
|
|
|
15
15
|
require('./_library-dd23b178.js');
|
|
16
16
|
require('./slicedToArray-db24842a.js');
|
|
17
17
|
require('./core.get-iterator-method-b4615fd3.js');
|
|
18
|
-
require('./
|
|
18
|
+
require('./index-187c967e.js');
|
|
19
19
|
require('./index-80f57cff.js');
|
|
20
20
|
require('react-dom');
|
|
21
21
|
require('prop-types');
|
|
22
|
+
require('./smoothscroll-99df7f93.js');
|
|
22
23
|
require('./index-d48b231c.js');
|
|
23
24
|
require('./main-dc082238.js');
|
|
24
25
|
require('./iconBase-68959171.js');
|
|
@@ -4,7 +4,7 @@ var _extends = require('./extends-1e24fc8d.js');
|
|
|
4
4
|
var slicedToArray = require('./slicedToArray-db24842a.js');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var BlockContent = require('./BlockContent-eca358e4.js');
|
|
7
|
-
var getSerializers = require('./index-
|
|
7
|
+
var getSerializers = require('./index-27f9e7ef.js');
|
|
8
8
|
var index = require('./index-4d74ffd6.js');
|
|
9
9
|
var Router = require('next/router');
|
|
10
10
|
var Button = require('react-bootstrap/Button');
|
|
@@ -18,7 +18,7 @@ require('prop-types');
|
|
|
18
18
|
require('./index-d48b231c.js');
|
|
19
19
|
require('react-bootstrap');
|
|
20
20
|
require('./index-5ad2b070.js');
|
|
21
|
-
require('./
|
|
21
|
+
require('./index-187c967e.js');
|
|
22
22
|
require('./util-6f784d85.js');
|
|
23
23
|
require('./Beam.js');
|
|
24
24
|
require('./stringify-01cf47f7.js');
|
|
@@ -34,6 +34,7 @@ require('./typeof-97065d40.js');
|
|
|
34
34
|
require('./_is-array-63ae4740.js');
|
|
35
35
|
require('./brightcove-react-player-loader.es-a195642e.js');
|
|
36
36
|
require('./GroupDeck.js');
|
|
37
|
+
require('./smoothscroll-99df7f93.js');
|
|
37
38
|
require('./moment-aca40de1.js');
|
|
38
39
|
require('./toConsumableArray-cf0865fc.js');
|
|
39
40
|
require('react-bootstrap/Pagination');
|
package/dist/cjs/GroupDeck.js
CHANGED
|
@@ -3,8 +3,9 @@
|
|
|
3
3
|
var _typeof = require('./typeof-97065d40.js');
|
|
4
4
|
var slicedToArray = require('./slicedToArray-db24842a.js');
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
7
|
-
var
|
|
6
|
+
var index = require('./index-187c967e.js');
|
|
7
|
+
var smoothscroll = require('./smoothscroll-99df7f93.js');
|
|
8
|
+
var index$1 = require('./index-d48b231c.js');
|
|
8
9
|
require('./_commonjsHelpers-06173234.js');
|
|
9
10
|
require('./es6.string.iterator-20d42c53.js');
|
|
10
11
|
require('./_to-object-821a2927.js');
|
|
@@ -40,7 +41,7 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
40
41
|
setScrollPosition = _useState6[1];
|
|
41
42
|
|
|
42
43
|
var urlFor = function urlFor(source, client) {
|
|
43
|
-
var builder = index.imageUrlBuilder(client);
|
|
44
|
+
var builder = index$1.imageUrlBuilder(client);
|
|
44
45
|
return builder.image(source).auto('format');
|
|
45
46
|
};
|
|
46
47
|
|
|
@@ -162,7 +163,7 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
162
163
|
React__default['default'].createElement(
|
|
163
164
|
'div',
|
|
164
165
|
{ ref: innerSlider, className: 'row__inner' },
|
|
165
|
-
props.dataset && props.dataset.map(function (video, index) {
|
|
166
|
+
props.dataset && props.dataset.map(function (video, index$1) {
|
|
166
167
|
// If there is a current prop, means this will overlay a currently playing video
|
|
167
168
|
if (current !== '') {
|
|
168
169
|
var url = video.url;
|
|
@@ -173,7 +174,7 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
173
174
|
} else if (_typeof._typeof(video.thumbnail == 'string')) {
|
|
174
175
|
thumbnail = video.thumbnail;
|
|
175
176
|
} else {
|
|
176
|
-
thumbnail = 'https://img.youtube.com/vi/' +
|
|
177
|
+
thumbnail = 'https://img.youtube.com/vi/' + index.getYoutubeId(video.url) + '/hqdefault.jpg';
|
|
177
178
|
}
|
|
178
179
|
|
|
179
180
|
return React__default['default'].createElement(
|
|
@@ -187,7 +188,7 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
187
188
|
React__default['default'].createElement(
|
|
188
189
|
'a',
|
|
189
190
|
{ onClick: function onClick() {
|
|
190
|
-
return handleClick(url, thumbnail, index + 1);
|
|
191
|
+
return handleClick(url, thumbnail, index$1 + 1);
|
|
191
192
|
} },
|
|
192
193
|
React__default['default'].createElement(
|
|
193
194
|
'div',
|
|
@@ -210,7 +211,7 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
210
211
|
'b',
|
|
211
212
|
null,
|
|
212
213
|
'EP. ',
|
|
213
|
-
index + 1,
|
|
214
|
+
index$1 + 1,
|
|
214
215
|
':'
|
|
215
216
|
),
|
|
216
217
|
' ',
|
|
@@ -229,7 +230,7 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
229
230
|
'b',
|
|
230
231
|
null,
|
|
231
232
|
'EP. ',
|
|
232
|
-
index + 1,
|
|
233
|
+
index$1 + 1,
|
|
233
234
|
':'
|
|
234
235
|
),
|
|
235
236
|
' ',
|
|
@@ -247,11 +248,11 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
247
248
|
} else if (_typeof._typeof(video.thumbnail == 'string')) {
|
|
248
249
|
_thumbnail = video.thumbnail;
|
|
249
250
|
} else {
|
|
250
|
-
_thumbnail = 'https://img.youtube.com/vi/' +
|
|
251
|
+
_thumbnail = 'https://img.youtube.com/vi/' + index.getYoutubeId(video.url) + '/hqdefault.jpg';
|
|
251
252
|
}
|
|
252
253
|
return React__default['default'].createElement(
|
|
253
254
|
'div',
|
|
254
|
-
{ ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
|
|
255
|
+
{ ref: tile, key: index$1, className: 'tile', style: { width: tileSize + 'px' } },
|
|
255
256
|
React__default['default'].createElement(
|
|
256
257
|
'a',
|
|
257
258
|
{ href: _url },
|
|
@@ -276,7 +277,7 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
276
277
|
'b',
|
|
277
278
|
null,
|
|
278
279
|
'EP. ',
|
|
279
|
-
index + 1,
|
|
280
|
+
index$1 + 1,
|
|
280
281
|
':'
|
|
281
282
|
),
|
|
282
283
|
' ',
|
|
@@ -295,7 +296,7 @@ var GroupDeck = function GroupDeck(props) {
|
|
|
295
296
|
'b',
|
|
296
297
|
null,
|
|
297
298
|
'EP. ',
|
|
298
|
-
index + 1,
|
|
299
|
+
index$1 + 1,
|
|
299
300
|
':'
|
|
300
301
|
),
|
|
301
302
|
' ',
|
|
@@ -6,13 +6,13 @@ var _extends = require('./extends-1e24fc8d.js');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var reactTwitterEmbed = require('react-twitter-embed');
|
|
8
8
|
var index = require('./index-d48b231c.js');
|
|
9
|
-
var smoothscroll = require('./smoothscroll-
|
|
9
|
+
var smoothscroll = require('./smoothscroll-99df7f93.js');
|
|
10
10
|
var moment = require('./moment-aca40de1.js');
|
|
11
11
|
var QueueDeckExpanded = require('./QueueDeckExpanded.js');
|
|
12
12
|
var Breadcrumbs = require('./Breadcrumbs.js');
|
|
13
13
|
var Feature = require('./Feature.js');
|
|
14
14
|
var urlFor = require('./urlFor.js');
|
|
15
|
-
var getSerializers = require('./index-
|
|
15
|
+
var getSerializers = require('./index-27f9e7ef.js');
|
|
16
16
|
var BlockContent = require('./BlockContent-eca358e4.js');
|
|
17
17
|
require('./_commonjsHelpers-06173234.js');
|
|
18
18
|
require('./es6.string.iterator-20d42c53.js');
|
|
@@ -49,6 +49,7 @@ require('./getContentCategory-f38a4c00.js');
|
|
|
49
49
|
require('./timeDifferenceCalc.js');
|
|
50
50
|
require('react-bootstrap/Breadcrumb');
|
|
51
51
|
require('react-bootstrap/Carousel');
|
|
52
|
+
require('./index-187c967e.js');
|
|
52
53
|
require('./util-6f784d85.js');
|
|
53
54
|
require('./typeof-97065d40.js');
|
|
54
55
|
require('./_is-array-63ae4740.js');
|
|
@@ -6,7 +6,7 @@ var React = require('react');
|
|
|
6
6
|
var Router = require('next/router');
|
|
7
7
|
var Head = require('next/head');
|
|
8
8
|
var BlockContent = require('./BlockContent-eca358e4.js');
|
|
9
|
-
var getSerializers = require('./index-
|
|
9
|
+
var getSerializers = require('./index-27f9e7ef.js');
|
|
10
10
|
require('./_commonjsHelpers-06173234.js');
|
|
11
11
|
require('./es6.string.iterator-20d42c53.js');
|
|
12
12
|
require('./_to-object-821a2927.js');
|
|
@@ -21,7 +21,7 @@ require('./index-d48b231c.js');
|
|
|
21
21
|
require('./slicedToArray-db24842a.js');
|
|
22
22
|
require('react-bootstrap');
|
|
23
23
|
require('./index-5ad2b070.js');
|
|
24
|
-
require('./
|
|
24
|
+
require('./index-187c967e.js');
|
|
25
25
|
require('./util-6f784d85.js');
|
|
26
26
|
require('./Beam.js');
|
|
27
27
|
require('./stringify-01cf47f7.js');
|
|
@@ -33,6 +33,7 @@ require('./typeof-97065d40.js');
|
|
|
33
33
|
require('./_is-array-63ae4740.js');
|
|
34
34
|
require('./brightcove-react-player-loader.es-a195642e.js');
|
|
35
35
|
require('./GroupDeck.js');
|
|
36
|
+
require('./smoothscroll-99df7f93.js');
|
|
36
37
|
require('./moment-aca40de1.js');
|
|
37
38
|
require('./toConsumableArray-cf0865fc.js');
|
|
38
39
|
require('react-bootstrap/Pagination');
|
|
@@ -0,0 +1,251 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var asyncToGenerator = require('./asyncToGenerator-2edcb6ad.js');
|
|
4
|
+
var _extends = require('./extends-1e24fc8d.js');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var BlockContent = require('./BlockContent-eca358e4.js');
|
|
7
|
+
var Col = require('react-bootstrap/Col');
|
|
8
|
+
var Form = require('react-bootstrap/Form');
|
|
9
|
+
var Button = require('react-bootstrap/Button');
|
|
10
|
+
var getSerializers = require('./index-27f9e7ef.js');
|
|
11
|
+
var VideoSeriesListing = require('./VideoSeriesListing.js');
|
|
12
|
+
require('./_commonjsHelpers-06173234.js');
|
|
13
|
+
require('./es6.string.iterator-20d42c53.js');
|
|
14
|
+
require('./_to-object-821a2927.js');
|
|
15
|
+
require('./web.dom.iterable-4480325a.js');
|
|
16
|
+
require('./_library-dd23b178.js');
|
|
17
|
+
require('./core.get-iterator-method-b4615fd3.js');
|
|
18
|
+
require('./_set-species-a8cfdb84.js');
|
|
19
|
+
require('./_iter-detect-2613ffa1.js');
|
|
20
|
+
require('./_object-pie-68c5bcbc.js');
|
|
21
|
+
require('prop-types');
|
|
22
|
+
require('./index-d48b231c.js');
|
|
23
|
+
require('./slicedToArray-db24842a.js');
|
|
24
|
+
require('react-bootstrap');
|
|
25
|
+
require('./index-5ad2b070.js');
|
|
26
|
+
require('next/router');
|
|
27
|
+
require('./index-187c967e.js');
|
|
28
|
+
require('./util-6f784d85.js');
|
|
29
|
+
require('./Beam.js');
|
|
30
|
+
require('./stringify-01cf47f7.js');
|
|
31
|
+
require('./Segment.js');
|
|
32
|
+
require('./main-dc082238.js');
|
|
33
|
+
require('./index-80f57cff.js');
|
|
34
|
+
require('react-dom');
|
|
35
|
+
require('./typeof-97065d40.js');
|
|
36
|
+
require('./_is-array-63ae4740.js');
|
|
37
|
+
require('./brightcove-react-player-loader.es-a195642e.js');
|
|
38
|
+
require('./GroupDeck.js');
|
|
39
|
+
require('./smoothscroll-99df7f93.js');
|
|
40
|
+
require('./moment-aca40de1.js');
|
|
41
|
+
require('./toConsumableArray-cf0865fc.js');
|
|
42
|
+
require('react-bootstrap/Pagination');
|
|
43
|
+
require('./entities-3f9d0f2f.js');
|
|
44
|
+
require('./AdSlot.js');
|
|
45
|
+
require('./debounce-eb287781.js');
|
|
46
|
+
require('./isSymbol-04666465.js');
|
|
47
|
+
require('react-bootstrap/Row');
|
|
48
|
+
require('next/head');
|
|
49
|
+
require('./inherits-2eb23889.js');
|
|
50
|
+
require('./_object-sap-c5bd707d.js');
|
|
51
|
+
require('./define-property-aff11f8a.js');
|
|
52
|
+
require('./index.esm-974f47d9.js');
|
|
53
|
+
require('./iconBase-68959171.js');
|
|
54
|
+
require('react-bootstrap/Figure');
|
|
55
|
+
require('react-bootstrap/Container');
|
|
56
|
+
require('./visibility-sensor-8b54af99.js');
|
|
57
|
+
require('./YoutubeGroup.js');
|
|
58
|
+
require('./index.es-f3e47207.js');
|
|
59
|
+
|
|
60
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
61
|
+
|
|
62
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
63
|
+
var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
|
|
64
|
+
var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
|
|
65
|
+
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
|
|
66
|
+
|
|
67
|
+
var _this = undefined;
|
|
68
|
+
|
|
69
|
+
var cache = { topic_ids: [] };
|
|
70
|
+
|
|
71
|
+
var VideoProgramLandingPage = function VideoProgramLandingPage(props) {
|
|
72
|
+
var client = props.client,
|
|
73
|
+
virtualBlock = props.virtualBlock,
|
|
74
|
+
topics = props.topics,
|
|
75
|
+
posts = props.posts,
|
|
76
|
+
query = props.query,
|
|
77
|
+
params = props.params,
|
|
78
|
+
_props$currentPage = props.currentPage,
|
|
79
|
+
currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
|
|
80
|
+
pageview = props.pageview,
|
|
81
|
+
_props$columns = props.columns,
|
|
82
|
+
columns = _props$columns === undefined ? 'rotate' : _props$columns,
|
|
83
|
+
_props$variant = props.variant,
|
|
84
|
+
variant = _props$variant === undefined ? 'top' : _props$variant,
|
|
85
|
+
_props$page = props.page,
|
|
86
|
+
page = _props$page === undefined ? '' : _props$page,
|
|
87
|
+
_props$autoScroll = props.autoScroll,
|
|
88
|
+
autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll,
|
|
89
|
+
defaultImage = props.defaultImage,
|
|
90
|
+
mapping = props.mapping;
|
|
91
|
+
|
|
92
|
+
return React__default['default'].createElement(
|
|
93
|
+
'div',
|
|
94
|
+
null,
|
|
95
|
+
virtualBlock && React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers.getSerializers(client), blocks: virtualBlock.body, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
|
|
96
|
+
React__default['default'].createElement(
|
|
97
|
+
'div',
|
|
98
|
+
{ className: 'peer-exchange-filter-container' },
|
|
99
|
+
React__default['default'].createElement(
|
|
100
|
+
Form__default['default'],
|
|
101
|
+
{ className: 'ml-3', method: 'post' },
|
|
102
|
+
React__default['default'].createElement(
|
|
103
|
+
Form__default['default'].Row,
|
|
104
|
+
null,
|
|
105
|
+
React__default['default'].createElement(
|
|
106
|
+
Col__default['default'],
|
|
107
|
+
null,
|
|
108
|
+
React__default['default'].createElement(
|
|
109
|
+
Form__default['default'].Group,
|
|
110
|
+
{ controlId: 'topic' },
|
|
111
|
+
React__default['default'].createElement(
|
|
112
|
+
Form__default['default'].Control,
|
|
113
|
+
{ as: 'select', name: 'topic_id', placeholder: 'Filter by Topic' },
|
|
114
|
+
React__default['default'].createElement(
|
|
115
|
+
'option',
|
|
116
|
+
{ value: '' },
|
|
117
|
+
'All Topics'
|
|
118
|
+
),
|
|
119
|
+
topics && topics.map(function (topic) {
|
|
120
|
+
if (props.topic_id === topic._id || topic.name == 'Peer Exchange') {
|
|
121
|
+
return null;
|
|
122
|
+
} else {
|
|
123
|
+
return React__default['default'].createElement(
|
|
124
|
+
'option',
|
|
125
|
+
{ value: topic._id },
|
|
126
|
+
topic.name
|
|
127
|
+
);
|
|
128
|
+
}
|
|
129
|
+
})
|
|
130
|
+
)
|
|
131
|
+
)
|
|
132
|
+
),
|
|
133
|
+
React__default['default'].createElement(
|
|
134
|
+
Col__default['default'],
|
|
135
|
+
null,
|
|
136
|
+
React__default['default'].createElement(
|
|
137
|
+
Button__default['default'],
|
|
138
|
+
{ type: 'submit', variant: 'secondary' },
|
|
139
|
+
'Apply'
|
|
140
|
+
)
|
|
141
|
+
)
|
|
142
|
+
)
|
|
143
|
+
)
|
|
144
|
+
),
|
|
145
|
+
posts && React__default['default'].createElement(VideoSeriesListing, {
|
|
146
|
+
client: client,
|
|
147
|
+
mapping: mapping,
|
|
148
|
+
dataRecord: posts,
|
|
149
|
+
query: query,
|
|
150
|
+
params: params,
|
|
151
|
+
currentPage: currentPage,
|
|
152
|
+
pageview: pageview,
|
|
153
|
+
columns: columns,
|
|
154
|
+
variant: variant,
|
|
155
|
+
page: page,
|
|
156
|
+
autoScroll: autoScroll,
|
|
157
|
+
defaultImage: defaultImage
|
|
158
|
+
})
|
|
159
|
+
);
|
|
160
|
+
};
|
|
161
|
+
|
|
162
|
+
VideoProgramLandingPage.getInitialData = function () {
|
|
163
|
+
var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(context, client) {
|
|
164
|
+
var itemsPerPage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 6;
|
|
165
|
+
var topicId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
|
|
166
|
+
var pathname, virtualBlock, query, taxonomy_ids_res, taxonomy_ids, i, res, j, topics, urlQuery, currentPage, start, params, posts;
|
|
167
|
+
return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
|
|
168
|
+
while (1) {
|
|
169
|
+
switch (_context.prev = _context.next) {
|
|
170
|
+
case 0:
|
|
171
|
+
// Virtual Block
|
|
172
|
+
pathname = context.pathname;
|
|
173
|
+
_context.next = 3;
|
|
174
|
+
return client.fetch('*[_type == \'virtualBlock\' && identifier == \'' + pathname + '\'][0]');
|
|
175
|
+
|
|
176
|
+
case 3:
|
|
177
|
+
virtualBlock = _context.sent;
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
// Topics for filtering
|
|
181
|
+
query = '';
|
|
182
|
+
|
|
183
|
+
if (!(cache && cache.topic_ids && cache.topic_ids.length > 0)) {
|
|
184
|
+
_context.next = 8;
|
|
185
|
+
break;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
_context.next = 15;
|
|
189
|
+
break;
|
|
190
|
+
|
|
191
|
+
case 8:
|
|
192
|
+
query = '*[\n _type == \'article\' \n && !(_id in path("drafts.**")) \n && defined(title) \n && defined(url)\n && references(\'02c6c999-e6fe-4275-98ca-ceef28f91e14\') \n && is_visible == true \n && dateTime(published) <= dateTime(now())\n ]{\n \'taxonomy_id\': taxonomyMapping[]->_id\n }';
|
|
193
|
+
_context.next = 11;
|
|
194
|
+
return client.fetch(query);
|
|
195
|
+
|
|
196
|
+
case 11:
|
|
197
|
+
taxonomy_ids_res = _context.sent;
|
|
198
|
+
taxonomy_ids = [];
|
|
199
|
+
|
|
200
|
+
for (i = 0; i < taxonomy_ids_res.length; i++) {
|
|
201
|
+
res = taxonomy_ids_res[i];
|
|
202
|
+
|
|
203
|
+
for (j = 0; j < res.taxonomy_id.length; j++) {
|
|
204
|
+
if (!taxonomy_ids.includes(res.taxonomy_id[j])) {
|
|
205
|
+
taxonomy_ids.push(res.taxonomy_id[j]);
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
cache.topic_ids = taxonomy_ids;
|
|
210
|
+
|
|
211
|
+
case 15:
|
|
212
|
+
query = '*[_type == \'taxonomy\' && _id in $taxonomy_ids] | order(name asc)';
|
|
213
|
+
_context.next = 18;
|
|
214
|
+
return client.fetch(query, { taxonomy_ids: cache.topic_ids });
|
|
215
|
+
|
|
216
|
+
case 18:
|
|
217
|
+
topics = _context.sent;
|
|
218
|
+
|
|
219
|
+
|
|
220
|
+
// Posts
|
|
221
|
+
urlQuery = context.query;
|
|
222
|
+
currentPage = urlQuery.page ? parseInt(urlQuery.page) : 1;
|
|
223
|
+
start = (currentPage - 1) * itemsPerPage;
|
|
224
|
+
params = {
|
|
225
|
+
from: start,
|
|
226
|
+
to: start + itemsPerPage,
|
|
227
|
+
url: pathname
|
|
228
|
+
};
|
|
229
|
+
|
|
230
|
+
query = '*[\n _type == \'article\'\n && !(_id in path("drafts.**"))\n && defined(title)\n && defined(url)\n && is_visible == true\n && dateTime(published) <= dateTime(now())\n && references(\'02c6c999-e6fe-4275-98ca-ceef28f91e14\')\n ' + (topicId ? '&& references(\'' + topicId + '\')' : '') + '\n ] | order(published desc) [$from...$to]{\n \t\t...,\n \t\ttitle,\n \t\tsummary,\n \t\tpublished,\n \t\tthumbnail,\n \t\turl,\n \t\ttaxonomy,\n \t\tcontentCategory->,\n \t\tbody[_type == "youtubeGallery"],\n \t\t\'pageNumber\': ' + currentPage + '\n \t}';
|
|
231
|
+
_context.next = 26;
|
|
232
|
+
return client.fetch(query, params);
|
|
233
|
+
|
|
234
|
+
case 26:
|
|
235
|
+
posts = _context.sent;
|
|
236
|
+
return _context.abrupt('return', { virtualBlock: virtualBlock, topics: topics, posts: posts, query: query, params: params, currentPage: currentPage });
|
|
237
|
+
|
|
238
|
+
case 28:
|
|
239
|
+
case 'end':
|
|
240
|
+
return _context.stop();
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
}, _callee, _this);
|
|
244
|
+
}));
|
|
245
|
+
|
|
246
|
+
return function (_x, _x2) {
|
|
247
|
+
return _ref.apply(this, arguments);
|
|
248
|
+
};
|
|
249
|
+
}();
|
|
250
|
+
|
|
251
|
+
module.exports = VideoProgramLandingPage;
|