@mjhls/mjh-framework 1.0.704-beta-v10 → 1.0.705

package/dist/cjs/TemplateNormal.js

@@ -1,73 +1,74 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
+var slicedToArray = require('./slicedToArray-db24842a.js');
+var React = require('react');
+var Router = require('next/router');
+var Container = require('react-bootstrap/Container');
+var ADGutter = require('./ADGutter.js');
+var AD728x90 = require('./AD728x90.js');
+var Header = require('./Header.js');
+var Column1 = require('./Column1.js');
+var Column2 = require('./Column2.js');
+var Column3 = require('./Column3.js');
+var NavMagazine = require('./NavMagazine.js');
+var NavNative = require('./NavNative.js');
+var NavNormal = require('./NavNormal.js');
+var NavDvm = require('./NavDvm.js');
+var HamMagazine = require('./HamMagazine.js');
 require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
-require('./_library-dd23b178.js');
-require('./_iter-detect-60b2f026.js');
-require('./core.get-iterator-method-f62321d4.js');
+require('./web.dom.iterable-4480325a.js');
+require('./es6.string.iterator-20d42c53.js');
+require('./_to-object-821a2927.js');
+require('./core.get-iterator-method-b4615fd3.js');
+require('./stringify-01cf47f7.js');
+require('./AdSlot.js');
+require('./extends-1e24fc8d.js');
 require('./_object-pie-68c5bcbc.js');
-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-099d45ae.js');
 require('prop-types');
-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('./index-5ad2b070.js');
 require('./debounce-eb287781.js');
-require('./main-03ffa84c.js');
-require('./stringify-7c5aff47.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-require('./asyncToGenerator-533d476a.js');
-require('./_set-species-f92c67c5.js');
-require('./Segment.js');
+require('./isSymbol-04666465.js');
 require('./Beam.js');
-require('./AdSlot.js');
-require('./get-68c52cb1.js');
-require('./react-social-icons-f7f48f71.js');
-require('react-bootstrap');
-require('./iconBase-68959171.js');
-require('./index.esm-90433435.js');
-require('react-bootstrap/Button');
-require('./defineProperty-55548b25.js');
-require('react-bootstrap/Form');
+require('./asyncToGenerator-2edcb6ad.js');
+require('./_library-dd23b178.js');
+require('./_set-species-a8cfdb84.js');
+require('./_iter-detect-2613ffa1.js');
+require('./Segment.js');
+require('./main-eeffe77b.js');
 require('next/head');
-var Column1 = require('./Column1.js');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
 require('./SideFooter.js');
-require('./ConferenceBanner-4a16fddc.js');
-var Column2 = require('./Column2.js');
+require('./defineProperty-d6fbb280.js');
+require('./define-property-aff11f8a.js');
+require('./react-social-icons-af932527.js');
+require('./get-68c52cb1.js');
+require('./ConferenceBanner-6c9e718a.js');
 require('./ADSponsoredResources.js');
+require('./LeftNav.js');
 require('react-bootstrap/ListGroup');
 require('./ADWebcast.js');
-require('./LeftNav.js');
 require('./PageFilter.js');
-var Column3 = require('./Column3.js');
-var Header = require('./Header.js');
+require('react-bootstrap');
 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('./iconBase-68959171.js');
+require('./index.esm-974f47d9.js');
+require('./NavFooter-3dcd99a8.js');
+require('./index.esm-8123cf40.js');
+require('./SocialSearchComponent-294bd0ea.js');
 require('./SocialIcons.js');
+require('react-bootstrap/Form');
 require('react-bootstrap/FormControl');
-require('./SocialSearchComponent-56d49a1a.js');
-var NavMagazine = require('./NavMagazine.js');
-var NavNative = require('./NavNative.js');
+require('react-bootstrap/Button');
 require('./Search.js');
-var NavNormal = require('./NavNormal.js');
-var NavDvm = require('./NavDvm.js');
-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) {
@@ -105,15 +106,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,
@@ -123,7 +124,7 @@ var TemplateNormal = function TemplateNormal(props) {
           showLogin: website.showLogin
         });
       default:
-        return React__default.createElement('noNav', null);
+        return React__default['default'].createElement('noNav', null);
     }
   };
 
@@ -140,19 +141,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,
@@ -168,36 +169,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');
+var Media = require('react-bootstrap/Media');
+var index = require('./index-d48b231c.js');
+var index$1 = require('./index-80f57cff.js');
+var entities = require('./entities-3f9d0f2f.js');
+require('./_commonjsHelpers-06173234.js');
 require('react-dom');
-var index$1 = require('./index-39beccb3.js');
-var index$2 = require('./index-da796b8c.js');
-var entities = require('./entities-310b46ee.js');
-var Media = _interopDefault(require('react-bootstrap/Media'));
+require('prop-types');
+
+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 slicedToArray = require('./slicedToArray-db24842a.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var main = require('./main-03ffa84c.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
+var index_esm$1 = require('./index.esm-974f47d9.js');
+var index_esm = require('./index.esm-05850a2f.js');
+var main = require('./main-eeffe77b.js');
+require('./_commonjsHelpers-06173234.js');
+require('./web.dom.iterable-4480325a.js');
+require('./es6.string.iterator-20d42c53.js');
+require('./_to-object-821a2927.js');
+require('./core.get-iterator-method-b4615fd3.js');
 require('./iconBase-68959171.js');
-var index_esm = require('./index.esm-90433435.js');
-var index_esm$3 = require('./index.esm-ff47db6f.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_40) {
     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-39beccb3.js');
+require('./moment-aca40de1.js');
+var index = require('./index-d48b231c.js');
+require('./_commonjsHelpers-06173234.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/VideoSeriesCard.js

@@ -1,23 +1,24 @@
 '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('./_library-dd23b178.js');
-require('./_object-pie-68c5bcbc.js');
-require('./web.dom.iterable-a0e279c1.js');
-var _typeof$1 = require('./typeof-725500bc.js');
-require('./_is-array-754e012d.js');
+var _typeof = require('./typeof-97065d40.js');
 var React = require('react');
-var React__default = _interopDefault(React);
+var index$1 = require('./index-80f57cff.js');
+var index = require('./index-d48b231c.js');
+var moment = require('./moment-aca40de1.js');
+var styleInject_es = require('./style-inject.es-dcee06b6.js');
 require('prop-types');
-var moment = require('./moment-575fe24c.js');
+require('./_commonjsHelpers-06173234.js');
+require('./es6.string.iterator-20d42c53.js');
+require('./_to-object-821a2927.js');
+require('./web.dom.iterable-4480325a.js');
+require('./_is-array-63ae4740.js');
+require('./_object-pie-68c5bcbc.js');
+require('./_library-dd23b178.js');
 require('react-dom');
-var index$1 = require('./index-39beccb3.js');
-var index$2 = require('./index-da796b8c.js');
-var styleInject_es = require('./style-inject.es-dcee06b6.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var css = ".VideoSeriesCard-module_article__Hlc3e {\r\n  width: 100%;\r\n  margin: 0 0 1rem 0;\r\n}\r\n.VideoSeriesCard-module_article__Hlc3e a {\r\n  display: flex;\r\n  width: 100%;\r\n  color: #000000;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ {\r\n  width: 25%;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ img {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N {\r\n  width: 75%;\r\n  font-size: 1rem;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N h2 {\r\n  font-weight: bold;\r\n  font-size: 1.25rem;\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_published__1fI0q {\r\n  color: #6d6d6d;\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_summary__3hWJT {\r\n  margin: 0.5rem 0 0 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o {\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o span {\r\n  color: #6d6d6d;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n  .VideoSeriesCard-module_article__Hlc3e {\r\n    margin: 1rem 0;\r\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n  }\r\n  .VideoSeriesCard-module_article__Hlc3e a {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ {\r\n    overflow: hidden;\r\n    width: 100%;\r\n    margin-bottom: 1rem;\r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ img{\r\n    border-radius: 10px 10px 0 0;    \r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ figure {\r\n    margin: 0;\r\n  }\r\n  .VideoSeriesCard-module_info__2_i1N {\r\n    width: 90%;\r\n    padding: 1rem !important;\r\n  }\r\n  .VideoSeriesCard-module_info__2_i1N h2 {\r\n    font-size: 1rem;\r\n  }\r\n}\r\n";
 var styles = { "article": "VideoSeriesCard-module_article__Hlc3e", "thumb": "VideoSeriesCard-module_thumb__3hGyJ", "info": "VideoSeriesCard-module_info__2_i1N", "published": "VideoSeriesCard-module_published__1fI0q", "summary": "VideoSeriesCard-module_summary__3hWJT", "author": "VideoSeriesCard-module_author__aU35o" };
@@ -28,56 +29,56 @@ var VideoSeriesCard = function VideoSeriesCard(props) {
       variant = props.variant,
       defaultImage = props.defaultImage,
       client = props.client,
-      index = props.index;
+      index$2 = props.index;
 
-  var episode = parseInt(index) + 1;
-  var builder = index$1.imageUrlBuilder(client);
-  return React__default.createElement(
+  var episode = parseInt(index$2) + 1;
+  var builder = index.imageUrlBuilder(client);
+  return React__default['default'].createElement(
     'div',
     { className: styles.article },
-    React__default.createElement(
+    React__default['default'].createElement(
       'a',
       { href: '/view/' + data.url.current, style: variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
-      React__default.createElement(
+      React__default['default'].createElement(
         'div',
         { className: styles.thumb },
-        React__default.createElement(
+        React__default['default'].createElement(
           'figure',
           null,
-          React__default.createElement(
-            index$2.LazyLoad,
+          React__default['default'].createElement(
+            index$1.LazyLoad,
             null,
-            React__default.createElement('img', {
-              src: data.thumbnail && data.thumbnail.asset ? builder.image(data.thumbnail).url() : data.thumbnail && _typeof$1._typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
+            React__default['default'].createElement('img', {
+              src: data.thumbnail && data.thumbnail.asset ? builder.image(data.thumbnail).url() : data.thumbnail && _typeof._typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
             })
           )
         )
       ),
-      React__default.createElement(
+      React__default['default'].createElement(
         'div',
         { className: styles.info, style: variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
-        React__default.createElement(
+        React__default['default'].createElement(
           'h2',
           null,
           episode && 'EP ' + episode + ': ',
           data.title
         ),
-        data.published && React__default.createElement(
+        data.published && React__default['default'].createElement(
           'p',
           { className: styles.published },
           moment.moment(data.published).format('MMMM Do YYYY')
         ),
-        data.authorMapping && data.authorMapping.displayName && React__default.createElement(
+        data.authorMapping && data.authorMapping.displayName && React__default['default'].createElement(
           'p',
           { className: styles.author },
           'By ',
-          React__default.createElement(
+          React__default['default'].createElement(
             'span',
             null,
             data.authorMapping.displayName
           )
         ),
-        data.intro && React__default.createElement('p', { dangerouslySetInnerHTML: { __html: data.intro }, className: styles.summary })
+        data.intro && React__default['default'].createElement('p', { dangerouslySetInnerHTML: { __html: data.intro }, className: styles.summary })
       )
     )
   );