@mjhls/mjh-framework 1.0.713 → 1.0.715

package/dist/esm/AdSlotsProvider.js

@@ -1,9 +1,20 @@
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-acd1cc47.js';
+import { _ as _toConsumableArray } from './toConsumableArray-5212fee7.js';
 import React, { useEffect } from 'react';
-import { b as lib_1, l as lib_3 } from './index-669ff425.js';
-import { e as main_22 } from './main-1450d277.js';
+import { l as lib_3, b as lib_1 } from './index-669ff425.js';
+import { e as main_22, m as main_40 } from './main-1450d277.js';
 import './_commonjsHelpers-0c4b6f40.js';
+import './es6.string.iterator-b24a54f2.js';
+import './_to-object-9bef3b62.js';
+import './web.dom.iterable-ca37144a.js';
+import './_library-528f1934.js';
+import './core.get-iterator-method-1b116089.js';
+import './_set-species-0b056cff.js';
+import './_iter-detect-d4d262ee.js';
 import 'prop-types';
 
+var _this = undefined;
+
 var AdSlotsProvider = function AdSlotsProvider(_ref) {
   var children = _ref.children,
       networkID = _ref.networkID,
@@ -12,18 +23,112 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
       _ref$singleRequest = _ref.singleRequest,
       singleRequest = _ref$singleRequest === undefined ? true : _ref$singleRequest,
       _ref$autoRefresh = _ref.autoRefresh,
-      autoRefresh = _ref$autoRefresh === undefined ? false : _ref$autoRefresh;
+      autoRefresh = _ref$autoRefresh === undefined ? false : _ref$autoRefresh,
+      _ref$refreshADs = _ref.refreshADs,
+      refreshADs = _ref$refreshADs === undefined ? {} : _ref$refreshADs,
+      _ref$refreshInterval = _ref.refreshInterval,
+      refreshInterval = _ref$refreshInterval === undefined ? 60 : _ref$refreshInterval;
 
   useEffect(function () {
-    // Refresh ADs after every one minute of user not scrolled
+    // Refresh ADs after every one minute if user didn't scroll.
+    // refreshInterval accepts time in seconds and default is 60 seconds
+    var generateAdsToRefresh = function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(ads) {
+        var googletag, slots, domAds, adsToRefresh;
+        return regenerator.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return lib_3.getGoogletag();
+
+              case 2:
+                googletag = _context.sent;
+
+                if (!(googletag && googletag.pubadsReady)) {
+                  _context.next = 8;
+                  break;
+                }
+
+                slots = googletag.pubads().getSlots();
+                domAds = slots.map(function (slot) {
+                  return slot.getSlotId().getDomId();
+                });
+                adsToRefresh = domAds.reduce(function (acc, item) {
+                  ads.forEach(function (ad) {
+                    if (item.includes(ad)) {
+                      acc = [].concat(_toConsumableArray(acc), [item]);
+                    }
+                  });
+                  return acc;
+                }, []);
+                return _context.abrupt('return', adsToRefresh);
+
+              case 8:
+                return _context.abrupt('return', ads);
+
+              case 9:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, _this);
+      }));
+
+      return function generateAdsToRefresh(_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     var isScrolling = void 0;
     var refreshADsAfterInterval = function refreshADsAfterInterval() {
-      isScrolling = setInterval(function () {
-        lib_3.refresh();
-      }, 60000);
+      isScrolling = setInterval(_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
+        var _refreshADs$mobileAds, mobileAds, _refreshADs$desktopAd, desktopAds, ads;
+
+        return regenerator.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _refreshADs$mobileAds = refreshADs.mobileAds, mobileAds = _refreshADs$mobileAds === undefined ? ['leaderboard-ad'] : _refreshADs$mobileAds, _refreshADs$desktopAd = refreshADs.desktopAds, desktopAds = _refreshADs$desktopAd === undefined ? [] : _refreshADs$desktopAd;
+                ads = [];
+
+                if (!main_40) {
+                  _context2.next = 8;
+                  break;
+                }
+
+                _context2.next = 5;
+                return generateAdsToRefresh(mobileAds);
+
+              case 5:
+                ads = _context2.sent;
+                _context2.next = 12;
+                break;
+
+              case 8:
+                if (!main_22) {
+                  _context2.next = 12;
+                  break;
+                }
+
+                _context2.next = 11;
+                return generateAdsToRefresh(desktopAds);
+
+              case 11:
+                ads = _context2.sent;
+
+              case 12:
+                lib_3.refresh.apply(lib_3, _toConsumableArray(ads));
+
+              case 13:
+              case 'end':
+                return _context2.stop();
+            }
+          }
+        }, _callee2, _this);
+      })), parseInt(refreshInterval) * 1000);
     };
-    autoRefresh && main_22 && refreshADsAfterInterval();
-    autoRefresh && main_22 && window.addEventListener('scroll', function () {
+    autoRefresh && refreshADsAfterInterval();
+    autoRefresh && window.addEventListener('scroll', function () {
       clearInterval(isScrolling);
       refreshADsAfterInterval();
     }, false);

package/dist/esm/ArticleCarousel.js

@@ -11,10 +11,11 @@ import './_is-array-9383b394.js';
 import './_library-528f1934.js';
 import './slicedToArray-34468155.js';
 import './core.get-iterator-method-1b116089.js';
-import './smoothscroll-ab6e0238.js';
+import './index-c7e2ac95.js';
 import './index-752d1dae.js';
 import 'react-dom';
 import 'prop-types';
+import './smoothscroll-fa4e3f8c.js';
 import './index-3f5c03b2.js';
 import './main-1450d277.js';
 

package/dist/esm/ArticleSeriesListing.js

@@ -25,8 +25,9 @@ import 'react-dom';
 import './iconBase-602d52fe.js';
 import './slicedToArray-34468155.js';
 import './core.get-iterator-method-1b116089.js';
-import './smoothscroll-ab6e0238.js';
+import './index-c7e2ac95.js';
 import './index-752d1dae.js';
+import './smoothscroll-fa4e3f8c.js';
 import './index-3f5c03b2.js';
 import './main-1450d277.js';
 import './isSymbol-807e927e.js';

package/dist/esm/BrowseVideosListing.js

@@ -13,10 +13,11 @@ import './_is-array-9383b394.js';
 import './_library-528f1934.js';
 import './slicedToArray-34468155.js';
 import './core.get-iterator-method-1b116089.js';
-import './smoothscroll-ab6e0238.js';
+import './index-c7e2ac95.js';
 import './index-752d1dae.js';
 import 'react-dom';
 import 'prop-types';
+import './smoothscroll-fa4e3f8c.js';
 import './index-3f5c03b2.js';
 import './main-1450d277.js';
 import './iconBase-602d52fe.js';

package/dist/esm/ExternalResources.js

@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-c2b1c9d7.js';
 import { _ as _slicedToArray } from './slicedToArray-34468155.js';
 import React, { useState, useEffect } from 'react';
 import { B as BlockContent } from './BlockContent-d8cd739c.js';
-import { g as getSerializers } from './index-48a08226.js';
+import { g as getSerializers } from './index-db270302.js';
 import { m as momentTimezone } from './index-ccb770c7.js';
 import { useRouter } from 'next/router';
 import Button from 'react-bootstrap/Button';
@@ -16,7 +16,7 @@ import 'prop-types';
 import './index-3f5c03b2.js';
 import 'react-bootstrap';
 import './index-669ff425.js';
-import './smoothscroll-ab6e0238.js';
+import './index-c7e2ac95.js';
 import './util-3ab476bf.js';
 import './Beam.js';
 import './stringify-8a4f19f7.js';
@@ -32,6 +32,7 @@ import './typeof-64422756.js';
 import './_is-array-9383b394.js';
 import './brightcove-react-player-loader.es-b43c695a.js';
 import './GroupDeck.js';
+import './smoothscroll-fa4e3f8c.js';
 import './moment-bc12cb97.js';
 import './toConsumableArray-5212fee7.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/GroupDeck.js

@@ -1,7 +1,8 @@
 import { _ as _typeof } from './typeof-64422756.js';
 import { _ as _slicedToArray } from './slicedToArray-34468155.js';
 import React, { useRef, useState, useEffect } from 'react';
-import { s as smoothscroll, g as getYoutubeId } from './smoothscroll-ab6e0238.js';
+import { g as getYoutubeId } from './index-c7e2ac95.js';
+import { s as smoothscroll } from './smoothscroll-fa4e3f8c.js';
 import { i as imageUrlBuilder } from './index-3f5c03b2.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-b24a54f2.js';

package/dist/esm/PartnerDetailListing.js

@@ -4,13 +4,13 @@ import { _ as _extends } from './extends-c2b1c9d7.js';
 import React, { useRef, useState, useEffect } from 'react';
 import { TwitterTimelineEmbed } from 'react-twitter-embed';
 import { i as imageUrlBuilder } from './index-3f5c03b2.js';
-import { s as smoothscroll } from './smoothscroll-ab6e0238.js';
+import { s as smoothscroll } from './smoothscroll-fa4e3f8c.js';
 import { m as moment } from './moment-bc12cb97.js';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-48a08226.js';
+import { g as getSerializers } from './index-db270302.js';
 import { B as BlockContent } from './BlockContent-d8cd739c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-b24a54f2.js';
@@ -47,6 +47,7 @@ import './getContentCategory-15dcc413.js';
 import './timeDifferenceCalc.js';
 import 'react-bootstrap/Breadcrumb';
 import 'react-bootstrap/Carousel';
+import './index-c7e2ac95.js';
 import './util-3ab476bf.js';
 import './typeof-64422756.js';
 import './_is-array-9383b394.js';

package/dist/esm/TaxonomyDescription.js

@@ -4,7 +4,7 @@ import React from 'react';
 import { useRouter } from 'next/router';
 import Head from 'next/head';
 import { B as BlockContent } from './BlockContent-d8cd739c.js';
-import { g as getSerializers } from './index-48a08226.js';
+import { g as getSerializers } from './index-db270302.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-b24a54f2.js';
 import './_to-object-9bef3b62.js';
@@ -19,7 +19,7 @@ import './index-3f5c03b2.js';
 import './slicedToArray-34468155.js';
 import 'react-bootstrap';
 import './index-669ff425.js';
-import './smoothscroll-ab6e0238.js';
+import './index-c7e2ac95.js';
 import './util-3ab476bf.js';
 import './Beam.js';
 import './stringify-8a4f19f7.js';
@@ -31,6 +31,7 @@ import './typeof-64422756.js';
 import './_is-array-9383b394.js';
 import './brightcove-react-player-loader.es-b43c695a.js';
 import './GroupDeck.js';
+import './smoothscroll-fa4e3f8c.js';
 import './moment-bc12cb97.js';
 import './toConsumableArray-5212fee7.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/VideoProgramLandingPage.js

@@ -0,0 +1,242 @@
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-acd1cc47.js';
+import { _ as _extends } from './extends-c2b1c9d7.js';
+import React from 'react';
+import { B as BlockContent } from './BlockContent-d8cd739c.js';
+import Col from 'react-bootstrap/Col';
+import Form from 'react-bootstrap/Form';
+import Button from 'react-bootstrap/Button';
+import { g as getSerializers } from './index-db270302.js';
+import VideoSeriesListing from './VideoSeriesListing.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './es6.string.iterator-b24a54f2.js';
+import './_to-object-9bef3b62.js';
+import './web.dom.iterable-ca37144a.js';
+import './_library-528f1934.js';
+import './core.get-iterator-method-1b116089.js';
+import './_set-species-0b056cff.js';
+import './_iter-detect-d4d262ee.js';
+import './_object-pie-71ac75a4.js';
+import 'prop-types';
+import './index-3f5c03b2.js';
+import './slicedToArray-34468155.js';
+import 'react-bootstrap';
+import './index-669ff425.js';
+import 'next/router';
+import './index-c7e2ac95.js';
+import './util-3ab476bf.js';
+import './Beam.js';
+import './stringify-8a4f19f7.js';
+import './Segment.js';
+import './main-1450d277.js';
+import './index-752d1dae.js';
+import 'react-dom';
+import './typeof-64422756.js';
+import './_is-array-9383b394.js';
+import './brightcove-react-player-loader.es-b43c695a.js';
+import './GroupDeck.js';
+import './smoothscroll-fa4e3f8c.js';
+import './moment-bc12cb97.js';
+import './toConsumableArray-5212fee7.js';
+import 'react-bootstrap/Pagination';
+import './entities-932b50cf.js';
+import './AdSlot.js';
+import './debounce-1a993acf.js';
+import './isSymbol-807e927e.js';
+import 'react-bootstrap/Row';
+import 'next/head';
+import './inherits-18d4a779.js';
+import './_object-sap-6a003379.js';
+import './define-property-9a008401.js';
+import './index.esm-3fdda599.js';
+import './iconBase-602d52fe.js';
+import 'react-bootstrap/Figure';
+import 'react-bootstrap/Container';
+import './visibility-sensor-082c757b.js';
+import './YoutubeGroup.js';
+import './index.es-c6222053.js';
+
+var _this = undefined;
+
+var cache = { topic_ids: [] };
+
+var VideoProgramLandingPage = function VideoProgramLandingPage(props) {
+  var client = props.client,
+      virtualBlock = props.virtualBlock,
+      topics = props.topics,
+      posts = props.posts,
+      query = props.query,
+      params = props.params,
+      _props$currentPage = props.currentPage,
+      currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
+      pageview = props.pageview,
+      _props$columns = props.columns,
+      columns = _props$columns === undefined ? 'rotate' : _props$columns,
+      _props$variant = props.variant,
+      variant = _props$variant === undefined ? 'top' : _props$variant,
+      _props$page = props.page,
+      page = _props$page === undefined ? '' : _props$page,
+      _props$autoScroll = props.autoScroll,
+      autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll,
+      defaultImage = props.defaultImage,
+      mapping = props.mapping;
+
+  return React.createElement(
+    'div',
+    null,
+    virtualBlock && React.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: virtualBlock.body, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
+    React.createElement(
+      'div',
+      { className: 'peer-exchange-filter-container' },
+      React.createElement(
+        Form,
+        { className: 'ml-3', method: 'post' },
+        React.createElement(
+          Form.Row,
+          null,
+          React.createElement(
+            Col,
+            null,
+            React.createElement(
+              Form.Group,
+              { controlId: 'topic' },
+              React.createElement(
+                Form.Control,
+                { as: 'select', name: 'topic_id', placeholder: 'Filter by Topic' },
+                React.createElement(
+                  'option',
+                  { value: '' },
+                  'All Topics'
+                ),
+                topics && topics.map(function (topic) {
+                  if (props.topic_id === topic._id || topic.name == 'Peer Exchange') {
+                    return null;
+                  } else {
+                    return React.createElement(
+                      'option',
+                      { value: topic._id },
+                      topic.name
+                    );
+                  }
+                })
+              )
+            )
+          ),
+          React.createElement(
+            Col,
+            null,
+            React.createElement(
+              Button,
+              { type: 'submit', variant: 'secondary' },
+              'Apply'
+            )
+          )
+        )
+      )
+    ),
+    posts && React.createElement(VideoSeriesListing, {
+      client: client,
+      mapping: mapping,
+      dataRecord: posts,
+      query: query,
+      params: params,
+      currentPage: currentPage,
+      pageview: pageview,
+      columns: columns,
+      variant: variant,
+      page: page,
+      autoScroll: autoScroll,
+      defaultImage: defaultImage
+    })
+  );
+};
+
+VideoProgramLandingPage.getInitialData = function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(context, client) {
+    var itemsPerPage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 6;
+    var topicId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+    var pathname, virtualBlock, query, taxonomy_ids_res, taxonomy_ids, i, res, j, topics, urlQuery, currentPage, start, params, posts;
+    return regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            // Virtual Block
+            pathname = context.pathname;
+            _context.next = 3;
+            return client.fetch('*[_type == \'virtualBlock\' && identifier == \'' + pathname + '\'][0]');
+
+          case 3:
+            virtualBlock = _context.sent;
+
+
+            // Topics for filtering
+            query = '';
+
+            if (!(cache && cache.topic_ids && cache.topic_ids.length > 0)) {
+              _context.next = 8;
+              break;
+            }
+
+            _context.next = 15;
+            break;
+
+          case 8:
+            query = '*[\n        _type == \'article\' \n        && !(_id in path("drafts.**")) \n        && defined(title) \n        && defined(url)\n        && references(\'02c6c999-e6fe-4275-98ca-ceef28f91e14\') \n        && is_visible == true \n        && dateTime(published) <= dateTime(now())\n    ]{\n        \'taxonomy_id\': taxonomyMapping[]->_id\n    }';
+            _context.next = 11;
+            return client.fetch(query);
+
+          case 11:
+            taxonomy_ids_res = _context.sent;
+            taxonomy_ids = [];
+
+            for (i = 0; i < taxonomy_ids_res.length; i++) {
+              res = taxonomy_ids_res[i];
+
+              for (j = 0; j < res.taxonomy_id.length; j++) {
+                if (!taxonomy_ids.includes(res.taxonomy_id[j])) {
+                  taxonomy_ids.push(res.taxonomy_id[j]);
+                }
+              }
+            }
+            cache.topic_ids = taxonomy_ids;
+
+          case 15:
+            query = '*[_type == \'taxonomy\' && _id in $taxonomy_ids] | order(name asc)';
+            _context.next = 18;
+            return client.fetch(query, { taxonomy_ids: cache.topic_ids });
+
+          case 18:
+            topics = _context.sent;
+
+
+            // Posts
+            urlQuery = context.query;
+            currentPage = urlQuery.page ? parseInt(urlQuery.page) : 1;
+            start = (currentPage - 1) * itemsPerPage;
+            params = {
+              from: start,
+              to: start + itemsPerPage,
+              url: pathname
+            };
+
+            query = '*[\n        _type == \'article\'\n        && !(_id in path("drafts.**"))\n        && defined(title)\n        && defined(url)\n        && is_visible == true\n        && dateTime(published) <= dateTime(now())\n        && references(\'02c6c999-e6fe-4275-98ca-ceef28f91e14\')\n        ' + (topicId ? '&& references(\'' + topicId + '\')' : '') + '\n      ] | order(published desc) [$from...$to]{\n  \t\t...,\n  \t\ttitle,\n  \t\tsummary,\n  \t\tpublished,\n  \t\tthumbnail,\n  \t\turl,\n  \t\ttaxonomy,\n  \t\tcontentCategory->,\n  \t\tbody[_type == "youtubeGallery"],\n  \t\t\'pageNumber\': ' + currentPage + '\n  \t}';
+            _context.next = 26;
+            return client.fetch(query, params);
+
+          case 26:
+            posts = _context.sent;
+            return _context.abrupt('return', { virtualBlock: virtualBlock, topics: topics, posts: posts, query: query, params: params, currentPage: currentPage });
+
+          case 28:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+export default VideoProgramLandingPage;