@mjhls/mjh-framework 1.0.782-beta.0 → 1.0.782-dev4485

package/dist/cjs/TemplateNormal.js

@@ -1,7 +1,5 @@
 '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');
@@ -13,37 +11,36 @@ require('./extends-60837c34.js');
 require('./define-property-f4d12f4e.js');
 require('./web.dom.iterable-a0e279c1.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-require('./index-8bf6c863.js');
+require('./index-e08f00ce.js');
 require('prop-types');
-var Container = _interopDefault(require('react-bootstrap/Container'));
+var Container = 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-02daeefe.js');
+require('./main-11ec04d2.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-140e5f89.js');
+require('./asyncToGenerator-533d476a.js');
+require('./_set-species-f92c67c5.js');
 require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
 require('./get-adbb11e3.js');
 require('./eq-bb2843ed.js');
-require('./react-social-icons-f7f48f71.js');
+require('./react-social-icons-07939b41.js');
 require('react-bootstrap');
 require('./iconBase-68959171.js');
-require('./index.esm-90433435.js');
+require('./index.esm-974f47d9.js');
 require('next/head');
 require('react-bootstrap/Button');
 require('./defineProperty-55548b25.js');
 require('react-bootstrap/Form');
 var Column1 = require('./Column1.js');
 require('./SideFooter.js');
-require('./ConferenceBanner-4a16fddc.js');
+require('./ConferenceBanner-6c9e718a.js');
 var Column2 = require('./Column2.js');
 require('./ADSponsoredResources.js');
 require('react-bootstrap/ListGroup');
@@ -55,12 +52,12 @@ var Header = require('./Header.js');
 require('react-bootstrap/Nav');
 require('react-bootstrap/Navbar');
 require('react-bootstrap/NavDropdown');
-require('./index.esm-66ffa47a.js');
-require('./NavFooter-76c913e3.js');
-require('./index.esm-4d410430.js');
+require('./index.esm-3b9b8952.js');
+require('./NavFooter-3dcd99a8.js');
+require('./index.esm-3ffa049c.js');
 require('./SocialIcons.js');
 require('react-bootstrap/FormControl');
-require('./SocialSearchComponent-8dd468fd.js');
+require('./SocialSearchComponent-fb784cc3.js');
 var NavMagazine = require('./NavMagazine.js');
 var NavNative = require('./NavNative.js');
 require('./Search.js');
@@ -70,6 +67,11 @@ 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,15 +108,15 @@ var TemplateNormal = function TemplateNormal(props) {
   var navigation = function navigation() {
     switch (config.navComponent) {
       case 'normal':
-        return React__default.createElement(NavNormal.NavNormal, { logo: website.logo, dataObject: config.navItems });
+        return React__default['default'].createElement(NavNormal.NavNormal, { logo: website.logo, dataObject: config.navItems });
       case 'magazine':
-        return React__default.createElement(NavMagazine.default, { logo: website.logo, mobileLogo: website.mobileLogo, dataObject: config.navItems, subNav: config.leftItems, website: website });
+        return React__default['default'].createElement(NavMagazine['default'], { logo: website.logo, mobileLogo: website.mobileLogo, dataObject: config.navItems, subNav: config.leftItems, website: website });
       case 'native':
-        return React__default.createElement(NavNative.NavNative, { logo: website.logo, dataObject: config.navItems, subNav: config.leftItems, website: website });
+        return React__default['default'].createElement(NavNative.NavNative, { logo: website.logo, dataObject: config.navItems, subNav: config.leftItems, website: website });
       case 'dvm':
-        return React__default.createElement(NavDvm.NavDvm, { logo: website.logo, dataObject: config.navItems, mobileLogo: website.logo, subNav: config.leftItems, website: website });
+        return React__default['default'].createElement(NavDvm.NavDvm, { logo: website.logo, dataObject: config.navItems, mobileLogo: website.logo, subNav: config.leftItems, website: website });
       case 'hamburgerNav':
-        return React__default.createElement(HamMagazine.HamMagazine, {
+        return React__default['default'].createElement(HamMagazine.HamMagazine, {
           socialFooterNav: true,
           logo: website.logo,
           dataObject: config.navItems,
@@ -124,7 +126,7 @@ var TemplateNormal = function TemplateNormal(props) {
           showLogin: website.showLogin
         });
       default:
-        return React__default.createElement('noNav', null);
+        return React__default['default'].createElement('noNav', null);
     }
   };
 
@@ -141,19 +143,19 @@ var TemplateNormal = function TemplateNormal(props) {
   function layout() {
     switch (config.columns) {
       case '1':
-        return React__default.createElement(
+        return React__default['default'].createElement(
           Column1.Column1,
           { title: title },
           props.children
         );
       case '2':
-        return React__default.createElement(
+        return React__default['default'].createElement(
           Column2.Column2,
           { title: title, rightItems: config.rightItems, website: website },
           props.children
         );
       case '3':
-        return React__default.createElement(
+        return React__default['default'].createElement(
           Column3.Column3,
           {
             title: title,
@@ -169,36 +171,36 @@ var TemplateNormal = function TemplateNormal(props) {
           props.children
         );
       default:
-        return React__default.createElement('noLayout', null);
+        return React__default['default'].createElement('noLayout', null);
     }
   }
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'section',
     null,
-    noTitle ? React__default.createElement(Header.default, {
+    noTitle ? React__default['default'].createElement(Header['default'], {
       isLiveSite: config.isLiveSite,
       keyword: keywords,
       description: description + ('' + (router && router.query && router.query.page ? '| Page ' + router.query.page : ''))
-    }) : React__default.createElement(Header.default, {
+    }) : React__default['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.createElement('div', { style: { height: '50px' } }) : React__default.createElement(
-      React__default.Fragment,
+    sponsoredFlag ? React__default['default'].createElement('div', { style: { height: '50px' } }) : React__default['default'].createElement(
+      React__default['default'].Fragment,
       null,
-      horizontalAD && horizontalAD.networkID && horizontalAD.adUnit && React__default.createElement(
-        Container,
+      horizontalAD && horizontalAD.networkID && horizontalAD.adUnit && React__default['default'].createElement(
+        Container__default['default'],
         null,
-        React__default.createElement(AD728x90, { networkID: horizontalAD.networkID, adUnit: horizontalAD.adUnit, targeting: adTargeting })
+        React__default['default'].createElement(AD728x90, { networkID: horizontalAD.networkID, adUnit: horizontalAD.adUnit, targeting: adTargeting })
       )
     ),
-    website.gutterAd && !sponsoredFlag && React__default.createElement(ADGutter, { title: 'gutter-ad', gutterAd: website.gutterAd }),
-    React__default.createElement(
-      Container,
+    website.gutterAd && !sponsoredFlag && React__default['default'].createElement(ADGutter, { title: 'gutter-ad', gutterAd: website.gutterAd }),
+    React__default['default'].createElement(
+      Container__default['default'],
       null,
       layout()
     )

package/dist/cjs/ThumbnailCard.js

@@ -1,16 +1,18 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 require('./_commonjsHelpers-06173234.js');
 var React = require('react');
-var React__default = _interopDefault(React);
 require('prop-types');
 require('react-dom');
-var index$1 = require('./index-be0c82be.js');
-var index$2 = require('./index-da796b8c.js');
+var index = require('./index-b5eb3ff8.js');
+var index$1 = require('./index-8a3fb0bc.js');
 var entities = require('./entities-310b46ee.js');
-var Media = _interopDefault(require('react-bootstrap/Media'));
+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 ThumbnailCard = function ThumbnailCard(_ref) {
   var size = _ref.size,
@@ -18,33 +20,33 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
       client = _ref.client,
       defaultImage = _ref.defaultImage;
 
-  var builder = index$1.imageUrlBuilder(client);
+  var builder = index.imageUrlBuilder(client);
 
   var urlFor = function urlFor(source) {
     return builder.image(source).auto('format');
   };
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     null,
     mediaData && mediaData.map(function (item, index) {
-      return React__default.createElement(
-        Media,
+      return React__default['default'].createElement(
+        Media__default['default'],
         { className: 'mb-3 thumbnail-card' },
-        React__default.createElement(
-          index$2.LazyLoad,
+        React__default['default'].createElement(
+          index$1.LazyLoad,
           { height: size },
-          React__default.createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor(item.thumbnail).url() : defaultImage, alt: 'Generic placeholder' })
+          React__default['default'].createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor(item.thumbnail).url() : defaultImage, alt: 'Generic placeholder' })
         ),
-        React__default.createElement(
-          Media.Body,
+        React__default['default'].createElement(
+          Media__default['default'].Body,
           null,
-          React__default.createElement(
+          React__default['default'].createElement(
             'h5',
             null,
             item.title
           ),
-          React__default.createElement(
+          React__default['default'].createElement(
             'p',
             null,
             entities.clean_html_1(item.summary)

package/dist/cjs/Ustream.js

@@ -1,19 +1,20 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-329a650b.js');
 require('./es6.string.iterator-cc0bbaa4.js');
 require('./core.get-iterator-method-f62321d4.js');
 require('./web.dom.iterable-a0e279c1.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var main = require('./main-02daeefe.js');
+var main = require('./main-11ec04d2.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./iconBase-68959171.js');
-var index_esm = require('./index.esm-90433435.js');
-var index_esm$3 = require('./index.esm-ff47db6f.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 Ustream = function Ustream(_ref) {
   var _ref$width = _ref.width,
@@ -70,36 +71,36 @@ var Ustream = function Ustream(_ref) {
     } catch (err) {}
   }, []);
   //return nothing if mobile
-  if (main.main_36) {
+  if (main.main_39) {
     return null;
   }
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { id: 'ustream-container', ref: ustreamContainer, style: { width: '' + currentWidth, marginBottom: '1rem' } },
-    React__default.createElement(
+    React__default['default'].createElement(
       'div',
       { style: { position: 'relative' } },
-      close ? React__default.createElement(
+      close ? React__default['default'].createElement(
         'div',
         { className: 'ustream-close' },
-        React__default.createElement(index_esm$3.FaRegWindowClose, { style: { color: '#fff', fontSize: '1.3rem' } })
-      ) : React__default.createElement(
-        React__default.Fragment,
+        React__default['default'].createElement(index_esm.FaRegWindowClose, { style: { color: '#fff', fontSize: '1.3rem' } })
+      ) : React__default['default'].createElement(
+        React__default['default'].Fragment,
         null,
-        React__default.createElement(
+        React__default['default'].createElement(
           'div',
           { className: 'ustream-minimize' },
-          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(index_esm$1.IoIosOpen, { style: right ? { color: '#fff', fontSize: '1.3rem', transform: 'rotateZ(-90deg)' } : { color: '#fff', fontSize: '1.3rem' } })
         ),
-        React__default.createElement(
+        React__default['default'].createElement(
           'div',
           { className: 'ustream-close' },
-          React__default.createElement(index_esm$3.FaRegWindowClose, { style: { color: '#fff', fontSize: '1rem' } })
+          React__default['default'].createElement(index_esm.FaRegWindowClose, { style: { color: '#fff', fontSize: '1rem' } })
         )
       ),
-      React__default.createElement('iframe', { id: 'ustream-iframe', webkitallowfullscreen: 'true', allowFullScreen: true, frameBorder: 'no', style: { maxWidth: '100%', height: currentHeight, width: currentWidth } })
+      React__default['default'].createElement('iframe', { id: 'ustream-iframe', webkitallowfullscreen: 'true', allowFullScreen: true, frameBorder: 'no', style: { maxWidth: '100%', height: currentHeight, width: currentWidth } })
     ),
-    React__default.createElement(
+    React__default['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      '
@@ -107,6 +108,6 @@ var Ustream = function Ustream(_ref) {
   );
 };
 
-var Ustream$1 = React__default.memo(Ustream);
+var Ustream$1 = React__default['default'].memo(Ustream);
 
 module.exports = Ustream$1;

package/dist/cjs/VerticalHero.js

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

package/dist/cjs/VideoProgramLandingPage.js

@@ -1,7 +1,5 @@
 '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');
@@ -10,58 +8,65 @@ require('./_iter-detect-60b2f026.js');
 require('./toConsumableArray-9a3476fe.js');
 require('./core.get-iterator-method-f62321d4.js');
 require('./_object-pie-68c5bcbc.js');
-var _extends$1 = require('./extends-60837c34.js');
+var _extends = require('./extends-60837c34.js');
 require('./_object-sap-5e74ba08.js');
-require('./inherits-c9f99d47.js');
+require('./inherits-87492b40.js');
 require('./define-property-f4d12f4e.js');
 require('./web.dom.iterable-a0e279c1.js');
-require('./typeof-725500bc.js');
+require('./typeof-9d7f610f.js');
 require('./_is-array-754e012d.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-require('./index-8bf6c863.js');
+require('./index-e08f00ce.js');
 require('prop-types');
 require('react-bootstrap/Container');
 require('react-bootstrap/Row');
-var Col = _interopDefault(require('react-bootstrap/Col'));
-require('./moment-575fe24c.js');
+var Col = require('react-bootstrap/Col');
+require('./moment-66a6a284.js');
 require('next/router');
 require('./isSymbol-04666465.js');
 require('./debounce-529c8d06.js');
 require('./toNumber-36d1e7e5.js');
-require('./index.es-9110add6.js');
+require('./index.es-13533f24.js');
 require('react-dom');
-require('./visibility-sensor-0c45a583.js');
-require('./index-be0c82be.js');
-require('./index-da796b8c.js');
-require('./main-02daeefe.js');
+require('./visibility-sensor-8b54af99.js');
+require('./index-b5eb3ff8.js');
+require('./index-8a3fb0bc.js');
+require('./main-11ec04d2.js');
 require('./entities-310b46ee.js');
 require('./slicedToArray-8f385299.js');
 require('./stringify-7c5aff47.js');
-var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
+var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
+require('./_set-species-f92c67c5.js');
 require('./Segment.js');
 require('./Beam.js');
 require('./AdSlot.js');
-var BlockContent = require('./BlockContent-091a991f.js');
+var BlockContent = require('./BlockContent-8b494587.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-90433435.js');
+require('./index.esm-974f47d9.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
-var getSerializers = require('./index-76417d82.js');
+var getSerializers = require('./index-2410ec98.js');
 require('./util-f2c1b65b.js');
-require('./brightcove-react-player-loader.es-156bd4d6.js');
+require('./brightcove-react-player-loader.es-4ba0d3d5.js');
 require('next/head');
 require('react-share');
 require('./SocialShare.js');
 require('./_object-to-array-5762f850.js');
 require('react-bootstrap/Pagination');
-var Button = _interopDefault(require('react-bootstrap/Button'));
+var Button = require('react-bootstrap/Button');
 require('react-bootstrap/Figure');
-var Form = _interopDefault(require('react-bootstrap/Form'));
+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 _this = undefined;
 
@@ -88,29 +93,29 @@ var VideoProgramLandingPage = function VideoProgramLandingPage(props) {
       defaultImage = props.defaultImage,
       mapping = props.mapping;
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     null,
-    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(
+    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(
       'div',
       { className: 'peer-exchange-filter-container' },
-      React__default.createElement(
-        Form,
+      React__default['default'].createElement(
+        Form__default['default'],
         { className: 'ml-3', method: 'post' },
-        React__default.createElement(
-          Form.Row,
+        React__default['default'].createElement(
+          Form__default['default'].Row,
           null,
-          React__default.createElement(
-            Col,
+          React__default['default'].createElement(
+            Col__default['default'],
             null,
-            React__default.createElement(
-              Form.Group,
+            React__default['default'].createElement(
+              Form__default['default'].Group,
               { controlId: 'topic' },
-              React__default.createElement(
-                Form.Control,
+              React__default['default'].createElement(
+                Form__default['default'].Control,
                 { as: 'select', name: 'topic_id', placeholder: 'Filter by Topic' },
-                React__default.createElement(
+                React__default['default'].createElement(
                   'option',
                   { value: '' },
                   'All Topics'
@@ -119,7 +124,7 @@ var VideoProgramLandingPage = function VideoProgramLandingPage(props) {
                   if (props.topic_id === topic._id || topic.name == 'Peer Exchange') {
                     return null;
                   } else {
-                    return React__default.createElement(
+                    return React__default['default'].createElement(
                       'option',
                       { value: topic._id },
                       topic.name
@@ -129,11 +134,11 @@ var VideoProgramLandingPage = function VideoProgramLandingPage(props) {
               )
             )
           ),
-          React__default.createElement(
-            Col,
+          React__default['default'].createElement(
+            Col__default['default'],
             null,
-            React__default.createElement(
-              Button,
+            React__default['default'].createElement(
+              Button__default['default'],
               { type: 'submit', variant: 'secondary' },
               'Apply'
             )
@@ -141,7 +146,7 @@ var VideoProgramLandingPage = function VideoProgramLandingPage(props) {
         )
       )
     ),
-    posts && React__default.createElement(VideoSeriesListing, {
+    posts && React__default['default'].createElement(VideoSeriesListing, {
       client: client,
       mapping: mapping,
       dataRecord: posts,