@mjhls/mjh-framework 1.0.1005-next12 → 1.0.1005-next12-0002

package/dist/esm/VideoSeriesListing.js

@@ -1,415 +1 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-8c71f470.js';
-import './_library-528f1934.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-7fbbe94e.js';
-import './_object-sap-4201ccf6.js';
-import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-d26c739e.js';
-import './define-property-a8a00786.js';
-import './web.dom.iterable-406140e0.js';
-import './typeof-d92ed6e0.js';
-import './_is-array-31d40a83.js';
-import React from 'react';
-import { l as lib_3 } from './index-1819118a.js';
-import 'prop-types';
-import Container from 'react-bootstrap/Container';
-import { m as moment } from './moment-b6f49411.js';
-import { withRouter } from 'next/router';
-import './isSymbol-1981418f.js';
-import { d as debounce_1 } from './debounce-9207d8ee.js';
-import './toNumber-2f7a84cd.js';
-import { I as InfiniteScroll } from './index.es-c6222053.js';
-import 'react-dom';
-import { V as VisibilitySensor } from './visibility-sensor-f40c2564.js';
-import './slicedToArray-99bcfd93.js';
-import './index-51a80699.js';
-import './urlFor.js';
-import './index-6c12bdd5.js';
-import './main-43ca42fe.js';
-import './index-c7e2ac95.js';
-import './smoothscroll-0cd4c7a6.js';
-import YoutubeGroup from './YoutubeGroup.js';
-import './iconBase-602d52fe.js';
-import { I as IoIosArrowForward } from './index.esm-55f22b35.js';
-
-var VideoSeriesListing = function (_React$Component) {
-  _inherits(VideoSeriesListing, _React$Component);
-
-  function VideoSeriesListing() {
-    var _ref;
-
-    var _temp, _this, _ret;
-
-    _classCallCheck(this, VideoSeriesListing);
-
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = VideoSeriesListing.__proto__ || _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.today = moment().utc().format(), _this.dataArr = [_this.data], _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
-      data: _this.dataArr.map(function (item) {
-        var tempObj = item.map(function (arrItem) {
-          if (arrItem.body) {
-            var filteredBody = arrItem.body.map(function (item) {
-              if (item._type === 'youtubeGallery') {
-                var innerObj = item;
-                var filteredArticles = innerObj.videos.filter(function (video) {
-                  if ((video.is_visible === true || !video.hasOwnProperty('is_visible')) && (_this.today >= video.published || !video.hasOwnProperty('published'))) {
-                    return video;
-                  }
-                });
-                innerObj.videos = filteredArticles;
-                return innerObj;
-              } else {
-                return item;
-              }
-            });
-
-            arrItem.body = filteredBody;
-          }
-          return arrItem;
-        });
-        return tempObj;
-      }),
-      per: _this.params ? _this.params.itemsPerPage : 2,
-      page: _this.props.currentPage || 1,
-      from: _this.params ? _this.params.from : 0,
-      to: _this.params ? _this.params.to : 2,
-      total_pages: null,
-      scrolling: true,
-      query: _this.query,
-      currentPage: _this.props.currentPage || 1,
-      lastDataSize: _this.data ? _this.data.length : 0
-    }, _this.loadMore = debounce_1(function () {
-      _this.setState(function (state) {
-        var page = state.page,
-            from = state.from,
-            per = state.per,
-            to = state.to;
-
-        return {
-          page: page + 1,
-          from: from + per,
-          to: to + per
-        };
-      }, _this.loadData);
-    }, 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,
-          page = _this$state.page;
-      var client = _this.props.client;
-      //this.changePageNumber(page)
-
-      var params = _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) {
-        if (_this.pointer && _this.pointerArray) {
-          var pointer = _this.pointer;
-          dataArr = dataArr[_this.pointerArray][pointer];
-        }
-        dataArr = dataArr.map(function (item) {
-          return _extends({}, item, {
-            pageNumber: page
-          });
-        });
-
-        _this.setState(function () {
-          if (dataArr.length > 0) {
-            var newDataArr = _this.state.data;
-            newDataArr.push(dataArr);
-            return {
-              data: newDataArr,
-              scrolling: true,
-              lastDataSize: dataArr.length
-            };
-          } else {
-            return {
-              scrolling: false,
-              lastDataSize: 0
-            };
-          }
-        });
-      });
-    }, _this.changePageNumber = function (pageNumber) {
-      var _this$props = _this.props,
-          seoPaginate = _this$props.seoPaginate,
-          pageview = _this$props.pageview,
-          router = _this$props.router;
-      var currentPage = _this.state.currentPage;
-
-      if (seoPaginate) {
-        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);
-
-        if (currentPage !== pageNumber) {
-          lib_3.refresh();
-
-          _this.setState({
-            currentPage: pageNumber
-          }, function () {
-            if (path[0] !== '/') {
-              path = '/' + path;
-            }
-
-            var newPath = pageNumber === 1 ? '' + path : '' + path + (path.includes('?') ? '&page=' + pageNumber : '?page=' + pageNumber);
-
-            if (pageview) {
-              pageview(newPath);
-            }
-
-            router.push(pathname, newPath, {
-              shallow: true
-            });
-          });
-        }
-      }
-    }, _this.renderManualPagination = function (_ref2) {
-      var nextPagePostsCount = _ref2.nextPagePostsCount;
-      var currentPage = _this.state.currentPage;
-
-
-      return React.createElement(
-        'div',
-        { className: 'd-flex justify-content-between' },
-        currentPage && currentPage > 1 && React.createElement(
-          'a',
-          { href: '?page=' + (currentPage - 1) },
-          '<< Previous'
-        ),
-        !(_this.state.lastDataSize < _this.state.per) && nextPagePostsCount > 0 && React.createElement(
-          'a',
-          { href: '?page=' + (currentPage + 1) },
-          'Next >>'
-        )
-      );
-    }, _this.renderSeries = function (seriesData) {
-      var itemCounter = 0;
-
-      return React.createElement(
-        'div',
-        null,
-        seriesData && seriesData.map(function (docSeries, index) {
-          if (docSeries.body && docSeries.body.length > 0 && docSeries.body[0].videos) {
-            docSeries.body[0].videos.map(function (singleVideo, indexInner) {
-              singleVideo.link = '/view/' + docSeries.url.current + '?seriesVid=' + (indexInner + 1);
-            });
-          }
-
-          return React.createElement(
-            'div',
-            { key: index, style: { marginBottom: '2rem' }, counter: itemCounter++ },
-            React.createElement(
-              'div',
-              {
-                className: 'video-title-banner',
-                style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', fontSize: '1.25rem', borderBottom: '1px solid #d4a64d' } },
-              React.createElement(
-                'a',
-                { href: '/' + _this.props.page + '/' + docSeries.url.current },
-                docSeries.title,
-                React.createElement(
-                  'span',
-                  { style: { fontSize: '.9rem', color: 'grey', marginLeft: '1rem', transform: 'translateY(-2px)' } },
-                  React.createElement(IoIosArrowForward, null)
-                )
-              )
-            ),
-            docSeries.body && docSeries.body.length > 0 && docSeries.body[0].videos ? React.createElement(YoutubeGroup, _extends({ displayEpisodeNumber: true, key: index, dataset: docSeries.body[0].videos }, _this.props)) : React.createElement(
-              'p',
-              null,
-              'No Video Found.'
-            )
-          );
-        })
-      );
-    }, _temp), _possibleConstructorReturn(_this, _ret);
-  }
-
-  _createClass(VideoSeriesListing, [{
-    key: 'componentDidMount',
-    value: function componentDidMount() {
-      // console.log(this.state)
-    }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
-
-      var _props = this.props,
-          _props$autoScroll = _props.autoScroll,
-          autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll,
-          _props$nextPagePostsC = _props.nextPagePostsCount,
-          nextPagePostsCount = _props$nextPagePostsC === undefined ? 3 : _props$nextPagePostsC;
-
-
-      if (autoScroll) {
-        return React.createElement(
-          React.Fragment,
-          null,
-          this.state.data.length >= 1 && this.state.data[0].length > 0 ?
-          //Check if any Video Groups available
-          React.createElement(
-            InfiniteScroll,
-            { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.8 },
-            React.createElement(
-              Container,
-              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.createElement(
-                  React.Fragment,
-                  { key: index },
-                  React.createElement(
-                    VisibilitySensor,
-                    {
-                      onChange: function onChange(isVisible) {
-                        isVisible && _this2.changePageNumber(page);
-                      } },
-                    React.createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
-                  ),
-                  React.createElement(
-                    'div',
-                    null,
-                    _this2.renderSeries(series)
-                  )
-                );
-              }),
-              React.createElement(
-                'noscript',
-                null,
-                this.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
-              )
-            )
-          ) : React.createElement(
-            'div',
-            { style: { marginTop: '10px' } },
-            React.createElement(
-              'h5',
-              null,
-              React.createElement(
-                'em',
-                null,
-                'New content coming soon, please check back later.'
-              )
-            )
-          )
-        );
-      }
-      if (!autoScroll) {
-        return React.createElement(
-          React.Fragment,
-          null,
-          this.state.data.length >= 1 && this.state.data[0].length > 0 ?
-          //Check if any Video Groups available
-          React.createElement(
-            Container,
-            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.createElement(
-                React.Fragment,
-                { key: index },
-                React.createElement(
-                  VisibilitySensor,
-                  {
-                    onChange: function onChange(isVisible) {
-                      isVisible && _this2.changePageNumber(page);
-                    } },
-                  React.createElement('div', { className: 'visibility-sensor', style: { minHeight: '.25rem' } })
-                ),
-                React.createElement(
-                  'div',
-                  null,
-                  _this2.renderSeries(series)
-                ),
-                _this2.state.scrolling ? React.createElement(
-                  'button',
-                  {
-                    className: 'btn',
-                    style: {
-                      margin: '0 auto 2rem',
-                      display: 'block',
-                      fontSize: '18px',
-                      padding: '.5rem 1.5rem',
-                      boxShadow: '1px 2px 4px 4px rgba(0,0,0,.15)',
-                      background: 'var(--primary)',
-                      color: '#fff',
-                      borderRadius: '5px'
-                    },
-                    onClick: function onClick(e) {
-                      e.target.style.display = 'none';
-                      _this2.loadMore();
-                    } },
-                  'Load More'
-                ) : React.createElement(
-                  'p',
-                  { style: { textAlign: 'center' } },
-                  React.createElement(
-                    'b',
-                    null,
-                    'End of data'
-                  )
-                ),
-                React.createElement(
-                  'noscript',
-                  null,
-                  _this2.renderManualPagination({ nextPagePostsCount: nextPagePostsCount })
-                )
-              );
-            })
-          ) : React.createElement(
-            'div',
-            { style: { marginTop: '10px' } },
-            React.createElement(
-              'h5',
-              null,
-              React.createElement(
-                'em',
-                null,
-                'New content coming soon, please check back later.'
-              )
-            )
-          )
-        );
-      }
-    }
-  }]);
-
-  return VideoSeriesListing;
-}(React.Component);
-
-var VideoSeriesListing$1 = withRouter(VideoSeriesListing);
-
-export default VideoSeriesListing$1;
+import"./extends-e61fd370.js";import"./getPrototypeOf-a8361cb6.js";import"./defineProperty-18999f8e.js";import"react";import"react-dfp";import"react-bootstrap/Container";import"react-visibility-sensor";import"react-icons/io";import"moment";import"next/router";import"./YoutubeGroup-1dd6f1ba.js";import"lodash/debounce";import"react-infinite-scroll-component";export{a as default}from"./VideoSeriesListing-62650a53.js";import"./typeof-92b42de1.js";import"./slicedToArray-f57adb2c.js";import"./unsupportedIterableToArray-b359dd50.js";import"get-youtube-id";import"react-lazyload";import"smoothscroll-polyfill";import"./urlFor-649884fa.js";import"@sanity/image-url";import"react-device-detect";