@mjhls/mjh-framework 1.0.401 → 1.0.403

package/dist/esm/IssueDeck.js

@@ -1,14 +1,30 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import React__default from 'react';
+import './_to-object-1b1f7766.js';
+import './web.dom.iterable-e6bf2bf6.js';
+import './_iter-detect-7c281f0a.js';
+import { _ as _toConsumableArray } from './toConsumableArray-c5e2fde8.js';
+import './_object-pie-33c40e79.js';
+import { _ as _extends } from './extends-92072fff.js';
+import React__default, { useState, useRef, useEffect } from 'react';
 import 'prop-types';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
+import { I as InfiniteScroll } from './index.es-938a3a58.js';
 import 'react-dom';
 import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
+import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
 import Button from 'react-bootstrap/Button';
 
+var usePrevious = function usePrevious(value) {
+  var ref = useRef();
+  useEffect(function () {
+    ref.current = value;
+  });
+  return ref.current;
+};
+
 var IssueDeck = function IssueDeck(props) {
   var data = props.data,
       href = props.href,
@@ -16,8 +32,36 @@ var IssueDeck = function IssueDeck(props) {
       imageWidth = props.imageWidth,
       Website = props.Website,
       client = props.client,
-      publication = props.publication;
+      publication = props.publication,
+      query = props.query,
+      params = props.params;
+
+  var _useState = useState(params ? params.count : 0),
+      _useState2 = _slicedToArray(_useState, 1),
+      count = _useState2[0];
+
+  var _useState3 = useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      scrolling = _useState4[0],
+      setScrolling = _useState4[1];
+
+  var _useState5 = useState(data),
+      _useState6 = _slicedToArray(_useState5, 2),
+      issuesData = _useState6[0],
+      setIssuesData = _useState6[1];
+
+  var _useState7 = useState({
+    from: params ? params.from : 0,
+    to: params ? params.to : 0,
+    page: 1
+  }),
+      _useState8 = _slicedToArray(_useState7, 2),
+      values = _useState8[0],
+      setValues = _useState8[1];
 
+  var deckRef = useRef(null);
+
+  var prevValues = usePrevious(values);
 
   var urlFor = function urlFor(source) {
     var builder = imageUrlBuilder(client);
@@ -35,120 +79,172 @@ var IssueDeck = function IssueDeck(props) {
     }
   };
 
+  var loadMore = function loadMore() {
+    setValues({
+      page: values.page + 1,
+      from: values.from + count,
+      to: values.to + count
+    });
+  };
+
+  var loadData = function loadData(values, query, client, params, setIssuesData, setScrolling) {
+    params = _extends({}, params, {
+      from: values.from,
+      to: values.to
+    });
+
+    client.fetch(query, params).then(function (dataArr) {
+      if (!dataArr) {
+        dataArr = [];
+      }
+
+      dataArr = dataArr.map(function (item) {
+        return _extends({}, item, {
+          pageNumber: values.page
+        });
+      });
+
+      if (dataArr.length > 0) {
+        setIssuesData(function (prevData) {
+          return [].concat(_toConsumableArray(prevData), _toConsumableArray(dataArr));
+        });
+        setScrolling(true);
+      } else {
+        var parentScroll = document.getElementsByClassName('infinite-scroll-component')[0];
+        parentScroll.style.overflow = 'hidden';
+        setScrolling(false);
+      }
+    });
+  };
+
+  useEffect(function () {
+    if (prevValues) {
+      if (values.page !== prevValues.page && values.from !== prevValues.from && values.to !== prevValues.from) {
+        loadData(values, query, client, params, setIssuesData, setScrolling);
+      }
+    }
+  }, [values, prevValues, query, client, params, setIssuesData, setScrolling]);
+
   return React__default.createElement(
-    Row,
-    null,
-    data && data.length ? data.map(function (row, index) {
-      return publication && row.identifier && row.identifier.current && React__default.createElement(
-        Col,
-        { md: 12, lg: 12, key: index },
-        React__default.createElement(
-          Card,
-          { className: 'queue-card journal-queue', style: { borderTop: '1px solid #EEE' } },
+    InfiniteScroll,
+    { ref: deckRef, dataLength: issuesData && issuesData.length, next: function next() {
+        return loadMore();
+      }, hasMore: scrolling, scrollThreshold: 0.9 },
+    React__default.createElement(
+      Row,
+      null,
+      issuesData && issuesData.length ? issuesData.map(function (row, index) {
+        return publication && row.identifier && row.identifier.current && React__default.createElement(
+          Col,
+          { md: 12, lg: 12, key: index },
           React__default.createElement(
-            Row,
-            { style: { flexDirection: 'left' } },
+            Card,
+            { className: 'queue-card journal-queue', style: { borderTop: '1px solid #EEE' } },
             React__default.createElement(
-              Col,
-              { md: 12, lg: 4, className: 'body-image', style: { textAlign: 'center' } },
-              row.issues.length > 0 ? React__default.createElement(
-                'a',
-                { href: href + '/' + publication + '/' + row.identifier.current, style: { width: '100%' } },
-                row.thumbnail && React__default.createElement(
-                  LazyLoad,
-                  { height: imageHeight },
-                  React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
-                )
-              ) : React__default.createElement(
-                'a',
-                null,
-                row.thumbnail && React__default.createElement(
-                  LazyLoad,
-                  { height: imageHeight },
-                  React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
+              Row,
+              { style: { flexDirection: 'left' } },
+              React__default.createElement(
+                Col,
+                { md: 12, lg: 4, className: 'body-image', style: { textAlign: 'center' } },
+                row.issues.length > 0 ? React__default.createElement(
+                  'a',
+                  { href: href + '/' + publication + '/' + row.identifier.current, style: { width: '100%' } },
+                  row.thumbnail && React__default.createElement(
+                    LazyLoad,
+                    { height: imageHeight },
+                    React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
+                  )
+                ) : React__default.createElement(
+                  'a',
+                  null,
+                  row.thumbnail && React__default.createElement(
+                    LazyLoad,
+                    { height: imageHeight },
+                    React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name, style: { objectFit: 'contain' } })
+                  )
                 )
-              )
-            ),
-            React__default.createElement(
-              Col,
-              { md: 12, lg: 8 },
+              ),
               React__default.createElement(
-                Card.Body,
-                { style: { padding: '20px' }, className: 'body-text' },
+                Col,
+                { md: 12, lg: 8 },
                 React__default.createElement(
-                  Row,
-                  null,
+                  Card.Body,
+                  { style: { padding: '20px' }, className: 'body-text' },
                   React__default.createElement(
-                    Col,
+                    Row,
                     null,
                     React__default.createElement(
-                      Card.Title,
+                      Col,
                       null,
-                      row.name
+                      React__default.createElement(
+                        Card.Title,
+                        null,
+                        row.name
+                      )
                     )
-                  )
-                ),
-                React__default.createElement(
-                  Row,
-                  null,
+                  ),
                   React__default.createElement(
-                    Col,
+                    Row,
                     null,
                     React__default.createElement(
-                      'div',
+                      Col,
                       null,
-                      'Volume: ',
-                      row.volume
+                      React__default.createElement(
+                        'div',
+                        null,
+                        'Volume: ',
+                        row.volume
+                      )
                     )
-                  )
-                ),
-                React__default.createElement(
-                  Row,
-                  null,
+                  ),
                   React__default.createElement(
-                    Col,
+                    Row,
                     null,
                     React__default.createElement(
-                      'div',
+                      Col,
                       null,
-                      'Number: ',
-                      row.number
-                    )
-                  )
-                ),
-                React__default.createElement(
-                  Row,
-                  null,
-                  row.issues.length > 0 && React__default.createElement(
-                    'a',
-                    { style: { paddingRight: '15px', paddingLeft: '15px' }, href: href + '/' + publication + '/' + row.identifier.current },
-                    React__default.createElement(
-                      Button,
-                      { style: { marginTop: '20px', marginRight: '1rem' }, variant: 'secondary' },
-                      'View Issue'
+                      React__default.createElement(
+                        'div',
+                        null,
+                        'Number: ',
+                        row.number
+                      )
                     )
                   ),
-                  row.pdf && row.pdf.asset && React__default.createElement(
-                    'a',
-                    { href: row.pdf.asset.url, target: '_blank', className: 'btn btn-primary', style: { marginTop: '20px' } },
-                    'Download Issue'
+                  React__default.createElement(
+                    Row,
+                    null,
+                    row.issues.length > 0 && React__default.createElement(
+                      'a',
+                      { style: { paddingRight: '15px', paddingLeft: '15px' }, href: href + '/' + publication + '/' + row.identifier.current },
+                      React__default.createElement(
+                        Button,
+                        { style: { marginTop: '20px', marginRight: '1rem' }, variant: 'secondary' },
+                        'View Issue'
+                      )
+                    ),
+                    row.pdf && row.pdf.asset && React__default.createElement(
+                      'a',
+                      { href: row.pdf.asset.url, target: '_blank', className: 'btn btn-primary', style: { marginTop: '20px' } },
+                      'Download Issue'
+                    )
                   )
                 )
               )
             )
           )
-        )
-      );
-    }) : React__default.createElement(
-      'div',
-      null,
-      React__default.createElement(
-        'h5',
+        );
+      }) : React__default.createElement(
+        'div',
         null,
         React__default.createElement(
-          'em',
-          { className: 'pl-3' },
-          'New content coming soon, please check back later.'
+          'h5',
+          null,
+          React__default.createElement(
+            'em',
+            { className: 'pl-3' },
+            'New content coming soon, please check back later.'
+          )
         )
       )
     )

package/dist/esm/MasterDeck.js

@@ -2,8 +2,8 @@ import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-1b1f7766.js';
 import './web.dom.iterable-e6bf2bf6.js';
 import './_library-528f1934.js';
-import { m as main_39 } from './main-25bb2c75.js';
-import { _ as _toConsumableArray } from './toConsumableArray-d7054876.js';
+import './_iter-detect-7c281f0a.js';
+import { _ as _toConsumableArray } from './toConsumableArray-c5e2fde8.js';
 import './_object-pie-33c40e79.js';
 import { _ as _extends } from './extends-92072fff.js';
 import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-dfba24f5.js';
@@ -17,10 +17,12 @@ import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
 import './moment-12415288.js';
 import { withRouter } from 'next/router';
-import { V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-49d5805d.js';
+import { I as InfiniteScroll } from './index.es-938a3a58.js';
 import 'react-dom';
+import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
 import './index-51a80699.js';
-import { d as _Promise } from './promise-5d7cd78a.js';
+import { m as main_39 } from './main-7d1b3c98.js';
+import { d as _Promise } from './promise-2592a80a.js';
 
 var MasterDeck = function (_React$Component) {
   _inherits(MasterDeck, _React$Component);
@@ -196,7 +198,7 @@ var MasterDeck = function (_React$Component) {
       return React__default.createElement(
         'div',
         null,
-        _this.state.data && _this.state.data.map(function (row, index) {
+        _this.state.data && _this.state.data.length > 0 ? _this.state.data.map(function (row, index) {
           var pageNumber = row.pageNumber || _this.state.page;
 
           return React__default.createElement(
@@ -220,7 +222,19 @@ var MasterDeck = function (_React$Component) {
               )
             )
           );
-        })
+        }) : React__default.createElement(
+          'div',
+          null,
+          React__default.createElement(
+            'h5',
+            null,
+            React__default.createElement(
+              'em',
+              null,
+              'New content coming soon, please check back later.'
+            )
+          )
+        )
       );
     }, _this.renderMobileAd = function (index, numberOfItemsBeforeAd, rightItems) {
       var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;

package/dist/esm/{Normal-fe65159c.js → Normal-b8c423e3.js}

@@ -1,10 +1,11 @@
-import { m as main_39, c as main_40 } from './main-25bb2c75.js';
 import React__default, { useState, useEffect, useRef } from 'react';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
+import { useRouter } from 'next/router';
+import { m as main_39, c as main_40 } from './main-7d1b3c98.js';
 import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
-import { D as DFPAdSlot } from './AdSlot-c3ed3214.js';
+import { D as DFPAdSlot } from './AdSlot-78e48a2c.js';
 import { g as get_1 } from './get-53653403.js';
 import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
 import { Dropdown } from 'react-bootstrap';
@@ -181,6 +182,84 @@ var Column2 = function Column2(props) {
   );
 };
 
+var ADSponsoredResources = function ADSponsoredResources(_ref) {
+  var sponsoredAd = _ref.sponsoredAd,
+      _ref$minScreenWidth = _ref.minScreenWidth,
+      minScreenWidth = _ref$minScreenWidth === undefined ? 1200 : _ref$minScreenWidth;
+  var className = sponsoredAd.className,
+      slotId = sponsoredAd.slotId,
+      adUnit = sponsoredAd.adUnit,
+      _sponsoredAd$targetin = sponsoredAd.targeting,
+      targeting = _sponsoredAd$targetin === undefined ? {} : _sponsoredAd$targetin,
+      _sponsoredAd$position = sponsoredAd.position,
+      position = _sponsoredAd$position === undefined ? 'sponsor' : _sponsoredAd$position,
+      networkID = sponsoredAd.networkID,
+      sizes = sponsoredAd.sizes;
+
+
+  var adTargeting = {
+    content_placement: targeting.content_placement,
+    tags: targeting.tags,
+    document_group: targeting.document_group,
+    document_url: targeting.document_url,
+    pos: position,
+    campaign_id: targeting.campaign_id,
+    issue_url: targeting.issue_url,
+    publication_url: targeting.publication_url
+  };
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      widthFlag = _useState2[0],
+      setWidthFlag = _useState2[1];
+
+  useEffect(function () {
+    if (window && window.innerWidth >= minScreenWidth) {
+      setWidthFlag(true);
+    }
+  }, [minScreenWidth]);
+
+  var collapseAd = function collapseAd() {
+    var parent = document.getElementById('sponsored-ad-wrapper');
+    parent.style.height = '0%';
+    parent.style.width = '0%';
+    parent.style.display = 'none';
+  };
+
+  var checkIsAdFound = function checkIsAdFound(isFound) {
+    if (isFound) {
+      var parent = document.getElementById('sponsored-ad-wrapper');
+      parent.style.display = 'block';
+    } else {
+      collapseAd();
+    }
+  };
+  if (widthFlag) {
+    return React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement(
+        'div',
+        { id: 'sponsored-ad-wrapper', className: 'sponsored-ad-wrapper' },
+        React__default.createElement(
+          'div',
+          { className: 'sponsored-ad' },
+          React__default.createElement(DFPAdSlot, {
+            className: className,
+            slotId: slotId,
+            networkID: networkID,
+            sizes: sizes,
+            adUnit: adUnit,
+            targeting: adTargeting,
+            refreshFlag: false,
+            checkIsAdFound: checkIsAdFound
+          })
+        )
+      )
+    );
+  } else return null;
+};
+
 var LeftNav = function LeftNav(props) {
   var leftItems = props.leftItems,
       _props$fixedHeight = props.fixedHeight,
@@ -368,6 +447,7 @@ var Column3 = function Column3(props) {
         Col,
         { md: true, className: 'leftCol', style: { width: '200px' } },
         React__default.createElement(LeftNav$1, { leftItems: leftItems }),
+        website && website.sponsoredAd && React__default.createElement(ADSponsoredResources, { sponsoredAd: website.sponsoredAd }),
         website && website.sideFooterContent && website.sideFooterContent.length && website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website, cache: website.cache, logo: logo })
       ),
       React__default.createElement(
@@ -2078,7 +2158,22 @@ var TemplateNormal = function TemplateNormal(props) {
       showRightAd = props.showRightAd,
       sponsoredFlag = props.sponsoredFlag;
 
+  var router = useRouter();
+
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentPage = _useState2[0],
+      setCurrentPage = _useState2[1];
 
+  useEffect(function () {
+    router.asPath && router.asPath.split('?').forEach(function (item) {
+      if (item.includes('page=')) {
+        setCurrentPage(item.split('=')[1]);
+      } else {
+        setCurrentPage(0);
+      }
+    });
+  }, [router]);
   var navigation = function navigation() {
     switch (config.navComponent) {
       case 'normal':
@@ -2147,7 +2242,12 @@ var TemplateNormal = function TemplateNormal(props) {
   return React__default.createElement(
     'section',
     null,
-    React__default.createElement(Header$1, { title: title ? title + ' | ' + website.title : '' + website.title, isLiveSite: config.isLiveSite, keyword: keywords, description: description }),
+    React__default.createElement(Header$1, {
+      title: title ? title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : '') + '| ' + website.title : website.title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : ''),
+      isLiveSite: config.isLiveSite,
+      keyword: keywords,
+      description: description + ('' + (router && router.query && router.query.page ? '| Page ' + router.query.page : ''))
+    }),
     navigation(),
     sponsoredFlag ? React__default.createElement('div', { style: { height: '50px' } }) : React__default.createElement(
       React__default.Fragment,
@@ -2166,4 +2266,4 @@ var TemplateNormal = function TemplateNormal(props) {
   );
 };
 
-export { AD728x90 as A, Column1 as C, Header$1 as H, LeftNav$1 as L, MdPictureAsPdf as M, NavNative as N, PageFilter as P, Search as S, TemplateNormal as T, Column2 as a, Column3 as b, MagazineNav as c, NavNormal as d, NavDvm as e, HamMagazine as f, SideFooter as g };
+export { AD728x90 as A, Column1 as C, Header$1 as H, LeftNav$1 as L, MdPictureAsPdf as M, NavNative as N, PageFilter as P, Search as S, TemplateNormal as T, Column2 as a, Column3 as b, MagazineNav as c, NavNormal as d, NavDvm as e, HamMagazine as f, ADSponsoredResources as g, SideFooter as h };

package/dist/esm/QueueDeckExpanded.js

@@ -2,8 +2,8 @@ import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-1b1f7766.js';
 import './web.dom.iterable-e6bf2bf6.js';
 import './_library-528f1934.js';
-import { m as main_39 } from './main-25bb2c75.js';
-import { _ as _toConsumableArray } from './toConsumableArray-d7054876.js';
+import './_iter-detect-7c281f0a.js';
+import { _ as _toConsumableArray } from './toConsumableArray-c5e2fde8.js';
 import './_object-pie-33c40e79.js';
 import { _ as _extends } from './extends-92072fff.js';
 import React__default, { useState, useEffect, useRef } from 'react';
@@ -12,15 +12,17 @@ import 'prop-types';
 import 'react-bootstrap/Card';
 import { m as moment } from './moment-12415288.js';
 import { useRouter } from 'next/router';
-import { I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-49d5805d.js';
+import { I as InfiniteScroll } from './index.es-938a3a58.js';
 import 'react-dom';
+import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
 import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
+import { m as main_39 } from './main-7d1b3c98.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
-import './AdSlot-c3ed3214.js';
-import './promise-5d7cd78a.js';
-import { A as ADInfeed } from './ADInfeed-40adc8e0.js';
+import './AdSlot-78e48a2c.js';
+import './promise-2592a80a.js';
+import { A as ADInfeed } from './ADInfeed-e5cefea5.js';
 import { A as AuthorComponent } from './AuthorComponent-c9e46673.js';
 import { Container, Media } from 'react-bootstrap';
 

package/dist/esm/{TaxonomyCard-12f0a90a.js → TaxonomyCard-b29aa7ac.js}

@@ -980,7 +980,14 @@ var TaxonomyCard = function TaxonomyCard(props) {
 
           var socialLinks = [linkedIn, twitter, facebook];
           var address = [address1, address2, city, state, zip, country];
-          var companyDetails = [{ key: 'company', value: company }, { key: 'url', value: website }, { key: 'email', value: email }, { key: 'url', value: extraURL1 }, { key: 'url', value: extraURL2 }, { key: 'url', value: extraURL3 }, { key: 'url', value: extraURL4 }];
+          var companyDetails = [];
+          company && companyDetails.push({ key: 'company', value: company });
+          website && companyDetails.push({ key: 'url', value: website });
+          email && companyDetails.push({ key: 'email', value: email });
+          extraURL1 && companyDetails.push({ key: 'url', value: extraURL1 });
+          extraURL2 && companyDetails.push({ key: 'url', value: extraURL2 });
+          extraURL3 && companyDetails.push({ key: 'url', value: extraURL3 });
+          extraURL4 && companyDetails.push({ key: 'url', value: extraURL4 });
           return React__default.createElement(
             Col,
             { key: itemCounter, md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },

package/dist/esm/TaxonomyCard.js

@@ -11,5 +11,5 @@ import 'react-bootstrap/Card';
 import 'react-dom';
 import './index-51a80699.js';
 import './index-5f9f807a.js';
-export { T as default } from './TaxonomyCard-12f0a90a.js';
+export { T as default } from './TaxonomyCard-b29aa7ac.js';
 import './react-social-icons-a7d5c5c7.js';

package/dist/esm/TemplateNormal.js

@@ -2,22 +2,24 @@ import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-1b1f7766.js';
 import './web.dom.iterable-e6bf2bf6.js';
 import './_library-528f1934.js';
-import './main-25bb2c75.js';
+import './_iter-detect-7c281f0a.js';
 import 'react';
 import './debounce-df468b0e.js';
 import 'prop-types';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
+import 'next/router';
+import './main-7d1b3c98.js';
 import './slicedToArray-04e02710.js';
-import './AdSlot-c3ed3214.js';
-import './promise-5d7cd78a.js';
+import './AdSlot-78e48a2c.js';
+import './promise-2592a80a.js';
 import './get-53653403.js';
 import './react-social-icons-a7d5c5c7.js';
 import 'react-bootstrap';
 import './index.esm-536609db.js';
 import 'react-bootstrap/Button';
-export { T as default } from './Normal-fe65159c.js';
+export { T as default } from './Normal-b8c423e3.js';
 import 'react-bootstrap/ListGroup';
 import 'next/head';
 import 'react-bootstrap/Nav';

package/dist/esm/VideoSeriesListing.js

@@ -12,8 +12,9 @@ import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import './moment-12415288.js';
 import { withRouter } from 'next/router';
-import { I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-49d5805d.js';
+import { I as InfiniteScroll } from './index.es-938a3a58.js';
 import 'react-dom';
+import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
 import './index-51a80699.js';
 import './index-5f9f807a.js';
 import './slicedToArray-04e02710.js';