@mjhls/mjh-framework 1.0.691 → 1.0.692

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.690
+# mjh-framework v. 1.0.692
 
 > Foundation Framework 
 

package/dist/cjs/AccordionPanel.js

@@ -11,7 +11,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./iconBase-68959171.js');
-var index_esm = require('./index.esm-876ca9ff.js');
+var index_esm = require('./index.esm-90433435.js');
 var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
 var AccordionToggle = require('react-bootstrap/AccordionToggle');
 

package/dist/cjs/ArticleSeriesListing.js

@@ -20,7 +20,7 @@ var React__default = _interopDefault(React);
 var index = require('./index-2d0a4911.js');
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
-require('./moment-66a6a284.js');
+var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 require('./isSymbol-04666465.js');
@@ -34,7 +34,7 @@ require('./slicedToArray-8f385299.js');
 require('./smoothscroll-95231a70.js');
 var YoutubeGroup = require('./YoutubeGroup.js');
 require('./iconBase-68959171.js');
-var index_esm = require('./index.esm-876ca9ff.js');
+var index_esm = require('./index.esm-90433435.js');
 
 var ArticleSeriesListing = function (_React$Component) {
   inherits._inherits(ArticleSeriesListing, _React$Component);
@@ -50,8 +50,29 @@ var ArticleSeriesListing = function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = inherits._possibleConstructorReturn(this, (_ref = ArticleSeriesListing.__proto__ || inherits._Object$getPrototypeOf(ArticleSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.autoScroll = _this.props.autoScroll ? _this.props.autoScroll : false, _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
-      data: _this.dataArr,
+    return _ret = (_temp = (_this = inherits._possibleConstructorReturn(this, (_ref = ArticleSeriesListing.__proto__ || inherits._Object$getPrototypeOf(ArticleSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.autoScroll = _this.props.autoScroll ? _this.props.autoScroll : false, _this.today = moment.moment().utc().format(), _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
+      data: _this.dataArr.map(function (item) {
+        var tempObj = item;
+        if (tempObj.body) {
+          var filteredBody = tempObj.body.map(function (item) {
+            if (item._type === 'articleSeries') {
+              var innerObj = item;
+              var filteredArticles = innerObj.articles.filter(function (article) {
+                if ((article.is_visible === true || !article.hasOwnProperty('is_visible')) && _this.today >= article.published) {
+                  return article;
+                }
+              });
+              innerObj.body = filteredArticles;
+              return innerObj;
+            } else {
+              return item;
+            }
+          });
+
+          tempObj.body = filteredBody;
+        }
+        return tempObj;
+      }),
       per: _this.params ? _this.params.to : 2,
       page: _this.props.currentPage || 1,
       from: _this.params ? _this.params.from : 0,

package/dist/cjs/ExternalResources.js

@@ -44,9 +44,11 @@ var BlockContent = require('./BlockContent-88f69acd.js');
 require('./smoothscroll-95231a70.js');
 require('./GroupDeck.js');
 require('react-bootstrap');
+require('./iconBase-68959171.js');
+require('./index.esm-90433435.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 var index$3 = require('./index-5be2866f.js');
-var getSerializers = require('./index-44c25825.js');
+var getSerializers = require('./index-59436c13.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/HamMagazine.js

@@ -22,7 +22,7 @@ require('./_set-species-f92c67c5.js');
 var Segment = require('./Segment.js');
 require('./react-social-icons-f7f48f71.js');
 require('./iconBase-68959171.js');
-var index_esm = require('./index.esm-876ca9ff.js');
+var index_esm = require('./index.esm-90433435.js');
 require('react-bootstrap/Button');
 require('react-bootstrap/Form');
 var Nav = _interopDefault(require('react-bootstrap/Nav'));

package/dist/cjs/NavMagazine.js

@@ -22,7 +22,7 @@ require('./_set-species-f92c67c5.js');
 var Segment = require('./Segment.js');
 require('./react-social-icons-f7f48f71.js');
 require('./iconBase-68959171.js');
-var index_esm = require('./index.esm-876ca9ff.js');
+var index_esm = require('./index.esm-90433435.js');
 require('react-bootstrap/Button');
 require('react-bootstrap/Form');
 var Nav = _interopDefault(require('react-bootstrap/Nav'));

package/dist/cjs/PartnerDetailListing.js

@@ -54,8 +54,10 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 require('./timeDifferenceCalc.js');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
+require('./iconBase-68959171.js');
+require('./index.esm-90433435.js');
 require('react-bootstrap/Button');
-var getSerializers = require('./index-44c25825.js');
+var getSerializers = require('./index-59436c13.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/TemplateNormal.js

@@ -33,7 +33,7 @@ require('./get-68c52cb1.js');
 require('./react-social-icons-f7f48f71.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');
-require('./index.esm-876ca9ff.js');
+require('./index.esm-90433435.js');
 require('react-bootstrap/Button');
 require('./defineProperty-55548b25.js');
 require('react-bootstrap/Form');

package/dist/cjs/Ustream.js

@@ -12,7 +12,7 @@ var React__default = _interopDefault(React);
 var main = require('./main-b6c96c8d.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./iconBase-68959171.js');
-var index_esm = require('./index.esm-876ca9ff.js');
+var index_esm = require('./index.esm-90433435.js');
 var index_esm$3 = require('./index.esm-ff47db6f.js');
 
 var Ustream = function Ustream(_ref) {

package/dist/cjs/VideoSeriesListing.js

@@ -20,6 +20,7 @@ var React__default = _interopDefault(React);
 var index = require('./index-2d0a4911.js');
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
+var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 require('./isSymbol-04666465.js');
@@ -33,7 +34,7 @@ require('./slicedToArray-8f385299.js');
 require('./smoothscroll-95231a70.js');
 var YoutubeGroup = require('./YoutubeGroup.js');
 require('./iconBase-68959171.js');
-var index_esm = require('./index.esm-876ca9ff.js');
+var index_esm = require('./index.esm-90433435.js');
 
 var VideoSeriesListing = function (_React$Component) {
   inherits._inherits(VideoSeriesListing, _React$Component);
@@ -49,8 +50,29 @@ var VideoSeriesListing = function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = inherits._possibleConstructorReturn(this, (_ref = VideoSeriesListing.__proto__ || inherits._Object$getPrototypeOf(VideoSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
-      data: _this.dataArr,
+    return _ret = (_temp = (_this = inherits._possibleConstructorReturn(this, (_ref = VideoSeriesListing.__proto__ || inherits._Object$getPrototypeOf(VideoSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.today = moment.moment().utc().format(), _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
+      data: _this.dataArr.map(function (item) {
+        var tempObj = item;
+        if (tempObj.body) {
+          var filteredBody = tempObj.body.map(function (item) {
+            if (item._type === 'articleSeries') {
+              var innerObj = item;
+              var filteredArticles = innerObj.articles.filter(function (article) {
+                if ((article.is_visible === true || !article.hasOwnProperty('is_visible')) && (_this.today >= article.published || !article.hasOwnProperty('published'))) {
+                  return article;
+                }
+              });
+              innerObj.body = filteredArticles;
+              return innerObj;
+            } else {
+              return item;
+            }
+          });
+
+          tempObj.body = filteredBody;
+        }
+        return tempObj;
+      }),
       per: _this.params ? _this.params.to : 2,
       page: _this.props.currentPage || 1,
       from: _this.params ? _this.params.from : 0,
@@ -323,7 +345,16 @@ var VideoSeriesListing = function (_React$Component) {
                   'button',
                   {
                     className: 'btn',
-                    style: { margin: '0 auto 2rem', display: 'block', fontSize: '18px', padding: '.5rem 1.5rem', boxShadow: '1px 2px 4px 4px rgba(0,0,0,.15)', background: 'var(--primary)', color: '#fff', borderRadius: '5px' },
+                    style: {
+                      margin: '0 auto 2rem',
+                      display: 'block',
+                      fontSize: '18px',
+                      padding: '.5rem 1.5rem',
+                      boxShadow: '1px 2px 4px 4px rgba(0,0,0,.15)',
+                      background: 'var(--primary)',
+                      color: '#fff',
+                      borderRadius: '5px'
+                    },
                     onClick: function onClick(e) {
                       e.target.style.display = 'none';
                       _this2.loadMore();

package/dist/cjs/View.js

@@ -46,10 +46,11 @@ require('./smoothscroll-95231a70.js');
 require('./GroupDeck.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');
+require('./index.esm-90433435.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 var defineProperty$1 = require('./defineProperty-55548b25.js');
 var Form = _interopDefault(require('react-bootstrap/Form'));
-var getSerializers = require('./index-44c25825.js');
+var getSerializers = require('./index-59436c13.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/getSerializers.js

@@ -40,8 +40,10 @@ require('./BlockContent-88f69acd.js');
 require('./smoothscroll-95231a70.js');
 require('./GroupDeck.js');
 require('react-bootstrap');
+require('./iconBase-68959171.js');
+require('./index.esm-90433435.js');
 require('react-bootstrap/Button');
-var getSerializers = require('./index-44c25825.js');
+var getSerializers = require('./index-59436c13.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/{index-44c25825.js → index-59436c13.js}

@@ -29,6 +29,7 @@ var BlockContent = require('./BlockContent-88f69acd.js');
 var smoothscroll = require('./smoothscroll-95231a70.js');
 var GroupDeck = require('./GroupDeck.js');
 var reactBootstrap = require('react-bootstrap');
+var index_esm = require('./index.esm-90433435.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 var util = require('./util-f2c1b65b.js');
 var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-156bd4d6.js');
@@ -8026,6 +8027,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     return null;
   }
   nodes.seriesTitle = !nodes.seriesTitle ? 'Learning Objectives' : nodes.seriesTitle;
+  var today = moment.moment().utc().format();
 
   var authorPrefix = 'authors';
   var builder = index$1.imageUrlBuilder(client);
@@ -8036,28 +8038,38 @@ var ArticleSeries = function ArticleSeries(_ref) {
 
   var refArray = React.useRef([]);
   var adRefArray = React.useRef([]);
+  var articleContainerRef = React.useRef(null);
+  var arrowRef = React.useRef(null);
 
-  var _ref2 = main.main_39 ? React.useState(100) : React.useState(-25),
-      _ref3 = slicedToArray._slicedToArray(_ref2, 2),
-      NavoffsetTop = _ref3[0],
-      setNavoffsetTop = _ref3[1];
+  var _useState = React.useState(0),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      contentWidth = _useState2[0],
+      setContentWidth = _useState2[1];
+
+  var upArrowClicked = false;
+
+  var Articles = nodes.articles.filter(function (article) {
+    if ((article.is_visible === true || !article.hasOwnProperty('is_visible')) && today >= article.published) {
+      return article;
+    }
+  });
 
   var PrevNextCards = function PrevNextCards(show, articleNum) {
     var articles = [];
     if (articleNum >= 0) {
       if (articleNum == 0) {
-        articles.push(nodes.articles[1]);
-      } else if (articleNum == nodes.articles.length - 1) {
-        articles.push(nodes.articles[articleNum - 1]);
+        articles.push(Articles[1]);
+      } else if (articleNum == Articles.length - 1) {
+        articles.push(Articles[articleNum - 1]);
       } else {
-        articles.push(nodes.articles[articleNum - 1]);
-        articles.push(nodes.articles[articleNum + 1]);
+        articles.push(Articles[articleNum - 1]);
+        articles.push(Articles[articleNum + 1]);
       }
     } else {
-      articles = [].concat(toConsumableArray._toConsumableArray(nodes.articles));
+      articles = [].concat(toConsumableArray._toConsumableArray(Articles));
     }
     return articles.map(function (article, index) {
-      if (!article) return null;
+      if (!article || !article.is_visible && article.hasOwnProperty('is_visible') || today < article.published) return null;
       var showReading = show ? 'showReading' : '';
       var articleLabel = articles.length == 1 && articleNum != 0 || articles.length > 1 && index == 0 ? 'Previous' : 'Next';
       return React__default.createElement(
@@ -8097,35 +8109,35 @@ var ArticleSeries = function ArticleSeries(_ref) {
     });
   };
 
-  var _ref4 = router && router.asPath && router.asPath.split('?')[1] ? React.useState(router.asPath.split('=')[1]) : React.useState(null),
-      _ref5 = slicedToArray._slicedToArray(_ref4, 2),
-      selectedArticle = _ref5[0],
-      setSelectedArticle = _ref5[1];
-
-  var _useState = React.useState(false),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      firstLoad = _useState2[0],
-      setFirstLoad = _useState2[1];
+  var _ref2 = router && router.asPath && router.asPath.split('?')[1] ? React.useState(router.asPath.split('=')[1]) : React.useState(null),
+      _ref3 = slicedToArray._slicedToArray(_ref2, 2),
+      selectedArticle = _ref3[0],
+      setSelectedArticle = _ref3[1];
 
-  var _useState3 = React.useState(null),
+  var _useState3 = React.useState(false),
       _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      currentURL = _useState4[0],
-      setCurrentURL = _useState4[1];
+      firstLoad = _useState4[0],
+      setFirstLoad = _useState4[1];
 
   var _useState5 = React.useState(null),
       _useState6 = slicedToArray._slicedToArray(_useState5, 2),
-      currentTitle = _useState6[0],
-      setCurrentTitle = _useState6[1];
+      currentURL = _useState6[0],
+      setCurrentURL = _useState6[1];
 
   var _useState7 = React.useState(null),
       _useState8 = slicedToArray._slicedToArray(_useState7, 2),
-      currentSummary = _useState8[0],
-      setCurrentSummary = _useState8[1];
+      currentTitle = _useState8[0],
+      setCurrentTitle = _useState8[1];
 
   var _useState9 = React.useState(null),
       _useState10 = slicedToArray._slicedToArray(_useState9, 2),
-      currentThumbnail = _useState10[0],
-      setCurrentThumbnail = _useState10[1];
+      currentSummary = _useState10[0],
+      setCurrentSummary = _useState10[1];
+
+  var _useState11 = React.useState(null),
+      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
+      currentThumbnail = _useState12[0],
+      setCurrentThumbnail = _useState12[1];
 
   var articleCardClickHandler = function articleCardClickHandler(e) {
     e.preventDefault();
@@ -8133,15 +8145,6 @@ var ArticleSeries = function ArticleSeries(_ref) {
     setSelectedArticle(articleClicked);
     scrollToArticle(articleClicked);
   };
-
-  React.useEffect(function () {
-    try {
-      if (main.main_39) {
-        setNavoffsetTop(document.getElementById('navbar-ham').offsetHeight - 15);
-      }
-    } catch (e) {}
-  }, []);
-
   var scrollToArticle = function scrollToArticle(id) {
     var localArticleID = id ? id : selectedArticle;
     var findArticle = function findArticle(ref) {
@@ -8153,8 +8156,12 @@ var ArticleSeries = function ArticleSeries(_ref) {
     var indexOfRef = refArray.current.findIndex(findArticle);
 
     if (indexOfRef >= 0) {
-      //refArray.current[indexOfRef].wraperRef.current.scrollIntoView({ behavior: 'smooth' })
-      window.scrollTo({ top: refArray.current[indexOfRef].wraperRef.current.offsetTop - NavoffsetTop, behavior: 'smooth' });
+      var newOffsetTop = !firstLoad ? refArray.current[indexOfRef].wraperRef.current.offsetTop : refArray.current[indexOfRef].wraperRef.current.offsetTop + document.getElementsByTagName('header')[0].clientHeight;
+      console.dir(refArray.current[indexOfRef].wraperRef.current);
+      console.log(document.getElementsByTagName('header')[0].clientHeight);
+      console.log(refArray.current[indexOfRef].wraperRef.current.offsetTop);
+      window.scrollTo({ top: newOffsetTop, behavior: 'smooth' });
+      //refArray.current[indexOfRef].wraperRef.current.scrollIntoView({ behavior: 'smooth', block: 'start' })
     }
     setFirstLoad(true);
   };
@@ -8202,13 +8209,24 @@ var ArticleSeries = function ArticleSeries(_ref) {
 
   var scrollDirectionDetect = function scrollDirectionDetect(e) {
     var window = e.currentTarget;
-
     if (preVscroll > window.scrollY) {
       isScrollDown = false;
-    } else if (preVscroll < window.scrollY) {
+      if (window.scrollY > articleContainerRef.current.offsetTop) {
+        arrowRef.current.classList.add('showArrow');
+        arrowRef.current.classList.remove('hideArrow');
+      }
+    } else if (preVscroll > window.scrollY) {
       isScrollDown = true;
     }
     preVscroll = window.scrollY;
+    setContentWidth(articleContainerRef.current.offsetWidth);
+    if (preVscroll <= articleContainerRef.current.offsetTop) {
+      arrowRef.current.classList.remove('showArrow');
+      arrowRef.current.classList.add('hideArrow');
+    }
+    if (window.scrollY === 0 && upArrowClicked === true) {
+      upArrowClicked = false;
+    }
   };
 
   React.useEffect(function () {
@@ -8218,7 +8236,8 @@ var ArticleSeries = function ArticleSeries(_ref) {
     };
   });
 
-  React.useEffect(function () {
+  React.useLayoutEffect(function () {
+    console.log('useLayoutEffect');
     if (!firstLoad) {
       if (main.main_39) {
         grabLoadedAds();
@@ -8226,10 +8245,9 @@ var ArticleSeries = function ArticleSeries(_ref) {
         scrollToArticle();
       }
     }
-  }, []);
+  });
 
   var grabLoadedAds = function grabLoadedAds() {
-    console.dir(index.lib_3);
     index.lib_3.getGoogletag().then(function (googletag) {
       var checkIfReady = window.setInterval(function () {
         if (window.googletag && googletag.pubadsReady) {
@@ -8262,9 +8280,26 @@ var ArticleSeries = function ArticleSeries(_ref) {
     }
   };
 
+  var handleArrowClick = function handleArrowClick() {
+    isScrollDown = true;
+    upArrowClicked = true;
+    arrowRef.current.classList.add('hideArrow');
+    arrowRef.current.classList.remove('showArrow');
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+    window.history.pushState({}, '', router.asPath.split('?')[0]);
+    document.title = nodes.seriesTitle;
+  };
+
   return React__default.createElement(
     React__default.Fragment,
     null,
+    React__default.createElement(
+      'div',
+      { ref: arrowRef, className: 'scrollToTopArrow hideArrow', onClick: function onClick() {
+          return handleArrowClick();
+        } },
+      React__default.createElement(index_esm.IoIosArrowDropupCircle, null)
+    ),
     React__default.createElement('hr', { className: 'article-seperater my-4' }),
     React__default.createElement(
       'div',
@@ -8308,8 +8343,8 @@ var ArticleSeries = function ArticleSeries(_ref) {
     ),
     React__default.createElement(
       'div',
-      { className: 'article-container', style: { marginBottom: '2rem' } },
-      nodes.articles.map(function (article, index) {
+      { ref: articleContainerRef, className: 'article-container', style: { marginBottom: '2rem' } },
+      Articles.map(function (article, index) {
         return React__default.createElement(
           'div',
           { key: article.title },
@@ -8324,8 +8359,10 @@ var ArticleSeries = function ArticleSeries(_ref) {
                 return refArray.current[index] = ele;
               },
               onChange: function onChange(visible) {
-                if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
-                  onChangeArticle(article.param.current, visible, article.title, article.summary, urlFor(article.thumbnail.asset).url());
+                if (!upArrowClicked) {
+                  if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
+                    onChangeArticle(article.param.current, visible, article.title, article.summary, urlFor(article.thumbnail.asset).url());
+                  }
                 }
               } },
             React__default.createElement(
@@ -8380,26 +8417,30 @@ var ArticleSeries = function ArticleSeries(_ref) {
                 }, client.config())),
                 React__default.createElement('hr', { className: 'article-seperater my-4' })
               ),
-              React__default.createElement(
-                'div',
-                { className: 'objective-prevNext-Wrapper' },
-                React__default.createElement(
-                  'h5',
-                  { className: 'objective-title' },
-                  nodes.seriesTitle
-                ),
+              Articles.length > 1 && React__default.createElement(
+                React__default.Fragment,
+                null,
                 React__default.createElement(
                   'div',
-                  { className: 'prevNextWrapper' },
-                  PrevNextCards(true, index)
-                )
-              ),
-              React__default.createElement('hr', { className: 'article-seperater' })
+                  { className: 'objective-prevNext-Wrapper' },
+                  React__default.createElement(
+                    'h5',
+                    { className: 'objective-title' },
+                    nodes.seriesTitle
+                  ),
+                  React__default.createElement(
+                    'div',
+                    { className: 'prevNextWrapper' },
+                    PrevNextCards(true, index)
+                  )
+                ),
+                React__default.createElement('hr', { className: 'article-seperater' })
+              )
             ),
             React__default.createElement(
               'div',
               { className: 'ad-box', style: { textAlign: 'center' } },
-              main.main_39 && nodes.articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
+              main.main_39 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
                 if (innerIndex === 0) {
                   return React__default.createElement(
                     'div',
@@ -8427,7 +8468,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       React__default.createElement(
         'style',
         { jsx: 'true' },
-        '\n          .block-content > div p {\n            padding: 0;\n          }\n\n          h2.article-title {\n            padding: 0;\n            font-weight: 500;\n          }\n          h4.article-title {\n            padding: 0;\n            font-weight: 500;\n          }\n          h4.prevNext-title {\n            padding: 0;\n            font-size: 1rem;\n            font-weight: 500;\n          }\n          .article-wrapper {\n            border: 1px solid #252525;\n            border-radius: 5px;\n            padding: 1rem 1rem 0 1rem;\n            margin-bottom: 1rem;\n          }\n          .prevNext-reading {\n            margin-top: -10px;\n            width: 75%;\n            text-align: center;\n            background: white;\n            border: 1px solid #252525;\n            align-self: center;\n            display: none;\n          }\n          .showReading {\n            display: block;\n          }\n          .author-details-wrapper a {\n            color: #252525;\n          }\n          .objective-prevNext-Wrapper {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n          }\n          .objective-title {\n            padding: 0 !important;\n          }\n          .prevNext-thumbnail {\n            display: flex;\n            flex-direction: column;\n            min-width: 225px;\n            max-width: 225px;\n            overflow: hidden;\n            align-items: center;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-thumbnail img {\n            height: 125px;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-summary {\n            text-align: center;\n          }\n          .prevNext-publishDate {\n            font-size: 0.75rem;\n            margin-top: 0.5rem;\n          }\n          .prevNext-title {\n            padding: 0 !important;\n            line-height: 1 !important;\n            font-weight: 500;\n          }\n          .prevNextWrapper {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-evenly;\n            flex-wrap: wrap;\n          }\n          .prevNextWrapper a {\n            display: flex;\n            flex-direction: column;\n            color: #252525;\n            align-items: center;\n          }\n          .prevNextCards {\n            max-width: 250px;\n            margin-bottom: 1rem;\n          }\n          @media only screen and (max-width: 568px) {\n            .prevNextWrapper {\n              flex-direction: column;\n              align-items: center;\n            }\n            .prevNextCards {\n              margin-bottom: 2rem;\n            }\n          }\n          @media only screen and (max-width: 568px) {\n          }\n        '
+        '\n          .scrollToTopArrow {\n            position: fixed;\n            top: 150px;\n            display: flex;\n            justify-content: center;\n            width: ' + contentWidth + 'px;\n            opacity: 0;\n            z-index: 99999999999;\n            cursor: pointer;\n          }\n          .showArrow {\n            opacity: 1;\n          }\n          .hideArrow {\n            opacity: 0;\n          }\n          .scrollToTopArrow > svg {\n            min-height: 50px;\n            min-width: 50px;\n            max-height: 50px;\n            max-width: 50px;\n          }\n          .block-content > div p {\n            padding: 0;\n          }\n\n          h2.article-title {\n            padding: 0;\n            font-weight: 500;\n          }\n          h4.article-title {\n            padding: 0;\n            font-weight: 500;\n          }\n          h4.prevNext-title {\n            padding: 0;\n            font-size: 1rem;\n            font-weight: 500;\n          }\n          .article-wrapper {\n            border: 1px solid #252525;\n            border-radius: 5px;\n            padding: 1rem 1rem 0 1rem;\n            margin-bottom: 1rem;\n          }\n          .prevNext-reading {\n            margin-top: -10px;\n            width: 75%;\n            text-align: center;\n            background: white;\n            border: 1px solid #252525;\n            align-self: center;\n            display: none;\n          }\n          .showReading {\n            display: block;\n          }\n          .author-details-wrapper a {\n            color: #252525;\n          }\n          .objective-prevNext-Wrapper {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n          }\n          .objective-title {\n            padding: 0 !important;\n          }\n          .prevNext-thumbnail {\n            display: flex;\n            flex-direction: column;\n            min-width: 225px;\n            max-width: 225px;\n            overflow: hidden;\n            align-items: center;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-thumbnail img {\n            height: 125px;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-summary {\n            text-align: center;\n          }\n          .prevNext-publishDate {\n            font-size: 0.75rem;\n            margin-top: 0.5rem;\n          }\n          .prevNext-title {\n            padding: 0 !important;\n            line-height: 1 !important;\n            font-weight: 500;\n          }\n          .prevNextWrapper {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-evenly;\n            flex-wrap: wrap;\n          }\n          .prevNextWrapper a {\n            display: flex;\n            flex-direction: column;\n            color: #252525;\n            align-items: center;\n          }\n          .prevNextCards {\n            max-width: 250px;\n            margin-bottom: 1rem;\n          }\n          @media only screen and (max-width: 568px) {\n            .prevNextWrapper {\n              flex-direction: column;\n              align-items: center;\n            }\n            .prevNextCards {\n              margin-bottom: 2rem;\n            }\n          }\n          @media only screen and (max-width: 568px) {\n          }\n        '
       )
     )
   );

package/dist/cjs/{index.esm-876ca9ff.js → index.esm-90433435.js}

@@ -3,6 +3,10 @@
 var iconBase = require('./iconBase-68959171.js');
 
 // THIS FILE IS AUTO GENERATED
+var IoIosArrowDropupCircle = function (props) {
+  return iconBase.GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M256 464c114.9 0 208-93.1 208-208S370.9 48 256 48 48 141.1 48 256s93.1 208 208 208zm0-244.5l-81.1 81.9c-7.5 7.5-19.8 7.5-27.3 0s-7.5-19.8 0-27.3l95.7-95.4c7.3-7.3 19.1-7.5 26.6-.6l94.3 94c3.8 3.8 5.7 8.7 5.7 13.7 0 4.9-1.9 9.9-5.6 13.6-7.5 7.5-19.7 7.6-27.3 0l-81-79.9z"}}]})(props);
+};
+IoIosArrowDropupCircle.displayName = "IoIosArrowDropupCircle";
 var IoIosArrowForward = function (props) {
   return iconBase.GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z"}}]})(props);
 };
@@ -20,6 +24,7 @@ var IoMdLogIn = function (props) {
 };
 IoMdLogIn.displayName = "IoMdLogIn";
 
+exports.IoIosArrowDropupCircle = IoIosArrowDropupCircle;
 exports.IoIosArrowForward = IoIosArrowForward;
 exports.IoIosOpen = IoIosOpen;
 exports.IoMdArrowDropdown = IoMdArrowDropdown;

package/dist/cjs/index.js

@@ -65,7 +65,7 @@ require('react-bootstrap');
 require('./timeDifferenceCalc.js');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 require('./iconBase-68959171.js');
-require('./index.esm-876ca9ff.js');
+require('./index.esm-90433435.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
 var ArticleSeriesListing = require('./ArticleSeriesListing.js');
 var ArticleCarousel = require('./ArticleCarousel.js');
@@ -83,7 +83,7 @@ require('react-bootstrap/Form');
 require('./index-5be2866f.js');
 require('./js.cookie-a511c430.js');
 var CMEDeck = require('./CMEDeck.js');
-var getSerializers = require('./index-44c25825.js');
+var getSerializers = require('./index-59436c13.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/esm/AccordionPanel.js

@@ -6,7 +6,7 @@ import './web.dom.iterable-8956f9a5.js';
 import React__default, { useState } from 'react';
 import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
 import './iconBase-602d52fe.js';
-import { a as IoMdArrowDropdown } from './index.esm-85cb09e6.js';
+import { a as IoMdArrowDropdown } from './index.esm-29e48d38.js';
 import Accordion from 'react-bootstrap/Accordion';
 import { useAccordionToggle } from 'react-bootstrap/AccordionToggle';
 

package/dist/esm/ArticleSeriesListing.js

@@ -15,7 +15,7 @@ import React__default from 'react';
 import { l as lib_3 } from './index-93ec3c59.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
-import './moment-12415288.js';
+import { m as moment } from './moment-12415288.js';
 import { withRouter } from 'next/router';
 import './isSymbol-807e927e.js';
 import { d as debounce_1 } from './debounce-1a993acf.js';
@@ -28,7 +28,7 @@ import './slicedToArray-7021e5df.js';
 import './smoothscroll-4b699764.js';
 import YoutubeGroup from './YoutubeGroup.js';
 import './iconBase-602d52fe.js';
-import { I as IoIosArrowForward } from './index.esm-85cb09e6.js';
+import { I as IoIosArrowForward } from './index.esm-29e48d38.js';
 
 var ArticleSeriesListing = function (_React$Component) {
   _inherits(ArticleSeriesListing, _React$Component);
@@ -44,8 +44,29 @@ var ArticleSeriesListing = function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ArticleSeriesListing.__proto__ || _Object$getPrototypeOf(ArticleSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.autoScroll = _this.props.autoScroll ? _this.props.autoScroll : false, _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
-      data: _this.dataArr,
+    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ArticleSeriesListing.__proto__ || _Object$getPrototypeOf(ArticleSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.autoScroll = _this.props.autoScroll ? _this.props.autoScroll : false, _this.today = moment().utc().format(), _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
+      data: _this.dataArr.map(function (item) {
+        var tempObj = item;
+        if (tempObj.body) {
+          var filteredBody = tempObj.body.map(function (item) {
+            if (item._type === 'articleSeries') {
+              var innerObj = item;
+              var filteredArticles = innerObj.articles.filter(function (article) {
+                if ((article.is_visible === true || !article.hasOwnProperty('is_visible')) && _this.today >= article.published) {
+                  return article;
+                }
+              });
+              innerObj.body = filteredArticles;
+              return innerObj;
+            } else {
+              return item;
+            }
+          });
+
+          tempObj.body = filteredBody;
+        }
+        return tempObj;
+      }),
       per: _this.params ? _this.params.to : 2,
       page: _this.props.currentPage || 1,
       from: _this.params ? _this.params.from : 0,

package/dist/esm/ExternalResources.js

@@ -38,9 +38,11 @@ import { B as BlockContent } from './BlockContent-a614acdf.js';
 import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
+import './iconBase-602d52fe.js';
+import './index.esm-29e48d38.js';
 import Button from 'react-bootstrap/Button';
 import { m as momentTimezone } from './index-d2f90501.js';
-import { g as getSerializers } from './index-8a757d91.js';
+import { g as getSerializers } from './index-a2e78632.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/HamMagazine.js

@@ -15,7 +15,7 @@ import './_set-species-cede29f8.js';
 import Segment from './Segment.js';
 import './react-social-icons-a7d5c5c7.js';
 import './iconBase-602d52fe.js';
-import { b as IoMdLogIn } from './index.esm-85cb09e6.js';
+import { b as IoMdLogIn } from './index.esm-29e48d38.js';
 import 'react-bootstrap/Button';
 import 'react-bootstrap/Form';
 import Nav from 'react-bootstrap/Nav';

package/dist/esm/NavMagazine.js

@@ -15,7 +15,7 @@ import './_set-species-cede29f8.js';
 import Segment from './Segment.js';
 import './react-social-icons-a7d5c5c7.js';
 import './iconBase-602d52fe.js';
-import { b as IoMdLogIn } from './index.esm-85cb09e6.js';
+import { b as IoMdLogIn } from './index.esm-29e48d38.js';
 import 'react-bootstrap/Button';
 import 'react-bootstrap/Form';
 import Nav from 'react-bootstrap/Nav';

package/dist/esm/PartnerDetailListing.js

@@ -48,8 +48,10 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import './timeDifferenceCalc.js';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
+import './iconBase-602d52fe.js';
+import './index.esm-29e48d38.js';
 import 'react-bootstrap/Button';
-import { g as getSerializers } from './index-8a757d91.js';
+import { g as getSerializers } from './index-a2e78632.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/TemplateNormal.js

@@ -27,7 +27,7 @@ import './get-5ee14cda.js';
 import './react-social-icons-a7d5c5c7.js';
 import 'react-bootstrap';
 import './iconBase-602d52fe.js';
-import './index.esm-85cb09e6.js';
+import './index.esm-29e48d38.js';
 import 'react-bootstrap/Button';
 import './defineProperty-b798470d.js';
 import 'react-bootstrap/Form';

package/dist/esm/Ustream.js

@@ -7,7 +7,7 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import { m as main_39 } from './main-0465b2a0.js';
 import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
 import './iconBase-602d52fe.js';
-import { c as IoIosOpen } from './index.esm-85cb09e6.js';
+import { c as IoIosOpen } from './index.esm-29e48d38.js';
 import { F as FaRegWindowClose } from './index.esm-cf08bf18.js';
 
 var Ustream = function Ustream(_ref) {

package/dist/esm/VideoSeriesListing.js

@@ -15,6 +15,7 @@ import React__default from 'react';
 import { l as lib_3 } from './index-93ec3c59.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
+import { m as moment } from './moment-12415288.js';
 import { withRouter } from 'next/router';
 import './isSymbol-807e927e.js';
 import { d as debounce_1 } from './debounce-1a993acf.js';
@@ -27,7 +28,7 @@ import './slicedToArray-7021e5df.js';
 import './smoothscroll-4b699764.js';
 import YoutubeGroup from './YoutubeGroup.js';
 import './iconBase-602d52fe.js';
-import { I as IoIosArrowForward } from './index.esm-85cb09e6.js';
+import { I as IoIosArrowForward } from './index.esm-29e48d38.js';
 
 var VideoSeriesListing = function (_React$Component) {
   _inherits(VideoSeriesListing, _React$Component);
@@ -43,8 +44,29 @@ var VideoSeriesListing = function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = VideoSeriesListing.__proto__ || _Object$getPrototypeOf(VideoSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
-      data: _this.dataArr,
+    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = VideoSeriesListing.__proto__ || _Object$getPrototypeOf(VideoSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.today = moment().utc().format(), _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
+      data: _this.dataArr.map(function (item) {
+        var tempObj = item;
+        if (tempObj.body) {
+          var filteredBody = tempObj.body.map(function (item) {
+            if (item._type === 'articleSeries') {
+              var innerObj = item;
+              var filteredArticles = innerObj.articles.filter(function (article) {
+                if ((article.is_visible === true || !article.hasOwnProperty('is_visible')) && (_this.today >= article.published || !article.hasOwnProperty('published'))) {
+                  return article;
+                }
+              });
+              innerObj.body = filteredArticles;
+              return innerObj;
+            } else {
+              return item;
+            }
+          });
+
+          tempObj.body = filteredBody;
+        }
+        return tempObj;
+      }),
       per: _this.params ? _this.params.to : 2,
       page: _this.props.currentPage || 1,
       from: _this.params ? _this.params.from : 0,
@@ -317,7 +339,16 @@ var VideoSeriesListing = function (_React$Component) {
                   'button',
                   {
                     className: 'btn',
-                    style: { margin: '0 auto 2rem', display: 'block', fontSize: '18px', padding: '.5rem 1.5rem', boxShadow: '1px 2px 4px 4px rgba(0,0,0,.15)', background: 'var(--primary)', color: '#fff', borderRadius: '5px' },
+                    style: {
+                      margin: '0 auto 2rem',
+                      display: 'block',
+                      fontSize: '18px',
+                      padding: '.5rem 1.5rem',
+                      boxShadow: '1px 2px 4px 4px rgba(0,0,0,.15)',
+                      background: 'var(--primary)',
+                      color: '#fff',
+                      borderRadius: '5px'
+                    },
                     onClick: function onClick(e) {
                       e.target.style.display = 'none';
                       _this2.loadMore();

package/dist/esm/View.js

@@ -40,10 +40,11 @@ import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import './iconBase-602d52fe.js';
+import './index.esm-29e48d38.js';
 import Button from 'react-bootstrap/Button';
 import { _ as _defineProperty } from './defineProperty-b798470d.js';
 import Form from 'react-bootstrap/Form';
-import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-8a757d91.js';
+import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-a2e78632.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/getSerializers.js

@@ -38,8 +38,10 @@ import './BlockContent-a614acdf.js';
 import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
+import './iconBase-602d52fe.js';
+import './index.esm-29e48d38.js';
 import 'react-bootstrap/Button';
-export { g as default } from './index-8a757d91.js';
+export { g as default } from './index-a2e78632.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/{index-8a757d91.js → index-a2e78632.js}

@@ -3,7 +3,7 @@ import { a as _Array$from, _ as _toConsumableArray } from './toConsumableArray-7
 import { _ as _extends } from './extends-cc5da797.js';
 import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-7ee3e0c1.js';
 import { _ as _typeof$1 } from './typeof-08f2c380.js';
-import React__default, { useState, useEffect, useRef, useCallback } from 'react';
+import React__default, { useState, useEffect, useRef, useLayoutEffect, useCallback } from 'react';
 import { l as lib_3 } from './index-93ec3c59.js';
 import PropTypes from 'prop-types';
 import Row from 'react-bootstrap/Row';
@@ -22,6 +22,7 @@ import { B as BlockContent } from './BlockContent-a614acdf.js';
 import { g as getYoutubeId } from './smoothscroll-4b699764.js';
 import GroupDeck from './GroupDeck.js';
 import { Carousel, Table, Figure as Figure$1, Button, ProgressBar, Card, Row as Row$1, Col as Col$1 } from 'react-bootstrap';
+import { d as IoIosArrowDropupCircle } from './index.esm-29e48d38.js';
 import Button$1 from 'react-bootstrap/Button';
 import { u as util } from './util-7700fc59.js';
 import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-83f53e4e.js';
@@ -8019,6 +8020,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
     return null;
   }
   nodes.seriesTitle = !nodes.seriesTitle ? 'Learning Objectives' : nodes.seriesTitle;
+  var today = moment().utc().format();
 
   var authorPrefix = 'authors';
   var builder = imageUrlBuilder(client);
@@ -8029,28 +8031,38 @@ var ArticleSeries = function ArticleSeries(_ref) {
 
   var refArray = useRef([]);
   var adRefArray = useRef([]);
+  var articleContainerRef = useRef(null);
+  var arrowRef = useRef(null);
 
-  var _ref2 = main_39 ? useState(100) : useState(-25),
-      _ref3 = _slicedToArray(_ref2, 2),
-      NavoffsetTop = _ref3[0],
-      setNavoffsetTop = _ref3[1];
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      contentWidth = _useState2[0],
+      setContentWidth = _useState2[1];
+
+  var upArrowClicked = false;
+
+  var Articles = nodes.articles.filter(function (article) {
+    if ((article.is_visible === true || !article.hasOwnProperty('is_visible')) && today >= article.published) {
+      return article;
+    }
+  });
 
   var PrevNextCards = function PrevNextCards(show, articleNum) {
     var articles = [];
     if (articleNum >= 0) {
       if (articleNum == 0) {
-        articles.push(nodes.articles[1]);
-      } else if (articleNum == nodes.articles.length - 1) {
-        articles.push(nodes.articles[articleNum - 1]);
+        articles.push(Articles[1]);
+      } else if (articleNum == Articles.length - 1) {
+        articles.push(Articles[articleNum - 1]);
       } else {
-        articles.push(nodes.articles[articleNum - 1]);
-        articles.push(nodes.articles[articleNum + 1]);
+        articles.push(Articles[articleNum - 1]);
+        articles.push(Articles[articleNum + 1]);
       }
     } else {
-      articles = [].concat(_toConsumableArray(nodes.articles));
+      articles = [].concat(_toConsumableArray(Articles));
     }
     return articles.map(function (article, index) {
-      if (!article) return null;
+      if (!article || !article.is_visible && article.hasOwnProperty('is_visible') || today < article.published) return null;
       var showReading = show ? 'showReading' : '';
       var articleLabel = articles.length == 1 && articleNum != 0 || articles.length > 1 && index == 0 ? 'Previous' : 'Next';
       return React__default.createElement(
@@ -8090,35 +8102,35 @@ var ArticleSeries = function ArticleSeries(_ref) {
     });
   };
 
-  var _ref4 = router && router.asPath && router.asPath.split('?')[1] ? useState(router.asPath.split('=')[1]) : useState(null),
-      _ref5 = _slicedToArray(_ref4, 2),
-      selectedArticle = _ref5[0],
-      setSelectedArticle = _ref5[1];
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      firstLoad = _useState2[0],
-      setFirstLoad = _useState2[1];
+  var _ref2 = router && router.asPath && router.asPath.split('?')[1] ? useState(router.asPath.split('=')[1]) : useState(null),
+      _ref3 = _slicedToArray(_ref2, 2),
+      selectedArticle = _ref3[0],
+      setSelectedArticle = _ref3[1];
 
-  var _useState3 = useState(null),
+  var _useState3 = useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
-      currentURL = _useState4[0],
-      setCurrentURL = _useState4[1];
+      firstLoad = _useState4[0],
+      setFirstLoad = _useState4[1];
 
   var _useState5 = useState(null),
       _useState6 = _slicedToArray(_useState5, 2),
-      currentTitle = _useState6[0],
-      setCurrentTitle = _useState6[1];
+      currentURL = _useState6[0],
+      setCurrentURL = _useState6[1];
 
   var _useState7 = useState(null),
       _useState8 = _slicedToArray(_useState7, 2),
-      currentSummary = _useState8[0],
-      setCurrentSummary = _useState8[1];
+      currentTitle = _useState8[0],
+      setCurrentTitle = _useState8[1];
 
   var _useState9 = useState(null),
       _useState10 = _slicedToArray(_useState9, 2),
-      currentThumbnail = _useState10[0],
-      setCurrentThumbnail = _useState10[1];
+      currentSummary = _useState10[0],
+      setCurrentSummary = _useState10[1];
+
+  var _useState11 = useState(null),
+      _useState12 = _slicedToArray(_useState11, 2),
+      currentThumbnail = _useState12[0],
+      setCurrentThumbnail = _useState12[1];
 
   var articleCardClickHandler = function articleCardClickHandler(e) {
     e.preventDefault();
@@ -8126,15 +8138,6 @@ var ArticleSeries = function ArticleSeries(_ref) {
     setSelectedArticle(articleClicked);
     scrollToArticle(articleClicked);
   };
-
-  useEffect(function () {
-    try {
-      if (main_39) {
-        setNavoffsetTop(document.getElementById('navbar-ham').offsetHeight - 15);
-      }
-    } catch (e) {}
-  }, []);
-
   var scrollToArticle = function scrollToArticle(id) {
     var localArticleID = id ? id : selectedArticle;
     var findArticle = function findArticle(ref) {
@@ -8146,8 +8149,12 @@ var ArticleSeries = function ArticleSeries(_ref) {
     var indexOfRef = refArray.current.findIndex(findArticle);
 
     if (indexOfRef >= 0) {
-      //refArray.current[indexOfRef].wraperRef.current.scrollIntoView({ behavior: 'smooth' })
-      window.scrollTo({ top: refArray.current[indexOfRef].wraperRef.current.offsetTop - NavoffsetTop, behavior: 'smooth' });
+      var newOffsetTop = !firstLoad ? refArray.current[indexOfRef].wraperRef.current.offsetTop : refArray.current[indexOfRef].wraperRef.current.offsetTop + document.getElementsByTagName('header')[0].clientHeight;
+      console.dir(refArray.current[indexOfRef].wraperRef.current);
+      console.log(document.getElementsByTagName('header')[0].clientHeight);
+      console.log(refArray.current[indexOfRef].wraperRef.current.offsetTop);
+      window.scrollTo({ top: newOffsetTop, behavior: 'smooth' });
+      //refArray.current[indexOfRef].wraperRef.current.scrollIntoView({ behavior: 'smooth', block: 'start' })
     }
     setFirstLoad(true);
   };
@@ -8195,13 +8202,24 @@ var ArticleSeries = function ArticleSeries(_ref) {
 
   var scrollDirectionDetect = function scrollDirectionDetect(e) {
     var window = e.currentTarget;
-
     if (preVscroll > window.scrollY) {
       isScrollDown = false;
-    } else if (preVscroll < window.scrollY) {
+      if (window.scrollY > articleContainerRef.current.offsetTop) {
+        arrowRef.current.classList.add('showArrow');
+        arrowRef.current.classList.remove('hideArrow');
+      }
+    } else if (preVscroll > window.scrollY) {
       isScrollDown = true;
     }
     preVscroll = window.scrollY;
+    setContentWidth(articleContainerRef.current.offsetWidth);
+    if (preVscroll <= articleContainerRef.current.offsetTop) {
+      arrowRef.current.classList.remove('showArrow');
+      arrowRef.current.classList.add('hideArrow');
+    }
+    if (window.scrollY === 0 && upArrowClicked === true) {
+      upArrowClicked = false;
+    }
   };
 
   useEffect(function () {
@@ -8211,7 +8229,8 @@ var ArticleSeries = function ArticleSeries(_ref) {
     };
   });
 
-  useEffect(function () {
+  useLayoutEffect(function () {
+    console.log('useLayoutEffect');
     if (!firstLoad) {
       if (main_39) {
         grabLoadedAds();
@@ -8219,10 +8238,9 @@ var ArticleSeries = function ArticleSeries(_ref) {
         scrollToArticle();
       }
     }
-  }, []);
+  });
 
   var grabLoadedAds = function grabLoadedAds() {
-    console.dir(lib_3);
     lib_3.getGoogletag().then(function (googletag) {
       var checkIfReady = window.setInterval(function () {
         if (window.googletag && googletag.pubadsReady) {
@@ -8255,9 +8273,26 @@ var ArticleSeries = function ArticleSeries(_ref) {
     }
   };
 
+  var handleArrowClick = function handleArrowClick() {
+    isScrollDown = true;
+    upArrowClicked = true;
+    arrowRef.current.classList.add('hideArrow');
+    arrowRef.current.classList.remove('showArrow');
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+    window.history.pushState({}, '', router.asPath.split('?')[0]);
+    document.title = nodes.seriesTitle;
+  };
+
   return React__default.createElement(
     React__default.Fragment,
     null,
+    React__default.createElement(
+      'div',
+      { ref: arrowRef, className: 'scrollToTopArrow hideArrow', onClick: function onClick() {
+          return handleArrowClick();
+        } },
+      React__default.createElement(IoIosArrowDropupCircle, null)
+    ),
     React__default.createElement('hr', { className: 'article-seperater my-4' }),
     React__default.createElement(
       'div',
@@ -8301,8 +8336,8 @@ var ArticleSeries = function ArticleSeries(_ref) {
     ),
     React__default.createElement(
       'div',
-      { className: 'article-container', style: { marginBottom: '2rem' } },
-      nodes.articles.map(function (article, index) {
+      { ref: articleContainerRef, className: 'article-container', style: { marginBottom: '2rem' } },
+      Articles.map(function (article, index) {
         return React__default.createElement(
           'div',
           { key: article.title },
@@ -8317,8 +8352,10 @@ var ArticleSeries = function ArticleSeries(_ref) {
                 return refArray.current[index] = ele;
               },
               onChange: function onChange(visible) {
-                if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
-                  onChangeArticle(article.param.current, visible, article.title, article.summary, urlFor(article.thumbnail.asset).url());
+                if (!upArrowClicked) {
+                  if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
+                    onChangeArticle(article.param.current, visible, article.title, article.summary, urlFor(article.thumbnail.asset).url());
+                  }
                 }
               } },
             React__default.createElement(
@@ -8373,26 +8410,30 @@ var ArticleSeries = function ArticleSeries(_ref) {
                 }, client.config())),
                 React__default.createElement('hr', { className: 'article-seperater my-4' })
               ),
-              React__default.createElement(
-                'div',
-                { className: 'objective-prevNext-Wrapper' },
-                React__default.createElement(
-                  'h5',
-                  { className: 'objective-title' },
-                  nodes.seriesTitle
-                ),
+              Articles.length > 1 && React__default.createElement(
+                React__default.Fragment,
+                null,
                 React__default.createElement(
                   'div',
-                  { className: 'prevNextWrapper' },
-                  PrevNextCards(true, index)
-                )
-              ),
-              React__default.createElement('hr', { className: 'article-seperater' })
+                  { className: 'objective-prevNext-Wrapper' },
+                  React__default.createElement(
+                    'h5',
+                    { className: 'objective-title' },
+                    nodes.seriesTitle
+                  ),
+                  React__default.createElement(
+                    'div',
+                    { className: 'prevNextWrapper' },
+                    PrevNextCards(true, index)
+                  )
+                ),
+                React__default.createElement('hr', { className: 'article-seperater' })
+              )
             ),
             React__default.createElement(
               'div',
               { className: 'ad-box', style: { textAlign: 'center' } },
-              main_39 && nodes.articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
+              main_39 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
                 if (innerIndex === 0) {
                   return React__default.createElement(
                     'div',
@@ -8420,7 +8461,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
       React__default.createElement(
         'style',
         { jsx: 'true' },
-        '\n          .block-content > div p {\n            padding: 0;\n          }\n\n          h2.article-title {\n            padding: 0;\n            font-weight: 500;\n          }\n          h4.article-title {\n            padding: 0;\n            font-weight: 500;\n          }\n          h4.prevNext-title {\n            padding: 0;\n            font-size: 1rem;\n            font-weight: 500;\n          }\n          .article-wrapper {\n            border: 1px solid #252525;\n            border-radius: 5px;\n            padding: 1rem 1rem 0 1rem;\n            margin-bottom: 1rem;\n          }\n          .prevNext-reading {\n            margin-top: -10px;\n            width: 75%;\n            text-align: center;\n            background: white;\n            border: 1px solid #252525;\n            align-self: center;\n            display: none;\n          }\n          .showReading {\n            display: block;\n          }\n          .author-details-wrapper a {\n            color: #252525;\n          }\n          .objective-prevNext-Wrapper {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n          }\n          .objective-title {\n            padding: 0 !important;\n          }\n          .prevNext-thumbnail {\n            display: flex;\n            flex-direction: column;\n            min-width: 225px;\n            max-width: 225px;\n            overflow: hidden;\n            align-items: center;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-thumbnail img {\n            height: 125px;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-summary {\n            text-align: center;\n          }\n          .prevNext-publishDate {\n            font-size: 0.75rem;\n            margin-top: 0.5rem;\n          }\n          .prevNext-title {\n            padding: 0 !important;\n            line-height: 1 !important;\n            font-weight: 500;\n          }\n          .prevNextWrapper {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-evenly;\n            flex-wrap: wrap;\n          }\n          .prevNextWrapper a {\n            display: flex;\n            flex-direction: column;\n            color: #252525;\n            align-items: center;\n          }\n          .prevNextCards {\n            max-width: 250px;\n            margin-bottom: 1rem;\n          }\n          @media only screen and (max-width: 568px) {\n            .prevNextWrapper {\n              flex-direction: column;\n              align-items: center;\n            }\n            .prevNextCards {\n              margin-bottom: 2rem;\n            }\n          }\n          @media only screen and (max-width: 568px) {\n          }\n        '
+        '\n          .scrollToTopArrow {\n            position: fixed;\n            top: 150px;\n            display: flex;\n            justify-content: center;\n            width: ' + contentWidth + 'px;\n            opacity: 0;\n            z-index: 99999999999;\n            cursor: pointer;\n          }\n          .showArrow {\n            opacity: 1;\n          }\n          .hideArrow {\n            opacity: 0;\n          }\n          .scrollToTopArrow > svg {\n            min-height: 50px;\n            min-width: 50px;\n            max-height: 50px;\n            max-width: 50px;\n          }\n          .block-content > div p {\n            padding: 0;\n          }\n\n          h2.article-title {\n            padding: 0;\n            font-weight: 500;\n          }\n          h4.article-title {\n            padding: 0;\n            font-weight: 500;\n          }\n          h4.prevNext-title {\n            padding: 0;\n            font-size: 1rem;\n            font-weight: 500;\n          }\n          .article-wrapper {\n            border: 1px solid #252525;\n            border-radius: 5px;\n            padding: 1rem 1rem 0 1rem;\n            margin-bottom: 1rem;\n          }\n          .prevNext-reading {\n            margin-top: -10px;\n            width: 75%;\n            text-align: center;\n            background: white;\n            border: 1px solid #252525;\n            align-self: center;\n            display: none;\n          }\n          .showReading {\n            display: block;\n          }\n          .author-details-wrapper a {\n            color: #252525;\n          }\n          .objective-prevNext-Wrapper {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n          }\n          .objective-title {\n            padding: 0 !important;\n          }\n          .prevNext-thumbnail {\n            display: flex;\n            flex-direction: column;\n            min-width: 225px;\n            max-width: 225px;\n            overflow: hidden;\n            align-items: center;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-thumbnail img {\n            height: 125px;\n            object-fit: contain;\n            border-radius: 15px;\n          }\n          .prevNext-summary {\n            text-align: center;\n          }\n          .prevNext-publishDate {\n            font-size: 0.75rem;\n            margin-top: 0.5rem;\n          }\n          .prevNext-title {\n            padding: 0 !important;\n            line-height: 1 !important;\n            font-weight: 500;\n          }\n          .prevNextWrapper {\n            display: flex;\n            flex-direction: row;\n            justify-content: space-evenly;\n            flex-wrap: wrap;\n          }\n          .prevNextWrapper a {\n            display: flex;\n            flex-direction: column;\n            color: #252525;\n            align-items: center;\n          }\n          .prevNextCards {\n            max-width: 250px;\n            margin-bottom: 1rem;\n          }\n          @media only screen and (max-width: 568px) {\n            .prevNextWrapper {\n              flex-direction: column;\n              align-items: center;\n            }\n            .prevNextCards {\n              margin-bottom: 2rem;\n            }\n          }\n          @media only screen and (max-width: 568px) {\n          }\n        '
       )
     )
   );

package/dist/esm/{index.esm-85cb09e6.js → index.esm-29e48d38.js}

@@ -1,6 +1,10 @@
 import { G as GenIcon } from './iconBase-602d52fe.js';
 
 // THIS FILE IS AUTO GENERATED
+var IoIosArrowDropupCircle = function (props) {
+  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M256 464c114.9 0 208-93.1 208-208S370.9 48 256 48 48 141.1 48 256s93.1 208 208 208zm0-244.5l-81.1 81.9c-7.5 7.5-19.8 7.5-27.3 0s-7.5-19.8 0-27.3l95.7-95.4c7.3-7.3 19.1-7.5 26.6-.6l94.3 94c3.8 3.8 5.7 8.7 5.7 13.7 0 4.9-1.9 9.9-5.6 13.6-7.5 7.5-19.7 7.6-27.3 0l-81-79.9z"}}]})(props);
+};
+IoIosArrowDropupCircle.displayName = "IoIosArrowDropupCircle";
 var IoIosArrowForward = function (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z"}}]})(props);
 };
@@ -18,4 +22,4 @@ var IoMdLogIn = function (props) {
 };
 IoMdLogIn.displayName = "IoMdLogIn";
 
-export { IoIosArrowForward as I, IoMdArrowDropdown as a, IoMdLogIn as b, IoIosOpen as c };
+export { IoIosArrowForward as I, IoMdArrowDropdown as a, IoMdLogIn as b, IoIosOpen as c, IoIosArrowDropupCircle as d };

package/dist/esm/index.js

@@ -61,7 +61,7 @@ import 'react-bootstrap';
 import './timeDifferenceCalc.js';
 export { default as QueueDeckExpanded } from './QueueDeckExpanded.js';
 import './iconBase-602d52fe.js';
-import './index.esm-85cb09e6.js';
+import './index.esm-29e48d38.js';
 export { default as VideoSeriesListing } from './VideoSeriesListing.js';
 export { default as ArticleSeriesListing } from './ArticleSeriesListing.js';
 export { default as ArticleCarousel } from './ArticleCarousel.js';
@@ -79,7 +79,7 @@ import 'react-bootstrap/Form';
 import './index-d2f90501.js';
 import './js.cookie-6874175c.js';
 export { default as CMEDeck } from './CMEDeck.js';
-export { g as getSerializers } from './index-8a757d91.js';
+export { g as getSerializers } from './index-a2e78632.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.691",
+  "version": "1.0.692",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",