@mjhls/mjh-framework 1.0.849 → 1.0.850-beta.0

package/dist/cjs/TemplateNormal.js

@@ -1,5 +1,7 @@
 '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');
@@ -7,20 +9,23 @@ require('./_library-dd23b178.js');
 require('./_iter-detect-60b2f026.js');
 require('./core.get-iterator-method-f62321d4.js');
 require('./_object-pie-68c5bcbc.js');
-require('./extends-60837c34.js');
+require('./extends-0a918631.js');
 require('./define-property-f4d12f4e.js');
 require('./web.dom.iterable-a0e279c1.js');
 var React = require('react');
-require('./index-44481153.js');
+var React__default = _interopDefault(React);
+require('./events-1b438fe7.js');
+require('./index-98e01cb9.js');
 require('prop-types');
-var Container = require('react-bootstrap/Container');
+var Container = _interopDefault(require('react-bootstrap/Container'));
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 var Router = require('next/router');
+var Router__default = _interopDefault(Router);
 require('./isSymbol-04666465.js');
 require('./debounce-529c8d06.js');
 require('./toNumber-36d1e7e5.js');
-require('./main-7b5e57b0.js');
+require('./main-02daeefe.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./stringify-7c5aff47.js');
 require('./asyncToGenerator-140e5f89.js');
@@ -30,16 +35,16 @@ require('./AdSlot.js');
 require('./get-adbb11e3.js');
 require('./eq-bb2843ed.js');
 require('react-bootstrap/Button');
-require('./react-social-icons-07939b41.js');
+require('./react-social-icons-f7f48f71.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');
-require('./index.esm-974f47d9.js');
+require('./index.esm-90433435.js');
 require('next/head');
 require('./defineProperty-55548b25.js');
 require('react-bootstrap/Form');
 var Column1 = require('./Column1.js');
 require('./SideFooter.js');
-require('./ConferenceBanner-6c9e718a.js');
+require('./ConferenceBanner-4a16fddc.js');
 var Column2 = require('./Column2.js');
 require('./ADSponsoredResources.js');
 require('react-bootstrap/ListGroup');
@@ -51,12 +56,12 @@ var Header = require('./Header.js');
 require('react-bootstrap/Nav');
 require('react-bootstrap/Navbar');
 require('react-bootstrap/NavDropdown');
-require('./index.esm-44f3e2d0.js');
-require('./NavFooter-3dcd99a8.js');
-require('./index.esm-3ffa049c.js');
+require('./index.esm-e32d3e8e.js');
+require('./NavFooter-76c913e3.js');
+require('./index.esm-4d410430.js');
 require('./SocialIcons.js');
 require('react-bootstrap/FormControl');
-require('./SocialSearchComponent-19548e2a.js');
+require('./SocialSearchComponent-cea213aa.js');
 var NavMagazine = require('./NavMagazine.js');
 var NavNative = require('./NavNative.js');
 require('./Search.js');
@@ -65,11 +70,6 @@ var HamMagazine = require('./HamMagazine.js');
 var ADGutter = require('./ADGutter.js');
 var AD728x90 = require('./AD728x90.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);
-
 // Main
 var TemplateNormal = function TemplateNormal(props) {
   var config = props.config,
@@ -106,13 +106,13 @@ var TemplateNormal = function TemplateNormal(props) {
   var navigation = function navigation() {
     switch (config.navComponent) {
       case 'magazine':
-        return React__default['default'].createElement(NavMagazine['default'], { logo: website.logo, mobileLogo: website.mobileLogo, dataObject: config.navItems, subNav: config.leftItems, website: website });
+        return React__default.createElement(NavMagazine.default, { logo: website.logo, mobileLogo: website.mobileLogo, dataObject: config.navItems, subNav: config.leftItems, website: website });
       case 'native':
-        return React__default['default'].createElement(NavNative.NavNative, { logo: website.logo, dataObject: config.navItems, subNav: config.leftItems, website: website });
+        return React__default.createElement(NavNative.NavNative, { logo: website.logo, dataObject: config.navItems, subNav: config.leftItems, website: website });
       case 'dvm':
-        return React__default['default'].createElement(NavDvm.NavDvm, { logo: website.logo, dataObject: config.navItems, mobileLogo: website.logo, subNav: config.leftItems, website: website });
+        return React__default.createElement(NavDvm.NavDvm, { logo: website.logo, dataObject: config.navItems, mobileLogo: website.logo, subNav: config.leftItems, website: website });
       case 'hamburgerNav':
-        return React__default['default'].createElement(HamMagazine.HamMagazine, {
+        return React__default.createElement(HamMagazine.HamMagazine, {
           socialFooterNav: true,
           logo: website.logo,
           dataObject: config.navItems,
@@ -122,7 +122,7 @@ var TemplateNormal = function TemplateNormal(props) {
           showLogin: website.showLogin
         });
       default:
-        return React__default['default'].createElement('noNav', null);
+        return React__default.createElement('noNav', null);
     }
   };
 
@@ -139,19 +139,19 @@ var TemplateNormal = function TemplateNormal(props) {
   function layout() {
     switch (config.columns) {
       case '1':
-        return React__default['default'].createElement(
+        return React__default.createElement(
           Column1.Column1,
           { title: title },
           props.children
         );
       case '2':
-        return React__default['default'].createElement(
+        return React__default.createElement(
           Column2.Column2,
           { title: title, rightItems: config.rightItems, website: website },
           props.children
         );
       case '3':
-        return React__default['default'].createElement(
+        return React__default.createElement(
           Column3.Column3,
           {
             title: title,
@@ -167,36 +167,36 @@ var TemplateNormal = function TemplateNormal(props) {
           props.children
         );
       default:
-        return React__default['default'].createElement('noLayout', null);
+        return React__default.createElement('noLayout', null);
     }
   }
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'section',
     null,
-    noTitle ? React__default['default'].createElement(Header['default'], {
+    noTitle ? React__default.createElement(Header.default, {
       isLiveSite: config.isLiveSite,
       keyword: keywords,
       description: description + ('' + (router && router.query && router.query.page ? '| Page ' + router.query.page : ''))
-    }) : React__default['default'].createElement(Header['default'], {
+    }) : React__default.createElement(Header.default, {
       title: title ? title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : '') + '| ' + website.title : website.title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : ''),
       isLiveSite: config.isLiveSite,
       keyword: keywords,
       description: description + ('' + (router && router.query && router.query.page ? '| Page ' + router.query.page : ''))
     }),
     navigation(),
-    sponsoredFlag ? React__default['default'].createElement('div', { style: { height: '50px' } }) : React__default['default'].createElement(
-      React__default['default'].Fragment,
+    sponsoredFlag ? React__default.createElement('div', { style: { height: '50px' } }) : React__default.createElement(
+      React__default.Fragment,
       null,
-      horizontalAD && horizontalAD.networkID && horizontalAD.adUnit && React__default['default'].createElement(
-        Container__default['default'],
+      horizontalAD && horizontalAD.networkID && horizontalAD.adUnit && React__default.createElement(
+        Container,
         null,
-        React__default['default'].createElement(AD728x90, { networkID: horizontalAD.networkID, adUnit: horizontalAD.adUnit, targeting: adTargeting })
+        React__default.createElement(AD728x90, { networkID: horizontalAD.networkID, adUnit: horizontalAD.adUnit, targeting: adTargeting })
       )
     ),
-    website.gutterAd && !sponsoredFlag && React__default['default'].createElement(ADGutter, { title: 'gutter-ad', gutterAd: website.gutterAd }),
-    React__default['default'].createElement(
-      Container__default['default'],
+    website.gutterAd && !sponsoredFlag && React__default.createElement(ADGutter, { title: 'gutter-ad', gutterAd: website.gutterAd }),
+    React__default.createElement(
+      Container,
       null,
       layout()
     )

package/dist/cjs/ThumbnailCard.js

@@ -1,19 +1,17 @@
 '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('prop-types');
 require('react-dom');
-require('./index-b5eb3ff8.js');
+require('./index-be0c82be.js');
 var urlFor = require('./urlFor.js');
-var index = require('./index-9d365128.js');
+var index$2 = require('./index-96b3db50.js');
 var entities = require('./entities-310b46ee.js');
-var Media = require('react-bootstrap/Media');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Media__default = /*#__PURE__*/_interopDefaultLegacy(Media);
+var Media = _interopDefault(require('react-bootstrap/Media'));
 
 var ThumbnailCard = function ThumbnailCard(_ref) {
   var size = _ref.size,
@@ -22,27 +20,27 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
       defaultImage = _ref.defaultImage;
 
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     null,
-    mediaData && mediaData.map(function (item, index$1) {
-      return React__default['default'].createElement(
-        Media__default['default'],
+    mediaData && mediaData.map(function (item, index) {
+      return React__default.createElement(
+        Media,
         { className: 'mb-3 thumbnail-card' },
-        React__default['default'].createElement(
-          index.LazyLoad,
+        React__default.createElement(
+          index$2.LazyLoad,
           { height: size },
-          React__default['default'].createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor({ client: client, source: item.thumbnail }) : defaultImage, alt: 'Generic placeholder' })
+          React__default.createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor({ client: client, source: item.thumbnail }) : defaultImage, alt: 'Generic placeholder' })
         ),
-        React__default['default'].createElement(
-          Media__default['default'].Body,
+        React__default.createElement(
+          Media.Body,
           null,
-          React__default['default'].createElement(
+          React__default.createElement(
             'h5',
             null,
             item.title
           ),
-          React__default['default'].createElement(
+          React__default.createElement(
             'p',
             null,
             entities.clean_html_1(item.summary)

package/dist/cjs/Ustream.js

@@ -1,5 +1,7 @@
 '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');
@@ -8,16 +10,13 @@ require('./_iter-detect-60b2f026.js');
 require('./core.get-iterator-method-f62321d4.js');
 require('./web.dom.iterable-a0e279c1.js');
 var React = require('react');
-var main = require('./main-7b5e57b0.js');
+var React__default = _interopDefault(React);
+var main = require('./main-02daeefe.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
 require('./iconBase-68959171.js');
-var index_esm$1 = require('./index.esm-974f47d9.js');
-var index_esm = require('./index.esm-05850a2f.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var index_esm = require('./index.esm-90433435.js');
+var index_esm$3 = require('./index.esm-ff47db6f.js');
 
 var _this = undefined;
 
@@ -94,7 +93,7 @@ var Ustream = function Ustream(_ref) {
               switch (_context.prev = _context.next) {
                 case 0:
                   _context.next = 2;
-                  return Promise.resolve().then(function () { return require('./ustream-api-d092dc31.js'); });
+                  return new Promise(function (resolve) { resolve(require('./ustream-api-d092dc31.js')); });
 
                 case 2:
                   UstreamEmbed = _context.sent;
@@ -125,36 +124,36 @@ var Ustream = function Ustream(_ref) {
     }
   }, [isMuted]);
   //return nothing if mobile
-  if (main.main_40) {
+  if (main.main_36) {
     return null;
   }
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { id: 'ustream-container', ref: ustreamContainer, style: { width: '' + currentWidth, marginBottom: '1rem' } },
-    React__default['default'].createElement(
+    React__default.createElement(
       'div',
       { style: { position: 'relative' } },
-      close ? React__default['default'].createElement(
+      close ? React__default.createElement(
         'div',
         { className: 'ustream-close' },
-        React__default['default'].createElement(index_esm.FaRegWindowClose, { style: { color: '#fff', fontSize: '1.3rem' } })
-      ) : React__default['default'].createElement(
-        React__default['default'].Fragment,
+        React__default.createElement(index_esm$3.FaRegWindowClose, { style: { color: '#fff', fontSize: '1.3rem' } })
+      ) : React__default.createElement(
+        React__default.Fragment,
         null,
-        React__default['default'].createElement(
+        React__default.createElement(
           'div',
           { className: 'ustream-minimize' },
-          React__default['default'].createElement(index_esm$1.IoIosOpen, { style: right ? { color: '#fff', fontSize: '1.3rem', transform: 'rotateZ(-90deg)' } : { color: '#fff', fontSize: '1.3rem' } })
+          React__default.createElement(index_esm.IoIosOpen, { style: right ? { color: '#fff', fontSize: '1.3rem', transform: 'rotateZ(-90deg)' } : { color: '#fff', fontSize: '1.3rem' } })
         ),
-        React__default['default'].createElement(
+        React__default.createElement(
           'div',
           { className: 'ustream-close' },
-          React__default['default'].createElement(index_esm.FaRegWindowClose, { style: { color: '#fff', fontSize: '1rem' } })
+          React__default.createElement(index_esm$3.FaRegWindowClose, { style: { color: '#fff', fontSize: '1rem' } })
         )
       ),
-      React__default['default'].createElement('iframe', { id: 'ustream-iframe', webkitallowfullscreen: 'true', allowFullScreen: true, frameBorder: 'no', style: { maxWidth: '100%', height: currentHeight, width: currentWidth } })
+      React__default.createElement('iframe', { id: 'ustream-iframe', webkitallowfullscreen: 'true', allowFullScreen: true, frameBorder: 'no', style: { maxWidth: '100%', height: currentHeight, width: currentWidth } })
     ),
-    React__default['default'].createElement(
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        #ustream-container {\n          position: fixed;\n          bottom: 0;\n          ' + (right ? 'right: 1rem;' : 'left: 1.5rem;') + '\n          /* Updating z-index to fix gutter ad over ustream */\n          z-index: 999999;\n          max-width: 100%;\n        }\n        .ustream-minimize,\n        .ustream-close {\n          position: absolute;\n          color: white;\n          right: 0.5rem;\n          top: 0.25rem;\n          cursor: pointer;\n          font-weight: bold;\n        }\n        .ustream-close {\n          ' + (close ? 'display: block; right: .75rem; top: .5rem; ' : 'display: none; right: .5rem; top: .75rem;') + '\n        }\n        @media screen and (max-width: 768px) {\n          #ustream-container:not(.closed) {\n            width: 231px !important;\n            height: 130px !important;\n          }\n          #ustream-container:not(.closed) iframe {\n            height: 130px !important;\n          }\n        }\n      '
@@ -162,6 +161,6 @@ var Ustream = function Ustream(_ref) {
   );
 };
 
-var Ustream$1 = React__default['default'].memo(Ustream);
+var Ustream$1 = React__default.memo(Ustream);
 
 module.exports = Ustream$1;

package/dist/cjs/VerticalHero.js

@@ -1,31 +1,30 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 require('./_commonjsHelpers-06173234.js');
 var React = require('react');
-require('./moment-ca3bd9fb.js');
-require('./index-b5eb3ff8.js');
+var React__default = _interopDefault(React);
+require('./moment-575fe24c.js');
+require('./index-be0c82be.js');
 var urlFor = require('./urlFor.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 _props$heroTitle = props.heroTitle,
       heroTitle = _props$heroTitle === undefined ? '' : _props$heroTitle;
 
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { className: 'vertical-hero-container' },
-    React__default['default'].createElement(
+    React__default.createElement(
       'div',
       { className: 'vertical-hero-inner' },
-      React__default['default'].createElement(
+      React__default.createElement(
         'div',
         { className: 'hero-title' },
-        React__default['default'].createElement(
+        React__default.createElement(
           'h2',
           null,
           heroTitle
@@ -40,19 +39,19 @@ var VerticalHero = function VerticalHero(props) {
         } else if (props.thumbnail) {
           articleThumbnail = props.thumbnail;
         }
-        return index === 0 ? React__default['default'].createElement(
+        return index === 0 ? React__default.createElement(
           'a',
           { href: '/view/' + article.url.current, key: index, className: 'vertical-article' },
-          React__default['default'].createElement('img', { src: articleThumbnail, alt: articleAltText }),
-          React__default['default'].createElement(
+          React__default.createElement('img', { src: articleThumbnail, alt: articleAltText }),
+          React__default.createElement(
             'h2',
             null,
             article.title
           )
-        ) : React__default['default'].createElement(
+        ) : React__default.createElement(
           'a',
           { href: '/view/' + article.url.current, className: 'vertical-article' },
-          React__default['default'].createElement(
+          React__default.createElement(
             'h2',
             null,
             article.title
@@ -60,7 +59,7 @@ var VerticalHero = function VerticalHero(props) {
         );
       })
     ),
-    React__default['default'].createElement(
+    React__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/VideoProgramLandingPage.js

@@ -1,5 +1,7 @@
 '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');
@@ -8,31 +10,33 @@ require('./_iter-detect-60b2f026.js');
 require('./toConsumableArray-9a3476fe.js');
 require('./core.get-iterator-method-f62321d4.js');
 require('./_object-pie-68c5bcbc.js');
-var _extends = require('./extends-60837c34.js');
+var _extends$1 = require('./extends-0a918631.js');
 require('./_object-sap-5e74ba08.js');
-require('./inherits-87492b40.js');
+require('./inherits-452ff02c.js');
 require('./define-property-f4d12f4e.js');
 require('./web.dom.iterable-a0e279c1.js');
-require('./typeof-9d7f610f.js');
+require('./typeof-725500bc.js');
 require('./_is-array-754e012d.js');
 var React = require('react');
-require('./index-44481153.js');
+var React__default = _interopDefault(React);
+require('./events-1b438fe7.js');
+require('./index-98e01cb9.js');
 require('prop-types');
 require('react-bootstrap/Container');
 require('react-bootstrap/Row');
-var Col = require('react-bootstrap/Col');
-require('./moment-ca3bd9fb.js');
+var Col = _interopDefault(require('react-bootstrap/Col'));
+require('./moment-575fe24c.js');
 require('next/router');
 require('./isSymbol-04666465.js');
 require('./debounce-529c8d06.js');
 require('./toNumber-36d1e7e5.js');
-require('./index.es-f3e47207.js');
+require('./index.es-9110add6.js');
 require('react-dom');
-require('./visibility-sensor-eb2c5b69.js');
-require('./index-b5eb3ff8.js');
+require('./visibility-sensor-ad5e3116.js');
+require('./index-be0c82be.js');
 require('./urlFor.js');
-require('./index-9d365128.js');
-require('./main-7b5e57b0.js');
+require('./index-96b3db50.js');
+require('./main-02daeefe.js');
 require('./entities-310b46ee.js');
 require('./slicedToArray-8f385299.js');
 require('./stringify-7c5aff47.js');
@@ -40,34 +44,26 @@ var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
 require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
-var Button = require('react-bootstrap/Button');
-var BlockContent = require('./BlockContent-8b494587.js');
+var Button = _interopDefault(require('react-bootstrap/Button'));
+var BlockContent = require('./BlockContent-091a991f.js');
 require('./index-187c967e.js');
 require('./smoothscroll-5054361f.js');
 require('./GroupDeck.js');
 require('./YoutubeGroup.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');
-require('./index.esm-974f47d9.js');
+require('./index.esm-90433435.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
-var getSerializers = require('./index-80e98193.js');
+var getSerializers = require('./index-bc88f898.js');
 require('./util-f2c1b65b.js');
-require('./brightcove-react-player-loader.es-5c98aec7.js');
+require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('next/head');
 require('react-share');
 require('./SocialShare.js');
 require('./_object-to-array-5762f850.js');
 require('react-bootstrap/Pagination');
 require('react-bootstrap/Figure');
-require('react-script-tag');
-var Form = require('react-bootstrap/Form');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
+var Form = _interopDefault(require('react-bootstrap/Form'));
 
 var _this = undefined;
 
@@ -94,29 +90,29 @@ var VideoProgramLandingPage = function VideoProgramLandingPage(props) {
       defaultImage = props.defaultImage,
       mapping = props.mapping;
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     null,
-    virtualBlock && React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers.getSerializers(client), blocks: virtualBlock.body, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
-    React__default['default'].createElement(
+    virtualBlock && React__default.createElement(BlockContent.BlockContent, _extends$1._extends({ serializers: getSerializers.getSerializers(client), blocks: virtualBlock.body, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
+    React__default.createElement(
       'div',
       { className: 'peer-exchange-filter-container' },
-      React__default['default'].createElement(
-        Form__default['default'],
+      React__default.createElement(
+        Form,
         { className: 'ml-3', method: 'post' },
-        React__default['default'].createElement(
-          Form__default['default'].Row,
+        React__default.createElement(
+          Form.Row,
           null,
-          React__default['default'].createElement(
-            Col__default['default'],
+          React__default.createElement(
+            Col,
             null,
-            React__default['default'].createElement(
-              Form__default['default'].Group,
+            React__default.createElement(
+              Form.Group,
               { controlId: 'topic' },
-              React__default['default'].createElement(
-                Form__default['default'].Control,
+              React__default.createElement(
+                Form.Control,
                 { as: 'select', name: 'topic_id', placeholder: 'Filter by Topic' },
-                React__default['default'].createElement(
+                React__default.createElement(
                   'option',
                   { value: '' },
                   'All Topics'
@@ -125,7 +121,7 @@ var VideoProgramLandingPage = function VideoProgramLandingPage(props) {
                   if (props.topic_id === topic._id || topic.name == 'Peer Exchange') {
                     return null;
                   } else {
-                    return React__default['default'].createElement(
+                    return React__default.createElement(
                       'option',
                       { value: topic._id },
                       topic.name
@@ -135,11 +131,11 @@ var VideoProgramLandingPage = function VideoProgramLandingPage(props) {
               )
             )
           ),
-          React__default['default'].createElement(
-            Col__default['default'],
+          React__default.createElement(
+            Col,
             null,
-            React__default['default'].createElement(
-              Button__default['default'],
+            React__default.createElement(
+              Button,
               { type: 'submit', variant: 'secondary' },
               'Apply'
             )
@@ -147,7 +143,7 @@ var VideoProgramLandingPage = function VideoProgramLandingPage(props) {
         )
       )
     ),
-    posts && React__default['default'].createElement(VideoSeriesListing, {
+    posts && React__default.createElement(VideoSeriesListing, {
       client: client,
       mapping: mapping,
       dataRecord: posts,