@mjhls/mjh-framework 1.0.1005-next12-0003 → 1.0.1005-sap-context-test

package/dist/esm/Segment.js

@@ -1 +1,450 @@
-import"./index-663f3f10.js";export{S as default}from"./segment-lib-563b26a6.js";
+import { a as _Promise, _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-958ef5fc.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-ea258bb1.js';
+import './web.dom.iterable-ab4dea5c.js';
+import './_library-528f1934.js';
+import './_iter-detect-98db3b07.js';
+
+require('babel-polyfill');
+
+var Segment = {
+  identify: function identify(eKey) {
+    if (!eKey) {
+      throw new Error('eKey is not present');
+    }
+
+    if (typeof analytics === 'undefined') {
+      console.error('Segment not initialized', analytics);
+      return;
+    }
+
+    var buff = Buffer.from(eKey, 'base64');
+    var email = buff.toString('ascii');
+
+    analytics.identify(eKey, {
+      email: email
+    });
+  },
+  identifyWithEmail: function identifyWithEmail(email) {
+    if (typeof analytics === 'undefined') {
+      console.error('Segment not initialized', analytics);
+      return;
+    }
+
+    var buff = Buffer.from(email, 'ascii');
+    var eKey = buff.toString('base64');
+
+    analytics.identify(eKey, {
+      email: email
+    });
+  },
+  identifyWithGroupAndEmail: function identifyWithGroupAndEmail(groupId, email, anonId) {
+    if (typeof analytics === 'undefined') {
+      console.error('Segment not initialized', analytics);
+      return;
+    }
+
+    // let buff = Buffer.from(email, 'ascii')
+    // const eKey = buff.toString('base64')
+
+    analytics.identify(anonId, {
+      groupId: groupId,
+      email: email
+    });
+  },
+  createGroup: function createGroup(groupId, anonId, groupName) {
+    if (typeof analytics === 'undefined') {
+      console.error('Segment not initialized', analytics);
+      return;
+    }
+
+    var buff = Buffer.from(groupId, 'ascii');
+    console.log('buff', buff);
+
+    var eKey = buff.toString('base64');
+    console.log('eKey', eKey);
+    _Promise.resolve(analytics.group(groupId, {
+      anonymousId: anonId,
+      name: groupName
+    })).then(function (data) {
+      return console.log('data', data);
+    }).catch(function (e) {
+      return console.log('Error: ' + e);
+    });
+  },
+  identifyWithGroup: function identifyWithGroup(groupId, anonId) {
+    if (!groupId) {
+      throw new Error('Argument is not present');
+    }
+
+    if (typeof analytics === 'undefined') {
+      console.error('Segment not initialized', analytics);
+      return;
+    }
+    _Promise.resolve(analytics.identify(anonId, {
+      groupId: groupId
+    })).then(function (res) {
+      return console.log('response', res);
+    });
+  },
+  getURL: function getURL(url) {
+    var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+
+    if (!data || !data.needSegmentSupport) {
+      return url;
+    }
+
+    if (typeof analytics === 'undefined') {
+      console.error('segment not defined');
+      return url;
+    }
+
+    if (!analytics || typeof analytics.user !== 'function') {
+      console.error('segment not defined: user function');
+      return url;
+    }
+
+    var user = analytics.user();
+    if (!user) {
+      console.log('segment user not defined');
+      return url;
+    }
+
+    var anonymouseId = user.anonymousId();
+    var eKey = user._getId();
+    if (eKey) {
+      url += (url.includes('?') ? '&' : '?') + 'ekey=' + eKey;
+    } else {
+      url += (url.includes('?') ? '&' : '?') + 'anonymousid=' + anonymouseId;
+    }
+
+    return url;
+  },
+  getIDs: function getIDs() {
+    var _this = this;
+
+    return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              return _context.abrupt('return', {});
+
+            case 1:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, _this);
+    }))();
+  },
+  getMeta: function getMeta(metaName) {
+    var metas = document.getElementsByTagName('meta');
+    for (var i = 0; i < metas.length; i++) {
+      if (metas[i].getAttribute('name') === metaName) {
+        var attributeContent = metas[i].getAttribute('content');
+        return attributeContent.split(',');
+      }
+    }
+
+    return '';
+  },
+  getOsano: function getOsano() {
+    var osano = {};
+    if (window && window.Osano && window.Osano.cm) {
+      osano.analytics = window.Osano.cm.analytics;
+      osano.locale = window.Osano.cm.locale;
+      osano.marketing = window.Osano.cm.marketing;
+      osano.mode = window.Osano.cm.mode;
+      osano.optOut = window.Osano.cm.optOut;
+      osano.personalization = window.Osano.cm.personalization;
+    }
+    return osano;
+  },
+  pageview: function pageview(domain) {
+    var _this2 = this;
+
+    var properties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
+      var urlParams, eKey, result, beam_id, session_id;
+      return regenerator.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!(typeof analytics === 'undefined')) {
+                _context2.next = 3;
+                break;
+              }
+
+              console.error('Segment not initialized', window);
+              return _context2.abrupt('return');
+
+            case 3:
+              if (!(window && window.location && window.location.search)) {
+                _context2.next = 9;
+                break;
+              }
+
+              urlParams = new URLSearchParams(window.location.search);
+              eKey = urlParams.get('eKey');
+
+              if (!eKey) {
+                _context2.next = 9;
+                break;
+              }
+
+              _context2.next = 9;
+              return _this2.identify(eKey);
+
+            case 9:
+              _context2.next = 11;
+              return _this2.getIDs();
+
+            case 11:
+              result = _context2.sent;
+              beam_id = result.beam_id ? result.beam_id : '';
+              session_id = result.session_id ? result.session_id : '';
+
+              analytics.track('pageviews', {
+                beamid: beam_id,
+                sessionid: session_id,
+                category: properties.category ? properties.category : '',
+                content_placement: properties.content_placement && properties.content_placement.length > 0 ? properties.content_placement : '',
+                document_group: properties.document_group && properties.document_group.length > 0 ? properties.document_group : '',
+                domain: domain,
+                keywords: _this2.getMeta('keywords'),
+                osano: _this2.getOsano()
+              });
+
+            case 15:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, _this2);
+    }))();
+  },
+  report_video_event: function report_video_event(action, deviceType, duration, current, segmentData) {
+    var videoType = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 'Youtube';
+    var brightCovePlayerID = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : '';
+
+    var _this3 = this;
+
+    var brightCoveAccountID = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : '';
+    var brightCoveVideoID = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : '';
+    return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3() {
+      var result, beam_id, session_id, domain, data;
+      return regenerator.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              if (!(typeof analytics === 'undefined')) {
+                _context3.next = 3;
+                break;
+              }
+
+              console.error('Segment not initialized');
+              return _context3.abrupt('return');
+
+            case 3:
+              _context3.next = 5;
+              return _this3.getIDs();
+
+            case 5:
+              result = _context3.sent;
+              beam_id = result.beam_id ? result.beam_id : '';
+              session_id = result.session_id ? result.session_id : '';
+              domain = typeof window !== 'undefined' && window.location ? window.location.hostname : '';
+              data = {
+                beamid: beam_id,
+                sessionid: session_id,
+                domain: domain,
+                Devicetype: deviceType,
+                videoid: brightCoveVideoID,
+                title: '',
+                category: '',
+                videoplayer: videoType,
+                totalduration: duration,
+                currentduration: current,
+                segment: segmentData,
+                queue: Math.floor(duration / 10),
+                brightCovePlayerID: brightCovePlayerID,
+                brightCoveAccountID: brightCoveAccountID,
+                keywords: _this3.getMeta('keywords'),
+                osano: _this3.getOsano()
+              };
+
+
+              console.log('Segment ' + videoType, action, data);
+              analytics.track(action, data);
+
+            case 12:
+            case 'end':
+              return _context3.stop();
+          }
+        }
+      }, _callee3, _this3);
+    }))();
+  },
+  report_ad_event: function report_ad_event(action, deviceType, duration) {
+    var adType = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'brightcove';
+    var adId = arguments[4];
+
+    var _this4 = this;
+
+    var brightCovePlayerID = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : '';
+    var brightCoveAccountID = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : '';
+    return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee4() {
+      var result, beam_id, session_id, domain, data;
+      return regenerator.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              if (!(typeof analytics === 'undefined')) {
+                _context4.next = 3;
+                break;
+              }
+
+              console.error('Segment not initialized');
+              return _context4.abrupt('return');
+
+            case 3:
+              _context4.next = 5;
+              return _this4.getIDs();
+
+            case 5:
+              result = _context4.sent;
+              beam_id = result.beam_id ? result.beam_id : '';
+              session_id = result.session_id ? result.session_id : '';
+              domain = typeof window !== 'undefined' && window.location ? window.location.hostname : '';
+              data = {
+                beamid: beam_id,
+                sessionid: session_id,
+                domain: domain,
+                Devicetype: deviceType,
+                title: '',
+                category: '',
+                adType: adType,
+                totalduration: duration,
+                adId: adId,
+                brightCovePlayerID: brightCovePlayerID,
+                brightCoveAccountID: brightCoveAccountID,
+                keywords: _this4.getMeta('keywords'),
+                osano: _this4.getOsano()
+              };
+
+
+              console.log('Segment ' + adType, action, data);
+              analytics.track(action, data);
+
+            case 12:
+            case 'end':
+              return _context4.stop();
+          }
+        }
+      }, _callee4, _this4);
+    }))();
+  },
+  adClicked: function adClicked(domain, advertiserid, campaignid, creativeid, itemid, size, isemptyline, sourceAgnosticCreativeId, sourceAgnosticlineId) {
+    var _this5 = this;
+
+    return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee5() {
+      var result, beam_id, session_id;
+      return regenerator.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              if (!(typeof analytics === 'undefined')) {
+                _context5.next = 3;
+                break;
+              }
+
+              console.error('Segment not initialized');
+              return _context5.abrupt('return');
+
+            case 3:
+              _context5.next = 5;
+              return _this5.getIDs();
+
+            case 5:
+              result = _context5.sent;
+              beam_id = result.beam_id ? result.beam_id : '';
+              session_id = result.session_id ? result.session_id : '';
+
+              analytics.track('Ad Clicked', {
+                beamid: beam_id,
+                sessionid: session_id,
+                advertiserid: advertiserid,
+                campaignid: campaignid,
+                creativeid: creativeid,
+                itemid: itemid,
+                size: size,
+                isemptyline: isemptyline,
+                sourceAgnosticCreativeId: sourceAgnosticCreativeId,
+                sourceAgnosticlineId: sourceAgnosticlineId,
+                domain: domain,
+                keywords: _this5.getMeta('keywords'),
+                osano: _this5.getOsano()
+              });
+
+            case 9:
+            case 'end':
+              return _context5.stop();
+          }
+        }
+      }, _callee5, _this5);
+    }))();
+  },
+  adViewed: function adViewed(domain, advertiserid, campaignid, creativeid, itemid, size, isemptyline, sourceAgnosticCreativeId, sourceAgnosticlineId) {
+    var _this6 = this;
+
+    return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee6() {
+      var result, beam_id, session_id;
+      return regenerator.wrap(function _callee6$(_context6) {
+        while (1) {
+          switch (_context6.prev = _context6.next) {
+            case 0:
+              if (!(typeof analytics === 'undefined')) {
+                _context6.next = 3;
+                break;
+              }
+
+              console.error('Segment not initialized');
+              return _context6.abrupt('return');
+
+            case 3:
+              _context6.next = 5;
+              return _this6.getIDs();
+
+            case 5:
+              result = _context6.sent;
+              beam_id = result.beam_id ? result.beam_id : '';
+              session_id = result.session_id ? result.session_id : '';
+
+              analytics.track('Impression Viewed', {
+                beamid: beam_id,
+                sessionid: session_id,
+                advertiserid: advertiserid,
+                campaignid: campaignid,
+                creativeid: creativeid,
+                itemid: itemid,
+                size: size,
+                isemptyline: isemptyline,
+                sourceAgnosticCreativeId: sourceAgnosticCreativeId,
+                sourceAgnosticlineId: sourceAgnosticlineId,
+                domain: domain,
+                keywords: _this6.getMeta('keywords'),
+                osano: _this6.getOsano()
+              });
+
+            case 9:
+            case 'end':
+              return _context6.stop();
+          }
+        }
+      }, _callee6, _this6);
+    }))();
+  }
+};
+
+export { Segment as default };

package/dist/esm/SeriesListingDeck.js

@@ -1 +1,243 @@
-import{_ as e}from"./extends-464f0b6e.js";import{t}from"./toConsumableArray-25e5c43c.js";import{d as r}from"./defineProperty-9f9de5d0.js";import{s as n}from"./slicedToArray-c92cae3a.js";import o,{useState as a,useEffect as i,useRef as c}from"react";import{useRouter as s}from"next/router";import{DFPManager as l}from"react-dfp";import m from"react-infinite-scroll-component";import{S as p}from"./SeriesSlider-21d0daf6.js";import f from"react-visibility-sensor";import"./unsupportedIterableToArray-dc74e326.js";import"get-youtube-id";import"react-lazyload";import"smoothscroll-polyfill";import"./urlFor-b366f69d.js";import"@sanity/image-url";import"react-device-detect";function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=function(r){var u,g,h=r.data,b=r.client,y=r.query,v=r.params,j=r.identifier,O=r.currentPage,E=r.pageview,P=a(v?v.count:0),w=n(P,1)[0],N=a(!0),k=n(N,2),x=k[0],S=k[1],I=a(h.series),C=n(I,2),D=C[0],A=C[1],B=a(O||1),T=n(B,2),_=T[0],z=T[1],M=a({from:v?v.from:0,to:v?v.to:0,page:1}),q=n(M,2),F=q[0],L=q[1],V=(u=F,g=c(),i((function(){g.current=u})),g.current),W=s();return i((function(){V&&F.page!==V.page&&F.from!==V.from&&F.to!==V.from&&function(e,r,n,o,a,i){o=d(d({},o),{},{from:e.from,to:e.to}),n.fetch(r,o).then((function(r){r.series||(r.series=[]),r.series=r.series.map((function(t){return d(d({},t),{},{pageNumber:e.page})})),r.series.length>0?(a((function(e){return[].concat(t(e),t(r.series))})),i(!0)):(document.getElementsByClassName("infinite-scroll-component")[0].style.overflow="hidden",i(!1))}))}(F,y,b,v,A,S)}),[F,V,y,b,v,A,S]),i((function(){D.length<w&&(document.getElementsByClassName("infinite-scroll-component")[0].style.overflow="hidden",S(!1))}),[D,S,w]),o.createElement(m,{dataLength:D&&D.length,next:function(){L({page:F.page+1,from:parseInt(F.from)+parseInt(w),to:parseInt(F.to)+parseInt(w)})},hasMore:x,scrollThreshold:.9},o.createElement("div",null,D&&D.length?o.createElement("div",null,D.map((function(t,n){return o.createElement(f,{key:t._id?t._id:n,partialVisibility:!0,onChange:function(e){e&&function(e,t,r){if(e){var n=W.asPath,o=n.indexOf("?"),a=W.pathname,i="";o>0&&(n=n.substring(1,o),W.asPath.substring(o+1).split("&").map((function(e){var t=e.split("="),r=t[0],n=t[1];"page"!==r&&(i+=(0===i.length?"":"&")+r+"="+n)}))),i.length>0&&(n+="?"+i);var c=Number(t);if(e=Math.ceil((c+1)/6),_!==e){l.refresh(),z(e),"/"!==n[0]&&(n="/"+n);var s=1===e?"".concat(n):"".concat(n).concat(i.length>0?"&":"?","page=").concat(e);r&&r(s),W.push(a,s,{shallow:!0})}}}(_,n,E)}},o.createElement("div",{className:"mb-5",key:t.name},o.createElement("div",{style:{fontSize:"20px",fontWeight:"bold",borderBottom:"1px solid #eee",margin:"0 .5rem",color:"373a3c"}},o.createElement("a",{href:"/".concat(j,"/").concat(t.identifier.current)},t.name)),t.articles&&0==t.articles.length&&o.createElement("p",{className:"mt-2 ml-2"},"Please check back for more content."),t.articles&&t.articles.length>0&&o.createElement(p,e({},r,{dataset:t.articles,client:b}))))}))):o.createElement("div",null,o.createElement("h5",null,o.createElement("em",{className:"pl-3"},"New content coming soon, please check back later.")))))};export{g as default};
+import { _ as _toConsumableArray } from './toConsumableArray-f7074d7c.js';
+import { _ as _extends } from './extends-6d8e3924.js';
+import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
+import React__default, { useState, useEffect, useRef } from 'react';
+import { useRouter } from 'next/router';
+import { l as lib_3 } from './index-f0fc23eb.js';
+import { I as InfiniteScroll } from './index.es-a6137319.js';
+import { S as SeriesSlider } from './SeriesSlider-f771e20d.js';
+import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-ea258bb1.js';
+import './_iter-detect-98db3b07.js';
+import './_object-pie-133f504a.js';
+import './web.dom.iterable-ab4dea5c.js';
+import './events-6c3a7a63.js';
+import 'prop-types';
+import './index-c7e2ac95.js';
+import './index-755f2cc2.js';
+import 'react-dom';
+import './smoothscroll-fa4e3f8c.js';
+import './urlFor.js';
+import './index-3f5c03b2.js';
+import './main-1894c974.js';
+
+var usePrevious = function usePrevious(value) {
+  var ref = useRef();
+  useEffect(function () {
+    ref.current = value;
+  });
+  return ref.current;
+};
+
+var SeriesListingDeck = function SeriesListingDeck(props) {
+  var data = props.data,
+      client = props.client,
+      query = props.query,
+      params = props.params,
+      parentIdentifier = props.identifier,
+      initialCurrentPage = props.currentPage,
+      pageview = props.pageview;
+
+  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.series),
+      _useState6 = _slicedToArray(_useState5, 2),
+      seriesData = _useState6[0],
+      setSeriesData = _useState6[1];
+
+  var _useState7 = useState(initialCurrentPage || 1),
+      _useState8 = _slicedToArray(_useState7, 2),
+      currentPage = _useState8[0],
+      setCurrentPage = _useState8[1];
+
+  var _useState9 = useState({
+    from: params ? params.from : 0,
+    to: params ? params.to : 0,
+    page: 1
+  }),
+      _useState10 = _slicedToArray(_useState9, 2),
+      values = _useState10[0],
+      setValues = _useState10[1];
+
+  var prevValues = usePrevious(values);
+
+  var router = useRouter();
+
+  var loadMore = function loadMore() {
+    setValues({
+      page: values.page + 1,
+      from: parseInt(values.from) + parseInt(count),
+      to: parseInt(values.to) + parseInt(count)
+    });
+  };
+
+  var changePageNumber = function changePageNumber(pageNumber, arrIndex, pageview) {
+    if (pageNumber) {
+      var path = router.asPath;
+      var qrIndex = path.indexOf('?');
+      var pathname = router.pathname;
+      var queryString = '';
+
+      if (qrIndex > 0) {
+        path = path.substring(1, qrIndex);
+
+        var partialQS = router.asPath.substring(qrIndex + 1);
+        var partialQSArr = partialQS.split('&');
+
+        // exclude page=xxx from query string
+        partialQSArr.map(function (item) {
+          var itemArr = item.split('=');
+          var key = itemArr[0];
+          var val = itemArr[1];
+
+          if (key !== 'page') {
+            queryString += (queryString.length === 0 ? '' : '&') + key + '=' + val;
+          }
+        });
+      }
+
+      if (queryString.length > 0) {
+        path += '?' + queryString;
+      }
+
+      // pageNumber = parseInt(pageNumber)
+      var index = Number(arrIndex);
+      var perPage = 6;
+
+      pageNumber = Math.ceil((index + 1) / perPage);
+
+      if (currentPage !== pageNumber) {
+        lib_3.refresh();
+
+        setCurrentPage(pageNumber);
+        if (path[0] !== '/') {
+          path = '/' + path;
+        }
+
+        var newPath = pageNumber === 1 ? '' + path : '' + path + (queryString.length > 0 ? '&' : '?') + 'page=' + pageNumber;
+
+        if (pageview) {
+          pageview(newPath);
+        }
+
+        router.push(pathname, newPath, {
+          shallow: true
+        });
+      }
+    }
+  };
+
+  var loadData = function loadData(values, query, client, params, setSeriesData, setScrolling) {
+    params = _extends({}, params, {
+      from: values.from,
+      to: values.to
+    });
+
+    client.fetch(query, params).then(function (dataArr) {
+      if (!dataArr.series) {
+        dataArr.series = [];
+      }
+
+      dataArr.series = dataArr.series.map(function (item) {
+        return _extends({}, item, {
+          pageNumber: values.page
+        });
+      });
+
+      if (dataArr.series.length > 0) {
+        setSeriesData(function (prevData) {
+          var newArr = [].concat(_toConsumableArray(prevData), _toConsumableArray(dataArr.series));
+          return newArr;
+        });
+        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, setSeriesData, setScrolling);
+      }
+    }
+  }, [values, prevValues, query, client, params, setSeriesData, setScrolling]);
+
+  useEffect(function () {
+    if (seriesData.length < count) {
+      var parentScroll = document.getElementsByClassName('infinite-scroll-component')[0];
+      parentScroll.style.overflow = 'hidden';
+      setScrolling(false);
+    }
+  }, [seriesData, setScrolling, count]);
+
+  return React__default.createElement(
+    InfiniteScroll,
+    { dataLength: seriesData && seriesData.length, next: function next() {
+        return loadMore();
+      }, hasMore: scrolling, scrollThreshold: 0.9 },
+    React__default.createElement(
+      'div',
+      null,
+      seriesData && seriesData.length ? React__default.createElement(
+        'div',
+        null,
+        seriesData.map(function (series, index) {
+          return React__default.createElement(
+            VisibilitySensor,
+            {
+              key: series._id ? series._id : index,
+              partialVisibility: true,
+              onChange: function onChange(isVisible) {
+                isVisible && changePageNumber(currentPage, index, pageview);
+              } },
+            React__default.createElement(
+              'div',
+              { className: 'mb-5', key: series.name },
+              React__default.createElement(
+                'div',
+                { style: { fontSize: '20px', fontWeight: 'bold', borderBottom: '1px solid #eee', margin: '0 .5rem', color: '373a3c' } },
+                React__default.createElement(
+                  'a',
+                  { href: '/' + parentIdentifier + '/' + series.identifier.current },
+                  series.name
+                )
+              ),
+              series.articles && series.articles.length == 0 && React__default.createElement(
+                'p',
+                { className: 'mt-2 ml-2' },
+                'Please check back for more content.'
+              ),
+              series.articles && series.articles.length > 0 && React__default.createElement(SeriesSlider, _extends({}, props, { dataset: series.articles, client: client }))
+            )
+          );
+        })
+      ) : React__default.createElement(
+        'div',
+        null,
+        React__default.createElement(
+          'h5',
+          null,
+          React__default.createElement(
+            'em',
+            { className: 'pl-3' },
+            'New content coming soon, please check back later.'
+          )
+        )
+      )
+    )
+  );
+};
+
+export { SeriesListingDeck as default };