@mjhls/mjh-framework 1.0.373 → 1.0.375

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/dist/cjs/index.js CHANGED
@@ -28,12 +28,12 @@ var index = require('./index-b5eb3ff8.js');
28
28
  var index$1 = require('./index-fa0fb52c.js');
29
29
  var entities = require('./entities-310b46ee.js');
30
30
  var slicedToArray = require('./slicedToArray-879ab2fb.js');
31
- var AdSlot = require('./AdSlot-c5bff604.js');
31
+ var AdSlot = require('./AdSlot-b5f0c396.js');
32
32
  require('./promise-3b44b2a3.js');
33
- var ADInfeed = require('./ADInfeed-43996091.js');
33
+ var ADInfeed = require('./ADInfeed-9f564bd2.js');
34
34
  var DeckContent = require('./DeckContent.js');
35
35
  var get$1 = require('./get-3b23d857.js');
36
- var GridContent = require('./GridContent-7a85d904.js');
36
+ var GridContent = require('./GridContent-a0c81f9f.js');
37
37
  var DeckQueue = require('./DeckQueue.js');
38
38
  require('react-bootstrap/Media');
39
39
  var ThumbnailCard = require('./ThumbnailCard.js');
@@ -53,7 +53,7 @@ var IssueDeck = require('./IssueDeck.js');
53
53
  require('react-bootstrap/Badge');
54
54
  var IssueContentDeck = require('./IssueContentDeck.js');
55
55
  var Spinner = _interopDefault(require('react-bootstrap/Spinner'));
56
- var TemplateNormal = require('./Normal-c03e274d.js');
56
+ var TemplateNormal = require('./Normal-6b148627.js');
57
57
  require('react-bootstrap/ListGroup');
58
58
  var Head = _interopDefault(require('next/head'));
59
59
  var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -228,7 +228,7 @@ var checkExternalUrl = function checkExternalUrl(url) {
228
228
  return new RegExp(['http', 'https'].join('|')).test(url);
229
229
  };
230
230
 
231
- var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage) {
231
+ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent) {
232
232
  var numberOfItemsBeforeAd = 6;
233
233
 
234
234
  var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
@@ -256,6 +256,8 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
256
256
  }
257
257
  }
258
258
 
259
+ var featureCount = 0;
260
+
259
261
  return React__default.createElement(
260
262
  'div',
261
263
  null,
@@ -265,6 +267,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
265
267
  var contentCategoryName = article.contentCategory ? article.contentCategory.name : 'Articles';
266
268
 
267
269
  if (article._type === 'feature') {
270
+ featureCount++;
268
271
  if (article.blank || checkExternalUrl(article.url.current)) {
269
272
  return React__default.createElement(
270
273
  React__default.Fragment,
@@ -429,82 +432,84 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
429
432
  return React__default.createElement(ADInfeed.ADInfeed, { index: index, infeedAd: article });
430
433
  }
431
434
 
432
- return React__default.createElement(
433
- React__default.Fragment,
434
- { key: article._id ? article._id : index },
435
- React__default.createElement(
436
- visibilitySensor.VisibilitySensor,
437
- {
438
- key: article._id ? article._id : index,
439
- onChange: function onChange(isVisible) {
440
- isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, parseInt(index));
441
- } },
435
+ if (index + 1 > heroContent + featureCount) {
436
+ return React__default.createElement(
437
+ React__default.Fragment,
438
+ { key: article._id ? article._id : index },
442
439
  React__default.createElement(
443
- React__default.Fragment,
444
- null,
440
+ visibilitySensor.VisibilitySensor,
441
+ {
442
+ key: article._id ? article._id : index,
443
+ onChange: function onChange(isVisible) {
444
+ isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, parseInt(index));
445
+ } },
445
446
  React__default.createElement(
446
- reactBootstrap.Media,
447
- {
448
- key: article._id ? article._id : index,
449
- style: { flexDirection: 'row', marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
450
- (article.thumbnail && article.thumbnail.asset || defaultImage) && React__default.createElement(
451
- 'a',
452
- { href: mapping[contentCategoryName] + '/' + article.url.current, className: 'img-wrapper' },
453
- React__default.createElement(
454
- index$1.LazyLoad,
455
- { height: imageHeight },
456
- article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
457
- )
458
- ),
447
+ React__default.Fragment,
448
+ null,
459
449
  React__default.createElement(
460
- reactBootstrap.Media.Body,
461
- null,
462
- React__default.createElement(
450
+ reactBootstrap.Media,
451
+ {
452
+ key: article._id ? article._id : index,
453
+ style: { flexDirection: 'row', marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
454
+ (article.thumbnail && article.thumbnail.asset || defaultImage) && React__default.createElement(
463
455
  'a',
464
- { href: mapping[contentCategoryName] + '/' + article.url.current },
465
- article.title && React__default.createElement(
466
- 'h4',
467
- { className: 'card-title', style: { fontWeight: '500', color: 'var(--gray-dark)', marginBottom: '.5rem' } },
468
- article.title
456
+ { href: mapping[contentCategoryName] + '/' + article.url.current, className: 'img-wrapper' },
457
+ React__default.createElement(
458
+ index$1.LazyLoad,
459
+ { height: imageHeight },
460
+ article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
469
461
  )
470
462
  ),
471
- showPublished && article.published && React__default.createElement(
472
- 'p',
473
- { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
474
- moment.moment(article.published).format('MMMM DD, YYYY')
475
- ),
476
- showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
477
- return renderAuthor(authorDetail, index, article.authorMapping.length);
478
- }),
479
- article.source && React__default.createElement(
480
- 'p',
481
- { className: 'p-0 mb-1' },
482
- article.source
483
- ),
484
- showCategory && article.contentCategory && React__default.createElement(
485
- 'p',
486
- {
487
- style: {
488
- background: '#3FB618',
489
- color: '#ffffff',
490
- marginBottom: '.25rem',
491
- display: 'inline-block',
492
- padding: '0 .25rem',
493
- fontSize: '.8rem'
494
- } },
495
- article.contentCategory.name.slice(0, article.contentCategory.name.length - 1)
496
- ),
497
- article.summary && React__default.createElement(
498
- 'p',
499
- { className: 'pt-2 card-text' },
500
- entities.clean_html_1(article.summary)
463
+ React__default.createElement(
464
+ reactBootstrap.Media.Body,
465
+ null,
466
+ React__default.createElement(
467
+ 'a',
468
+ { href: mapping[contentCategoryName] + '/' + article.url.current },
469
+ article.title && React__default.createElement(
470
+ 'h4',
471
+ { className: 'card-title', style: { fontWeight: '500', color: 'var(--gray-dark)', marginBottom: '.5rem' } },
472
+ article.title
473
+ )
474
+ ),
475
+ showPublished && article.published && React__default.createElement(
476
+ 'p',
477
+ { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
478
+ moment.moment(article.published).format('MMMM DD, YYYY')
479
+ ),
480
+ showAuthor && article.authorMapping && article.authorMapping.length > 0 && article.authorMapping.map(function (authorDetail, index) {
481
+ return renderAuthor(authorDetail, index, article.authorMapping.length);
482
+ }),
483
+ article.source && React__default.createElement(
484
+ 'p',
485
+ { className: 'p-0 mb-1' },
486
+ article.source
487
+ ),
488
+ showCategory && article.contentCategory && React__default.createElement(
489
+ 'p',
490
+ {
491
+ style: {
492
+ background: '#3FB618',
493
+ color: '#ffffff',
494
+ marginBottom: '.25rem',
495
+ display: 'inline-block',
496
+ padding: '0 .25rem',
497
+ fontSize: '.8rem'
498
+ } },
499
+ article.contentCategory.name.slice(0, article.contentCategory.name.length - 1)
500
+ ),
501
+ article.summary && React__default.createElement(
502
+ 'p',
503
+ { className: 'pt-2 card-text' },
504
+ entities.clean_html_1(article.summary)
505
+ )
501
506
  )
502
507
  )
503
508
  )
504
- )
505
- ),
506
- main.main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
507
- );
509
+ ),
510
+ main.main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
511
+ );
512
+ } else return null;
508
513
  }) : React__default.createElement(
509
514
  'div',
510
515
  null,
@@ -580,7 +585,9 @@ var InfiniteScrollDeck = function InfiniteScrollDeck(props) {
580
585
  rightItems = props.rightItems,
581
586
  brandInsightAd = props.brandInsightAd,
582
587
  _props$showBI = props.showBI,
583
- showBI = _props$showBI === undefined ? false : _props$showBI;
588
+ showBI = _props$showBI === undefined ? false : _props$showBI,
589
+ _props$heroContent = props.heroContent,
590
+ heroContent = _props$heroContent === undefined ? 0 : _props$heroContent;
584
591
  var initialCurrentPage = props.currentPage,
585
592
  showPublished = props.showPublished;
586
593
 
@@ -655,7 +662,7 @@ var InfiniteScrollDeck = function InfiniteScrollDeck(props) {
655
662
  React__default.createElement(
656
663
  reactBootstrap.Container,
657
664
  null,
658
- cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage)
665
+ cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent)
659
666
  )
660
667
  ),
661
668
  React__default.createElement(
@@ -669,7 +676,7 @@ var InfiniteScrollDeck = function InfiniteScrollDeck(props) {
669
676
  React__default.createElement(
670
677
  reactBootstrap.Container,
671
678
  null,
672
- cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage)
679
+ cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent)
673
680
  ),
674
681
  React__default.createElement(
675
682
  'div',
@@ -8909,14 +8916,88 @@ var Video = function Video(_ref) {
8909
8916
  playlistID = node.playlistID,
8910
8917
  experienceID = node.experienceID;
8911
8918
 
8919
+
8920
+ var onVideoSuccess = function onVideoSuccess(success) {
8921
+ //console.log('success:', success.ref)
8922
+ var player = success.ref;
8923
+
8924
+ // this is video ready
8925
+ player.on('loadedmetadata', function (evt) {
8926
+ //console.log('loadedmetadata:', evt)
8927
+ console.log('mediainfo:', player.mediainfo); // get the duration from here
8928
+ var duration = player.mediainfo.duration;
8929
+ var current = player.currentTime();
8930
+ var queue = Math.floor(duration / 10);
8931
+ var segment = Math.floor(current / queue);
8932
+
8933
+ AdSlot.Beam.report_beam_video('Ready', deviceType, duration, current, segment, 'BrightCove', chapter.playerID, chapter.accountID, chapter.mediaID);
8934
+ });
8935
+
8936
+ // play
8937
+ player.on('play', function (evt) {
8938
+ var duration = player.mediainfo.duration;
8939
+ var current = player.currentTime();
8940
+ var queue = Math.floor(duration / 10);
8941
+ var segment = Math.floor(current / queue);
8942
+ AdSlot.Beam.report_beam_video('Play', deviceType, duration, current, segment, 'BrightCove', chapter.playerID, chapter.accountID, chapter.mediaID);
8943
+ });
8944
+
8945
+ // pause
8946
+ player.on('pause', function (evt) {
8947
+ var duration = player.mediainfo.duration;
8948
+ var current = player.currentTime();
8949
+ var queue = Math.floor(duration / 10);
8950
+ var segment = Math.floor(current / queue);
8951
+ AdSlot.Beam.report_beam_video('Pause', deviceType, duration, current, segment, 'BrightCove', chapter.playerID, chapter.accountID, chapter.mediaID);
8952
+ });
8953
+
8954
+ // end
8955
+ player.on('ended', function (evt) {
8956
+ var duration = player.mediainfo.duration;
8957
+ var current = player.currentTime();
8958
+ var queue = Math.floor(duration / 10);
8959
+ var segment = Math.floor(current / queue);
8960
+ AdSlot.Beam.report_beam_video('End', deviceType, duration, current, segment, 'BrightCove', chapter.playerID, chapter.accountID, chapter.mediaID);
8961
+ });
8962
+
8963
+ player.on('timeupdate', function (evt) {
8964
+ var duration = player.mediainfo.duration;
8965
+ var current = player.currentTime();
8966
+ var queue = Math.floor(duration / 10);
8967
+ var segment = Math.floor(current / queue);
8968
+ if (!queueProgress.includes(segment)) {
8969
+ AdSlot.Beam.report_beam_video('Segment', deviceType, duration, current, segment, 'BrightCove', chapter.playerID, chapter.accountID, chapter.mediaID);
8970
+ queueProgress.push(segment);
8971
+ }
8972
+ });
8973
+
8974
+ // ad impression
8975
+ player.on('ads-ad-started', function (evt) {
8976
+ var duration = player.ads.ad.duration;
8977
+ var id = player.ads.ad.id;
8978
+ var adType = 'Bright Cove: ' + player.ads.ad.type;
8979
+
8980
+ AdSlot.Beam.report_beam_ad('AD Started', deviceType, '', '', '', '', '', adType, duration, id);
8981
+ });
8982
+
8983
+ // ad ended
8984
+ player.on('ads-ad-ended', function (evt) {
8985
+ var duration = player.ads.ad.duration;
8986
+ var id = player.ads.ad.id;
8987
+ var adType = 'Bright Cove: ' + player.ads.ad.type;
8988
+ AdSlot.Beam.report_beam_ad('AD Ended', deviceType, '', '', '', '', '', adType, duration, id);
8989
+ });
8990
+ };
8991
+
8912
8992
  if (source === 'brightcove' && accountIDs.brightcove) {
8913
8993
  if (videoID) {
8914
- return React__default.createElement(ReactPlayerLoader, { accountId: accountIDs.brightcove.accountId, videoId: videoID, playerId: accountIDs.brightcove.playerId, attrs: { className: 'brightcove' } });
8994
+ return React__default.createElement(ReactPlayerLoader, { onSuccess: onVideoSuccess, accountId: accountIDs.brightcove.accountId, videoId: videoID, playerId: accountIDs.brightcove.playerId, attrs: { className: 'brightcove' } });
8915
8995
  } else if (playlistID) {
8916
8996
  return React__default.createElement(ReactPlayerLoader, {
8917
8997
  accountId: accountIDs.brightcove.accountId,
8918
8998
  playlistId: playlistID,
8919
8999
  playerId: accountIDs.brightcove.playerId,
9000
+ onSuccess: onVideoSuccess,
8920
9001
  attrs: { className: 'brightcove brightcove-playlist' }
8921
9002
  });
8922
9003
  } else if (experienceID) {
@@ -16902,14 +16983,22 @@ var renderAuthor$1 = function renderAuthor(authorName, authorURL, index, length)
16902
16983
  'a',
16903
16984
  { href: '/authors/' + authorURL.current, key: index },
16904
16985
  authorName,
16905
- length !== index + 1 && React__default.createElement('br', null)
16986
+ length !== index + 1 && React__default.createElement(
16987
+ 'span',
16988
+ { style: { paddingLeft: 7, paddingRight: 7 } },
16989
+ '|'
16990
+ )
16906
16991
  );
16907
16992
  } else if (authorName) {
16908
16993
  return React__default.createElement(
16909
16994
  'span',
16910
16995
  { key: index },
16911
16996
  authorName,
16912
- length !== index + 1 && React__default.createElement('br', null)
16997
+ length !== index + 1 && React__default.createElement(
16998
+ 'span',
16999
+ { style: { paddingLeft: 7, paddingRight: 7 } },
17000
+ '|'
17001
+ )
16913
17002
  );
16914
17003
  }
16915
17004
  };
@@ -17195,7 +17284,7 @@ var Article = function Article(props) {
17195
17284
  { className: 'mb-3' },
17196
17285
  authorDetails && authorDetails.map(function (authorDetail, index) {
17197
17286
  return React__default.createElement(
17198
- 'div',
17287
+ 'span',
17199
17288
  { key: index },
17200
17289
  renderAuthor$1(authorDetail.displayName, authorDetail.url, index, authorDetails.length)
17201
17290
  );
@@ -1,6 +1,6 @@
1
1
  import React__default from 'react';
2
2
  import Card from 'react-bootstrap/Card';
3
- import { D as DFPAdSlot } from './AdSlot-8946358f.js';
3
+ import { D as DFPAdSlot } from './AdSlot-1cc6bdb0.js';
4
4
 
5
5
  var ADInfeed = function ADInfeed(_ref) {
6
6
  var index = _ref.index,
@@ -1020,8 +1020,12 @@ var Beam = {
1020
1020
  }))();
1021
1021
  },
1022
1022
  report_beam_ad: function report_beam_ad(action, deviceType, cID, lID, campID, adSize, slotId) {
1023
+ var adType = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 'DFP';
1024
+
1023
1025
  var _this4 = this;
1024
1026
 
1027
+ var adDurationBrightCove = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : '';
1028
+ var adIDBrightCove = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : '';
1025
1029
  return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee4() {
1026
1030
  var beam, data, response, res;
1027
1031
  return regenerator.wrap(function _callee4$(_context4) {
@@ -1041,9 +1045,13 @@ var Beam = {
1041
1045
  data.size = adSize;
1042
1046
  data.slotId = slotId;
1043
1047
 
1044
- console.log('Call DFP', action, data);
1048
+ data.adType = adType;
1049
+ data.adDurationBrightCove = adDurationBrightCove;
1050
+ data.adIDBrightCove = adIDBrightCove;
1051
+
1052
+ console.log('Call ' + adType, action, data);
1045
1053
 
1046
- _context4.next = 12;
1054
+ _context4.next = 15;
1047
1055
  return fetch(beam_domain + '/api/beam/ad', {
1048
1056
  headers: {
1049
1057
  'Content-Type': 'application/json',
@@ -1059,19 +1067,19 @@ var Beam = {
1059
1067
  })
1060
1068
  });
1061
1069
 
1062
- case 12:
1070
+ case 15:
1063
1071
  response = _context4.sent;
1064
- _context4.next = 15;
1072
+ _context4.next = 18;
1065
1073
  return response.json();
1066
1074
 
1067
- case 15:
1075
+ case 18:
1068
1076
  res = _context4.sent;
1069
1077
 
1070
1078
  if (res.error) {
1071
1079
  console.error('DFP reporting error:', res.error);
1072
1080
  }
1073
1081
 
1074
- case 17:
1082
+ case 20:
1075
1083
  case 'end':
1076
1084
  return _context4.stop();
1077
1085
  }
@@ -1080,8 +1088,13 @@ var Beam = {
1080
1088
  }))();
1081
1089
  },
1082
1090
  report_beam_video: function report_beam_video(action, deviceType, duration, current, segment) {
1091
+ var videoType = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 'Youtube';
1092
+ var brightCovePlayerID = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : '';
1093
+
1083
1094
  var _this5 = this;
1084
1095
 
1096
+ var brightCoveAccountID = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : '';
1097
+ var brightCoveVideoID = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : '';
1085
1098
  return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee5() {
1086
1099
  var beam, data, response, res;
1087
1100
  return regenerator.wrap(function _callee5$(_context5) {
@@ -1100,9 +1113,14 @@ var Beam = {
1100
1113
  data.segment = segment;
1101
1114
  data.current = current;
1102
1115
 
1103
- console.log('Call YouTube', action, data);
1116
+ data.videoType = videoType;
1117
+ data.brightCovePlayerID = brightCovePlayerID;
1118
+ data.brightCoveAccountID = brightCoveAccountID;
1119
+ data.brightCoveVideoID = brightCoveVideoID;
1120
+
1121
+ console.log('Call ' + videoType, action, data);
1104
1122
 
1105
- _context5.next = 11;
1123
+ _context5.next = 15;
1106
1124
  return fetch(beam_domain + '/api/beam/video', {
1107
1125
  headers: {
1108
1126
  'Content-Type': 'application/json',
@@ -1118,19 +1136,19 @@ var Beam = {
1118
1136
  })
1119
1137
  });
1120
1138
 
1121
- case 11:
1139
+ case 15:
1122
1140
  response = _context5.sent;
1123
- _context5.next = 14;
1141
+ _context5.next = 18;
1124
1142
  return response.json();
1125
1143
 
1126
- case 14:
1144
+ case 18:
1127
1145
  res = _context5.sent;
1128
1146
 
1129
1147
  if (res.error) {
1130
1148
  console.error('Video reporting error:', res.error);
1131
1149
  }
1132
1150
 
1133
- case 16:
1151
+ case 20:
1134
1152
  case 'end':
1135
1153
  return _context5.stop();
1136
1154
  }
@@ -20,9 +20,9 @@ import { i as imageUrlBuilder } from './index-51a80699.js';
20
20
  import { L as LazyLoad } from './index-5f9f807a.js';
21
21
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
22
22
  import './slicedToArray-a47a84a4.js';
23
- import './AdSlot-8946358f.js';
23
+ import './AdSlot-1cc6bdb0.js';
24
24
  import './promise-86cb8313.js';
25
- import { A as ADInfeed } from './ADInfeed-ca26fca6.js';
25
+ import { A as ADInfeed } from './ADInfeed-c65835b9.js';
26
26
 
27
27
  var DeckContent = function (_React$Component) {
28
28
  _inherits(DeckContent, _React$Component);
@@ -14,7 +14,7 @@ import { V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-
14
14
  import { i as imageUrlBuilder } from './index-51a80699.js';
15
15
  import { L as LazyLoad } from './index-5f9f807a.js';
16
16
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
17
- import { A as ADInfeed } from './ADInfeed-ca26fca6.js';
17
+ import { A as ADInfeed } from './ADInfeed-c65835b9.js';
18
18
  import { g as get_1 } from './get-36d03764.js';
19
19
 
20
20
  var Dfp = React__default.lazy(function () {
@@ -193,7 +193,7 @@ var GridContent = function (_React$Component) {
193
193
 
194
194
  if (displayName && url && url.current) {
195
195
  return React__default.createElement(
196
- 'div',
196
+ 'span',
197
197
  { key: _id },
198
198
  index === 0 && React__default.createElement(
199
199
  'span',
@@ -204,12 +204,16 @@ var GridContent = function (_React$Component) {
204
204
  'a',
205
205
  { href: '/authors/' + url.current, className: 'text-muted' },
206
206
  displayName,
207
- length !== index + 1 && React__default.createElement('br', null)
207
+ length !== index + 1 && React__default.createElement(
208
+ 'span',
209
+ { style: { paddingLeft: 7, paddingRight: 7 } },
210
+ '|'
211
+ )
208
212
  )
209
213
  );
210
214
  } else if (displayName) {
211
215
  return React__default.createElement(
212
- 'div',
216
+ 'span',
213
217
  { key: _id },
214
218
  index === 0 && React__default.createElement(
215
219
  'span',
@@ -220,7 +224,11 @@ var GridContent = function (_React$Component) {
220
224
  'span',
221
225
  { className: 'text-muted' },
222
226
  displayName,
223
- length !== index + 1 && React__default.createElement('br', null)
227
+ length !== index + 1 && React__default.createElement(
228
+ 'span',
229
+ { style: { paddingLeft: 7, paddingRight: 7 } },
230
+ '|'
231
+ )
224
232
  )
225
233
  );
226
234
  }
@@ -20,8 +20,8 @@ import './index-51a80699.js';
20
20
  import './index-5f9f807a.js';
21
21
  import './entities-7cc3bf45.js';
22
22
  import './slicedToArray-a47a84a4.js';
23
- import './AdSlot-8946358f.js';
23
+ import './AdSlot-1cc6bdb0.js';
24
24
  import './promise-86cb8313.js';
25
- import './ADInfeed-ca26fca6.js';
25
+ import './ADInfeed-c65835b9.js';
26
26
  import './get-36d03764.js';
27
- export { G as default } from './GridContent-e2b1de22.js';
27
+ export { G as default } from './GridContent-6aafc29f.js';
@@ -4,7 +4,7 @@ import Container from 'react-bootstrap/Container';
4
4
  import Row from 'react-bootstrap/Row';
5
5
  import Col from 'react-bootstrap/Col';
6
6
  import { _ as _slicedToArray } from './slicedToArray-a47a84a4.js';
7
- import { D as DFPAdSlot } from './AdSlot-8946358f.js';
7
+ import { D as DFPAdSlot } from './AdSlot-1cc6bdb0.js';
8
8
  import { g as get_1 } from './get-36d03764.js';
9
9
  import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
10
10
  import { Dropdown } from 'react-bootstrap';