@mjhls/mjh-framework 1.0.955 → 1.0.957-test

package/dist/esm/TemplateNormal.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
+import { _ as _slicedToArray } from './slicedToArray-a5ed2ac8.js';
 import React__default, { useState, useEffect } from 'react';
 import { useRouter } from 'next/router';
 import Container from 'react-bootstrap/Container';
@@ -13,10 +13,11 @@ import { NavNative } from './NavNative.js';
 import { NavDvm } from './NavDvm.js';
 import { HamMagazine } from './HamMagazine.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './web.dom.iterable-ab4dea5c.js';
-import './core.get-iterator-method-ea258bb1.js';
+import './web.dom.iterable-357ab671.js';
+import './core.get-iterator-method-2623c4c7.js';
 import './AdSlot.js';
-import './extends-6d8e3924.js';
+import './extends-19fcf571.js';
+import './assign-b681604f.js';
 import './_object-pie-133f504a.js';
 import 'prop-types';
 import './index-f0fc23eb.js';
@@ -25,18 +26,18 @@ import './debounce-533d9748.js';
 import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import './Beam.js';
-import './stringify-2b084bee.js';
-import './asyncToGenerator-958ef5fc.js';
+import './stringify-e20934cc.js';
+import './asyncToGenerator-b799d461.js';
 import './_library-528f1934.js';
-import './_iter-detect-98db3b07.js';
+import './_iter-detect-c9bd22b3.js';
 import './Segment.js';
 import './main-1894c974.js';
 import 'next/head';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import './SideFooter.js';
-import './defineProperty-8c30428f.js';
-import './define-property-5f1bda73.js';
+import './defineProperty-3cabb189.js';
+import './define-property-615946df.js';
 import './react-social-icons-9be47857.js';
 import './get-3c308da4.js';
 import './eq-bdcbf886.js';
@@ -55,7 +56,7 @@ import './iconBase-ccc56b97.js';
 import './index.esm-eb1e8e80.js';
 import './NavFooter-e27bd93b.js';
 import './index.esm-37268dca.js';
-import './SocialSearchComponent-4b56cd8c.js';
+import './SocialSearchComponent-e9a67eff.js';
 import './SocialIcons.js';
 import 'react-bootstrap/Form';
 import 'react-bootstrap/FormControl';

package/dist/esm/ThumbnailCard.js

@@ -3,10 +3,10 @@ import Media from 'react-bootstrap/Media';
 import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-755f2cc2.js';
 import { c as clean_html_1 } from './entities-6d9154b4.js';
-import './slicedToArray-6ebcbfea.js';
+import './slicedToArray-a5ed2ac8.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './web.dom.iterable-ab4dea5c.js';
-import './core.get-iterator-method-ea258bb1.js';
+import './web.dom.iterable-357ab671.js';
+import './core.get-iterator-method-2623c4c7.js';
 import './index-3f5c03b2.js';
 import 'react-dom';
 import 'prop-types';

package/dist/esm/Ustream.js

@@ -1,13 +1,13 @@
-import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-958ef5fc.js';
-import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-b799d461.js';
+import { _ as _slicedToArray } from './slicedToArray-a5ed2ac8.js';
 import React__default, { useState, useRef, useEffect } from 'react';
 import { F as FaWindowClose } from './index.esm-1bd8a0a8.js';
 import { m as main_43 } from './main-1894c974.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-ea258bb1.js';
-import './web.dom.iterable-ab4dea5c.js';
+import './core.get-iterator-method-2623c4c7.js';
+import './web.dom.iterable-357ab671.js';
 import './_library-528f1934.js';
-import './_iter-detect-98db3b07.js';
+import './_iter-detect-c9bd22b3.js';
 import './iconBase-ccc56b97.js';
 
 var _this = undefined;
@@ -78,7 +78,7 @@ var Ustream = function Ustream(_ref) {
               switch (_context.prev = _context.next) {
                 case 0:
                   _context.next = 2;
-                  return import('./ustream-api-d3714624.js');
+                  return import('./ustream-api-4e6b20ce.js');
 
                 case 2:
                   UstreamEmbed = _context.sent;

package/dist/esm/VerticalHero.js

@@ -2,9 +2,9 @@ import React__default from 'react';
 import './moment-bc12cb97.js';
 import urlFor from './urlFor.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './slicedToArray-6ebcbfea.js';
-import './web.dom.iterable-ab4dea5c.js';
-import './core.get-iterator-method-ea258bb1.js';
+import './slicedToArray-a5ed2ac8.js';
+import './web.dom.iterable-357ab671.js';
+import './core.get-iterator-method-2623c4c7.js';
 import './index-3f5c03b2.js';
 
 var VerticalHero = function VerticalHero(props) {

package/dist/esm/VideoProgramLandingPage.js

@@ -1,21 +1,22 @@
-import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-958ef5fc.js';
-import { _ as _extends } from './extends-6d8e3924.js';
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-b799d461.js';
+import { _ as _extends } from './extends-19fcf571.js';
 import React__default from 'react';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import Col from 'react-bootstrap/Col';
 import Form from 'react-bootstrap/Form';
 import Button from 'react-bootstrap/Button';
-import { g as getSerializers } from './index-995ce566.js';
+import { g as getSerializers } from './index-8864f662.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-ea258bb1.js';
-import './web.dom.iterable-ab4dea5c.js';
+import './core.get-iterator-method-2623c4c7.js';
+import './web.dom.iterable-357ab671.js';
 import './_library-528f1934.js';
-import './_iter-detect-98db3b07.js';
+import './_iter-detect-c9bd22b3.js';
+import './assign-b681604f.js';
 import './_object-pie-133f504a.js';
 import 'prop-types';
 import './index-3f5c03b2.js';
-import './slicedToArray-6ebcbfea.js';
+import './slicedToArray-a5ed2ac8.js';
 import 'react-bootstrap';
 import './urlFor.js';
 import './index-f0fc23eb.js';
@@ -24,14 +25,14 @@ import 'next/router';
 import './index-c7e2ac95.js';
 import './util-8ed16d48.js';
 import './Beam.js';
-import './stringify-2b084bee.js';
+import './stringify-e20934cc.js';
 import './Segment.js';
 import './main-1894c974.js';
-import './urlForFile-b69adffc.js';
+import './urlForFile-3ad576be.js';
 import './index-755f2cc2.js';
 import 'react-dom';
-import './typeof-e9fc0c5d.js';
-import './_is-array-8d21b9e3.js';
+import './typeof-af09aa11.js';
+import './_is-array-e96276c2.js';
 import './brightcove-react-player-loader.es-57a70a56.js';
 import 'react-bootstrap/Modal';
 import './GroupDeck.js';
@@ -40,8 +41,8 @@ import './moment-bc12cb97.js';
 import './SocialShare.js';
 import 'next/head';
 import 'react-share';
-import './_object-to-array-2300e51b.js';
-import './toConsumableArray-f7074d7c.js';
+import './_object-to-array-d97ca761.js';
+import './toConsumableArray-aac0b14a.js';
 import 'react-bootstrap/Pagination';
 import './entities-6d9154b4.js';
 import './AdSlot.js';
@@ -49,9 +50,9 @@ import './debounce-533d9748.js';
 import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import 'react-bootstrap/Row';
-import './inherits-a6ba2ec4.js';
-import './_object-sap-7cee6f84.js';
-import './define-property-5f1bda73.js';
+import './inherits-44a60f2b.js';
+import './_object-sap-67a80efe.js';
+import './define-property-615946df.js';
 import './index.esm-eb1e8e80.js';
 import './iconBase-ccc56b97.js';
 import 'react-bootstrap/Figure';

package/dist/esm/VideoSeriesCard.js

@@ -1,4 +1,4 @@
-import { _ as _typeof } from './typeof-e9fc0c5d.js';
+import { _ as _typeof } from './typeof-af09aa11.js';
 import React__default from 'react';
 import { L as LazyLoad } from './index-755f2cc2.js';
 import urlFor from './urlFor.js';
@@ -6,13 +6,13 @@ import { m as moment } from './moment-bc12cb97.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import 'prop-types';
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-ea258bb1.js';
-import './web.dom.iterable-ab4dea5c.js';
-import './_is-array-8d21b9e3.js';
+import './core.get-iterator-method-2623c4c7.js';
+import './web.dom.iterable-357ab671.js';
+import './_is-array-e96276c2.js';
 import './_object-pie-133f504a.js';
 import './_library-528f1934.js';
 import 'react-dom';
-import './slicedToArray-6ebcbfea.js';
+import './slicedToArray-a5ed2ac8.js';
 import './index-3f5c03b2.js';
 
 var css = ".VideoSeriesCard-module_article__Hlc3e {\n  width: 100%;\n  margin: 0 0 1rem 0;\n}\n.VideoSeriesCard-module_article__Hlc3e a {\n  display: flex;\n  width: 100%;\n  color: #000000;\n}\n.VideoSeriesCard-module_thumb__3hGyJ {\n  width: 25%;\n}\n.VideoSeriesCard-module_thumb__3hGyJ img {\n  width: 100%;\n  height: auto;\n}\n.VideoSeriesCard-module_info__2_i1N {\n  width: 75%;\n  font-size: 1rem;\n}\n.VideoSeriesCard-module_info__2_i1N h2 {\n  font-weight: bold;\n  font-size: 1.25rem;\n  margin: 0;\n}\n.VideoSeriesCard-module_published__1fI0q {\n  color: #6d6d6d;\n  margin: 0;\n}\n.VideoSeriesCard-module_summary__3hWJT {\n  margin: 0.5rem 0 0 0;\n}\n.VideoSeriesCard-module_author__aU35o {\n  margin: 0;\n}\n.VideoSeriesCard-module_author__aU35o span {\n  color: #6d6d6d;\n}\n@media only screen and (max-width: 568px) {\n  .VideoSeriesCard-module_article__Hlc3e {\n    margin: 1rem 0;\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n  }\n  .VideoSeriesCard-module_article__Hlc3e a {\n    flex-direction: column;\n    align-items: center;\n  }\n  .VideoSeriesCard-module_thumb__3hGyJ {\n    overflow: hidden;\n    width: 100%;\n    margin-bottom: 1rem;\n  }\n  .VideoSeriesCard-module_thumb__3hGyJ img{\n    border-radius: 10px 10px 0 0;    \n  }\n  .VideoSeriesCard-module_thumb__3hGyJ figure {\n    margin: 0;\n  }\n  .VideoSeriesCard-module_info__2_i1N {\n    width: 90%;\n    padding: 1rem !important;\n  }\n  .VideoSeriesCard-module_info__2_i1N h2 {\n    font-size: 1rem;\n  }\n}\n";

package/dist/esm/VideoSeriesFilter.js

@@ -1,13 +1,13 @@
-import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-958ef5fc.js';
-import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-b799d461.js';
+import { _ as _slicedToArray } from './slicedToArray-a5ed2ac8.js';
 import React__default, { useState, useEffect } from 'react';
 import { withRouter } from 'next/router';
 import { DropdownButton, Dropdown } from 'react-bootstrap';
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-ea258bb1.js';
-import './web.dom.iterable-ab4dea5c.js';
+import './core.get-iterator-method-2623c4c7.js';
+import './web.dom.iterable-357ab671.js';
 import './_library-528f1934.js';
-import './_iter-detect-98db3b07.js';
+import './_iter-detect-c9bd22b3.js';
 
 var _this = undefined;
 

package/dist/esm/VideoSeriesLandingPage.js

@@ -1,5 +1,5 @@
-import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-958ef5fc.js';
-import { _ as _typeof } from './typeof-e9fc0c5d.js';
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-b799d461.js';
+import { _ as _typeof } from './typeof-af09aa11.js';
 import React__default from 'react';
 import { m as moment } from './moment-bc12cb97.js';
 import { g as getYoutubeId } from './index-c7e2ac95.js';
@@ -7,19 +7,20 @@ import Breadcrumbs from './Breadcrumbs.js';
 import MasterDeck from './MasterDeck.js';
 import VideoSeriesCard from './VideoSeriesCard.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-ea258bb1.js';
-import './web.dom.iterable-ab4dea5c.js';
+import './core.get-iterator-method-2623c4c7.js';
+import './web.dom.iterable-357ab671.js';
 import './_library-528f1934.js';
-import './_iter-detect-98db3b07.js';
-import './_is-array-8d21b9e3.js';
+import './_iter-detect-c9bd22b3.js';
+import './_is-array-e96276c2.js';
 import './_object-pie-133f504a.js';
-import './slicedToArray-6ebcbfea.js';
+import './slicedToArray-a5ed2ac8.js';
 import 'react-bootstrap/Breadcrumb';
-import './toConsumableArray-f7074d7c.js';
-import './extends-6d8e3924.js';
-import './inherits-a6ba2ec4.js';
-import './_object-sap-7cee6f84.js';
-import './define-property-5f1bda73.js';
+import './toConsumableArray-aac0b14a.js';
+import './extends-19fcf571.js';
+import './assign-b681604f.js';
+import './inherits-44a60f2b.js';
+import './_object-sap-67a80efe.js';
+import './define-property-615946df.js';
 import './index-f0fc23eb.js';
 import './events-6c3a7a63.js';
 import 'prop-types';
@@ -36,13 +37,13 @@ import './index.es-a6137319.js';
 import './visibility-sensor-72fd8f8b.js';
 import 'react-dom';
 import './index-3f5c03b2.js';
-import './ADlgInfeed-ebcafb85.js';
+import './ADlgInfeed-59c5eb30.js';
 import './AdSlot.js';
 import './Beam.js';
-import './stringify-2b084bee.js';
+import './stringify-e20934cc.js';
 import './Segment.js';
 import './main-1894c974.js';
-import './ADInfeed-7af1f934.js';
+import './ADInfeed-c977de2e.js';
 import './index-755f2cc2.js';
 import './urlFor.js';
 import './style-inject.es-1f59c1d0.js';

package/dist/esm/VideoSeriesListing.js

@@ -1,5 +1,5 @@
-import { _ as _extends } from './extends-6d8e3924.js';
-import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-a6ba2ec4.js';
+import { _ as _extends } from './extends-19fcf571.js';
+import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-44a60f2b.js';
 import React__default from 'react';
 import { l as lib_3 } from './index-f0fc23eb.js';
 import Container from 'react-bootstrap/Container';
@@ -11,19 +11,20 @@ import YoutubeGroup from './YoutubeGroup.js';
 import { d as debounce_1 } from './debounce-533d9748.js';
 import { I as InfiniteScroll } from './index.es-a6137319.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-ea258bb1.js';
+import './assign-b681604f.js';
+import './core.get-iterator-method-2623c4c7.js';
 import './_object-pie-133f504a.js';
-import './_object-sap-7cee6f84.js';
-import './define-property-5f1bda73.js';
-import './typeof-e9fc0c5d.js';
-import './web.dom.iterable-ab4dea5c.js';
-import './_is-array-8d21b9e3.js';
+import './_object-sap-67a80efe.js';
+import './define-property-615946df.js';
+import './typeof-af09aa11.js';
+import './web.dom.iterable-357ab671.js';
+import './_is-array-e96276c2.js';
 import './_library-528f1934.js';
 import './events-6c3a7a63.js';
 import 'prop-types';
 import 'react-dom';
 import './iconBase-ccc56b97.js';
-import './slicedToArray-6ebcbfea.js';
+import './slicedToArray-a5ed2ac8.js';
 import './index-c7e2ac95.js';
 import './index-755f2cc2.js';
 import './smoothscroll-fa4e3f8c.js';

package/dist/esm/View.js

@@ -1,11 +1,11 @@
-import { _ as _asyncToGenerator, r as regenerator, a as _Promise } from './asyncToGenerator-958ef5fc.js';
-import { _ as _extends, a as _Object$assign } from './extends-6d8e3924.js';
-import { a as _getIterator, _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
+import { _ as _asyncToGenerator, r as regenerator, a as _Promise } from './asyncToGenerator-b799d461.js';
+import { _ as _extends } from './extends-19fcf571.js';
+import { a as _getIterator, _ as _slicedToArray } from './slicedToArray-a5ed2ac8.js';
 import React__default, { useState, useRef, useEffect, forwardRef } from 'react';
 import Head from 'next/head';
 import { useRouter } from 'next/router';
-import { _ as _JSON$stringify } from './stringify-2b084bee.js';
-import { _ as _toConsumableArray } from './toConsumableArray-f7074d7c.js';
+import { _ as _JSON$stringify } from './stringify-e20934cc.js';
+import { _ as _toConsumableArray } from './toConsumableArray-aac0b14a.js';
 import { m as moment } from './moment-bc12cb97.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import { m as main_43 } from './main-1894c974.js';
@@ -15,32 +15,32 @@ import FormControl from 'react-bootstrap/FormControl';
 import Button from 'react-bootstrap/Button';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import SocialShare from './SocialShare.js';
-import { r as renderAuthor, g as getSerializers } from './index-995ce566.js';
+import { r as renderAuthor, g as getSerializers } from './index-8864f662.js';
 import DFPAdSlot from './AdSlot.js';
-import { S as SeriesSlider } from './SeriesSlider-f771e20d.js';
-import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-42f9b439.js';
+import { S as SeriesSlider } from './SeriesSlider-19bf6ce4.js';
+import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-d519d2b6.js';
 import getKeywords from './getKeywords.js';
 import urlFor from './urlFor.js';
-import { u as urlForFile } from './urlForFile-b69adffc.js';
-import { _ as _typeof } from './typeof-e9fc0c5d.js';
+import { u as urlForFile } from './urlForFile-3ad576be.js';
+import { _ as _typeof } from './typeof-af09aa11.js';
 import { b as FaMinus, c as FaPlus } from './index.esm-1bd8a0a8.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './index-755f2cc2.js';
 import { DiscussionEmbed } from 'disqus-react';
 import Schema from './Schema.js';
 import FileSaver from 'file-saver';
-import { _ as _Object$keys } from './keys-31dcdb31.js';
+import { _ as _Object$keys } from './keys-8c05d049.js';
+import { _ as _Object$assign } from './assign-b681604f.js';
 import { I as InfiniteScroll } from './index.es-a6137319.js';
 import { l as lib_3 } from './index-f0fc23eb.js';
 import getRelatedArticle from './getRelatedArticle.js';
 import getQuery from './getQuery.js';
 import getSeriesDetail from './getSeriesDetail.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-ea258bb1.js';
-import './web.dom.iterable-ab4dea5c.js';
+import './core.get-iterator-method-2623c4c7.js';
+import './web.dom.iterable-357ab671.js';
 import './_library-528f1934.js';
-import './_iter-detect-98db3b07.js';
-import './_object-pie-133f504a.js';
+import './_iter-detect-c9bd22b3.js';
 import 'prop-types';
 import './index-3f5c03b2.js';
 import 'react-dom';
@@ -50,19 +50,20 @@ import './index-c7e2ac95.js';
 import './util-8ed16d48.js';
 import './Beam.js';
 import './Segment.js';
+import './_object-pie-133f504a.js';
 import './brightcove-react-player-loader.es-57a70a56.js';
 import 'react-bootstrap/Modal';
 import './GroupDeck.js';
 import './smoothscroll-fa4e3f8c.js';
-import './_is-array-8d21b9e3.js';
-import './_object-to-array-2300e51b.js';
+import './_is-array-e96276c2.js';
+import './_object-to-array-d97ca761.js';
 import 'react-bootstrap/Pagination';
 import './entities-6d9154b4.js';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
-import './inherits-a6ba2ec4.js';
-import './_object-sap-7cee6f84.js';
-import './define-property-5f1bda73.js';
+import './inherits-44a60f2b.js';
+import './_object-sap-67a80efe.js';
+import './define-property-615946df.js';
 import './index.esm-eb1e8e80.js';
 import './iconBase-ccc56b97.js';
 import 'react-bootstrap/Figure';
@@ -938,8 +939,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
       _props$authorImgHeigh = props.authorImgHeight,
       authorImgHeight = _props$authorImgHeigh === undefined ? 270 : _props$authorImgHeigh;
       props.active;
-      var containerHeight = props.containerHeight,
-      _props$refreshFlag = props.refreshFlag,
+      var _props$refreshFlag = props.refreshFlag,
       refreshFlag = _props$refreshFlag === undefined ? false : _props$refreshFlag,
       disqusConfig = props.disqusConfig,
       showDisqus = props.showDisqus,
@@ -1025,10 +1025,20 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
       articleBody = _useState10[0],
       setArticleBody = _useState10[1];
 
-  var _useState11 = useState(true),
-      _useState12 = _slicedToArray(_useState11, 2);
-      _useState12[0];
-      var setPreviewAd = _useState12[1];
+  var _useState11 = useState(0),
+      _useState12 = _slicedToArray(_useState11, 2),
+      containerHeight = _useState12[0],
+      setContainerHeight = _useState12[1];
+
+  var _useState13 = useState(true),
+      _useState14 = _slicedToArray(_useState13, 2);
+      _useState14[0];
+      var setPreviewAd = _useState14[1];
+
+  var _useState15 = useState(props.index === 0),
+      _useState16 = _slicedToArray(_useState15, 2),
+      isFirstArticle = _useState16[0],
+      setIsFirstArticle = _useState16[1];
 
   useEffect(function () {
     var path = window && window.location && window.location.search;
@@ -1036,6 +1046,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
     setPreviewAd(path.split('&').some(function (param) {
       return param.includes('creativeId');
     }));
+    setContainerHeight(window.innerHeight);
   }, []);
 
   var isCutomPage = function isCutomPage(article) {
@@ -1537,9 +1548,10 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
         VisibilitySensor,
         {
           partialVisibility: true,
-          offset: { bottom: triggerOffset, top: containerHeight },
+          offset: { bottom: triggerOffset, top: containerHeight && containerHeight },
           onChange: function onChange(isVisible) {
-            if (isVisible && queueData && queueData.length > 1) {
+            console.log(isFirstArticle, 'first');
+            if (isVisible && !isFirstArticle) {
               var pageviewProperties = _extends({}, targeting, {
                 category: article && article.category ? article.category.name : ''
               });
@@ -1548,6 +1560,10 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
                 return true;
               });
             }
+            if (isFirstArticle) {
+
+              setIsFirstArticle(false);
+            }
           } },
         React__default.createElement(
           'div',
@@ -1830,7 +1846,8 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
     return detail();
   }
 }), function (prevProps, nextProps) {
-  return prevProps.article === nextProps.article;
+  if (prevProps.article._id === nextProps.article._id) return true;
+  return false;
 });
 
 var _this$1 = undefined;
@@ -2077,6 +2094,7 @@ var ArticleQueue = function ArticleQueue(props) {
   };
 
   var onChangeArticle = function onChangeArticle(path, meta, pageviewProperties) {
+
     var newPath = '/view/' + path;
     var activeArticle = queueData.find(function (item) {
       return item.url.current === path;

package/dist/esm/YahooHero.js

@@ -2,12 +2,12 @@ import React__default from 'react';
 import { m as moment } from './moment-bc12cb97.js';
 import urlFor from './urlFor.js';
 import { c as clean_html_1 } from './entities-6d9154b4.js';
-import { A as AuthorComponent } from './AuthorComponent-11adff02.js';
+import { A as AuthorComponent } from './AuthorComponent-0ee8667f.js';
 import { L as LazyLoad } from './index-755f2cc2.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './slicedToArray-6ebcbfea.js';
-import './web.dom.iterable-ab4dea5c.js';
-import './core.get-iterator-method-ea258bb1.js';
+import './slicedToArray-a5ed2ac8.js';
+import './web.dom.iterable-357ab671.js';
+import './core.get-iterator-method-2623c4c7.js';
 import './index-3f5c03b2.js';
 import 'react-dom';
 import 'prop-types';

package/dist/esm/YoutubeGroup.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
+import { _ as _slicedToArray } from './slicedToArray-a5ed2ac8.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { g as getYoutubeId } from './index-c7e2ac95.js';
 import { L as LazyLoad } from './index-755f2cc2.js';
@@ -6,8 +6,8 @@ import { s as smoothscroll } from './smoothscroll-fa4e3f8c.js';
 import urlFor from './urlFor.js';
 import { m as main_43, a as main_49, b as main_42 } from './main-1894c974.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './web.dom.iterable-ab4dea5c.js';
-import './core.get-iterator-method-ea258bb1.js';
+import './web.dom.iterable-357ab671.js';
+import './core.get-iterator-method-2623c4c7.js';
 import 'react-dom';
 import 'prop-types';
 import './index-3f5c03b2.js';

package/dist/esm/{_is-array-8d21b9e3.js → _is-array-e96276c2.js}

@@ -1,5 +1,5 @@
 import { c as createCommonjsModule } from './_commonjsHelpers-0c4b6f40.js';
-import { D as _uid, c as _objectDp, m as _fails, b as _isObject, B as _has, G as _cof } from './core.get-iterator-method-ea258bb1.js';
+import { D as _uid, c as _objectDp, m as _fails, b as _isObject, B as _has, G as _cof } from './core.get-iterator-method-2623c4c7.js';
 
 var _meta = createCommonjsModule(function (module) {
 var META = _uid('meta');

package/dist/esm/{_iter-detect-98db3b07.js → _iter-detect-c9bd22b3.js}

@@ -1,4 +1,4 @@
-import { v as _anObject, h as _wks, F as _iterators } from './core.get-iterator-method-ea258bb1.js';
+import { u as _anObject, h as _wks, F as _iterators } from './core.get-iterator-method-2623c4c7.js';
 
 // call something on iterator step with safe closing on error
 

package/dist/esm/{_object-sap-7cee6f84.js → _object-sap-67a80efe.js}

@@ -1,4 +1,4 @@
-import { a as _core, _ as _export, m as _fails } from './core.get-iterator-method-ea258bb1.js';
+import { a as _core, _ as _export, m as _fails } from './core.get-iterator-method-2623c4c7.js';
 
 // most Object methods by ES6 should accept primitives
 

package/dist/esm/{_object-to-array-2300e51b.js → _object-to-array-d97ca761.js}

@@ -1,4 +1,4 @@
-import { y as _toIobject, t as _objectKeys, f as _descriptors } from './core.get-iterator-method-ea258bb1.js';
+import { y as _toIobject, v as _objectKeys, f as _descriptors } from './core.get-iterator-method-2623c4c7.js';
 import { a as _objectPie } from './_object-pie-133f504a.js';
 
 var isEnum = _objectPie.f;

package/dist/esm/{extends-6d8e3924.js → assign-b681604f.js}

@@ -1,5 +1,5 @@
-import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { m as _fails, i as _toObject, j as _iobject, t as _objectKeys, f as _descriptors, _ as _export, a as _core } from './core.get-iterator-method-ea258bb1.js';
+import { u as unwrapExports, c as createCommonjsModule } from './_commonjsHelpers-0c4b6f40.js';
+import { m as _fails, i as _toObject, j as _iobject, v as _objectKeys, f as _descriptors, _ as _export, a as _core } from './core.get-iterator-method-2623c4c7.js';
 import { _ as _objectGops, a as _objectPie } from './_object-pie-133f504a.js';
 
 // 19.1.2.1 Object.assign(target, source, ...)
@@ -53,31 +53,4 @@ module.exports = { "default": assign$1, __esModule: true };
 
 var _Object$assign = unwrapExports(assign);
 
-var _extends = createCommonjsModule(function (module, exports) {
-
-exports.__esModule = true;
-
-
-
-var _assign2 = _interopRequireDefault(assign);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = _assign2.default || function (target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i];
-
-    for (var key in source) {
-      if (Object.prototype.hasOwnProperty.call(source, key)) {
-        target[key] = source[key];
-      }
-    }
-  }
-
-  return target;
-};
-});
-
-var _extends$1 = unwrapExports(_extends);
-
-export { _extends$1 as _, _Object$assign as a, _extends as b };
+export { _Object$assign as _, assign as a };

package/dist/esm/{asyncToGenerator-958ef5fc.js → asyncToGenerator-b799d461.js}

@@ -1,8 +1,8 @@
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { s as core_getIteratorMethod, e as _ctx, k as _toLength, v as _anObject, h as _wks, q as _aFunction, l as _global, G as _cof, H as _domCreate, I as _html, b as _isObject, n as _hide, a as _core, f as _descriptors, c as _objectDp, p as _classof, _ as _export, o as _setToStringTag } from './core.get-iterator-method-ea258bb1.js';
-import './web.dom.iterable-ab4dea5c.js';
+import { s as core_getIteratorMethod, e as _ctx, k as _toLength, u as _anObject, h as _wks, q as _aFunction, l as _global, G as _cof, H as _domCreate, I as _html, b as _isObject, n as _hide, a as _core, f as _descriptors, c as _objectDp, p as _classof, _ as _export, o as _setToStringTag } from './core.get-iterator-method-2623c4c7.js';
+import './web.dom.iterable-357ab671.js';
 import { _ as _library } from './_library-528f1934.js';
-import { a as _isArrayIter, b as _iterCall, _ as _iterDetect } from './_iter-detect-98db3b07.js';
+import { a as _isArrayIter, b as _iterCall, _ as _iterDetect } from './_iter-detect-c9bd22b3.js';
 
 var runtime = createCommonjsModule(function (module) {
 /**

package/dist/esm/{core.get-iterator-method-ea258bb1.js → core.get-iterator-method-2623c4c7.js}

@@ -544,4 +544,4 @@ var core_getIteratorMethod = _core.getIteratorMethod = function (it) {
     || _iterators[_classof(it)];
 };
 
-export { _ie8DomDefine as A, _has as B, _shared as C, _uid as D, _redefine as E, _iterators as F, _cof as G, _domCreate as H, _html as I, _export as _, _core as a, _isObject as b, _objectDp as c, _objectCreate as d, _ctx as e, _descriptors as f, _iterDefine as g, _wks as h, _toObject as i, _iobject as j, _toLength as k, _global as l, _fails as m, _hide as n, _setToStringTag as o, _classof as p, _aFunction as q, _propertyDesc as r, core_getIteratorMethod as s, _objectKeys as t, _objectGpo as u, _anObject as v, _enumBugKeys as w, _objectKeysInternal as x, _toIobject as y, _toPrimitive as z };
+export { _ie8DomDefine as A, _has as B, _shared as C, _uid as D, _redefine as E, _iterators as F, _cof as G, _domCreate as H, _html as I, _export as _, _core as a, _isObject as b, _objectDp as c, _objectCreate as d, _ctx as e, _descriptors as f, _iterDefine as g, _wks as h, _toObject as i, _iobject as j, _toLength as k, _global as l, _fails as m, _hide as n, _setToStringTag as o, _classof as p, _aFunction as q, _propertyDesc as r, core_getIteratorMethod as s, _objectGpo as t, _anObject as u, _objectKeys as v, _enumBugKeys as w, _objectKeysInternal as x, _toIobject as y, _toPrimitive as z };

package/dist/esm/{define-property-5f1bda73.js → define-property-615946df.js}

@@ -1,5 +1,5 @@
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { _ as _export, c as _objectDp, f as _descriptors, a as _core } from './core.get-iterator-method-ea258bb1.js';
+import { _ as _export, c as _objectDp, f as _descriptors, a as _core } from './core.get-iterator-method-2623c4c7.js';
 
 // 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)
 _export(_export.S + _export.F * !_descriptors, 'Object', { defineProperty: _objectDp.f });