@mjhls/mjh-framework 1.0.866-d4d665 → 1.0.866-youtube-group-v1

package/dist/cjs/View.js

@@ -21,18 +21,18 @@ var index = require('./index-2cf30c83.js');
 require('prop-types');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
-var moment = require('./moment-66a6a284.js');
+var moment = require('./moment-ca3bd9fb.js');
 var Router = require('next/router');
 require('./isSymbol-04666465.js');
 require('./debounce-529c8d06.js');
 require('./toNumber-36d1e7e5.js');
-var index_es = require('./index.es-13533f24.js');
+var index_es = require('./index.es-f3e47207.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
 require('./index-b5eb3ff8.js');
 var urlFor = require('./urlFor.js');
 require('./index-9d365128.js');
-var main = require('./main-11ec04d2.js');
+var main = require('./main-7b5e57b0.js');
 require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 var stringify = require('./stringify-7c5aff47.js');
@@ -48,9 +48,9 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');
 require('./index.esm-974f47d9.js');
-var getSerializers = require('./index-4990e6c9.js');
+var getSerializers = require('./index-f83a102a.js');
 require('./util-f2c1b65b.js');
-require('./brightcove-react-player-loader.es-4ba0d3d5.js');
+require('./brightcove-react-player-loader.es-5c98aec7.js');
 var Head = require('next/head');
 require('react-share');
 var SocialShare = require('./SocialShare.js');
@@ -69,8 +69,8 @@ var getSeriesDetail = require('./getSeriesDetail.js');
 require('./index-bd6c9f56.js');
 var getRelatedArticle = require('./getRelatedArticle.js');
 var getQuery = require('./getQuery.js');
-var SeriesSlider = require('./SeriesSlider-d38767ae.js');
-var getTargeting = require('./getTargeting-21103688.js');
+var SeriesSlider = require('./SeriesSlider-0d3bf265.js');
+var getTargeting = require('./getTargeting-a9a871f0.js');
 var getKeywords = require('./getKeywords.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var disqusReact = require('disqus-react');
@@ -167,9 +167,9 @@ var DocumentGroup = function DocumentGroup(_ref) {
       style: { display: 'flex', flexDirection: 'column', padding: '0 1rem', justifyContent: thumbnailUrl ? 'center' : 'flex-start', alignItems: 'center' } },
     thumbnailUrl && React__default['default'].createElement('img', { style: { maxWidth: '220px', maxHeight: '100px', marginTop: '1rem' }, src: thumbnailUrl, alt: name }),
     !thumbnailUrl && React__default['default'].createElement('p', {
-      style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main.main_39 ? 'left' : 'right', marginTop: '.25rem' },
+      style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main.main_40 ? 'left' : 'right', marginTop: '.25rem' },
       dangerouslySetInnerHTML: { __html: name } }),
-    main.main_39 && !thumbnailUrl && React__default['default'].createElement(
+    main.main_40 && !thumbnailUrl && React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n          a.doc-group {\n            display: block !important;\n            padding: 0 !important;\n          }\n        '
@@ -348,7 +348,7 @@ var ISI = function ISI(props) {
   );
 };
 
-var css = ".RelatedArticles-module_mediaContainer__10h9k {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  margin: 0 -1rem;\n}\n.RelatedArticles-module_mediaCard__3wQbn {\n  margin: 0 1rem 1rem;\n  width: calc(33% - 1rem);\n  display: column;\n  flex-direction: row;\n  margin-bottom: 0.75rem;\n  padding-bottom: 0.75rem;\n  border-bottom: none;\n}\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\n  border-bottom: none;\n}\n.RelatedArticles-module_cardTitle__3P-Ib {\n  font-weight: bold;\n  color: #252525;\n  margin-bottom: 0.25rem;\n  font-size: 15px;\n}\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\n  color: #000;\n  font-weight: bold;\n}\n.RelatedArticles-module_cardDate__1wOR5 {\n  color: var(--dark);\n  display: block;\n  background: #fff !important;\n  margin-bottom: 0;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 {\n  display: block;\n  text-align: center;\n  margin-bottom: 0.5rem;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\n  height: 135px;\n  width: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n@media screen and (max-width: 1064px) {\n}\n@media screen and (max-width: 968px) {\n  .RelatedArticles-module_mediaContainer__10h9k {\n    flex-wrap: wrap;\n  }\n  .RelatedArticles-module_imgWrapper__5Jx_4 {\n    display: none;\n  }\n  .RelatedArticles-module_mediaCard__3wQbn {\n    width: 100%;\n    margin-bottom: 0.5rem;\n    padding: 0;\n  }\n  .RelatedArticles-module_cardTitle__3P-Ib {\n    font-size: 0.75rem;\n    margin-bottom: 0;\n  }\n}\n";
+var css = ".RelatedArticles-module_mediaContainer__10h9k {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  margin: 0 -1rem;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn {\r\n  margin: 0 1rem 1rem;\r\n  width: calc(33% - 1rem);\r\n  display: column;\r\n  flex-direction: row;\r\n  margin-bottom: 0.75rem;\r\n  padding-bottom: 0.75rem;\r\n  border-bottom: none;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\r\n  border-bottom: none;\r\n}\r\n.RelatedArticles-module_cardTitle__3P-Ib {\r\n  font-weight: bold;\r\n  color: #252525;\r\n  margin-bottom: 0.25rem;\r\n  font-size: 15px;\r\n}\r\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\r\n  color: #000;\r\n  font-weight: bold;\r\n}\r\n.RelatedArticles-module_cardDate__1wOR5 {\r\n  color: var(--dark);\r\n  display: block;\r\n  background: #fff !important;\r\n  margin-bottom: 0;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 {\r\n  display: block;\r\n  text-align: center;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\r\n  height: 135px;\r\n  width: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n@media screen and (max-width: 1064px) {\r\n}\r\n@media screen and (max-width: 968px) {\r\n  .RelatedArticles-module_mediaContainer__10h9k {\r\n    flex-wrap: wrap;\r\n  }\r\n  .RelatedArticles-module_imgWrapper__5Jx_4 {\r\n    display: none;\r\n  }\r\n  .RelatedArticles-module_mediaCard__3wQbn {\r\n    width: 100%;\r\n    margin-bottom: 0.5rem;\r\n    padding: 0;\r\n  }\r\n  .RelatedArticles-module_cardTitle__3P-Ib {\r\n    font-size: 0.75rem;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n";
 var styles = { "mediaContainer": "RelatedArticles-module_mediaContainer__10h9k", "mediaCard": "RelatedArticles-module_mediaCard__3wQbn", "cardTitle": "RelatedArticles-module_cardTitle__3P-Ib", "authorListing": "RelatedArticles-module_authorListing__1EFg4", "text-muted": "RelatedArticles-module_text-muted__3b0zX", "cardDate": "RelatedArticles-module_cardDate__1wOR5", "imgWrapper": "RelatedArticles-module_imgWrapper__5Jx_4" };
 styleInject_es.styleInject(css);
 
@@ -1271,7 +1271,7 @@ var Article = React.forwardRef(function (props, ref) {
             React__default['default'].createElement(
               'div',
               { className: 'ad-box', style: { textAlign: 'center' } },
-              main.main_39 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
+              main.main_40 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
                 if (index === 0) {
                   return React__default['default'].createElement(
                     'div',
@@ -1355,7 +1355,7 @@ var Article = React.forwardRef(function (props, ref) {
           blocks: isi
         })
       ),
-      main.main_39 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
+      main.main_40 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
         if (index > 0) {
           return React__default['default'].createElement(
             'div',
@@ -1454,7 +1454,7 @@ var ArticleQueue = function ArticleQueue(props) {
       return item.url.current === path;
     });
     var targeting = getTargeting.getTargeting({ article: activeArticle, cpModificationRequired: cpModificationRequired, position: props.position, prevUrl: prevUrl });
-    if (!main.main_39) {
+    if (!main.main_40) {
       index.lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
           var slots = googletag.pubads().getSlots();
@@ -1471,7 +1471,7 @@ var ArticleQueue = function ArticleQueue(props) {
       });
     }
     //Refresh leaderboard ad on mobile
-    if (main.main_39) {
+    if (main.main_40) {
       var leaderboardSlotId = '';
       index.lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {

package/dist/cjs/YahooHero.js

@@ -7,7 +7,7 @@ require('./core.get-iterator-method-f62321d4.js');
 require('./web.dom.iterable-a0e279c1.js');
 var React = require('react');
 require('prop-types');
-var moment = require('./moment-66a6a284.js');
+var moment = require('./moment-ca3bd9fb.js');
 require('react-dom');
 require('./index-b5eb3ff8.js');
 var urlFor = require('./urlFor.js');

package/dist/cjs/YoutubeGroup.js

@@ -11,7 +11,7 @@ require('react-dom');
 require('./index-b5eb3ff8.js');
 var urlFor = require('./urlFor.js');
 var index$1 = require('./index-9d365128.js');
-var main = require('./main-11ec04d2.js');
+var main = require('./main-7b5e57b0.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 var index = require('./index-187c967e.js');
 var smoothscroll = require('./smoothscroll-5054361f.js');
@@ -20,10 +20,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/*
-GROQ query -
-    accepts an array of title, URL
-`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
+/*
+GROQ query -
+    accepts an array of title, URL
+`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
 */
 
 var YoutubeGroup = function YoutubeGroup(props) {
@@ -33,7 +33,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
   var viewableWindow = React.useRef(null);
   var viewableArea = React.useRef(null);
 
-  var _useState = React.useState(0),
+  var _useState = React.useState(200),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       tileSize = _useState2[0],
       setTileSize = _useState2[1];
@@ -103,13 +103,13 @@ var YoutubeGroup = function YoutubeGroup(props) {
       }
     }
 
-    if (main.main_39) {
+    if (main.main_40) {
       thumbSize = Math.floor((viewableArea.current.clientWidth - tileDividerWidth) / 2);
       if (props.dataset.length > 2) {
         scrollerVisible = true;
       }
     }
-    if (main.main_44) {
+    if (main.main_45) {
       thumbSize = Math.floor((viewableArea.current.clientWidth - tileDividerWidth * 2) / 3);
       if (props.dataset.length > 3) {
         scrollerVisible = true;
@@ -172,10 +172,10 @@ var YoutubeGroup = function YoutubeGroup(props) {
         if (viewableWindow.current.offsetWidth < 604) {
           scrollDirection = innerSliderScrollWidth - numberOfSlidesToScroll * 2;
         }
-        if (main.main_44) {
+        if (main.main_45) {
           scrollDirection = innerSliderScrollWidth - numberOfSlidesToScroll * 2;
         }
-        if (main.main_39) {
+        if (main.main_40) {
           scrollDirection = innerSliderScrollWidth - numberOfSlidesToScroll * 1;
         }
       }
@@ -268,11 +268,16 @@ var YoutubeGroup = function YoutubeGroup(props) {
                   } },
                 React__default['default'].createElement(
                   'div',
-                  { className: 'tile__media', style: { width: tileSize + 'px', height: tileHeight + 'px' } },
+                  { className: 'tile__media', style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100px') } },
                   React__default['default'].createElement(
                     index$1.LazyLoad,
                     null,
-                    React__default['default'].createElement('img', { className: 'tile__img', style: { width: tileSize + 'px', height: tileHeight + 'px' }, src: thumbnail, alt: '' })
+                    React__default['default'].createElement('img', { className: 'tile__img', style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100px') }, src: thumbnail, alt: '' })
+                  ),
+                  React__default['default'].createElement(
+                    'noscript',
+                    null,
+                    React__default['default'].createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') }, alt: '' })
                   )
                 ),
                 React__default['default'].createElement(
@@ -313,11 +318,16 @@ var YoutubeGroup = function YoutubeGroup(props) {
                 { href: _url },
                 React__default['default'].createElement(
                   'div',
-                  { className: 'tile__media', style: { width: tileSize + 'px', height: tileHeight + 'px' } },
+                  { className: 'tile__media', style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') } },
                   React__default['default'].createElement(
                     index$1.LazyLoad,
                     null,
                     React__default['default'].createElement('img', { className: 'tile__img', src: _thumbnail, style: { width: tileSize + 'px', height: tileHeight + 'px' }, alt: '' })
+                  ),
+                  React__default['default'].createElement(
+                    'noscript',
+                    null,
+                    React__default['default'].createElement('img', { className: 'tile__img', src: _thumbnail, style: { width: tileSize + 'px', height: '' + (tileHeight !== 0 ? tileHeight + 'px' : '100%') }, alt: '' })
                   )
                 ),
                 React__default['default'].createElement(
@@ -343,10 +353,19 @@ var YoutubeGroup = function YoutubeGroup(props) {
         })
       )
     ),
+    React__default['default'].createElement(
+      'noscript',
+      null,
+      React__default['default'].createElement(
+        'style',
+        { jsx: 'true' },
+        '\n          #vid-slider .row__inner {\n            flex-wrap: wrap;\n            flex-basis: 100%;\n          }\n        '
+      )
+    ),
     React__default['default'].createElement(
       'style',
       { jsx: 'true' },
-      '\n        #vid-slider * {\n          box-sizing: border-box;\n          -ms-overflow-style: none;\n        }\n        #vid-slider::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider::-webkit-scrollbar {\n          display: none;\n        }\n        #vid-slider .row::-webkit-scrollbar {\n          display: none;\n        }\n        #vid-slider .row::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider {\n          position: relative;\n          -ms-overflow-style: none;\n          padding: 0 2.5rem;\n          margin-bottom: 2rem;\n        }\n        #vid-slider.col {\n          padding: 0 2.5rem;\n        }\n        #vid-slider .now-playing {\n          position: absolute;\n          top: 0.5rem;\n          left: 1rem;\n          color: white;\n          background: rgba(0, 0, 0, 0.75);\n        }\n        #vid-slider h1,\n        #vid-slider p {\n          text-align: center;\n          width: 100%;\n          max-width: 500px;\n          margin: auto;\n        }\n        #vid-slider a:link,\n        #vid-slider a:hover,\n        #vid-slider a:active,\n        #vid-slider a:visited {\n          transition: color 150ms;\n          color: #95a5a6;\n          text-decoration: none;\n        }\n        #vid-slider .contain {\n          width: 100%;\n        }\n        #vid-slider .row {\n          flex-wrap: nowrap;\n          overflow-x: hidden;\n          width: 100%;\n          -ms-overflow-style: none;\n          overflow-y: hidden !important;\n        }\n        #vid-slider .tile__info {\n          white-space: normal !important;\n          position: absolute;\n          width: 100%;\n          text-align: center;\n          color: ' + (props.dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: 0.9rem;\n          font-weight: normal;\n          transition: opacity 0.25s;\n        }\n        #vid-slider .row__inner {\n          display: flex;\n          transition: 450ms -webkit-transform;\n          transition: 450ms transform;\n          transition: 450ms transform, 450ms -webkit-transform;\n          font-size: 0;\n          white-space: nowrap;\n          margin-top: 1.5rem !important;\n          padding-bottom: 10px;\n          padding-left: 0;\n        }\n        #vid-slider .tile {\n          position: relative;\n          display: inline-block;\n          height: 100%;\n          margin-right: 0.5rem;\n          font-size: 20px;\n          cursor: pointer;\n          transition: 450ms all;\n          -webkit-transform-origin: center left;\n          transform-origin: center left;\n        }\n        #vid-slider .tile:first-child {\n          margin-left: 0;\n        }\n        #vid-slider .tile__img {\n          height: auto;\n\n          -o-object-fit: cover;\n          object-fit: cover;\n          object-position: center;\n        }\n        #vid-slider .tile__details {\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          top: 0;\n          font-size: 10px;\n          opacity: 0;\n          background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\n          transition: 450ms opacity;\n        }\n        #vid-slider .tile__details:after,\n        #vid-slider .tile__details:before {\n          content: \'\';\n\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          display: #000;\n        }\n        #vid-slider .tile__details:after {\n          margin-top: -25px;\n          margin-left: -25px;\n          width: 50px;\n          height: 50px;\n          border: 3px solid #ecf0f1;\n          line-height: 50px;\n          text-align: center;\n          border-radius: 100%;\n          background: rgba(0, 0, 0, 0.5);\n          z-index: 1;\n        }\n        #vid-slider .tile__details:before {\n          content: \'\';\n          background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n            no-repeat center center;\n          left: 0;\n          width: 100%;\n          height: 3rem;\n          font-size: 30px;\n          margin-right: 12px;\n          margin-top: -24px;\n          text-align: center;\n          z-index: 2;\n          color: white;\n        }\n\n        .tile__media {\n          overflow: hidden;\n          display: flex;\n          justify-content: center;\n          align-items: flex-start;\n        }\n\n        #vid-slider .tile__title {\n          white-space: normal !important;\n          max-width: ' + tileSize + 'px;\n          text-align: center;\n          color: ' + (props.dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: ' + (main.main_38 ? '0.75rem' : '0.9rem') + ';\n          font-weight: normal;\n          transition: opacity 0.25s;\n          -webkit-font-smoothing: antialiased;\n        }\n\n        #vid-slider .tile__slider-prev,\n        #vid-slider .tile__slider-next {\n          width: 30px;\n          background: black;\n          background: var(--primary);\n          border: none;\n          position: absolute;\n          transform: translateY(-50%);\n          z-index: 99;\n          cursor: pointer;\n          color: ' + (props.dark ? 'white' : 'black') + ';\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 2rem;\n        }\n        #vid-slider .tile__slider-prev {\n          left: -0.5rem;\n          padding: 1rem;\n        }\n        #vid-slider .tile__slider-next {\n          right: -0.5rem;\n          padding: 1rem;\n        }\n        #vid-slider,\n        #vid-slider .row {\n          margin: 0;\n          padding-right: 0 1.2rem;\n        }\n\n        #vid-slider .row::-webkit-scrollbar-thumb {\n          background-color: transparent !important;\n        }\n        #vid-slider i {\n          border: solid ' + (props.dark ? 'white' : 'black') + ';\n          border-width: 0 4px 4px 0;\n          display: inline-block;\n          padding: 4px;\n          pointer-events: none;\n        }\n        #vid-slider .right {\n          transform: rotate(-45deg);\n          -webkit-transform: rotate(-45deg);\n        }\n        #vid-slider .left {\n          transform: rotate(135deg);\n          -webkit-transform: rotate(135deg);\n        }\n        @media screen and (max-width: 1399px) {\n          #vid-slider,\n          #vidHolder {\n          }\n          #vid-slider .tile__img {\n          }\n        }\n        @media screen and (max-width: 1200px) {\n          #vid-slider,\n          #vidHolder {\n          }\n        }\n        @media screen and (max-width: 967px) {\n          #vid-slider {\n            max-width: 100%;\n          }\n          #vid-slider .tile__img {\n          }\n        }\n\n        @media screen and (max-width: 768px) {\n          #vidHolder {\n            position: unset;\n            width: 100%;\n          }\n\n          #vid-slider .tile__img {\n          }\n          #vid-slider .row__inner {\n            margin-top: 1.5rem !important;\n          }\n        }\n\n        @media screen and (max-width: 590px) {\n          #vid-slider .tile__img {\n          }\n        }\n      '
+      '\n        #vid-slider * {\n          box-sizing: border-box;\n          -ms-overflow-style: none;\n        }\n        #vid-slider::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider::-webkit-scrollbar {\n          display: none;\n        }\n        #vid-slider .row::-webkit-scrollbar {\n          display: none;\n        }\n        #vid-slider .row::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider {\n          position: relative;\n          -ms-overflow-style: none;\n          padding: 0 2.5rem;\n          margin-bottom: 2rem;\n        }\n        #vid-slider.col {\n          padding: 0 2.5rem;\n        }\n        #vid-slider .now-playing {\n          position: absolute;\n          top: 0.5rem;\n          left: 1rem;\n          color: white;\n          background: rgba(0, 0, 0, 0.75);\n        }\n        #vid-slider h1,\n        #vid-slider p {\n          text-align: center;\n          width: 100%;\n          max-width: 500px;\n          margin: auto;\n        }\n        #vid-slider a:link,\n        #vid-slider a:hover,\n        #vid-slider a:active,\n        #vid-slider a:visited {\n          transition: color 150ms;\n          color: #95a5a6;\n          text-decoration: none;\n        }\n        #vid-slider .contain {\n          width: 100%;\n        }\n        #vid-slider .row {\n          flex-wrap: nowrap;\n          overflow-x: hidden;\n          width: 100%;\n          -ms-overflow-style: none;\n          overflow-y: hidden !important;\n        }\n        #vid-slider .tile__info {\n          white-space: normal !important;\n          position: absolute;\n          width: 100%;\n          text-align: center;\n          color: ' + (props.dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: 0.9rem;\n          font-weight: normal;\n          transition: opacity 0.25s;\n        }\n        #vid-slider .row__inner {\n          display: flex;\n          transition: 450ms -webkit-transform;\n          transition: 450ms transform;\n          transition: 450ms transform, 450ms -webkit-transform;\n          font-size: 0;\n          white-space: nowrap;\n          margin-top: 1.5rem !important;\n          padding-bottom: 10px;\n          padding-left: 0;\n        }\n        #vid-slider .tile {\n          position: relative;\n          display: inline-block;\n          height: 100%;\n          margin-right: 0.5rem;\n          font-size: 20px;\n          cursor: pointer;\n          transition: 450ms all;\n          -webkit-transform-origin: center left;\n          transform-origin: center left;\n        }\n        #vid-slider .tile:first-child {\n          margin-left: 0;\n        }\n        #vid-slider .tile__img {\n          height: auto;\n\n          -o-object-fit: cover;\n          object-fit: cover;\n          object-position: center;\n        }\n        #vid-slider .tile__details {\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          top: 0;\n          font-size: 10px;\n          opacity: 0;\n          background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\n          transition: 450ms opacity;\n        }\n        #vid-slider .tile__details:after,\n        #vid-slider .tile__details:before {\n          content: \'\';\n\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          display: #000;\n        }\n        #vid-slider .tile__details:after {\n          margin-top: -25px;\n          margin-left: -25px;\n          width: 50px;\n          height: 50px;\n          border: 3px solid #ecf0f1;\n          line-height: 50px;\n          text-align: center;\n          border-radius: 100%;\n          background: rgba(0, 0, 0, 0.5);\n          z-index: 1;\n        }\n        #vid-slider .tile__details:before {\n          content: \'\';\n          background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n            no-repeat center center;\n          left: 0;\n          width: 100%;\n          height: 3rem;\n          font-size: 30px;\n          margin-right: 12px;\n          margin-top: -24px;\n          text-align: center;\n          z-index: 2;\n          color: white;\n        }\n\n        .tile__media {\n          overflow: hidden;\n          display: flex;\n          justify-content: center;\n          align-items: flex-start;\n        }\n\n        #vid-slider .tile__title {\n          white-space: normal !important;\n          max-width: ' + tileSize + 'px;\n          text-align: center;\n          color: ' + (props.dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: ' + (main.main_39 ? '0.75rem' : '0.9rem') + ';\n          font-weight: normal;\n          transition: opacity 0.25s;\n          -webkit-font-smoothing: antialiased;\n        }\n\n        #vid-slider .tile__slider-prev,\n        #vid-slider .tile__slider-next {\n          width: 30px;\n          background: black;\n          background: var(--primary);\n          border: none;\n          position: absolute;\n          transform: translateY(-50%);\n          z-index: 99;\n          cursor: pointer;\n          color: ' + (props.dark ? 'white' : 'black') + ';\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 2rem;\n        }\n        #vid-slider .tile__slider-prev {\n          left: -0.5rem;\n          padding: 1rem;\n        }\n        #vid-slider .tile__slider-next {\n          right: -0.5rem;\n          padding: 1rem;\n        }\n        #vid-slider,\n        #vid-slider .row {\n          margin: 0;\n          padding-right: 0 1.2rem;\n        }\n\n        #vid-slider .row::-webkit-scrollbar-thumb {\n          background-color: transparent !important;\n        }\n        #vid-slider i {\n          border: solid ' + (props.dark ? 'white' : 'black') + ';\n          border-width: 0 4px 4px 0;\n          display: inline-block;\n          padding: 4px;\n          pointer-events: none;\n        }\n        #vid-slider .right {\n          transform: rotate(-45deg);\n          -webkit-transform: rotate(-45deg);\n        }\n        #vid-slider .left {\n          transform: rotate(135deg);\n          -webkit-transform: rotate(135deg);\n        }\n        @media screen and (max-width: 1399px) {\n          #vid-slider,\n          #vidHolder {\n          }\n          #vid-slider .tile__img {\n          }\n        }\n        @media screen and (max-width: 1200px) {\n          #vid-slider,\n          #vidHolder {\n          }\n        }\n        @media screen and (max-width: 967px) {\n          #vid-slider {\n            max-width: 100%;\n          }\n          #vid-slider .tile__img {\n          }\n        }\n\n        @media screen and (max-width: 768px) {\n          #vidHolder {\n            position: unset;\n            width: 100%;\n          }\n\n          #vid-slider .tile__img {\n          }\n          #vid-slider .row__inner {\n            margin-top: 1.5rem !important;\n          }\n        }\n\n        @media screen and (max-width: 590px) {\n          #vid-slider .tile__img {\n          }\n        }\n      '
     )
   );
 };

package/dist/cjs/{brightcove-react-player-loader.es-4ba0d3d5.js → brightcove-react-player-loader.es-5c98aec7.js}

@@ -631,7 +631,7 @@ if (typeof window !== "undefined") {
 
 var window_1 = win;
 
-/*! @name @brightcove/react-player-loader @version 1.4.0 @license Apache-2.0 */
+/*! @name @brightcove/react-player-loader @version 1.4.1 @license Apache-2.0 */
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -665,7 +665,7 @@ function _assertThisInitialized(self) {
   return self;
 }
 
-/*! @name @brightcove/player-loader @version 1.7.1 @license Apache-2.0 */
+/*! @name @brightcove/player-loader @version 1.8.0 @license Apache-2.0 */
 
 function _extends$1() {
   _extends$1 = Object.assign || function (target) {
@@ -685,7 +685,7 @@ function _extends$1() {
   return _extends$1.apply(this, arguments);
 }
 
-var version = "1.7.1";
+var version = "1.8.0";
 
 /*! @name @brightcove/player-url @version 1.2.0 @license Apache-2.0 */
 var version$1 = "1.2.0";
@@ -1002,6 +1002,7 @@ var createInPageEmbed = function createInPageEmbed(params) {
     deliveryConfigId: 'data-delivery-config-id',
     playlistId: 'data-playlist-id',
     playlistVideoId: 'data-playlist-video-id',
+    poster: 'poster',
     videoId: 'data-video-id'
   };
   var tagName = embedOptions && embedOptions.tagName || EMBED_TAG_NAME_VIDEOJS;

package/dist/cjs/getRelatedArticle.js

@@ -31,20 +31,9 @@ function parseString(setCookieValue, options) {
     ? Object.assign({}, defaultParseOptions, options)
     : defaultParseOptions;
 
-  try {
-    value = options.decodeValues ? decodeURIComponent(value) : value; // decode cookie value
-  } catch (e) {
-    console.error(
-      "set-cookie-parser encountered an error while decoding a cookie with value '" +
-        value +
-        "'. Set options.decodeValues to false to disable this feature.",
-      e
-    );
-  }
-
   var cookie = {
     name: name, // grab everything before the first =
-    value: value,
+    value: options.decodeValues ? decodeURIComponent(value) : value, // decode cookie value
   };
 
   parts.forEach(function (part) {
@@ -215,7 +204,7 @@ setCookie.parse = parse_1;
 setCookie.parseString = parseString_1;
 setCookie.splitCookiesString = splitCookiesString_1;
 
-var utils = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+var dist = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 var __assign = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -228,33 +217,10 @@ var __assign = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlob
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.areCookiesEqual = exports.hasSameProperties = exports.createCookie = exports.isBrowser = void 0;
-/**
- * Tells whether we are in a browser or server.
- */
-function isBrowser() {
-    return typeof window !== 'undefined';
-}
-exports.isBrowser = isBrowser;
-/**
- * Create an instance of the Cookie interface
- */
-function createCookie(name, value, options) {
-    var sameSite = options.sameSite;
-    if (sameSite === true) {
-        sameSite = 'strict';
-    }
-    if (sameSite === undefined || sameSite === false) {
-        sameSite = 'lax';
-    }
-    var cookieToSet = __assign(__assign({}, options), { sameSite: sameSite });
-    delete cookieToSet.encode;
-    return __assign({ name: name, value: value }, cookieToSet);
-}
-exports.createCookie = createCookie;
-/**
- * Tells whether given objects have the same properties.
- */
+exports.destroyCookie = exports.setCookie = exports.parseCookies = void 0;
+
+
+var isBrowser = function () { return typeof window !== 'undefined'; };
 function hasSameProperties(a, b) {
     var aProps = Object.getOwnPropertyNames(a);
     var bProps = Object.getOwnPropertyNames(b);
@@ -269,9 +235,8 @@ function hasSameProperties(a, b) {
     }
     return true;
 }
-exports.hasSameProperties = hasSameProperties;
 /**
- * Compare the cookie and return true if the cookies have equivalent
+ * Compare the cookie and return true if the cookies has equivalent
  * options and the cookies would be overwritten in the browser storage.
  *
  * @param a first Cookie for comparison
@@ -284,109 +249,71 @@ function areCookiesEqual(a, b) {
     }
     return (hasSameProperties(__assign(__assign({}, a), { sameSite: undefined }), __assign(__assign({}, b), { sameSite: undefined })) && sameSiteSame);
 }
-exports.areCookiesEqual = areCookiesEqual;
-/* Functions */
-
-});
-
-_commonjsHelpers.unwrapExports(utils);
-var utils_1 = utils.areCookiesEqual;
-var utils_2 = utils.hasSameProperties;
-var utils_3 = utils.createCookie;
-var utils_4 = utils.isBrowser;
-
-var dist = _commonjsHelpers.createCommonjsModule(function (module, exports) {
-var __assign = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.destroyCookie = exports.setCookie = exports.parseCookies = void 0;
-
-
-
 /**
+ * Create an instance of the Cookie interface
+ *
+ * @param name name of the Cookie
+ * @param value value of the Cookie
+ * @param options Cookie options
+ */
+function createCookie(name, value, options) {
+    var sameSite = options.sameSite;
+    if (sameSite === true) {
+        sameSite = 'strict';
+    }
+    if (sameSite === undefined || sameSite === false) {
+        sameSite = 'lax';
+    }
+    var cookieToSet = __assign(__assign({}, options), { sameSite: sameSite });
+    delete cookieToSet.encode;
+    return __assign({ name: name, value: value }, cookieToSet);
+}
+/**
+ *
  * Parses cookies.
  *
- * @param ctx NextJS page or API context, express context, null or undefined.
- * @param options Options that we pass down to `cookie` library.
+ * @param ctx
+ * @param options
  */
 function parseCookies(ctx, options) {
-    var _a, _b;
-    if ((_b = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.req) === null || _a === void 0 ? void 0 : _a.headers) === null || _b === void 0 ? void 0 : _b.cookie) {
+    if (ctx && ctx.req && ctx.req.headers && ctx.req.headers.cookie) {
         return index.cookie.parse(ctx.req.headers.cookie, options);
     }
-    if (utils.isBrowser()) {
+    if (isBrowser()) {
         return index.cookie.parse(document.cookie, options);
     }
     return {};
 }
 exports.parseCookies = parseCookies;
 /**
+ *
  * Sets a cookie.
  *
- * @param ctx NextJS page or API context, express context, null or undefined.
- * @param name The name of your cookie.
- * @param value The value of your cookie.
- * @param options Options that we pass down to `cookie` library.
+ * @param ctx
+ * @param name
+ * @param value
+ * @param options
  */
 function setCookie$1(ctx, name, value, options) {
-    var _a, _b;
-    if (options === void 0) { options = {}; }
-    // SSR
-    if (((_a = ctx === null || ctx === void 0 ? void 0 : ctx.res) === null || _a === void 0 ? void 0 : _a.getHeader) && ctx.res.setHeader) {
-        // Check if response has finished and warn about it.
-        if ((_b = ctx === null || ctx === void 0 ? void 0 : ctx.res) === null || _b === void 0 ? void 0 : _b.finished) {
-            console.warn("Not setting \"" + name + "\" cookie. Response has finished.");
-            console.warn("You should set cookie before res.send()");
-            return {};
-        }
-        /**
-         * Load existing cookies from the header and parse them.
-         */
+    if (ctx && ctx.res && ctx.res.getHeader && ctx.res.setHeader) {
         var cookies = ctx.res.getHeader('Set-Cookie') || [];
         if (typeof cookies === 'string')
             cookies = [cookies];
         if (typeof cookies === 'number')
             cookies = [];
-        /**
-         * Parse cookies but ignore values - we've already encoded
-         * them in the previous call.
-         */
-        var parsedCookies = setCookie.parse(cookies, {
-            decodeValues: false,
-        });
-        /**
-         * We create the new cookie and make sure that none of
-         * the existing cookies match it.
-         */
-        var newCookie_1 = utils.createCookie(name, value, options);
+        var parsedCookies = setCookie.parse(cookies);
         var cookiesToSet_1 = [];
         parsedCookies.forEach(function (parsedCookie) {
-            if (!utils.areCookiesEqual(parsedCookie, newCookie_1)) {
-                /**
-                 * We serialize the cookie back to the original format
-                 * if it isn't the same as the new one.
-                 */
-                var serializedCookie = index.cookie.serialize(parsedCookie.name, parsedCookie.value, __assign({ 
-                    // we prevent reencoding by default, but you might override it
-                    encode: function (val) { return val; } }, parsedCookie));
-                cookiesToSet_1.push(serializedCookie);
+            if (!areCookiesEqual(parsedCookie, createCookie(name, value, options))) {
+                cookiesToSet_1.push(index.cookie.serialize(parsedCookie.name, parsedCookie.value, __assign({ encode: function (val) { return val; } }, parsedCookie)));
             }
         });
         cookiesToSet_1.push(index.cookie.serialize(name, value, options));
-        // Update the header.
-        ctx.res.setHeader('Set-Cookie', cookiesToSet_1);
+        if (!ctx.res.finished) {
+            ctx.res.setHeader('Set-Cookie', cookiesToSet_1);
+        }
     }
-    // Browser
-    if (utils.isBrowser()) {
+    if (isBrowser()) {
         if (options && options.httpOnly) {
             throw new Error('Can not set a httpOnly cookie in the browser.');
         }
@@ -396,21 +323,30 @@ function setCookie$1(ctx, name, value, options) {
 }
 exports.setCookie = setCookie$1;
 /**
+ *
  * Destroys a cookie with a particular name.
  *
- * @param ctx NextJS page or API context, express context, null or undefined.
- * @param name Cookie name.
- * @param options Options that we pass down to `cookie` library.
+ * @param ctx
+ * @param name
+ * @param options
  */
 function destroyCookie(ctx, name, options) {
-    /**
-     * We forward the request destroy to setCookie function
-     * as it is the same function with modified maxAge value.
-     */
-    return setCookie$1(ctx, name, '', __assign(__assign({}, (options || {})), { maxAge: -1 }));
+    var opts = __assign(__assign({}, (options || {})), { maxAge: -1 });
+    if (ctx && ctx.res && ctx.res.setHeader && ctx.res.getHeader) {
+        var cookies = ctx.res.getHeader('Set-Cookie') || [];
+        if (typeof cookies === 'string')
+            cookies = [cookies];
+        if (typeof cookies === 'number')
+            cookies = [];
+        cookies.push(index.cookie.serialize(name, '', opts));
+        ctx.res.setHeader('Set-Cookie', cookies);
+    }
+    if (isBrowser()) {
+        document.cookie = index.cookie.serialize(name, '', opts);
+    }
+    return {};
 }
 exports.destroyCookie = destroyCookie;
-/* Utility Exports */
 exports.default = {
     set: setCookie$1,
     get: parseCookies,

package/dist/cjs/getSerializers.js

@@ -21,7 +21,7 @@ require('./index-2cf30c83.js');
 require('prop-types');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
-require('./moment-66a6a284.js');
+require('./moment-ca3bd9fb.js');
 require('next/router');
 require('./isSymbol-04666465.js');
 require('./debounce-529c8d06.js');
@@ -30,7 +30,7 @@ require('react-dom');
 require('./index-b5eb3ff8.js');
 require('./urlFor.js');
 require('./index-9d365128.js');
-require('./main-11ec04d2.js');
+require('./main-7b5e57b0.js');
 require('./entities-310b46ee.js');
 require('./slicedToArray-8f385299.js');
 require('./stringify-7c5aff47.js');
@@ -46,9 +46,9 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');
 require('./index.esm-974f47d9.js');
-var getSerializers = require('./index-4990e6c9.js');
+var getSerializers = require('./index-f83a102a.js');
 require('./util-f2c1b65b.js');
-require('./brightcove-react-player-loader.es-4ba0d3d5.js');
+require('./brightcove-react-player-loader.es-5c98aec7.js');
 require('next/head');
 require('react-share');
 require('./SocialShare.js');

package/dist/cjs/{getTargeting-21103688.js → getTargeting-a9a871f0.js}

@@ -4,18 +4,18 @@ var toConsumableArray = require('./toConsumableArray-9a3476fe.js');
 var _extends = require('./extends-0a918631.js');
 
 var getContentPlacementUrl = function getContentPlacementUrl(cp) {
-  var cp_url = '';
-  if (cp.ancestor && typeof cp.ancestor == 'string') {
-    cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
-  }
+    var cp_url = '';
+    if (cp.ancestor && typeof cp.ancestor == 'string') {
+        cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
+    }
 
-  if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
-    cp_url += (cp_url === '' ? '' : '/') + cp.parent;
-  }
+    if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
+        cp_url += (cp_url === '' ? '' : '/') + cp.parent;
+    }
 
-  cp_url += (cp_url === '' ? '' : '/') + (cp.adTargetingURL ? adTargetingURL : cp.path);
+    cp_url += (cp_url === '' ? '' : '/') + (cp.adTargetingURL ? adTargetingURL : cp.path);
 
-  return cp_url;
+    return cp_url;
 };
 
 var getTargeting = function getTargeting(props) {

package/dist/cjs/getTargeting.js

@@ -8,7 +8,7 @@ require('./toConsumableArray-9a3476fe.js');
 require('./core.get-iterator-method-f62321d4.js');
 require('./_object-pie-68c5bcbc.js');
 require('./extends-0a918631.js');
-var getTargeting = require('./getTargeting-21103688.js');
+var getTargeting = require('./getTargeting-a9a871f0.js');