@mjhls/mjh-framework 1.0.440 → 1.0.442

package/dist/cjs/VideoSeriesListing.js

@@ -1,48 +1,49 @@
 '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('./web.dom.iterable-5c889cf1.js');
 require('./_library-dd23b178.js');
 require('./_object-pie-68c5bcbc.js');
-var _extends$2 = require('./extends-60837c34.js');
-var inherits$2 = require('./inherits-e793003e.js');
-require('./typeof-2747c582.js');
+var _extends = require('./extends-60837c34.js');
+var inherits = require('./inherits-b4036c94.js');
+require('./typeof-0d86b91c.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var debounce = require('./debounce-b088070c.js');
+var debounce = require('./debounce-420ff8a8.js');
 require('prop-types');
-var Container = _interopDefault(require('react-bootstrap/Container'));
+var Container = require('react-bootstrap/Container');
 require('./moment-66a6a284.js');
 var Router = require('next/router');
-var Router__default = _interopDefault(Router);
-var index_es = require('./index.es-ab3f2690.js');
+var index_es = require('./index.es-44c8e726.js');
 require('react-dom');
-var visibilitySensor = require('./visibility-sensor-0c45a583.js');
-require('./index-b5eb3ff8.js');
-require('./index-fa0fb52c.js');
+var visibilitySensor = require('./visibility-sensor-a40ae0cd.js');
+require('./index-be0c82be.js');
+require('./index-8a3fb0bc.js');
 require('./slicedToArray-419d467a.js');
 require('./smoothscroll-95231a70.js');
 var YoutubeGroup = require('./YoutubeGroup.js');
 var index_esm = require('./index.esm-340d3792.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$2._inherits(VideoSeriesListing, _React$Component);
+  inherits._inherits(VideoSeriesListing, _React$Component);
 
   function VideoSeriesListing() {
     var _ref;
 
     var _temp, _this, _ret;
 
-    inherits$2._classCallCheck(this, VideoSeriesListing);
+    inherits._classCallCheck(this, VideoSeriesListing);
 
     for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = inherits$2._possibleConstructorReturn(this, (_ref = VideoSeriesListing.__proto__ || inherits$2._Object$getPrototypeOf(VideoSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
+    return _ret = (_temp = (_this = inherits._possibleConstructorReturn(this, (_ref = VideoSeriesListing.__proto__ || inherits._Object$getPrototypeOf(VideoSeriesListing)).call.apply(_ref, [this].concat(args))), _this), _this.page = _this.props.page, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord, _this.query = _this.props.query, _this.params = _this.props.params, _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
       data: _this.dataArr,
       per: _this.params ? _this.params.to : 2,
       page: _this.props.currentPage || 1,
@@ -75,7 +76,7 @@ var VideoSeriesListing = function (_React$Component) {
       var client = _this.props.client;
       //this.changePageNumber(page)
 
-      var params = _extends$2._extends({}, _this.params, { from: from, to: to
+      var params = _extends._extends({}, _this.params, { from: from, to: to
         // const queryUpdated = query.replace('$from', params.from).replace('$to', params.to)
         // const query = '*[_type == "article" && defined(title) && defined(thumbnail)][$from...$to] { title, summary, thumbnail { asset-> }, url }'
       });client.fetch(query, params).then(function (dataArr) {
@@ -84,7 +85,7 @@ var VideoSeriesListing = function (_React$Component) {
           dataArr = dataArr[_this.pointerArray][pointer];
         }
         dataArr = dataArr.map(function (item) {
-          return _extends$2._extends({}, item, {
+          return _extends._extends({}, item, {
             pageNumber: page
           });
         });
@@ -166,15 +167,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 >>'
@@ -183,7 +184,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) {
@@ -193,24 +194,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.length > 0 && docSeries.body[0].videos ? React__default.createElement(YoutubeGroup, _extends$2._extends({ key: index, dataset: docSeries.body[0].videos }, _this.props)) : React__default.createElement(
+            docSeries.body.length > 0 && docSeries.body[0].videos ? React__default['default'].createElement(YoutubeGroup, _extends._extends({ key: index, dataset: docSeries.body[0].videos }, _this.props)) : React__default['default'].createElement(
               'p',
               null,
               'No Video Found.'
@@ -218,35 +219,35 @@ var VideoSeriesListing = function (_React$Component) {
           );
         })
       );
-    }, _temp), inherits$2._possibleConstructorReturn(_this, _ret);
+    }, _temp), inherits._possibleConstructorReturn(_this, _ret);
   }
 
-  inherits$2._createClass(VideoSeriesListing, [{
+  inherits._createClass(VideoSeriesListing, [{
     key: 'render',
     value: function render() {
       var _this2 = this;
 
-      return React__default.createElement(
+      return 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)
@@ -259,7 +260,7 @@ var VideoSeriesListing = function (_React$Component) {
   }]);
 
   return VideoSeriesListing;
-}(React__default.Component);
+}(React__default['default'].Component);
 
 var VideoSeriesListing$1 = Router.withRouter(VideoSeriesListing);
 

package/dist/cjs/YoutubeGroup.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('./_to-object-329a650b.js');
 require('./web.dom.iterable-5c889cf1.js');
 require('./_library-dd23b178.js');
 require('./_object-pie-68c5bcbc.js');
-var _typeof$2 = require('./typeof-2747c582.js');
+var _typeof = require('./typeof-0d86b91c.js');
 var React = require('react');
-var React__default = _interopDefault(React);
 require('prop-types');
 require('react-dom');
-var index = require('./index-b5eb3ff8.js');
-var index$1 = require('./index-fa0fb52c.js');
+var index$1 = require('./index-be0c82be.js');
+var index = require('./index-8a3fb0bc.js');
 var slicedToArray = require('./slicedToArray-419d467a.js');
 var smoothscroll = require('./smoothscroll-95231a70.js');
 
-/*
-GROQ query -
-    accepts an array of title, URL
-`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/*
+GROQ query -
+    accepts an array of title, URL
+`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
 */
 
 var YoutubeGroup = function YoutubeGroup(props) {
@@ -45,7 +46,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
       setScrollPosition = _useState6[1];
 
   var urlFor = function urlFor(source, client) {
-    var builder = index.imageUrlBuilder(client);
+    var builder = index$1.imageUrlBuilder(client);
     return builder.image(source).auto('format');
   };
 
@@ -147,78 +148,78 @@ var YoutubeGroup = function YoutubeGroup(props) {
       current = _props$current === undefined ? '' : _props$current;
 
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { ref: viewableWindow, id: 'vid-slider', className: 'col' },
-    React__default.createElement(
+    React__default['default'].createElement(
       'div',
       { className: 'row' },
-      showScroller && showScroller && React__default.createElement(
+      showScroller && showScroller && React__default['default'].createElement(
         'div',
         { onClick: function onClick(e) {
             return scrollSlider(e, 'prev');
           }, className: 'tile__slider-prev', style: { color: '#fff', background: 'var(--primary)', width: '35px', height: '35px', borderRadius: '50%', paddingLeft: '19px' } },
-        React__default.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
+        React__default['default'].createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
       ),
-      showScroller && showScroller && React__default.createElement(
+      showScroller && showScroller && React__default['default'].createElement(
         'div',
         { onClick: function onClick(e) {
             return scrollSlider(e, 'next');
           }, className: 'tile__slider-next', style: { color: '#fff', background: 'var(--primary)', width: '35px', height: '35px', borderRadius: '50%', paddingRight: '19px' } },
-        React__default.createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
+        React__default['default'].createElement('i', { style: { border: 'solid #fff', borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'div',
         { ref: innerSlider, className: 'row__inner' },
-        props.dataset && props.dataset.map(function (video, index) {
+        props.dataset && props.dataset.map(function (video, index$1) {
           // If there is a current prop, means this will overlay a currently playing video
           if (current !== '') {
             var url = video.url;
             var thumbnail = void 0;
             if (video.thumbnail && video.thumbnail.asset) {
               thumbnail = urlFor(video.thumbnail, props.client);
-            } else if (_typeof$2._typeof(video.thumbnail == 'string')) {
+            } else if (_typeof._typeof(video.thumbnail == 'string')) {
               thumbnail = video.thumbnail;
             } else {
               thumbnail = 'https://img.youtube.com/vi/' + smoothscroll.getYoutubeId(video.url) + '/hqdefault.jpg';
             }
 
-            return React__default.createElement(
+            return React__default['default'].createElement(
               'div',
-              { ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
-              current && current === url ? React__default.createElement(
+              { ref: tile, key: index$1, className: 'tile', style: { width: tileSize + 'px' } },
+              current && current === url ? React__default['default'].createElement(
                 'div',
                 { className: 'now-playing' },
                 'Now Playing'
               ) : '',
-              React__default.createElement(
+              React__default['default'].createElement(
                 'a',
                 { onClick: function onClick() {
-                    return handleClick(url, index + 1);
+                    return handleClick(url, index$1 + 1);
                   } },
-                React__default.createElement(
+                React__default['default'].createElement(
                   'div',
                   { className: 'tile__media' },
-                  React__default.createElement(
-                    index$1.LazyLoad,
+                  React__default['default'].createElement(
+                    index.LazyLoad,
                     null,
-                    React__default.createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px' }, alt: '' })
+                    React__default['default'].createElement('img', { className: 'tile__img', src: thumbnail, style: { width: tileSize + 'px' }, alt: '' })
                   )
                 ),
-                React__default.createElement(
+                React__default['default'].createElement(
                   'div',
                   { className: 'tile__details' },
-                  React__default.createElement(
+                  React__default['default'].createElement(
                     'div',
                     { className: 'tile__title' },
-                    React__default.createElement(
+                    React__default['default'].createElement(
                       'div',
                       { style: { color: variant }, className: 'tile__title_text' },
                       video.title
                     )
                   )
                 ),
-                React__default.createElement(
+                React__default['default'].createElement(
                   'div',
                   { style: { color: '#fff' }, className: 'tile__info' },
                   video.title
@@ -234,45 +235,45 @@ var YoutubeGroup = function YoutubeGroup(props) {
             } else {
               _thumbnail = 'https://img.youtube.com/vi/' + smoothscroll.getYoutubeId(video.url) + '/hqdefault.jpg';
             }
-            return React__default.createElement(
+            return React__default['default'].createElement(
               'div',
-              { ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
-              React__default.createElement(
+              { ref: tile, key: index$1, className: 'tile', style: { width: tileSize + 'px' } },
+              React__default['default'].createElement(
                 'a',
                 { href: _url },
-                React__default.createElement(
+                React__default['default'].createElement(
                   'div',
                   { className: 'tile__media' },
-                  React__default.createElement(
-                    index$1.LazyLoad,
+                  React__default['default'].createElement(
+                    index.LazyLoad,
                     null,
-                    React__default.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '', style: { width: tileSize + 'px' } })
+                    React__default['default'].createElement('img', { className: 'tile__img', src: _thumbnail, alt: '', style: { width: tileSize + 'px' } })
                   )
                 ),
-                React__default.createElement(
+                React__default['default'].createElement(
                   'div',
                   { className: 'tile__details' },
-                  React__default.createElement(
+                  React__default['default'].createElement(
                     'div',
                     { className: 'tile__title' },
-                    React__default.createElement(
+                    React__default['default'].createElement(
                       'div',
                       { style: { color: '#fff' }, className: 'tile__title_text' },
                       video.title
                     )
                   )
                 ),
-                React__default.createElement(
+                React__default['default'].createElement(
                   'div',
                   { style: { color: variant }, className: 'tile__info' },
-                  props.displayEpisodeNumber ? React__default.createElement(
+                  props.displayEpisodeNumber ? React__default['default'].createElement(
                     'span',
                     null,
-                    React__default.createElement(
+                    React__default['default'].createElement(
                       'span',
                       { style: { fontWeight: 'bold' } },
                       'Ep. ',
-                      index + 1,
+                      index$1 + 1,
                       ':'
                     ),
                     ' ',
@@ -285,7 +286,7 @@ var YoutubeGroup = function YoutubeGroup(props) {
         })
       )
     ),
-    React__default.createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n        #vid-slider * {\n          box-sizing: border-box;\n          -ms-overflow-style: none;\n        }\n        #vid-slider::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider::-webkit-scrollbar {\n          display: none;\n        }\n        #vid-slider .row::-webkit-scrollbar {\n          display: none;\n        }\n        #vid-slider .row::-webkit-scrollbar-thumb {\n          display: none;\n        }\n        #vid-slider {\n          position: relative;\n          -ms-overflow-style: none;\n          padding: 0 1.5rem;\n          margin-bottom: 2rem;\n        }\n        #vid-slider .now-playing {\n          position: absolute;\n          top: 0.5rem;\n          left: 1rem;\n          color: white;\n          background: rgba(0, 0, 0, 0.75);\n        }\n        #vid-slider h1,\n        #vid-slider p {\n          text-align: center;\n          width: 100%;\n          max-width: 500px;\n          margin: auto;\n        }\n        #vid-slider,\n        #vidHolder {\n          max-width: 805px;\n        }\n        #vid-slider a:link,\n        #vid-slider a:hover,\n        #vid-slider a:active,\n        #vid-slider a:visited {\n          transition: color 150ms;\n          color: #95a5a6;\n          text-decoration: none;\n        }\n        #vid-slider a:hover {\n          color: #7f8c8d;\n          text-decoration: underline;\n        }\n        #vid-slider .contain {\n          width: 100%;\n        }\n        #vid-slider .row {\n          overflow-x: hidden;\n          width: 100%;\n          -ms-overflow-style: none;\n          overflow-y: hidden !important;\n        }\n        #vid-slider .tile__info {\n          white-space: normal !important;\n          position: absolute;\n          text-align: center;\n          color: ' + (props.dark ? 'white' : '#383838') + ';\n          opacity: 1;\n          font-size: 0.9rem;\n          font-weight: bold;\n          transition: opacity 0.25s;\n        }\n        #vid-slider .row__inner {\n          transition: 450ms -webkit-transform;\n          transition: 450ms transform;\n          transition: 450ms transform, 450ms -webkit-transform;\n          font-size: 0;\n          white-space: nowrap;\n          margin: 25px 0 55px -.25rem !important;\n          padding-bottom: 10px;\n          padding-left: 0;\n        }\n        #vid-slider .tile {\n          position: relative;\n          display: inline-block;\n          height: 100%;\n\n          margin: 0 12.5px;\n          font-size: 20px;\n          cursor: pointer;\n          transition: 450ms all;\n          -webkit-transform-origin: center left;\n          transform-origin: center left;\n        }\n        #vid-slider .tile:first-child {\n          margin-left: 15px;\n        }\n        #vid-slider .tile__img {\n          height: 135px;\n\n          -o-object-fit: cover;\n          object-fit: cover;\n          object-position: center;\n        }\n        #vid-slider .tile__details {\n          position: absolute;\n          bottom: 0;\n          left: 0;\n          right: 0;\n          top: 0;\n          font-size: 10px;\n          opacity: 0;\n          background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\n          transition: 450ms opacity;\n        }\n        #vid-slider .tile__details:after,\n        #vid-slider .tile__details:before {\n          content: \'\';\n\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          display: #000;\n        }\n        #vid-slider .tile__details:after {\n          margin-top: -25px;\n          margin-left: -25px;\n          width: 50px;\n          height: 50px;\n          border: 3px solid #ecf0f1;\n          line-height: 50px;\n          text-align: center;\n          border-radius: 100%;\n          background: rgba(0, 0, 0, 0.5);\n          z-index: 1;\n        }\n        #vid-slider .tile__details:before {\n          content: \'\';\n          background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n            no-repeat center center;\n          left: 0;\n          width: 100%;\n          height: 3rem;\n          font-size: 30px;\n          margin-right: 12px;\n          margin-top: -24px;\n          text-align: center;\n          z-index: 2;\n          color: white;\n        }\n\n        #vid-slider .tile__title {\n          position: absolute;\n          bottom: 0;\n          padding: 10px;\n          max-width: 250px;\n        }\n        #vid-slider .tile__title_text {\n          position: relative;\n          left: 0;\n          white-space: normal;\n        }\n\n        #vid-slider .tile__slider-prev,\n        #vid-slider .tile__slider-next {\n          width: 30px;\n          background: transparent;\n          border: none;\n          position: absolute;\n          top: 50%;\n          transform: translateY(-50%);\n          z-index: 99;\n          cursor: pointer;\n          color: ' + (props.dark ? 'white' : 'black') + ';\n          display: flex;\n          justify-content: center;\n          align-items: center;\n          font-size: 2rem;\n        }\n        #vid-slider .tile__slider-prev {\n          left: -0.5rem;\n          padding: 1rem;\n        }\n        #vid-slider .tile__slider-next {\n          right: -.5rem;\n          padding: 1rem;\n        }\n        #vid-slider,\n        #vid-slider .row {\n          margin: 0;\n          padding-right: 0 1.2rem;\n        }\n\n        #vid-slider .row::-webkit-scrollbar-thumb {\n          background-color: transparent !important;\n        }\n        #vid-slider i {\n          border: solid ' + (props.dark ? 'white' : 'black') + ';\n          border-width: 0 4px 4px 0;\n          display: inline-block;\n          padding: 4px;\n          pointer-events: none;\n        }\n        #vid-slider .right {\n          transform: rotate(-45deg);\n          -webkit-transform: rotate(-45deg);\n        }\n        #vid-slider .left {\n          transform: rotate(135deg);\n          -webkit-transform: rotate(135deg);\n        }\n        @media screen and (max-width: 1399px) {\n          #vid-slider,\n          #vidHolder {\n            max-width: 620px;\n          }\n          #vid-slider .tile__img {\n            height: 145px;\n          }\n        }\n        @media screen and (max-width: 1200px) {\n          #vid-slider,\n          #vidHolder {\n            max-width: 580px;\n          }\n        }\n        @media screen and (max-width: 967px) {\n          #vid-slider {\n            max-width: 100%;\n          }\n          #vid-slider .tile__img {\n            height: 175px;\n          }\n        }\n\n        @media screen and (max-width: 768px) {\n          #vidHolder {\n            position: unset;\n            width: 100%;\n          }\n\n          #vid-slider .tile__img {\n            height: 118px;\n          }\n          #vid-slider .row__inner {\n            margin: 30px 0 60px ;\n          }\n        }\n\n        @media screen and (max-width: 590px) {\n          #vid-slider .tile__img {\n            height: 195px;\n          }\n        }\n      '

package/dist/cjs/{debounce-b088070c.js → debounce-420ff8a8.js}

@@ -1,11 +1,13 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var PropTypes = _interopDefault(require('prop-types'));
+var PropTypes = require('prop-types');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var domain;
 
@@ -826,13 +828,15 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
       });
 
       if (_this5.lazyLoadIsEnabled()) {
+        var args = [];
+
         var config = _this5.getLazyLoadConfig();
 
-        if (config) {
-          pubadsService.enableLazyLoad(config);
-        } else {
-          pubadsService.enableLazyLoad();
+        if (config !== null) {
+          args.push(config);
         }
+
+        pubadsService.enableLazyLoad.call(args);
       }
 
       if (_this5.singleRequestIsEnabled()) {
@@ -1032,9 +1036,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Context = void 0;
 
-var _react = _interopRequireDefault(React__default);
+var _react = _interopRequireDefault(React__default['default']);
 
-var _propTypes = _interopRequireDefault(PropTypes);
+var _propTypes = _interopRequireDefault(PropTypes__default['default']);
 
 var _manager = _interopRequireDefault(manager);
 
@@ -1340,9 +1344,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.AdSlot = void 0;
 
-var _react = _interopRequireDefault(React__default);
+var _react = _interopRequireDefault(React__default['default']);
 
-var _propTypes = _interopRequireDefault(PropTypes);
+var _propTypes = _interopRequireDefault(PropTypes__default['default']);
 
 var _manager = _interopRequireDefault(manager);
 

package/dist/cjs/{get-5aa7468c.js → get-7a75c563.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var debounce = require('./debounce-b088070c.js');
+var debounce = require('./debounce-420ff8a8.js');
 
 /**
  * Checks if `value` is classified as an `Array` object.

package/dist/cjs/{index-fa0fb52c.js → index-8a3fb0bc.js}

@@ -1,12 +1,15 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var PropTypes = _interopDefault(require('prop-types'));
-var reactDom = _interopDefault(require('react-dom'));
+var PropTypes = require('prop-types');
+var reactDom = require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var reactDom__default = /*#__PURE__*/_interopDefaultLegacy(reactDom);
 
 var event = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -184,15 +187,15 @@ var _createClass = function () { function defineProperties(target, props) { for
 
 
 
-var _react2 = _interopRequireDefault(React__default);
+var _react2 = _interopRequireDefault(React__default['default']);
 
 
 
-var _reactDom2 = _interopRequireDefault(reactDom);
+var _reactDom2 = _interopRequireDefault(reactDom__default['default']);
 
 
 
-var _propTypes2 = _interopRequireDefault(PropTypes);
+var _propTypes2 = _interopRequireDefault(PropTypes__default['default']);
 
 
 
@@ -535,7 +538,7 @@ var LazyLoad = function (_Component) {
   }]);
 
   return LazyLoad;
-}(React__default.Component);
+}(React__default['default'].Component);
 
 LazyLoad.propTypes = {
   once: _propTypes2.default.bool,
@@ -592,7 +595,7 @@ var decorator = function decorator() {
       }]);
 
       return LazyLoadDecorated;
-    }(React__default.Component);
+    }(React__default['default'].Component);
   };
 };