@mjhls/mjh-framework 1.0.866-beta.0 → 1.0.866-d4d665

package/dist/cjs/VideoSeriesCard.js

@@ -1,26 +1,27 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 require('./_commonjsHelpers-06173234.js');
-require('./core.get-iterator-method-f3c44602.js');
+require('./_to-object-329a650b.js');
+require('./es6.string.iterator-cc0bbaa4.js');
 require('./_library-dd23b178.js');
 require('./_object-pie-68c5bcbc.js');
-require('./web.dom.iterable-e34bf324.js');
-var _typeof = require('./typeof-5f52cf64.js');
-require('./_is-array-aa52fa1e.js');
+require('./web.dom.iterable-a0e279c1.js');
+var _typeof = require('./typeof-9d7f610f.js');
+require('./_is-array-754e012d.js');
 var React = require('react');
-var React__default = _interopDefault(React);
 require('prop-types');
-var moment = require('./moment-575fe24c.js');
+var moment = require('./moment-66a6a284.js');
 require('react-dom');
-require('./slicedToArray-f6d4eaa8.js');
-require('./index-be0c82be.js');
+require('./index-b5eb3ff8.js');
 var urlFor = require('./urlFor.js');
-var index$2 = require('./index-96b3db50.js');
+var index = require('./index-9d365128.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 
-var css = ".VideoSeriesCard-module_article__Hlc3e {\r\n  width: 100%;\r\n  margin: 0 0 1rem 0;\r\n}\r\n.VideoSeriesCard-module_article__Hlc3e a {\r\n  display: flex;\r\n  width: 100%;\r\n  color: #000000;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ {\r\n  width: 25%;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ img {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N {\r\n  width: 75%;\r\n  font-size: 1rem;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N h2 {\r\n  font-weight: bold;\r\n  font-size: 1.25rem;\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_published__1fI0q {\r\n  color: #6d6d6d;\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_summary__3hWJT {\r\n  margin: 0.5rem 0 0 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o {\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o span {\r\n  color: #6d6d6d;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n  .VideoSeriesCard-module_article__Hlc3e {\r\n    margin: 1rem 0;\r\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n  }\r\n  .VideoSeriesCard-module_article__Hlc3e a {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ {\r\n    overflow: hidden;\r\n    width: 100%;\r\n    margin-bottom: 1rem;\r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ img{\r\n    border-radius: 10px 10px 0 0;    \r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ figure {\r\n    margin: 0;\r\n  }\r\n  .VideoSeriesCard-module_info__2_i1N {\r\n    width: 90%;\r\n    padding: 1rem !important;\r\n  }\r\n  .VideoSeriesCard-module_info__2_i1N h2 {\r\n    font-size: 1rem;\r\n  }\r\n}\r\n";
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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";
 var styles = { "article": "VideoSeriesCard-module_article__Hlc3e", "thumb": "VideoSeriesCard-module_thumb__3hGyJ", "info": "VideoSeriesCard-module_info__2_i1N", "published": "VideoSeriesCard-module_published__1fI0q", "summary": "VideoSeriesCard-module_summary__3hWJT", "author": "VideoSeriesCard-module_author__aU35o" };
 styleInject_es.styleInject(css);
 
@@ -29,56 +30,56 @@ var VideoSeriesCard = function VideoSeriesCard(props) {
       variant = props.variant,
       defaultImage = props.defaultImage,
       client = props.client,
-      index = props.index;
+      index$1 = props.index;
 
-  var episode = parseInt(index) + 1;
+  var episode = parseInt(index$1) + 1;
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { className: styles.article },
-    React__default.createElement(
+    React__default['default'].createElement(
       'a',
       { href: '/view/' + data.url.current, style: variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
-      React__default.createElement(
+      React__default['default'].createElement(
         'div',
         { className: styles.thumb },
-        React__default.createElement(
+        React__default['default'].createElement(
           'figure',
           null,
-          React__default.createElement(
-            index$2.LazyLoad,
+          React__default['default'].createElement(
+            index.LazyLoad,
             null,
-            React__default.createElement('img', {
+            React__default['default'].createElement('img', {
               src: data.thumbnail && data.thumbnail.asset ? urlFor({ client: client, source: data.thumbnail }) : data.thumbnail && _typeof._typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
             })
           )
         )
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'div',
         { className: styles.info, style: variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
-        React__default.createElement(
+        React__default['default'].createElement(
           'div',
           { style: { fontSize: '1.3rem', fontWeight: 'bold' } },
           episode && 'EP ' + episode + ': ',
           data.title
         ),
-        data.published && React__default.createElement(
+        data.published && React__default['default'].createElement(
           'p',
           { className: styles.published },
           moment.moment(data.published).format('MMMM Do YYYY')
         ),
-        data.authorMapping && data.authorMapping.displayName && React__default.createElement(
+        data.authorMapping && data.authorMapping.displayName && React__default['default'].createElement(
           'p',
           { className: styles.author },
           'By ',
-          React__default.createElement(
+          React__default['default'].createElement(
             'span',
             null,
             data.authorMapping.displayName
           )
         ),
-        data.intro && React__default.createElement('p', { dangerouslySetInnerHTML: { __html: data.intro }, className: styles.summary })
+        data.intro && React__default['default'].createElement('p', { dangerouslySetInnerHTML: { __html: data.intro }, className: styles.summary })
       )
     )
   );

package/dist/cjs/VideoSeriesFilter.js

@@ -1,20 +1,22 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 require('./_commonjsHelpers-06173234.js');
-require('./core.get-iterator-method-f3c44602.js');
+require('./_to-object-329a650b.js');
+require('./es6.string.iterator-cc0bbaa4.js');
 require('./_library-dd23b178.js');
-require('./_iter-detect-05795553.js');
-require('./web.dom.iterable-e34bf324.js');
+require('./_iter-detect-60b2f026.js');
+require('./core.get-iterator-method-f62321d4.js');
+require('./web.dom.iterable-a0e279c1.js');
 var React = require('react');
-var React__default = _interopDefault(React);
 var Router = require('next/router');
-var Router__default = _interopDefault(Router);
-var slicedToArray = require('./slicedToArray-f6d4eaa8.js');
-var asyncToGenerator = require('./asyncToGenerator-df19209d.js');
+var slicedToArray = require('./slicedToArray-8f385299.js');
+var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
 var reactBootstrap = require('react-bootstrap');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
 var _this = undefined;
 
 var VideoSeriesFilter = function VideoSeriesFilter(props) {
@@ -96,13 +98,13 @@ var VideoSeriesFilter = function VideoSeriesFilter(props) {
       });
     }
   }, [filter]);
-  return React__default.createElement(
-    React__default.Fragment,
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
     null,
-    React__default.createElement(
+    React__default['default'].createElement(
       reactBootstrap.DropdownButton,
       { className: 'filter_dropdown', variant: 'primary', title: filter.name },
-      React__default.createElement(
+      React__default['default'].createElement(
         reactBootstrap.Dropdown.Item,
         { key: 'all', onClick: function onClick() {
             return setFilter({ name: 'All Topics', id: '' });
@@ -111,7 +113,7 @@ var VideoSeriesFilter = function VideoSeriesFilter(props) {
       ),
       filterData && filterData.map(function (filterItem) {
         if (filterItem.identifier !== exclude) {
-          return React__default.createElement(
+          return React__default['default'].createElement(
             reactBootstrap.Dropdown.Item,
             { key: filterItem._id, onClick: function onClick() {
                 return setFilter({ name: filterItem.name, id: filterItem._id });

package/dist/cjs/VideoSeriesLandingPage.js

@@ -1,57 +1,60 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 require('./_commonjsHelpers-06173234.js');
-require('./core.get-iterator-method-f3c44602.js');
+require('./_to-object-329a650b.js');
+require('./es6.string.iterator-cc0bbaa4.js');
 require('./_library-dd23b178.js');
-require('./_iter-detect-05795553.js');
-require('./toConsumableArray-c9b8a0d0.js');
+require('./_iter-detect-60b2f026.js');
+require('./toConsumableArray-9a3476fe.js');
+require('./core.get-iterator-method-f62321d4.js');
 require('./_object-pie-68c5bcbc.js');
-require('./extends-eed4f016.js');
-require('./_object-sap-171b9ea5.js');
-require('./inherits-cba9c846.js');
-require('./define-property-21887c62.js');
-require('./web.dom.iterable-e34bf324.js');
-var _typeof = require('./typeof-5f52cf64.js');
-require('./_is-array-aa52fa1e.js');
+require('./extends-0a918631.js');
+require('./_object-sap-5e74ba08.js');
+require('./inherits-0c7830c5.js');
+require('./define-property-f4d12f4e.js');
+require('./web.dom.iterable-a0e279c1.js');
+var _typeof = require('./typeof-9d7f610f.js');
+require('./_is-array-754e012d.js');
 var React = require('react');
-var React__default = _interopDefault(React);
 require('./events-1b438fe7.js');
-require('./index-98e01cb9.js');
+require('./index-2cf30c83.js');
 require('prop-types');
 require('react-bootstrap/Container');
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
-var moment = require('./moment-575fe24c.js');
+var moment = require('./moment-66a6a284.js');
 require('next/router');
 require('./isSymbol-04666465.js');
 require('./debounce-529c8d06.js');
 require('./toNumber-36d1e7e5.js');
-require('./index.es-9110add6.js');
+require('./index.es-13533f24.js');
 require('react-dom');
-require('./visibility-sensor-ad5e3116.js');
-require('./slicedToArray-f6d4eaa8.js');
-require('./index-be0c82be.js');
+require('./visibility-sensor-eb2c5b69.js');
+require('./index-b5eb3ff8.js');
 require('./urlFor.js');
-require('./index-96b3db50.js');
-require('./main-02daeefe.js');
-require('./stringify-bbc68047.js');
-var asyncToGenerator$1 = require('./asyncToGenerator-df19209d.js');
+require('./index-9d365128.js');
+require('./main-11ec04d2.js');
+require('./slicedToArray-8f385299.js');
+require('./stringify-7c5aff47.js');
+var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
 require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
-require('./ADInfeed-7c09edba.js');
-require('./lodash-fc2922d0.js');
-require('./ADlgInfeed-2e7effc7.js');
-var index$3 = require('./index-187c967e.js');
+require('./ADInfeed-799275aa.js');
+require('./lodash-7fd85bcf.js');
+require('./ADlgInfeed-591d014e.js');
+var index = require('./index-187c967e.js');
 var MasterDeck = require('./MasterDeck.js');
 require('react-bootstrap/Breadcrumb');
 var Breadcrumbs = require('./Breadcrumbs.js');
 require('./style-inject.es-dcee06b6.js');
 var VideoSeriesCard = require('./VideoSeriesCard.js');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
 var _this = undefined;
 
 var VideoSeriesLandingPage = function VideoSeriesLandingPage(props) {
@@ -77,16 +80,16 @@ var VideoSeriesLandingPage = function VideoSeriesLandingPage(props) {
       _props$lgInfeedAd = props.lgInfeedAd,
       lgInfeedAd = _props$lgInfeedAd === undefined ? false : _props$lgInfeedAd;
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     null,
-    summary && React__default.createElement(
+    summary && React__default['default'].createElement(
       'div',
       { style: { fontSize: '1rem' }, className: 'series-summary px-1 my-4' },
       summary
     ),
-    React__default.createElement(Breadcrumbs, null),
-    posts && React__default.createElement(MasterDeck, {
+    React__default['default'].createElement(Breadcrumbs, null),
+    posts && React__default['default'].createElement(MasterDeck, {
       deck: VideoSeriesCard,
       variant: variant,
       client: client,
@@ -107,11 +110,11 @@ var VideoSeriesLandingPage = function VideoSeriesLandingPage(props) {
 };
 
 VideoSeriesLandingPage.getInitialData = function () {
-  var _ref = asyncToGenerator$1._asyncToGenerator( /*#__PURE__*/asyncToGenerator$1.regenerator.mark(function _callee(context, client) {
+  var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(context, client) {
     var itemsPerPage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
     var taxonomyId = arguments[3];
     var today, urlQuery, seriesName, currentPage, start, params, query, posts, seriesTitle, summary, url;
-    return asyncToGenerator$1.regenerator.wrap(function _callee$(_context) {
+    return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
@@ -146,16 +149,16 @@ VideoSeriesLandingPage.getInitialData = function () {
                 }
               });
               //start youtube thumbnail fix
-              posts.map(function (post, index) {
+              posts.map(function (post, index$1) {
                 if (post.thumbnail && _typeof._typeof(post.thumbnail) !== 'object' || !post.thumbnail) {
-                  var id = index$3.getYoutubeId(post.url);
+                  var id = index.getYoutubeId(post.url);
                   var imageURL = 'https://img.youtube.com/vi/' + id + '/hqdefault.jpg';
                   return post['thumbnail'] = imageURL, post['url'] = {
-                    current: url + (index + 1)
+                    current: url + (index$1 + 1)
                   };
                 }
                 return post['url'] = {
-                  current: url + (index + 1)
+                  current: url + (index$1 + 1)
                 };
               });
               //end

package/dist/cjs/VideoSeriesListing.js

@@ -1,43 +1,46 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 require('./_commonjsHelpers-06173234.js');
-require('./core.get-iterator-method-f3c44602.js');
+require('./_to-object-329a650b.js');
+require('./es6.string.iterator-cc0bbaa4.js');
 require('./_library-dd23b178.js');
+require('./core.get-iterator-method-f62321d4.js');
 require('./_object-pie-68c5bcbc.js');
-var _extends = require('./extends-eed4f016.js');
-require('./_object-sap-171b9ea5.js');
-var inherits = require('./inherits-cba9c846.js');
-require('./define-property-21887c62.js');
-require('./web.dom.iterable-e34bf324.js');
-require('./typeof-5f52cf64.js');
-require('./_is-array-aa52fa1e.js');
+var _extends = require('./extends-0a918631.js');
+require('./_object-sap-5e74ba08.js');
+var inherits = require('./inherits-0c7830c5.js');
+require('./define-property-f4d12f4e.js');
+require('./web.dom.iterable-a0e279c1.js');
+require('./typeof-9d7f610f.js');
+require('./_is-array-754e012d.js');
 var React = require('react');
-var React__default = _interopDefault(React);
 require('./events-1b438fe7.js');
-var index = require('./index-98e01cb9.js');
+var index = require('./index-2cf30c83.js');
 require('prop-types');
-var Container = _interopDefault(require('react-bootstrap/Container'));
-var moment = require('./moment-575fe24c.js');
+var Container = require('react-bootstrap/Container');
+var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
-var Router__default = _interopDefault(Router);
 require('./isSymbol-04666465.js');
 var debounce = require('./debounce-529c8d06.js');
 require('./toNumber-36d1e7e5.js');
-var index_es = require('./index.es-9110add6.js');
+var index_es = require('./index.es-13533f24.js');
 require('react-dom');
-var visibilitySensor = require('./visibility-sensor-ad5e3116.js');
-require('./slicedToArray-f6d4eaa8.js');
-require('./index-be0c82be.js');
+var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
+require('./index-b5eb3ff8.js');
 require('./urlFor.js');
-require('./index-96b3db50.js');
-require('./main-02daeefe.js');
+require('./index-9d365128.js');
+require('./main-11ec04d2.js');
+require('./slicedToArray-8f385299.js');
 require('./index-187c967e.js');
 require('./smoothscroll-5054361f.js');
 var YoutubeGroup = require('./YoutubeGroup.js');
 require('./iconBase-68959171.js');
-var index_esm = require('./index.esm-90433435.js');
+var index_esm = require('./index.esm-974f47d9.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
 
 var VideoSeriesListing = function (_React$Component) {
   inherits._inherits(VideoSeriesListing, _React$Component);
@@ -200,15 +203,15 @@ var VideoSeriesListing = function (_React$Component) {
     }, _this.renderManualPagination = function () {
       var currentPage = _this.state.currentPage;
 
-      return React__default.createElement(
+      return React__default['default'].createElement(
         'div',
         { className: 'd-flex justify-content-between' },
-        currentPage && currentPage > 1 && React__default.createElement(
+        currentPage && currentPage > 1 && React__default['default'].createElement(
           'a',
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        React__default.createElement(
+        React__default['default'].createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -217,7 +220,7 @@ var VideoSeriesListing = function (_React$Component) {
     }, _this.renderSeries = function (seriesData) {
       var itemCounter = 0;
 
-      return React__default.createElement(
+      return React__default['default'].createElement(
         'div',
         null,
         seriesData && seriesData.map(function (docSeries, index) {
@@ -227,26 +230,26 @@ var VideoSeriesListing = function (_React$Component) {
             });
           }
 
-          return React__default.createElement(
+          return React__default['default'].createElement(
             'div',
             { key: index, style: { marginBottom: '2rem' }, counter: itemCounter++ },
-            React__default.createElement(
+            React__default['default'].createElement(
               'div',
               {
                 className: 'video-title-banner',
                 style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', fontSize: '1.25rem', borderBottom: '1px solid #d4a64d' } },
-              React__default.createElement(
+              React__default['default'].createElement(
                 'a',
                 { href: '/' + _this.props.page + '/' + docSeries.url.current },
                 docSeries.title,
-                React__default.createElement(
+                React__default['default'].createElement(
                   'span',
                   { style: { fontSize: '.9rem', color: 'grey', marginLeft: '1rem', transform: 'translateY(-2px)' } },
-                  React__default.createElement(index_esm.IoIosArrowForward, null)
+                  React__default['default'].createElement(index_esm.IoIosArrowForward, null)
                 )
               )
             ),
-            docSeries.body && docSeries.body.length > 0 && docSeries.body[0].videos ? React__default.createElement(YoutubeGroup, _extends._extends({ displayEpisodeNumber: true, key: index, dataset: docSeries.body[0].videos }, _this.props)) : React__default.createElement(
+            docSeries.body && docSeries.body.length > 0 && docSeries.body[0].videos ? React__default['default'].createElement(YoutubeGroup, _extends._extends({ displayEpisodeNumber: true, key: index, dataset: docSeries.body[0].videos }, _this.props)) : React__default['default'].createElement(
               'p',
               null,
               'No Video Found.'
@@ -272,51 +275,51 @@ var VideoSeriesListing = function (_React$Component) {
 
 
       if (autoScroll) {
-        return React__default.createElement(
-          React__default.Fragment,
+        return React__default['default'].createElement(
+          React__default['default'].Fragment,
           null,
           this.state.data.length >= 1 && this.state.data[0].length > 0 ?
           //Check if any Video Groups available
-          React__default.createElement(
+          React__default['default'].createElement(
             index_es.InfiniteScroll,
             { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.8 },
-            React__default.createElement(
-              Container,
+            React__default['default'].createElement(
+              Container__default['default'],
               null,
               this.state.data && this.state.data.map(function (series, index) {
                 var page = series && series.length > 0 && series[0].pageNumber !== 1 ? series[0].pageNumber : 1;
 
-                return React__default.createElement(
-                  React__default.Fragment,
+                return React__default['default'].createElement(
+                  React__default['default'].Fragment,
                   { key: index },
-                  React__default.createElement(
+                  React__default['default'].createElement(
                     visibilitySensor.VisibilitySensor,
                     {
                       onChange: function onChange(isVisible) {
                         isVisible && _this2.changePageNumber(page);
                       } },
-                    React__default.createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
+                    React__default['default'].createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
                   ),
-                  React__default.createElement(
+                  React__default['default'].createElement(
                     'div',
                     null,
                     _this2.renderSeries(series)
                   )
                 );
               }),
-              React__default.createElement(
+              React__default['default'].createElement(
                 'noscript',
                 null,
                 this.renderManualPagination()
               )
             )
-          ) : React__default.createElement(
+          ) : React__default['default'].createElement(
             'div',
             { style: { marginTop: '10px' } },
-            React__default.createElement(
+            React__default['default'].createElement(
               'h5',
               null,
-              React__default.createElement(
+              React__default['default'].createElement(
                 'em',
                 null,
                 'New content coming soon, please check back later.'
@@ -326,34 +329,34 @@ var VideoSeriesListing = function (_React$Component) {
         );
       }
       if (!autoScroll) {
-        return React__default.createElement(
-          React__default.Fragment,
+        return React__default['default'].createElement(
+          React__default['default'].Fragment,
           null,
           this.state.data.length >= 1 && this.state.data[0].length > 0 ?
           //Check if any Video Groups available
-          React__default.createElement(
-            Container,
+          React__default['default'].createElement(
+            Container__default['default'],
             null,
             this.state.data && this.state.data.map(function (series, index) {
               var page = series && series.length > 0 && series[0].pageNumber !== 1 ? series[0].pageNumber : 1;
 
-              return React__default.createElement(
-                React__default.Fragment,
+              return React__default['default'].createElement(
+                React__default['default'].Fragment,
                 { key: index },
-                React__default.createElement(
+                React__default['default'].createElement(
                   visibilitySensor.VisibilitySensor,
                   {
                     onChange: function onChange(isVisible) {
                       isVisible && _this2.changePageNumber(page);
                     } },
-                  React__default.createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
+                  React__default['default'].createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
                 ),
-                React__default.createElement(
+                React__default['default'].createElement(
                   'div',
                   null,
                   _this2.renderSeries(series)
                 ),
-                _this2.state.scrolling ? React__default.createElement(
+                _this2.state.scrolling ? React__default['default'].createElement(
                   'button',
                   {
                     className: 'btn',
@@ -372,29 +375,29 @@ var VideoSeriesListing = function (_React$Component) {
                       _this2.loadMore();
                     } },
                   'Load More'
-                ) : React__default.createElement(
+                ) : React__default['default'].createElement(
                   'p',
                   { style: { textAlign: 'center' } },
-                  React__default.createElement(
+                  React__default['default'].createElement(
                     'b',
                     null,
                     'End of data'
                   )
                 ),
-                React__default.createElement(
+                React__default['default'].createElement(
                   'noscript',
                   null,
                   _this2.renderManualPagination()
                 )
               );
             })
-          ) : React__default.createElement(
+          ) : React__default['default'].createElement(
             'div',
             { style: { marginTop: '10px' } },
-            React__default.createElement(
+            React__default['default'].createElement(
               'h5',
               null,
-              React__default.createElement(
+              React__default['default'].createElement(
                 'em',
                 null,
                 'New content coming soon, please check back later.'
@@ -407,7 +410,7 @@ var VideoSeriesListing = function (_React$Component) {
   }]);
 
   return VideoSeriesListing;
-}(React__default.Component);
+}(React__default['default'].Component);
 
 var VideoSeriesListing$1 = Router.withRouter(VideoSeriesListing);