@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
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var asyncToGenerator = require('./asyncToGenerator-2edcb6ad.js');
|
|
4
|
+
var _typeof = require('./typeof-97065d40.js');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var moment = require('./moment-aca40de1.js');
|
|
7
|
+
var index = require('./index-187c967e.js');
|
|
8
|
+
var Breadcrumbs = require('./Breadcrumbs.js');
|
|
9
|
+
var MasterDeck = require('./MasterDeck.js');
|
|
10
|
+
var VideoSeriesCard = require('./VideoSeriesCard.js');
|
|
11
|
+
require('./_commonjsHelpers-06173234.js');
|
|
12
|
+
require('./es6.string.iterator-20d42c53.js');
|
|
13
|
+
require('./_to-object-821a2927.js');
|
|
14
|
+
require('./web.dom.iterable-4480325a.js');
|
|
15
|
+
require('./_library-dd23b178.js');
|
|
16
|
+
require('./core.get-iterator-method-b4615fd3.js');
|
|
17
|
+
require('./_set-species-a8cfdb84.js');
|
|
18
|
+
require('./_iter-detect-2613ffa1.js');
|
|
19
|
+
require('./_is-array-63ae4740.js');
|
|
20
|
+
require('./_object-pie-68c5bcbc.js');
|
|
21
|
+
require('./slicedToArray-db24842a.js');
|
|
22
|
+
require('react-bootstrap/Breadcrumb');
|
|
23
|
+
require('./toConsumableArray-cf0865fc.js');
|
|
24
|
+
require('./extends-1e24fc8d.js');
|
|
25
|
+
require('./inherits-2eb23889.js');
|
|
26
|
+
require('./_object-sap-c5bd707d.js');
|
|
27
|
+
require('./define-property-aff11f8a.js');
|
|
28
|
+
require('./index-5ad2b070.js');
|
|
29
|
+
require('prop-types');
|
|
30
|
+
require('react-bootstrap/Container');
|
|
31
|
+
require('react-bootstrap/Row');
|
|
32
|
+
require('react-bootstrap/Col');
|
|
33
|
+
require('react-bootstrap/Card');
|
|
34
|
+
require('next/router');
|
|
35
|
+
require('./lodash-4ef21f0f.js');
|
|
36
|
+
require('./debounce-eb287781.js');
|
|
37
|
+
require('./isSymbol-04666465.js');
|
|
38
|
+
require('./index.es-f3e47207.js');
|
|
39
|
+
require('./visibility-sensor-8b54af99.js');
|
|
40
|
+
require('react-dom');
|
|
41
|
+
require('./index-d48b231c.js');
|
|
42
|
+
require('./ADlgInfeed-fb101797.js');
|
|
43
|
+
require('./stringify-01cf47f7.js');
|
|
44
|
+
require('./AdSlot.js');
|
|
45
|
+
require('./Beam.js');
|
|
46
|
+
require('./Segment.js');
|
|
47
|
+
require('./main-dc082238.js');
|
|
48
|
+
require('./ADInfeed-2c7a6dd8.js');
|
|
49
|
+
require('./index-80f57cff.js');
|
|
50
|
+
require('./style-inject.es-dcee06b6.js');
|
|
51
|
+
|
|
52
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
53
|
+
|
|
54
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
55
|
+
|
|
56
|
+
var _this = undefined;
|
|
57
|
+
|
|
58
|
+
var VideoSeriesLandingPage = function VideoSeriesLandingPage(props) {
|
|
59
|
+
var summary = props.summary,
|
|
60
|
+
client = props.client,
|
|
61
|
+
posts = props.posts,
|
|
62
|
+
_props$variant = props.variant,
|
|
63
|
+
variant = _props$variant === undefined ? 'left' : _props$variant,
|
|
64
|
+
_props$defaultImage = props.defaultImage,
|
|
65
|
+
defaultImage = _props$defaultImage === undefined ? '/placeholder.jpg' : _props$defaultImage,
|
|
66
|
+
mapping = props.mapping,
|
|
67
|
+
query = props.query,
|
|
68
|
+
params = props.params,
|
|
69
|
+
_props$currentPage = props.currentPage,
|
|
70
|
+
currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
|
|
71
|
+
pageview = props.pageview,
|
|
72
|
+
_props$autoScroll = props.autoScroll,
|
|
73
|
+
autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll,
|
|
74
|
+
rightItems = props.rightItems,
|
|
75
|
+
brandInsightAd = props.brandInsightAd,
|
|
76
|
+
_props$showBI = props.showBI,
|
|
77
|
+
showBI = _props$showBI === undefined ? false : _props$showBI,
|
|
78
|
+
_props$lgInfeedAd = props.lgInfeedAd,
|
|
79
|
+
lgInfeedAd = _props$lgInfeedAd === undefined ? false : _props$lgInfeedAd;
|
|
80
|
+
|
|
81
|
+
return React__default['default'].createElement(
|
|
82
|
+
'div',
|
|
83
|
+
null,
|
|
84
|
+
summary && React__default['default'].createElement(
|
|
85
|
+
'div',
|
|
86
|
+
{ style: { fontSize: '1rem' }, className: 'series-summary px-1 my-4' },
|
|
87
|
+
summary
|
|
88
|
+
),
|
|
89
|
+
React__default['default'].createElement(Breadcrumbs, null),
|
|
90
|
+
posts && React__default['default'].createElement(MasterDeck, {
|
|
91
|
+
deck: VideoSeriesCard,
|
|
92
|
+
variant: variant,
|
|
93
|
+
client: client,
|
|
94
|
+
defaultImage: defaultImage,
|
|
95
|
+
mapping: mapping,
|
|
96
|
+
dataRecord: posts,
|
|
97
|
+
query: query,
|
|
98
|
+
params: params,
|
|
99
|
+
currentPage: currentPage,
|
|
100
|
+
pageview: pageview,
|
|
101
|
+
autoScroll: autoScroll,
|
|
102
|
+
rightItems: rightItems,
|
|
103
|
+
brandInsightAd: brandInsightAd,
|
|
104
|
+
showBI: showBI,
|
|
105
|
+
lgInfeedAd: lgInfeedAd
|
|
106
|
+
})
|
|
107
|
+
);
|
|
108
|
+
};
|
|
109
|
+
|
|
110
|
+
VideoSeriesLandingPage.getInitialData = function () {
|
|
111
|
+
var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(context, client) {
|
|
112
|
+
var itemsPerPage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
|
|
113
|
+
var today, urlQuery, seriesName, currentPage, start, params, query, posts, seriesTitle, summary, url;
|
|
114
|
+
return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
|
|
115
|
+
while (1) {
|
|
116
|
+
switch (_context.prev = _context.next) {
|
|
117
|
+
case 0:
|
|
118
|
+
today = moment.moment().utc().format();
|
|
119
|
+
urlQuery = context.query;
|
|
120
|
+
seriesName = urlQuery.series;
|
|
121
|
+
currentPage = urlQuery.page ? parseInt(urlQuery.page) : 1;
|
|
122
|
+
start = (currentPage - 1) * itemsPerPage;
|
|
123
|
+
params = {
|
|
124
|
+
from: start,
|
|
125
|
+
to: start + itemsPerPage,
|
|
126
|
+
itemsPerPage: itemsPerPage
|
|
127
|
+
};
|
|
128
|
+
query = '*[\n _type == \'article\' \n && !(_id in path("drafts.**")) \n && defined(title) \n && defined(url) \n && dateTime(published) <= dateTime(now()) \n && references(\'02c6c999-e6fe-4275-98ca-ceef28f91e14\') \n && is_visible == true \n && url.current == \'' + seriesName + '\'\n ][$from...$to] | order(published desc) {\n\t\ttitle,\n\t\tsummary,\n\t\tpublished,\n\t\tthumbnail,\n\t\turl,\n\t\ttaxonomy,\n\t\tbody[_type == "youtubeGallery"]\n\t}';
|
|
129
|
+
_context.next = 9;
|
|
130
|
+
return client.fetch(query, params);
|
|
131
|
+
|
|
132
|
+
case 9:
|
|
133
|
+
posts = _context.sent;
|
|
134
|
+
seriesTitle = '';
|
|
135
|
+
summary = '';
|
|
136
|
+
|
|
137
|
+
|
|
138
|
+
if (posts.length > 0 && posts[0].body.length > 0 && posts[0].body[0].videos) {
|
|
139
|
+
url = posts[0].url.current + '?seriesVid=';
|
|
140
|
+
|
|
141
|
+
seriesTitle = posts[0].title;
|
|
142
|
+
summary = posts[0].summary;
|
|
143
|
+
posts = posts[0].body[0].videos.filter(function (video) {
|
|
144
|
+
if ((video.is_visible === true || !video.hasOwnProperty('is_visible')) && (today >= video.published || !video.hasOwnProperty('published'))) {
|
|
145
|
+
return video;
|
|
146
|
+
}
|
|
147
|
+
});
|
|
148
|
+
//start youtube thumbnail fix
|
|
149
|
+
posts.map(function (post, index$1) {
|
|
150
|
+
if (post.thumbnail && _typeof._typeof(post.thumbnail) !== 'object' || !post.thumbnail) {
|
|
151
|
+
var id = index.getYoutubeId(post.url);
|
|
152
|
+
var imageURL = 'https://img.youtube.com/vi/' + id + '/hqdefault.jpg';
|
|
153
|
+
return post['thumbnail'] = imageURL, post['url'] = {
|
|
154
|
+
current: url + (index$1 + 1)
|
|
155
|
+
};
|
|
156
|
+
}
|
|
157
|
+
return post['url'] = {
|
|
158
|
+
current: url + (index$1 + 1)
|
|
159
|
+
};
|
|
160
|
+
});
|
|
161
|
+
//end
|
|
162
|
+
}
|
|
163
|
+
return _context.abrupt('return', { posts: posts, query: query, params: params, seriesTitle: seriesTitle, summary: summary, seriesName: seriesName });
|
|
164
|
+
|
|
165
|
+
case 14:
|
|
166
|
+
case 'end':
|
|
167
|
+
return _context.stop();
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
}, _callee, _this);
|
|
171
|
+
}));
|
|
172
|
+
|
|
173
|
+
return function (_x, _x2) {
|
|
174
|
+
return _ref.apply(this, arguments);
|
|
175
|
+
};
|
|
176
|
+
}();
|
|
177
|
+
|
|
178
|
+
module.exports = VideoSeriesLandingPage;
|
|
@@ -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');
|
package/dist/cjs/View.js
CHANGED
|
@@ -15,7 +15,7 @@ require('react-bootstrap/Dropdown');
|
|
|
15
15
|
var Form = require('react-bootstrap/Form');
|
|
16
16
|
var FormControl = require('react-bootstrap/FormControl');
|
|
17
17
|
var Button = require('react-bootstrap/Button');
|
|
18
|
-
var getSerializers = require('./index-
|
|
18
|
+
var getSerializers = require('./index-27f9e7ef.js');
|
|
19
19
|
var SocialShare = require('./SocialShare.js');
|
|
20
20
|
var AdSlot = require('./AdSlot.js');
|
|
21
21
|
var getTargeting = require('./getTargeting-497b581d.js');
|
|
@@ -43,12 +43,13 @@ require('./_object-pie-68c5bcbc.js');
|
|
|
43
43
|
require('prop-types');
|
|
44
44
|
require('./index-d48b231c.js');
|
|
45
45
|
require('react-bootstrap');
|
|
46
|
-
require('./
|
|
46
|
+
require('./index-187c967e.js');
|
|
47
47
|
require('./util-6f784d85.js');
|
|
48
48
|
require('./Beam.js');
|
|
49
49
|
require('./Segment.js');
|
|
50
50
|
require('./brightcove-react-player-loader.es-a195642e.js');
|
|
51
51
|
require('./GroupDeck.js');
|
|
52
|
+
require('./smoothscroll-99df7f93.js');
|
|
52
53
|
require('./_is-array-63ae4740.js');
|
|
53
54
|
require('react-bootstrap/Pagination');
|
|
54
55
|
require('./entities-3f9d0f2f.js');
|
package/dist/cjs/YoutubeGroup.js
CHANGED
|
@@ -3,9 +3,10 @@
|
|
|
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 index = require('./index-80f57cff.js');
|
|
8
|
-
var
|
|
6
|
+
var index = require('./index-187c967e.js');
|
|
7
|
+
var index$1 = require('./index-80f57cff.js');
|
|
8
|
+
var smoothscroll = require('./smoothscroll-99df7f93.js');
|
|
9
|
+
var index$2 = require('./index-d48b231c.js');
|
|
9
10
|
var main = require('./main-dc082238.js');
|
|
10
11
|
require('./_commonjsHelpers-06173234.js');
|
|
11
12
|
require('./es6.string.iterator-20d42c53.js');
|
|
@@ -55,7 +56,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
55
56
|
setTileHeight = _useState8[1];
|
|
56
57
|
|
|
57
58
|
var urlFor = function urlFor(source, client) {
|
|
58
|
-
var builder = index$
|
|
59
|
+
var builder = index$2.imageUrlBuilder(client);
|
|
59
60
|
return builder.image(source).auto('format');
|
|
60
61
|
};
|
|
61
62
|
|
|
@@ -245,7 +246,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
245
246
|
React__default['default'].createElement(
|
|
246
247
|
'div',
|
|
247
248
|
{ ref: innerSlider, className: 'row__inner' },
|
|
248
|
-
props.dataset && props.dataset.map(function (video, index$
|
|
249
|
+
props.dataset && props.dataset.map(function (video, index$2) {
|
|
249
250
|
// If there is a current prop, means this will overlay a currently playing video
|
|
250
251
|
if (current !== '') {
|
|
251
252
|
var url = video.url;
|
|
@@ -255,14 +256,14 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
255
256
|
} else if (_typeof._typeof(video.thumbnail == 'string')) {
|
|
256
257
|
thumbnail = video.thumbnail;
|
|
257
258
|
} else {
|
|
258
|
-
thumbnail = 'https://img.youtube.com/vi/' +
|
|
259
|
+
thumbnail = 'https://img.youtube.com/vi/' + index.getYoutubeId(video.url) + '/hqdefault.jpg';
|
|
259
260
|
}
|
|
260
261
|
|
|
261
262
|
return React__default['default'].createElement(
|
|
262
263
|
'div',
|
|
263
264
|
{ ref: function ref(ele) {
|
|
264
|
-
return tileArray.current[index$
|
|
265
|
-
}, key: index$
|
|
265
|
+
return tileArray.current[index$2] = ele;
|
|
266
|
+
}, key: index$2, className: 'tile', style: { width: tileSize + 'px' } },
|
|
266
267
|
current && current === url ? React__default['default'].createElement(
|
|
267
268
|
'div',
|
|
268
269
|
{ className: 'now-playing' },
|
|
@@ -271,13 +272,13 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
271
272
|
React__default['default'].createElement(
|
|
272
273
|
'a',
|
|
273
274
|
{ onClick: function onClick() {
|
|
274
|
-
return handleClick(url, index$
|
|
275
|
+
return handleClick(url, index$2 + 1);
|
|
275
276
|
} },
|
|
276
277
|
React__default['default'].createElement(
|
|
277
278
|
'div',
|
|
278
279
|
{ className: 'tile__media', style: { width: tileSize + 'px', height: tileHeight + 'px' } },
|
|
279
280
|
React__default['default'].createElement(
|
|
280
|
-
index.LazyLoad,
|
|
281
|
+
index$1.LazyLoad,
|
|
281
282
|
null,
|
|
282
283
|
React__default['default'].createElement('img', { className: 'tile__img', style: { width: tileSize + 'px', height: tileHeight + 'px' }, src: thumbnail, alt: '' })
|
|
283
284
|
)
|
|
@@ -292,7 +293,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
292
293
|
'b',
|
|
293
294
|
null,
|
|
294
295
|
'EP. ',
|
|
295
|
-
index$
|
|
296
|
+
index$2 + 1,
|
|
296
297
|
':'
|
|
297
298
|
),
|
|
298
299
|
' ',
|
|
@@ -308,13 +309,13 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
308
309
|
if (video.thumbnail && video.thumbnail.asset) {
|
|
309
310
|
_thumbnail = urlFor(video.thumbnail, props.client);
|
|
310
311
|
} else {
|
|
311
|
-
_thumbnail = 'https://img.youtube.com/vi/' +
|
|
312
|
+
_thumbnail = 'https://img.youtube.com/vi/' + index.getYoutubeId(video.url) + '/hqdefault.jpg';
|
|
312
313
|
}
|
|
313
314
|
return React__default['default'].createElement(
|
|
314
315
|
'div',
|
|
315
316
|
{ ref: function ref(ele) {
|
|
316
|
-
return tileArray.current[index$
|
|
317
|
-
}, key: index$
|
|
317
|
+
return tileArray.current[index$2] = ele;
|
|
318
|
+
}, key: index$2, style: { width: tileSize + 'px' }, className: 'tile' },
|
|
318
319
|
React__default['default'].createElement(
|
|
319
320
|
'a',
|
|
320
321
|
{ href: _url },
|
|
@@ -322,7 +323,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
322
323
|
'div',
|
|
323
324
|
{ className: 'tile__media', style: { width: tileSize + 'px', height: tileHeight + 'px' } },
|
|
324
325
|
React__default['default'].createElement(
|
|
325
|
-
index.LazyLoad,
|
|
326
|
+
index$1.LazyLoad,
|
|
326
327
|
null,
|
|
327
328
|
React__default['default'].createElement('img', { className: 'tile__img', src: _thumbnail, style: { width: tileSize + 'px', height: tileHeight + 'px' }, alt: '' })
|
|
328
329
|
)
|
|
@@ -337,7 +338,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
|
|
|
337
338
|
'b',
|
|
338
339
|
null,
|
|
339
340
|
'EP. ',
|
|
340
|
-
index$
|
|
341
|
+
index$2 + 1,
|
|
341
342
|
':'
|
|
342
343
|
),
|
|
343
344
|
' ',
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
require('react');
|
|
4
|
-
var getSerializers = require('./index-
|
|
4
|
+
var getSerializers = require('./index-27f9e7ef.js');
|
|
5
5
|
require('./BlockContent-eca358e4.js');
|
|
6
6
|
require('./entities-3f9d0f2f.js');
|
|
7
7
|
require('./slicedToArray-db24842a.js');
|
|
@@ -15,7 +15,7 @@ require('./index-d48b231c.js');
|
|
|
15
15
|
require('./index-5ad2b070.js');
|
|
16
16
|
require('prop-types');
|
|
17
17
|
require('next/router');
|
|
18
|
-
require('./
|
|
18
|
+
require('./index-187c967e.js');
|
|
19
19
|
require('./util-6f784d85.js');
|
|
20
20
|
require('./Beam.js');
|
|
21
21
|
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,54 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
|
|
4
|
+
|
|
5
|
+
var getYoutubeId = _commonjsHelpers.createCommonjsModule(function (module, exports) {
|
|
6
|
+
(function (root, factory) {
|
|
7
|
+
{
|
|
8
|
+
module.exports = factory();
|
|
9
|
+
}
|
|
10
|
+
}(_commonjsHelpers.commonjsGlobal, function (exports) {
|
|
11
|
+
|
|
12
|
+
return function (url, opts) {
|
|
13
|
+
if (opts == undefined) {
|
|
14
|
+
opts = {fuzzy: true};
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
if (/youtu\.?be/.test(url)) {
|
|
18
|
+
|
|
19
|
+
// Look first for known patterns
|
|
20
|
+
var i;
|
|
21
|
+
var patterns = [
|
|
22
|
+
/youtu\.be\/([^#\&\?]{11})/, // youtu.be/<id>
|
|
23
|
+
/\?v=([^#\&\?]{11})/, // ?v=<id>
|
|
24
|
+
/\&v=([^#\&\?]{11})/, // &v=<id>
|
|
25
|
+
/embed\/([^#\&\?]{11})/, // embed/<id>
|
|
26
|
+
/\/v\/([^#\&\?]{11})/ // /v/<id>
|
|
27
|
+
];
|
|
28
|
+
|
|
29
|
+
// If any pattern matches, return the ID
|
|
30
|
+
for (i = 0; i < patterns.length; ++i) {
|
|
31
|
+
if (patterns[i].test(url)) {
|
|
32
|
+
return patterns[i].exec(url)[1];
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
if (opts.fuzzy) {
|
|
37
|
+
// If that fails, break it apart by certain characters and look
|
|
38
|
+
// for the 11 character key
|
|
39
|
+
var tokens = url.split(/[\/\&\?=#\.\s]/g);
|
|
40
|
+
for (i = 0; i < tokens.length; ++i) {
|
|
41
|
+
if (/^[^#\&\?]{11}$/.test(tokens[i])) {
|
|
42
|
+
return tokens[i];
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
return null;
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
}));
|
|
52
|
+
});
|
|
53
|
+
|
|
54
|
+
exports.getYoutubeId = getYoutubeId;
|
|
@@ -6,7 +6,7 @@ var reactBootstrap = require('react-bootstrap');
|
|
|
6
6
|
var index = require('./index-d48b231c.js');
|
|
7
7
|
var index$1 = require('./index-5ad2b070.js');
|
|
8
8
|
var Router = require('next/router');
|
|
9
|
-
var
|
|
9
|
+
var index$2 = require('./index-187c967e.js');
|
|
10
10
|
var PropTypes = require('prop-types');
|
|
11
11
|
var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
|
|
12
12
|
var util = require('./util-6f784d85.js');
|
|
@@ -15,7 +15,7 @@ var Segment = require('./Segment.js');
|
|
|
15
15
|
var main = require('./main-dc082238.js');
|
|
16
16
|
var BlockContent = require('./BlockContent-eca358e4.js');
|
|
17
17
|
var _extends = require('./extends-1e24fc8d.js');
|
|
18
|
-
var index$
|
|
18
|
+
var index$3 = require('./index-80f57cff.js');
|
|
19
19
|
var _typeof$1 = require('./typeof-97065d40.js');
|
|
20
20
|
var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-a195642e.js');
|
|
21
21
|
var GroupDeck = require('./GroupDeck.js');
|
|
@@ -1899,7 +1899,7 @@ YouTube.defaultProps = {
|
|
|
1899
1899
|
var YouTubePlayer = function YouTubePlayer(_ref) {
|
|
1900
1900
|
var url = _ref.url;
|
|
1901
1901
|
|
|
1902
|
-
var id =
|
|
1902
|
+
var id = index$2.getYoutubeId(url);
|
|
1903
1903
|
|
|
1904
1904
|
var _useState = React.useState(false),
|
|
1905
1905
|
_useState2 = slicedToArray._slicedToArray(_useState, 2),
|
|
@@ -2156,7 +2156,7 @@ var Media = function Media(_ref) {
|
|
|
2156
2156
|
'a',
|
|
2157
2157
|
{ href: uploadDoc.asset.url, target: blank ? '_blank' : '_self' },
|
|
2158
2158
|
React__default['default'].createElement(
|
|
2159
|
-
index$
|
|
2159
|
+
index$3.LazyLoad,
|
|
2160
2160
|
{ once: true },
|
|
2161
2161
|
React__default['default'].createElement(reactBootstrap.Figure.Image, _extends._extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor(poster).url() }, alt && { alt: alt }))
|
|
2162
2162
|
),
|
|
@@ -7161,7 +7161,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
7161
7161
|
if (vid.thumbnail && vid.thumbnail.asset) {
|
|
7162
7162
|
data.push({ title: vid.title, thumbnail: urlFor(vid.thumbnail.asset).url(), url: vid.url });
|
|
7163
7163
|
} else {
|
|
7164
|
-
data.push({ title: vid.title, thumbnail: 'https://img.youtube.com/vi/' +
|
|
7164
|
+
data.push({ title: vid.title, thumbnail: 'https://img.youtube.com/vi/' + index$2.getYoutubeId(vid.url) + '/hqdefault.jpg', url: vid.url });
|
|
7165
7165
|
}
|
|
7166
7166
|
}
|
|
7167
7167
|
});
|
|
@@ -7221,7 +7221,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
7221
7221
|
//Small pause before starting next video
|
|
7222
7222
|
setTimeout(function () {
|
|
7223
7223
|
//Youtube API to start video playing automatically
|
|
7224
|
-
var id =
|
|
7224
|
+
var id = index$2.getYoutubeId(vidUrl);
|
|
7225
7225
|
event.target.loadVideoById(id);
|
|
7226
7226
|
}, 1500);
|
|
7227
7227
|
};
|
|
@@ -7339,7 +7339,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
7339
7339
|
{ id: 'fluid-video-container', className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
|
|
7340
7340
|
vidUrl && vidType == 'youtube' && React__default['default'].createElement(YouTube, {
|
|
7341
7341
|
className: 'fluid-iframe',
|
|
7342
|
-
videoId:
|
|
7342
|
+
videoId: index$2.getYoutubeId(vidUrl),
|
|
7343
7343
|
opts: opts,
|
|
7344
7344
|
onReady: handleOnReady,
|
|
7345
7345
|
onPlay: handleOnPlay,
|
|
@@ -7770,7 +7770,7 @@ var Slideshow$1 = function Slideshow(_ref) {
|
|
|
7770
7770
|
'a',
|
|
7771
7771
|
{ href: slide.slideshowImage.link && slide.slideshowImage.link, target: slide.slideshowImage.blank ? '_blank' : '_self' },
|
|
7772
7772
|
React__default['default'].createElement(
|
|
7773
|
-
index$
|
|
7773
|
+
index$3.LazyLoad,
|
|
7774
7774
|
null,
|
|
7775
7775
|
React__default['default'].createElement('img', { src: urlFor$1(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
|
|
7776
7776
|
)
|
|
@@ -7879,7 +7879,7 @@ var MultiMedia = function MultiMedia(props) {
|
|
|
7879
7879
|
'div',
|
|
7880
7880
|
{ className: 'multi-media-image-container' },
|
|
7881
7881
|
imageBox && React__default['default'].createElement(
|
|
7882
|
-
index$
|
|
7882
|
+
index$3.LazyLoad,
|
|
7883
7883
|
{ once: true },
|
|
7884
7884
|
React__default['default'].createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor$2(media.poster, client).url(), alt: media.alt })
|
|
7885
7885
|
),
|
|
@@ -8820,7 +8820,7 @@ var MultiFigure = function MultiFigure(props) {
|
|
|
8820
8820
|
'div',
|
|
8821
8821
|
{ className: 'multi-figure-image-container' },
|
|
8822
8822
|
React__default['default'].createElement(
|
|
8823
|
-
index$
|
|
8823
|
+
index$3.LazyLoad,
|
|
8824
8824
|
{ once: true },
|
|
8825
8825
|
React__default['default'].createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor$4(image.asset, client).url(), alt: image.alt })
|
|
8826
8826
|
),
|
|
@@ -8830,7 +8830,7 @@ var MultiFigure = function MultiFigure(props) {
|
|
|
8830
8830
|
'div',
|
|
8831
8831
|
{ className: 'multi-figure-image-container' },
|
|
8832
8832
|
React__default['default'].createElement(
|
|
8833
|
-
index$
|
|
8833
|
+
index$3.LazyLoad,
|
|
8834
8834
|
{ once: true },
|
|
8835
8835
|
React__default['default'].createElement('img', {
|
|
8836
8836
|
'images-count': images.length,
|
package/dist/cjs/index.js
CHANGED
|
@@ -74,7 +74,7 @@ var VerticalHero = require('./VerticalHero.js');
|
|
|
74
74
|
var YahooHero = require('./YahooHero.js');
|
|
75
75
|
var GridHero = require('./GridHero.js');
|
|
76
76
|
var ConferenceArticleCard = require('./ConferenceArticleCard.js');
|
|
77
|
-
var getSerializers = require('./index-
|
|
77
|
+
var getSerializers = require('./index-27f9e7ef.js');
|
|
78
78
|
var Beam = require('./Beam.js');
|
|
79
79
|
var Segment = require('./Segment.js');
|
|
80
80
|
var KMTracker = require('./KMTracker.js');
|
|
@@ -84,6 +84,8 @@ var getRelatedArticle = require('./getRelatedArticle.js');
|
|
|
84
84
|
var Auth = require('./Auth.js');
|
|
85
85
|
var View = require('./View.js');
|
|
86
86
|
var PartnerDetailListing = require('./PartnerDetailListing.js');
|
|
87
|
+
var VideoProgramLandingPage = require('./VideoProgramLandingPage.js');
|
|
88
|
+
var VideoSeriesLandingPage = require('./VideoSeriesLandingPage.js');
|
|
87
89
|
var urlFor = require('./urlFor.js');
|
|
88
90
|
var getTargeting = require('./getTargeting-497b581d.js');
|
|
89
91
|
var getKeywords = require('./getKeywords.js');
|
|
@@ -132,7 +134,8 @@ require('./AuthorComponent-5fa89df5.js');
|
|
|
132
134
|
require('react-bootstrap/Media');
|
|
133
135
|
require('./BlockContent-eca358e4.js');
|
|
134
136
|
require('./react-social-icons-af932527.js');
|
|
135
|
-
require('./
|
|
137
|
+
require('./index-187c967e.js');
|
|
138
|
+
require('./smoothscroll-99df7f93.js');
|
|
136
139
|
require('react-bootstrap');
|
|
137
140
|
require('./timeDifferenceCalc.js');
|
|
138
141
|
require('./index.esm-974f47d9.js');
|
|
@@ -177,6 +180,7 @@ require('passport-local');
|
|
|
177
180
|
require('mysql');
|
|
178
181
|
require('./style-inject.es-dcee06b6.js');
|
|
179
182
|
require('react-twitter-embed');
|
|
183
|
+
require('./VideoSeriesCard.js');
|
|
180
184
|
|
|
181
185
|
|
|
182
186
|
|
|
@@ -262,6 +266,8 @@ exports.getRelatedArticle = getRelatedArticle;
|
|
|
262
266
|
exports.Auth = Auth['default'];
|
|
263
267
|
exports.View = View;
|
|
264
268
|
exports.PartnerDetailListing = PartnerDetailListing;
|
|
269
|
+
exports.VideoProgramLandingPage = VideoProgramLandingPage;
|
|
270
|
+
exports.VideoSeriesLandingPage = VideoSeriesLandingPage;
|
|
265
271
|
exports.urlFor = urlFor;
|
|
266
272
|
exports.getTargeting = getTargeting.getTargeting;
|
|
267
273
|
exports.getKeywords = getKeywords;
|
|
@@ -2,55 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
|
|
4
4
|
|
|
5
|
-
var getYoutubeId = _commonjsHelpers.createCommonjsModule(function (module, exports) {
|
|
6
|
-
(function (root, factory) {
|
|
7
|
-
{
|
|
8
|
-
module.exports = factory();
|
|
9
|
-
}
|
|
10
|
-
}(_commonjsHelpers.commonjsGlobal, function (exports) {
|
|
11
|
-
|
|
12
|
-
return function (url, opts) {
|
|
13
|
-
if (opts == undefined) {
|
|
14
|
-
opts = {fuzzy: true};
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
if (/youtu\.?be/.test(url)) {
|
|
18
|
-
|
|
19
|
-
// Look first for known patterns
|
|
20
|
-
var i;
|
|
21
|
-
var patterns = [
|
|
22
|
-
/youtu\.be\/([^#\&\?]{11})/, // youtu.be/<id>
|
|
23
|
-
/\?v=([^#\&\?]{11})/, // ?v=<id>
|
|
24
|
-
/\&v=([^#\&\?]{11})/, // &v=<id>
|
|
25
|
-
/embed\/([^#\&\?]{11})/, // embed/<id>
|
|
26
|
-
/\/v\/([^#\&\?]{11})/ // /v/<id>
|
|
27
|
-
];
|
|
28
|
-
|
|
29
|
-
// If any pattern matches, return the ID
|
|
30
|
-
for (i = 0; i < patterns.length; ++i) {
|
|
31
|
-
if (patterns[i].test(url)) {
|
|
32
|
-
return patterns[i].exec(url)[1];
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
if (opts.fuzzy) {
|
|
37
|
-
// If that fails, break it apart by certain characters and look
|
|
38
|
-
// for the 11 character key
|
|
39
|
-
var tokens = url.split(/[\/\&\?=#\.\s]/g);
|
|
40
|
-
for (i = 0; i < tokens.length; ++i) {
|
|
41
|
-
if (/^[^#\&\?]{11}$/.test(tokens[i])) {
|
|
42
|
-
return tokens[i];
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
return null;
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
}));
|
|
52
|
-
});
|
|
53
|
-
|
|
54
5
|
var smoothscroll = _commonjsHelpers.createCommonjsModule(function (module, exports) {
|
|
55
6
|
/* smoothscroll v0.4.4 - 2019 - Dustan Kasten, Jeremias Menichelli - MIT License */
|
|
56
7
|
(function () {
|
|
@@ -484,5 +435,4 @@ var smoothscroll = _commonjsHelpers.createCommonjsModule(function (module, expor
|
|
|
484
435
|
});
|
|
485
436
|
smoothscroll.polyfill;
|
|
486
437
|
|
|
487
|
-
exports.getYoutubeId = getYoutubeId;
|
|
488
438
|
exports.smoothscroll = smoothscroll;
|