@mjhls/mjh-framework 1.0.315 → 1.0.317

package/dist/esm/QueueDeckExpanded.js

@@ -1,25 +1,25 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-b9b796ec.js';
 import './web.dom.iterable-3be50d6c.js';
-import { l as lib_3 } from './debounce-93ab8f80.js';
-import { m as main_36 } from './main-155ec04f.js';
-import { _ as _toConsumableArray } from './toConsumableArray-eb308ede.js';
+import { l as lib_3 } from './debounce-702eb224.js';
+import { m as main_39 } from './main-d550db5e.js';
+import { _ as _toConsumableArray } from './toConsumableArray-a096ca06.js';
 import './core.get-iterator-method-31c1fb1a.js';
 import { _ as _extends } from './extends-dbbe308d.js';
 import React__default, { useState, useEffect, useRef } from 'react';
 import 'prop-types';
 import 'react-bootstrap/Card';
-import { I as InfiniteScroll, V as VisibilitySensor, m as moment } from './visibility-sensor-336093e1.js';
+import { I as InfiniteScroll, V as VisibilitySensor, m as moment } from './visibility-sensor-3cea5efb.js';
 import 'next/link';
 import { useRouter } from 'next/router';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { _ as _slicedToArray } from './slicedToArray-d1db3163.js';
-import './AdSlot-b6af1ab4.js';
-import './promise-e3480f1c.js';
-import { A as ADInfeed } from './ADInfeed-7bff8973.js';
+import './AdSlot-028b040f.js';
+import './promise-8fc46e97.js';
+import { A as ADInfeed } from './ADInfeed-2aaf8622.js';
 import { Container, Media } from 'react-bootstrap';
 
 var urlFor = function urlFor(source, builder) {
@@ -279,7 +279,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 )
               )
             ),
-            main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
+            main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
           );
         } else {
           return React__default.createElement(
@@ -353,7 +353,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 )
               )
             ),
-            main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
+            main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
           );
         }
       } else if (article._type === 'brandInsightAd' && article.adUnit) {
@@ -429,7 +429,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
             )
           )
         ),
-        main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
+        main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && renderMobileAd(index, numberOfItemsBeforeAd, rightItems)
       );
     }) : React__default.createElement(
       'div',

package/dist/esm/{TaxonomyCard-ea494c28.js → TaxonomyCard-7e9aae2d.js}

@@ -5,7 +5,7 @@ import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
-import { n as node, i as imageUrlBuilder } from './index-3849e3fe.js';
+import { n as node, i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
 

package/dist/esm/TaxonomyCard.js

@@ -8,7 +8,7 @@ import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
 import 'react-dom';
-import './index-3849e3fe.js';
+import './index-51a80699.js';
 import './index-5f9f807a.js';
-export { T as default } from './TaxonomyCard-ea494c28.js';
+export { T as default } from './TaxonomyCard-7e9aae2d.js';
 import './react-social-icons-a7d5c5c7.js';

package/dist/esm/TemplateNormal.js

@@ -1,8 +1,8 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-b9b796ec.js';
 import './web.dom.iterable-3be50d6c.js';
-import './debounce-93ab8f80.js';
-import './main-155ec04f.js';
+import './debounce-702eb224.js';
+import './main-d550db5e.js';
 import './core.get-iterator-method-31c1fb1a.js';
 import 'react';
 import 'prop-types';
@@ -11,14 +11,14 @@ import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'next/link';
 import './slicedToArray-d1db3163.js';
-import './AdSlot-b6af1ab4.js';
-import './promise-e3480f1c.js';
-import './get-9c285a85.js';
+import './AdSlot-028b040f.js';
+import './promise-8fc46e97.js';
+import './get-36d03764.js';
 import './react-social-icons-a7d5c5c7.js';
 import 'react-bootstrap';
 import './index.esm-536609db.js';
 import 'react-bootstrap/Button';
-export { T as default } from './Normal-19f6db83.js';
+export { T as default } from './Normal-ed829d1e.js';
 import 'react-bootstrap/ListGroup';
 import 'next/head';
 import 'react-bootstrap/Nav';

package/dist/esm/ThumbnailCard.js

@@ -2,7 +2,7 @@ import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
 import 'prop-types';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import Media$1 from 'react-bootstrap/Media';

package/dist/esm/VideoSeriesListing.js

@@ -1,18 +1,18 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-b9b796ec.js';
 import './web.dom.iterable-3be50d6c.js';
-import { d as debounce_1, l as lib_3 } from './debounce-93ab8f80.js';
+import { d as debounce_1, l as lib_3 } from './debounce-702eb224.js';
 import { _ as _extends } from './extends-dbbe308d.js';
-import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-2a854891.js';
+import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-9d26445c.js';
 import React__default from 'react';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
-import { I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-336093e1.js';
+import { I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-3cea5efb.js';
 import 'next/link';
 import { withRouter } from 'next/router';
 import 'react-dom';
 import './index-5f9f807a.js';
-import { Y as YoutubeGroup } from './YoutubeGroup-e7e16d0e.js';
+import { Y as YoutubeGroup } from './YoutubeGroup-13d88f43.js';
 import { a as IoIosArrowForward } from './index.esm-536609db.js';
 
 var VideoSeriesListing = function (_React$Component) {

package/dist/esm/{YoutubeGroup-e7e16d0e.js → YoutubeGroup-13d88f43.js}

@@ -495,6 +495,7 @@ GROQ query -
 var YoutubeGroup = function YoutubeGroup(props) {
   // Props should be an array of objects containing Thumbnail, title, and URL
   var innerSlider = useRef(null);
+  var tile = useRef(null);
 
   useEffect(function () {
     //IE11 Polyfill
@@ -507,17 +508,29 @@ var YoutubeGroup = function YoutubeGroup(props) {
     var slide = e.target.parentElement;
     var scrollOffset = slide.scrollLeft;
     var viewableWidth = slide.clientWidth;
+
+    //calculate viewable size / slide
+    var numberOfSlidesToScroll = Math.floor(viewableWidth / (tile.current.offsetWidth + 20)); //width of the tile plus margin
+    var sliderMargin = numberOfSlidesToScroll * 10;
+    numberOfSlidesToScroll = numberOfSlidesToScroll * tile.current.offsetWidth + sliderMargin;
+
+    // console.log('numberOfSlidestoScrol: ',numberOfSlidesToScroll )
+    // console.log('tile.current.offsetWidth: ',tile.current.offsetWidth )
+    // console.log('viewableWidth: ',viewableWidth )
+
     var scrollDirection = void 0;
 
     if (direction === 'next') {
-      scrollDirection = scrollOffset + viewableWidth;
-
-      if (scrollDirection > innerSlider.current.offsetWidth) {
+      scrollDirection = scrollOffset + numberOfSlidesToScroll;
+      // console.log('(scrollOffset + viewableWidth + 10): ',(scrollOffset + viewableWidth + 10) )
+      //    console.log('innerSlider.current.offsetWidth ',innerSlider.current.offsetWidth )
+      //the +10 is for the margin on the last time
+      if (scrollOffset + viewableWidth + 10 >= innerSlider.current.offsetWidth) {
         scrollDirection = 0;
       }
     }
     if (direction === 'prev') {
-      scrollDirection = scrollOffset - viewableWidth;
+      scrollDirection = scrollOffset - numberOfSlidesToScroll;
 
       if (scrollOffset === 0) {
         scrollDirection = innerSlider.current.offsetWidth;
@@ -568,7 +581,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
 
             return React__default.createElement(
               'div',
-              { key: index, className: 'tile' },
+              { ref: tile, key: index, className: 'tile' },
               current && current === url ? React__default.createElement(
                 'div',
                 { className: 'now-playing' },
@@ -603,7 +616,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
                 ),
                 React__default.createElement(
                   'div',
-                  { style: { color: variant }, className: 'tile__info' },
+                  { style: { color: '#fff' }, className: 'tile__info' },
                   video.title
                 )
               )
@@ -614,7 +627,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
             var _thumbnail = 'https://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
             return React__default.createElement(
               'div',
-              { key: index, className: 'tile' },
+              { ref: tile, key: index, className: 'tile' },
               React__default.createElement(
                 'a',
                 { href: _url },
@@ -635,7 +648,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
                     { className: 'tile__title' },
                     React__default.createElement(
                       'div',
-                      { style: { color: variant }, className: 'tile__title_text' },
+                      { style: { color: '#fff' }, className: 'tile__title_text' },
                       video.title
                     )
                   )
@@ -666,7 +679,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        #vid-slider * {\n          box-sizing: border-box;\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        }\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 a:hover {\n          color: #7f8c8d;\n          text-decoration: underline;\n        }\n        #vid-slider .contain {\n          width: 100%;\n        }\n        #vid-slider .row {\n          overflow: scroll;\n          width: 100%;\n          -ms-overflow-style: none;\n        }\n        #vid-slider .tile__info {\n          white-space: normal !important;\n          position: absolute;\n          text-align: center;\n          color: ' + (props.dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: 1rem;\n          transition: opacity 0.25s;\n        }\n        #vid-slider .row__inner {\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: 55px 0;\n          padding-bottom: 10px;\n          padding-left: 0;\n        }\n        #vid-slider .tile {\n          position: relative;\n          display: inline-block;\n          width: 250px;\n          height: 140.625px;\n          margin-right: 10px;\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__img {\n          width: 250px;\n          height: 140.625px;\n          -o-object-fit: cover;\n          object-fit: cover;\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: -23px;\n          text-align: center;\n          z-index: 2;\n          color: white;\n        }\n        #vid-slider .tile:hover .tile__details {\n          opacity: 1;\n        }\n        #vid-slider .tile__title {\n          position: absolute;\n          bottom: 0;\n          padding: 10px;\n          max-width: 250px;\n        }\n        #vid-slider .tile__title_text {\n          position: relative;\n          left: 0;\n          white-space: normal;\n        }\n        #vid-slider .row__inner:hover {\n          -webkit-transform: translate3d(-62.5px, 0, 0);\n          transform: translate3d(-62.5px, 0, 0);\n        }\n        #vid-slider .row__inner:hover .tile {\n          opacity: 0.3;\n        }\n        #vid-slider .row__inner:hover .tile:hover {\n          -webkit-transform: scale(1.25);\n          transform: scale(1.25);\n          opacity: 1;\n        }\n        #vid-slider .tile:hover ~ .tile {\n          -webkit-transform: translate3d(62px, 0, 0);\n          transform: translate3d(62px, 0, 0);\n        }\n        #vid-slider .tile:hover .tile__info {\n          opacity: 0;\n        }\n        #vid-slider .tile__slider-prev,\n        #vid-slider .tile__slider-next {\n          width: 30px;\n          background: transparent;\n          border: none;\n          position: absolute;\n          top: 50%;\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: -3px;\n        }\n        #vid-slider .tile__slider-next {\n          right: 0;\n        }\n        #vid-slider,\n        #vid-slider .row {\n          margin: 0;\n          padding: 0 1.2rem;\n        }\n        #vid-slider .tile:last-child {\n          margin-right: 2rem;\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      '
+      '\n        #vid-slider * {\n          box-sizing: border-box;\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 1.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 a:hover {\n          color: #7f8c8d;\n          text-decoration: underline;\n        }\n        #vid-slider .contain {\n          width: 100%;\n        }\n        #vid-slider .row {\n          overflow: scroll;\n          width: 100%;\n          -ms-overflow-style: none;\n        }\n        #vid-slider .tile__info {\n          white-space: normal !important;\n          position: absolute;\n          text-align: center;\n          color: ' + (props.dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: 1rem;\n          transition: opacity 0.25s;\n        }\n        #vid-slider .row__inner {\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: 55px 0;\n          padding-bottom: 10px;\n          padding-left: 0;\n        }\n        #vid-slider .tile {\n          position: relative;\n          display: inline-block;\n          width: 250px;\n          height: 140.625px;\n          margin-right: 10px;\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__img {\n          width: 250px;\n          height: 140.625px;\n          -o-object-fit: cover;\n          object-fit: cover;\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        #vid-slider .tile:hover .tile__details {\n          opacity: 1;\n        }\n        #vid-slider .tile__title {\n          position: absolute;\n          bottom: 0;\n          padding: 10px;\n          max-width: 250px;\n        }\n        #vid-slider .tile__title_text {\n          position: relative;\n          left: 0;\n          white-space: normal;\n        }\n        #vid-slider .row__inner:hover {\n          -webkit-transform: translate3d(-62.5px, 0, 0);\n          transform: translate3d(-62.5px, 0, 0);\n        }\n        #vid-slider .row__inner:hover .tile {\n          opacity: 0.3;\n        }\n        #vid-slider .row__inner:hover .tile:hover {\n          -webkit-transform: scale(1.15);\n          transform: scale(1.15);\n          opacity: 1;\n        }\n        #vid-slider .tile:hover ~ .tile {\n          -webkit-transform: translate3d(62px, 0, 0);\n          transform: translate3d(62px, 0, 0);\n        }\n        #vid-slider .tile:hover .tile__info {\n          opacity: 0;\n        }\n        #vid-slider .tile__slider-prev,\n        #vid-slider .tile__slider-next {\n          width: 30px;\n          background: transparent;\n          border: none;\n          position: absolute;\n          top: 50%;\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: -.5rem;\n          padding: 1rem;\n        }\n        #vid-slider .tile__slider-next {\n          right: -.5rem;\n          padding: 1rem;\n        }\n        #vid-slider,\n        #vid-slider .row {\n          margin: 0;\n          padding-right: 0 1.2rem;\n        }\n        #vid-slider .tile:last-child {\n          margin-right: 2rem;\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      '
     )
   );
 };

package/dist/esm/YoutubeGroup.js

@@ -4,4 +4,4 @@ import 'prop-types';
 import 'next/link';
 import 'react-dom';
 import './index-5f9f807a.js';
-export { Y as default } from './YoutubeGroup-e7e16d0e.js';
+export { Y as default } from './YoutubeGroup-13d88f43.js';

package/dist/esm/{debounce-93ab8f80.js → debounce-702eb224.js}

@@ -823,15 +823,13 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
       });
 
       if (_this5.lazyLoadIsEnabled()) {
-        var args = [];
-
         var config = _this5.getLazyLoadConfig();
 
-        if (config !== null) {
-          args.push(config);
+        if (config) {
+          pubadsService.enableLazyLoad(config);
+        } else {
+          pubadsService.enableLazyLoad();
         }
-
-        pubadsService.enableLazyLoad.call(args);
       }
 
       if (_this5.singleRequestIsEnabled()) {

package/dist/esm/{get-9c285a85.js → get-36d03764.js}

@@ -1,4 +1,4 @@
-import { g as isSymbol_1, h as isObject_1, _ as _baseGetTag, b as _root, j as _Symbol } from './debounce-93ab8f80.js';
+import { g as isSymbol_1, h as isObject_1, _ as _baseGetTag, b as _root, j as _Symbol } from './debounce-702eb224.js';
 
 /**
  * Checks if `value` is classified as an `Array` object.

package/dist/esm/{index-3849e3fe.js → index-51a80699.js}

@@ -58,35 +58,35 @@ function parseSource(source) {
     if (typeof source === 'string' && isUrl(source)) {
         // Someone passed an existing image url?
         image = {
-            asset: { _ref: urlToId(source) }
+            asset: { _ref: urlToId(source) },
         };
     }
     else if (typeof source === 'string') {
         // Just an asset id
         image = {
-            asset: { _ref: source }
+            asset: { _ref: source },
         };
     }
     else if (isRef(source)) {
         // We just got passed an asset directly
         image = {
-            asset: source
+            asset: source,
         };
     }
     else if (isAsset(source)) {
         // If we were passed an image asset document
         image = {
             asset: {
-                _ref: source._id || ''
-            }
+                _ref: source._id || '',
+            },
         };
     }
     else if (isAssetStub(source)) {
         // If we were passed a partial asset (`url`, but no `_id`)
         image = {
             asset: {
-                _ref: urlToId(source.asset.url)
-            }
+                _ref: urlToId(source.asset.url),
+            },
         };
     }
     else if (typeof source.asset === 'object') {
@@ -127,7 +127,7 @@ function applyDefaults(image) {
             left: 0,
             top: 0,
             bottom: 0,
-            right: 0
+            right: 0,
         };
     }
     if (!result.hotspot) {
@@ -135,7 +135,7 @@ function applyDefaults(image) {
             x: 0.5,
             y: 0.5,
             height: 1.0,
-            width: 1.0
+            width: 1.0,
         };
     }
     return result;
@@ -182,7 +182,7 @@ exports.SPEC_NAME_TO_URL_NAME_MAPPINGS = [
     ['crop', 'crop'],
     ['saturation', 'sat'],
     ['auto', 'auto'],
-    ['dpr', 'dpr']
+    ['dpr', 'dpr'],
 ];
 function urlForImage(options) {
     var spec = __assign({}, (options || {}));
@@ -201,7 +201,7 @@ function urlForImage(options) {
         left: cropLeft,
         top: cropTop,
         width: Math.round(asset.width - image.crop.right * asset.width - cropLeft),
-        height: Math.round(asset.height - image.crop.bottom * asset.height - cropTop)
+        height: Math.round(asset.height - image.crop.bottom * asset.height - cropTop),
     };
     // Compute hot spot rect in terms of pixel coordinates
     var hotSpotVerticalRadius = (image.hotspot.height * asset.height) / 2;
@@ -212,7 +212,7 @@ function urlForImage(options) {
         left: hotSpotCenterX - hotSpotHorizontalRadius,
         top: hotSpotCenterY - hotSpotVerticalRadius,
         right: hotSpotCenterX + hotSpotHorizontalRadius,
-        bottom: hotSpotCenterY + hotSpotVerticalRadius
+        bottom: hotSpotCenterY + hotSpotVerticalRadius,
     };
     // If irrelevant, or if we are requested to: don't perform crop/fit based on
     // the crop/hotspot.
@@ -294,7 +294,7 @@ function fit(source, spec) {
             left: Math.round(left),
             top: Math.round(top_2),
             width: Math.round(width),
-            height: Math.round(height)
+            height: Math.round(height),
         };
     }
     else {
@@ -316,13 +316,13 @@ function fit(source, spec) {
             left: Math.max(0, Math.floor(left)),
             top: Math.max(0, Math.floor(top_3)),
             width: Math.round(width),
-            height: Math.round(height)
+            height: Math.round(height),
         };
     }
     return {
         width: imgWidth,
         height: imgHeight,
-        rect: cropRect
+        rect: cropRect,
     };
 }
 
@@ -380,7 +380,7 @@ function urlBuilder(options) {
         return new ImageUrlBuilder(null, {
             baseUrl: apiHost.replace(/^https:\/\/api\./, 'https://cdn.'),
             projectId: projectId,
-            dataset: dataset
+            dataset: dataset,
         });
     }
     // Or just accept the options as given
@@ -393,7 +393,7 @@ var ImageUrlBuilder = /** @class */ (function () {
             ? __assign(__assign({}, (parent.options || {})), (options || {})) : __assign({}, (options || {})); // Copy options
     }
     ImageUrlBuilder.prototype.withOptions = function (options) {
-        var baseUrl = options.baseUrl || '';
+        var baseUrl = options.baseUrl || this.options.baseUrl;
         var newOptions = { baseUrl: baseUrl };
         for (var key in options) {
             if (options.hasOwnProperty(key)) {
@@ -521,7 +521,7 @@ var ImageUrlBuilder = /** @class */ (function () {
     ImageUrlBuilder.prototype.url = function () {
         return urlForImage_1$1.default(this.options);
     };
-    // Synonym for url()
+    // Alias for url()
     ImageUrlBuilder.prototype.toString = function () {
         return this.url();
     };

package/dist/esm/index.js

@@ -1,43 +1,43 @@
 import { c as createCommonjsModule, a as commonjsGlobal, g as getCjsExportFromNamespace, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
 import { _ as _objectKeys, a as _toObject, b as _core } from './_to-object-b9b796ec.js';
 import './web.dom.iterable-3be50d6c.js';
-import { d as debounce_1, l as lib_3, a as lib_1, i as isObjectLike_1, _ as _baseGetTag, t as toNumber_1, b as _root, c as _freeGlobal } from './debounce-93ab8f80.js';
-import { m as main_36, a as main_16, b as main_35 } from './main-155ec04f.js';
-import { _ as _toConsumableArray, a as _Array$from } from './toConsumableArray-eb308ede.js';
+import { d as debounce_1, l as lib_3, a as lib_1, i as isObjectLike_1, _ as _baseGetTag, t as toNumber_1, b as _root, c as _freeGlobal } from './debounce-702eb224.js';
+import { m as main_39, a as main_16, b as main_38 } from './main-d550db5e.js';
+import { _ as _toConsumableArray, a as _Array$from } from './toConsumableArray-a096ca06.js';
 import './core.get-iterator-method-31c1fb1a.js';
 import { _ as _extends$2 } from './extends-dbbe308d.js';
-import { _ as _objectSap, a as _inherits$1, b as _classCallCheck$1, c as _possibleConstructorReturn$1, d as _Object$getPrototypeOf, e as _createClass$1 } from './inherits-2a854891.js';
+import { _ as _objectSap, a as _inherits$1, b as _classCallCheck$1, c as _possibleConstructorReturn$1, d as _Object$getPrototypeOf, e as _createClass$1 } from './inherits-9d26445c.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
-import { m as moment, I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-336093e1.js';
+import { m as moment, I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-3cea5efb.js';
 import Link from 'next/link';
 import Router, { useRouter } from 'next/router';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
 import './index-5f9f807a.js';
 import { h as html_decode_1, c as clean_html_1 } from './entities-7cc3bf45.js';
 import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-d1db3163.js';
-import { _ as _JSON$stringify, a as _asyncToGenerator, r as regenerator, D as DFPAdSlot, B as Beam } from './AdSlot-b6af1ab4.js';
-export { D as AdSlot, B as Beam } from './AdSlot-b6af1ab4.js';
-import './promise-e3480f1c.js';
-import './ADInfeed-7bff8973.js';
+import { _ as _JSON$stringify, a as _asyncToGenerator, r as regenerator, D as DFPAdSlot, B as Beam } from './AdSlot-028b040f.js';
+export { D as AdSlot, B as Beam } from './AdSlot-028b040f.js';
+import './promise-8fc46e97.js';
+import './ADInfeed-2aaf8622.js';
 export { default as DeckContent } from './DeckContent.js';
-import { i as isFunction_1, a as isArray_1, _ as _arrayMap } from './get-9c285a85.js';
-export { A as AD, G as GridContent } from './GridContent-6f84ae5e.js';
+import { i as isFunction_1, a as isArray_1, _ as _arrayMap } from './get-36d03764.js';
+export { A as AD, G as GridContent } from './GridContent-dd8fe8d1.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
 export { default as ThumbnailCard } from './ThumbnailCard.js';
-import { B as BlockContent } from './TaxonomyCard-ea494c28.js';
-export { T as TaxonomyCard } from './TaxonomyCard-ea494c28.js';
+import { B as BlockContent } from './TaxonomyCard-7e9aae2d.js';
+export { T as TaxonomyCard } from './TaxonomyCard-7e9aae2d.js';
 import './react-social-icons-a7d5c5c7.js';
 import GroupDeck from './GroupDeck.js';
 export { default as GroupDeck } from './GroupDeck.js';
-import { g as getYoutubeId } from './YoutubeGroup-e7e16d0e.js';
-export { Y as YoutubeGroup } from './YoutubeGroup-e7e16d0e.js';
+import { g as getYoutubeId } from './YoutubeGroup-13d88f43.js';
+export { Y as YoutubeGroup } from './YoutubeGroup-13d88f43.js';
 import { Spinner as Spinner$1, Container as Container$1, Row as Row$1, Col as Col$1, Carousel, Table, Figure as Figure$1, Button as Button$1, ProgressBar, Card, Form } from 'react-bootstrap';
 export { default as QueueDeckExpanded } from './QueueDeckExpanded.js';
 import { I as IoMdArrowDropdown } from './index.esm-536609db.js';
@@ -49,8 +49,8 @@ export { default as IssueDeck } from './IssueDeck.js';
 import 'react-bootstrap/Badge';
 export { default as IssueContentDeck } from './IssueContentDeck.js';
 import Spinner from 'react-bootstrap/Spinner';
-import { M as MdPictureAsPdf } from './Normal-19f6db83.js';
-export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-19f6db83.js';
+import { M as MdPictureAsPdf } from './Normal-ed829d1e.js';
+export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-ed829d1e.js';
 import 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
@@ -70,7 +70,6 @@ import Dropdown from 'react-bootstrap/Dropdown';
 import { F as FaLongArrowAltRight } from './Ustream-c153a835.js';
 export { U as Ustream } from './Ustream-c153a835.js';
 import useSWR from 'swr';
-import Iron from '@hapi/iron';
 import Local from 'passport-local';
 import mysql from 'mysql';
 
@@ -2107,7 +2106,7 @@ var EventsDeck = function EventsDeck(_ref) {
               )
             )
           ),
-          main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+          main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
             'div',
             { style: { margin: '0 auto' } },
             renderMobileAd(index, numberOfItemsBeforeAd)
@@ -2498,7 +2497,7 @@ var CMEDeck = function CMEDeck(_ref) {
               )
             )
           ),
-          main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+          main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
             'div',
             { style: { margin: '0 auto' } },
             renderMobileAd(index, numberOfItemsBeforeAd)
@@ -2787,7 +2786,7 @@ var AD300x250 = function AD300x250(_ref) {
       pos = _ref$pos === undefined ? 'rec1' : _ref$pos;
 
   var mobileView = false;
-  if (main_36) {
+  if (main_39) {
     pos = 'rect1-mobile';
     mobileView = true;
   }
@@ -2817,7 +2816,7 @@ var AD300x250x600 = function AD300x250x600(_ref) {
       pos = _ref$pos === undefined ? 'rec2' : _ref$pos;
 
   var mobileView = false;
-  if (main_36) {
+  if (main_39) {
     pos = 'rect2-mobile';
     mobileView = true;
   }
@@ -13318,7 +13317,7 @@ var Poll = function Poll(_ref) {
   );
 };
 
-var numberOfPaginations = main_35 ? 4 : 10;
+var numberOfPaginations = main_38 ? 4 : 10;
 
 var Quiz = function Quiz(_ref) {
   var quizzes = _ref.quizzes,
@@ -13408,7 +13407,7 @@ var Quiz = function Quiz(_ref) {
   var renderPagination = function renderPagination() {
     return React__default.createElement(
       Pagination,
-      { className: 'p-0 m-0', size: main_35 && 'sm' },
+      { className: 'p-0 m-0', size: main_38 && 'sm' },
       React__default.createElement(Pagination.First, { onClick: function onClick() {
           return changePage('first');
         }, disabled: currentPage === 1 }),
@@ -13572,7 +13571,7 @@ var NativeAd = function NativeAd(props) {
 };
 
 var Figure = dynamic(function () {
-  return import('./Figure-d0f95cc0.js');
+  return import('./Figure-af6a1f2d.js');
 }, { ssr: false });
 
 var checkUrlIsExternal = function checkUrlIsExternal(url) {
@@ -13794,7 +13793,7 @@ var Feature = function Feature(props) {
   };
   //image width
   var imageWidth = 900;
-  if (main_36) {
+  if (main_39) {
     imageWidth = 450;
   }
 
@@ -16376,8 +16375,8 @@ var Article = function Article(props) {
         renderIsiContent(props.article)
       )
     ),
-    main_36 && React__default.createElement('hr', { className: 'add-seperater' }),
-    main_36 && props.article.Ads.map(function (ad, index) {
+    main_39 && React__default.createElement('hr', { className: 'add-seperater' }),
+    main_39 && props.article.Ads.map(function (ad, index) {
       return React__default.createElement(
         'div',
         { key: index, id: 'addid-' + index, style: { display: 'flex', flex: '1 0 auto' } },
@@ -16556,7 +16555,7 @@ var ArticleQueue = function ArticleQueue(props) {
         isLiveSite: isLiveSite
       };
       setPageConfig(_config);
-      if (!main_36) {
+      if (!main_39) {
         lib_3.getGoogletag().then(function (googletag) {
           if (window.googletag && googletag.pubadsReady) {
             var slots = googletag.pubads().getSlots();
@@ -18144,23 +18143,34 @@ var authCookies = /*#__PURE__*/Object.freeze({
 	getTokenCookie: getTokenCookie
 });
 
-var TOKEN_SECRET = ',Qjn4rG\'Is=&wx,EXd<AYW|<{THTrspDkKJV5J{@@=?zDh,OX6Ky=0&T"L419;)';
-
 function encryptSession(session) {
-  return Iron.seal(session, TOKEN_SECRET, Iron.defaults);
+  var buffer = new Buffer(_JSON$stringify(session));
+  return buffer.toString('base64');
+  //return jwt.sign(session, TOKEN_SECRET)
+  //return Iron.seal(session, TOKEN_SECRET, Iron.defaults)
 }
 
 var getSession = function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(req) {
-    var token;
+    var token, buff;
     return regenerator.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
             token = getTokenCookie(req);
-            return _context.abrupt('return', token ? Iron.unseal(token, TOKEN_SECRET, Iron.defaults) : null);
 
-          case 2:
+            if (!token) {
+              _context.next = 4;
+              break;
+            }
+
+            buff = new Buffer(token, 'base64');
+            return _context.abrupt('return', JSON.parse(buff.toString('utf8')));
+
+          case 4:
+            return _context.abrupt('return', null);
+
+          case 5:
           case 'end':
             return _context.stop();
         }