@mjhls/mjh-framework 1.0.689-segment → 1.0.690

package/dist/cjs/VerticalHero.js

@@ -1,17 +1,18 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-require('./_commonjsHelpers-06173234.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-require('./moment-66a6a284.js');
-var index$1 = require('./index-b5eb3ff8.js');
+require('./moment-ca3bd9fb.js');
+var index = require('./index-10185024.js');
+require('./_commonjsHelpers-06173234.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var VerticalHero = function VerticalHero(props) {
   var client = props.client;
 
-  var builder = index$1.imageUrlBuilder(client);
+  var builder = index.imageUrlBuilder(client);
   function urlFor(source) {
     return builder.image(source).auto('format');
   }
@@ -19,16 +20,16 @@ var VerticalHero = function VerticalHero(props) {
       heroTitle = _props$heroTitle === undefined ? '' : _props$heroTitle;
 
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { className: 'vertical-hero-container' },
-    React__default.createElement(
+    React__default['default'].createElement(
       'div',
       { className: 'vertical-hero-inner' },
-      React__default.createElement(
+      React__default['default'].createElement(
         'div',
         { className: 'hero-title' },
-        React__default.createElement(
+        React__default['default'].createElement(
           'h2',
           null,
           heroTitle
@@ -43,19 +44,19 @@ var VerticalHero = function VerticalHero(props) {
         } else if (props.thumbnail) {
           articleThumbnail = props.thumbnail;
         }
-        return index === 0 ? React__default.createElement(
+        return index === 0 ? React__default['default'].createElement(
           'a',
           { href: '/view/' + article.url.current, key: index, className: 'vertical-article' },
-          React__default.createElement('img', { src: articleThumbnail, alt: articleAltText }),
-          React__default.createElement(
+          React__default['default'].createElement('img', { src: articleThumbnail, alt: articleAltText }),
+          React__default['default'].createElement(
             'h2',
             null,
             article.title
           )
-        ) : React__default.createElement(
+        ) : React__default['default'].createElement(
           'a',
           { href: '/view/' + article.url.current, className: 'vertical-article' },
-          React__default.createElement(
+          React__default['default'].createElement(
             'h2',
             null,
             article.title
@@ -63,7 +64,7 @@ var VerticalHero = function VerticalHero(props) {
         );
       })
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        .vertical-hero-container {\n          display: flex;\n          flex-direction: row;\n          padding: 0.25rem;\n          justify-content: space-between;\n          width: 100%;\n          flex: 1 1 auto;\n        }\n        .hero-title h2 {\n          font-size: 1.2rem;\n          font-weight: bold;\n        }\n        .vertical-article {\n          display: block;\n        }\n        .vertical-article img {\n          width: 100%;\n          height: auto;\n          min-width: 200px;\n        }\n        .vertical-article h2 {\n          font-size: 0.9rem;\n          color: #252525;\n          font-weight: bold;\n          padding: 0.5rem 0.5rem 1rem;\n          margin: 0.5rem;\n          border-bottom: 1px solid #ccc;\n        }\n      '

package/dist/cjs/VideoSeriesCard.js

@@ -1,25 +1,26 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-require('./_commonjsHelpers-06173234.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-a0e279c1.js');
-var _typeof$1 = require('./typeof-725500bc.js');
-require('./_is-array-754e012d.js');
+var _typeof = require('./typeof-c69a5548.js');
 var React = require('react');
-var React__default = _interopDefault(React);
+var index$1 = require('./index-80f57cff.js');
+var index = require('./index-10185024.js');
+var moment = require('./moment-ca3bd9fb.js');
+var styleInject_es = require('./style-inject.es-dcee06b6.js');
 require('prop-types');
-var moment = require('./moment-66a6a284.js');
+require('./_commonjsHelpers-06173234.js');
+require('./es6.string.iterator-e3ce14ae.js');
+require('./_to-object-e2d5cc9d.js');
+require('./web.dom.iterable-0ffca19f.js');
+require('./_is-array-b1090e3d.js');
+require('./_object-pie-68c5bcbc.js');
+require('./_library-dd23b178.js');
 require('react-dom');
-var index$1 = require('./index-b5eb3ff8.js');
-var index$2 = require('./index-da796b8c.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);
 
@@ -28,56 +29,56 @@ var VideoSeriesCard = function VideoSeriesCard(props) {
       variant = props.variant,
       defaultImage = props.defaultImage,
       client = props.client,
-      index = props.index;
+      index$2 = props.index;
 
-  var episode = parseInt(index) + 1;
-  var builder = index$1.imageUrlBuilder(client);
-  return React__default.createElement(
+  var episode = parseInt(index$2) + 1;
+  var builder = index.imageUrlBuilder(client);
+  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$1.LazyLoad,
             null,
-            React__default.createElement('img', {
-              src: data.thumbnail && data.thumbnail.asset ? builder.image(data.thumbnail).url() : data.thumbnail && _typeof$1._typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
+            React__default['default'].createElement('img', {
+              src: data.thumbnail && data.thumbnail.asset ? builder.image(data.thumbnail).url() : 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(
           'h2',
           null,
           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,22 +1,22 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
-require('./_library-dd23b178.js');
-require('./_iter-detect-60b2f026.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./web.dom.iterable-a0e279c1.js');
+var asyncToGenerator = require('./asyncToGenerator-a855b820.js');
+var slicedToArray = require('./slicedToArray-5b1b0ed8.js');
 var React = require('react');
-var React__default = _interopDefault(React);
 var Router = require('next/router');
-var Router__default = _interopDefault(Router);
-var slicedToArray = require('./slicedToArray-8f385299.js');
-var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
-require('./_set-species-f92c67c5.js');
 var reactBootstrap = require('react-bootstrap');
+require('./_commonjsHelpers-06173234.js');
+require('./es6.string.iterator-e3ce14ae.js');
+require('./_to-object-e2d5cc9d.js');
+require('./web.dom.iterable-0ffca19f.js');
+require('./_library-dd23b178.js');
+require('./core.get-iterator-method-bf3fde8c.js');
+require('./_set-species-5c9fd235.js');
+require('./_iter-detect-8decaf0f.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _this = undefined;
 
@@ -99,13 +99,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: '' });
@@ -114,7 +114,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/VideoSeriesListing.js

@@ -1,39 +1,40 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-require('./_commonjsHelpers-06173234.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-60837c34.js');
-require('./_object-sap-5e74ba08.js');
-var inherits = require('./inherits-513d81cd.js');
-require('./define-property-f4d12f4e.js');
-require('./web.dom.iterable-a0e279c1.js');
-require('./typeof-725500bc.js');
-require('./_is-array-754e012d.js');
+var _extends = require('./extends-a9da965c.js');
+var inherits = require('./inherits-3affeccb.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var index = require('./index-2d0a4911.js');
-require('prop-types');
-var Container = _interopDefault(require('react-bootstrap/Container'));
+var index = require('./index-5ad2b070.js');
+var Container = require('react-bootstrap/Container');
+var visibilitySensor = require('./visibility-sensor-8b54af99.js');
+var index_esm = require('./index.esm-61650d1a.js');
 var Router = require('next/router');
-var Router__default = _interopDefault(Router);
-require('./isSymbol-04666465.js');
+var YoutubeGroup = require('./YoutubeGroup.js');
 var debounce = require('./debounce-eb287781.js');
-var index_es = require('./index.es-ab3f2690.js');
+var index_es = require('./index.es-f3e47207.js');
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-e2d5cc9d.js');
+require('./_object-pie-68c5bcbc.js');
+require('./es6.string.iterator-e3ce14ae.js');
+require('./_object-sap-b69cab35.js');
+require('./define-property-1d75ae0f.js');
+require('./typeof-c69a5548.js');
+require('./web.dom.iterable-0ffca19f.js');
+require('./_is-array-b1090e3d.js');
+require('./_library-dd23b178.js');
+require('prop-types');
 require('react-dom');
-var visibilitySensor = require('./visibility-sensor-0c45a583.js');
-require('./index-b5eb3ff8.js');
-require('./index-da796b8c.js');
-require('./slicedToArray-8f385299.js');
-require('./smoothscroll-95231a70.js');
-var YoutubeGroup = require('./YoutubeGroup.js');
 require('./iconBase-68959171.js');
-var index_esm = require('./index.esm-876ca9ff.js');
+require('./slicedToArray-5b1b0ed8.js');
+require('./core.get-iterator-method-bf3fde8c.js');
+require('./smoothscroll-1abb448e.js');
+require('./index-80f57cff.js');
+require('./index-10185024.js');
+require('./isSymbol-04666465.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);
@@ -75,9 +76,9 @@ var VideoSeriesListing = function (_React$Component) {
     }, 0), _this.loadData = function () {
       var _this$state = _this.state,
           from = _this$state.from,
-          to = _this$state.to,
-          data = _this$state.data,
-          query = _this$state.query,
+          to = _this$state.to;
+          _this$state.data;
+          var query = _this$state.query,
           page = _this$state.page;
       var client = _this.props.client;
       //this.changePageNumber(page)
@@ -173,15 +174,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 >>'
@@ -190,7 +191,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) {
@@ -200,24 +201,24 @@ var VideoSeriesListing = function (_React$Component) {
             });
           }
 
-          return React__default.createElement(
+          return React__default['default'].createElement(
             'div',
             { key: index, counter: itemCounter++ },
-            React__default.createElement(
+            React__default['default'].createElement(
               'h4',
               { className: 'video-title-banner', style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', borderBottom: '2px solid var(--gold)' } },
-              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.'
@@ -243,32 +244,32 @@ 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)
@@ -276,13 +277,13 @@ var VideoSeriesListing = function (_React$Component) {
                 );
               })
             )
-          ) : 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.'
@@ -292,34 +293,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',
@@ -329,10 +330,10 @@ 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'
@@ -340,13 +341,13 @@ var VideoSeriesListing = function (_React$Component) {
                 )
               );
             })
-          ) : 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.'
@@ -359,7 +360,7 @@ var VideoSeriesListing = function (_React$Component) {
   }]);
 
   return VideoSeriesListing;
-}(React__default.Component);
+}(React__default['default'].Component);
 
 var VideoSeriesListing$1 = Router.withRouter(VideoSeriesListing);