@mjhls/mjh-framework 1.0.883-mwn-test-v4 → 1.0.884-beta.0

package/dist/cjs/Ustream.js

@@ -1,45 +1,46 @@
 'use strict';
 
-var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
-var slicedToArray = require('./slicedToArray-067dd3bc.js');
-var React = require('react');
-var index_esm = require('./index.esm-88593816.js');
-var main = require('./main-f1c77adb.js');
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 require('./_commonjsHelpers-06173234.js');
-require('./core.get-iterator-method-5643aa10.js');
-require('./web.dom.iterable-d98303e0.js');
+require('./core.get-iterator-method-f3c44602.js');
 require('./_library-dd23b178.js');
-require('./_iter-detect-b1df62f0.js');
-require('./iconBase-be4097c0.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+require('./_iter-detect-05795553.js');
+require('./web.dom.iterable-e34bf324.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+var slicedToArray = require('./slicedToArray-f6d4eaa8.js');
+var main = require('./main-02daeefe.js');
+var asyncToGenerator = require('./asyncToGenerator-df19209d.js');
+require('./iconBase-68959171.js');
+var index_esm = require('./index.esm-90433435.js');
+var index_esm$3 = require('./index.esm-ff47db6f.js');
 
 var _this = undefined;
 
 var Ustream = function Ustream(_ref) {
   var _ref$width = _ref.width,
-      width = _ref$width === undefined ? '320px' : _ref$width,
+      width = _ref$width === undefined ? '300px' : _ref$width,
       _ref$height = _ref.height,
-      height = _ref$height === undefined ? 'auto' : _ref$height,
+      height = _ref$height === undefined ? '168px' : _ref$height,
       _ref$close = _ref.close,
-      close = _ref$close === undefined ? false : _ref$close;
-      _ref.right;
-      var _ref$src = _ref.src,
+      close = _ref$close === undefined ? false : _ref$close,
+      _ref$right = _ref.right,
+      right = _ref$right === undefined ? false : _ref$right,
+      _ref$src = _ref.src,
       src = _ref$src === undefined ? 'https://video.ibm.com/embed/23627444?volume=0&autoplay=true' : _ref$src,
       _ref$logEvent = _ref.logEvent,
       logEvent = _ref$logEvent === undefined ? function () {} : _ref$logEvent;
 
   var _useState = React.useState(width),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      currentWidth = _useState2[0];
-      _useState2[1];
+      currentWidth = _useState2[0],
+      setWidth = _useState2[1];
 
   var _useState3 = React.useState(height),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2);
-      _useState4[0];
-      _useState4[1];
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      currentHeight = _useState4[0],
+      setHeight = _useState4[1];
 
   var _useState5 = React.useState(true),
       _useState6 = slicedToArray._slicedToArray(_useState5, 2),
@@ -47,35 +48,41 @@ var Ustream = function Ustream(_ref) {
       setIsMuted = _useState6[1];
 
   var ustreamContainer = React.useRef(null);
-  var clickableLink = React.useRef(null);
-  var frameUrl = 'https://mjh-web.s3.amazonaws.com/_media/mwn_frame_v2.jpg';
 
-  function handleClose(ev) {
-    ev.preventDefault();
-    ev.stopPropagation();
-    ustreamContainer.current.remove();
-  }
   React.useEffect(function () {
-    if (!main.main_43) {
-      try {
-        var container = document.getElementById('ustream-container');
-        var ustream = document.getElementById('ustream-iframe');
-        ustream.setAttribute('src', src);
-        var referrerUrl = window && window.location.hostname.replace('www.', '').replace('.com', '').replace('.net', '').replace('.vercel.app', '') || ';';
-        var mwnUrl = 'https://www-medicalworldnews-com-git-d4s-467-ustream-live-mjhls.vercel.app/?utm_source=' + referrerUrl + '&utm_medium=web&utm_campaign=mwn&ultv=true';
-        clickableLink.current.href = mwnUrl;
-        if (close) {
+    try {
+      var container = document.getElementById('ustream-container');
+      var ustream = document.getElementById('ustream-iframe');
+      ustream.setAttribute('src', src);
+
+      if (close) {
+        var closeBtn = document.querySelector('.ustream-close');
+        closeBtn.addEventListener('click', function () {
+          container.remove();
+        });
+      } else {
+        document.querySelector('.ustream-minimize').addEventListener('click', function (e) {
+          container.style.position = 'static';
+          container.style.padding = '0 1rem';
+          container.classList.add('closed');
+          setWidth('100%');
+          // aspect ratio
+          var newHeight = 9 / 16 * ustreamContainer.current.clientWidth;
+          setHeight(newHeight);
+          document.querySelector('.ustream-minimize').remove();
           var closeBtn = document.querySelector('.ustream-close');
+          closeBtn.style.display = 'block';
           closeBtn.addEventListener('click', function () {
             container.remove();
           });
-        }
-      } catch (err) {}
-    }
+        });
+      }
+    } catch (err) {}
   }, []);
 
   React.useEffect(function () {
-    if (isMuted && !main.main_43) {
+
+    if (isMuted) {
       var loadUstreamListener = function () {
         var _ref2 = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee() {
           var UstreamEmbed, viewer, reporting;
@@ -84,7 +91,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-3819e4aa.js'); });
+                  return new Promise(function (resolve) { resolve(require('./ustream-api-9ebe112f.js')); });
 
                 case 2:
                   UstreamEmbed = _context.sent;
@@ -115,42 +122,43 @@ var Ustream = function Ustream(_ref) {
     }
   }, [isMuted]);
   //return nothing if mobile
-  if (main.main_43) {
+  if (main.main_36) {
     return null;
   }
-
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
-    {
-      id: 'ustream-container',
-      ref: ustreamContainer,
-      style: { width: '' + currentWidth, position: 'fixed', bottom: '2rem', left: '2rem', zIndex: '999999', boxShadow: '2px 4px 8px rgba(0,0,0,.35)', borderRadius: '5px', overflow: 'hidden' } },
-    React__default['default'].createElement(
-      'a',
-      { ref: clickableLink, target: '_blank', href: '' },
-      React__default['default'].createElement(index_esm.FaWindowClose, { style: { position: 'absolute', top: '0', right: '0', width: '22px', height: '20px', color: '#fff', background: '#000', padding: '2px' }, onClick: function onClick(e) {
-          return handleClose(e);
-        } }),
-      React__default['default'].createElement('img', { src: frameUrl, style: { width: '100%' } }),
-      React__default['default'].createElement(
+    { id: 'ustream-container', ref: ustreamContainer, style: { width: '' + currentWidth, marginBottom: '1rem' } },
+    React__default.createElement(
+      'div',
+      { style: { position: 'relative' } },
+      close ? React__default.createElement(
         'div',
-        { style: { position: 'absolute', top: '48px', left: '26px', width: '272px' } },
-        React__default['default'].createElement(
+        { className: 'ustream-close' },
+        React__default.createElement(index_esm$3.FaRegWindowClose, { style: { color: '#fff', fontSize: '1.3rem' } })
+      ) : React__default.createElement(
+        React__default.Fragment,
+        null,
+        React__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.createElement(
           'div',
-          { style: { position: 'relative', width: '100%', paddingTop: '56.25%', overflow: 'hidden', borderRadius: '10px' } },
-          React__default['default'].createElement('iframe', {
-            id: 'ustream-iframe',
-            webkitallowfullscreen: 'true',
-            allowFullScreen: true,
-            frameBorder: 'no',
-            style: { position: 'absolute', top: '0', bottom: '0', left: '0', right: '0', width: '100%', height: '100%', pointerEvents: 'none', borderRadius: '10px' }
-          })
+          { className: 'ustream-close' },
+          React__default.createElement(index_esm$3.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.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      '
     )
   );
 };
 
-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,17 +1,16 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+require('./_commonjsHelpers-06173234.js');
+require('./core.get-iterator-method-f3c44602.js');
+require('./web.dom.iterable-e34bf324.js');
 var React = require('react');
-require('./moment-aca40de1.js');
+var React__default = _interopDefault(React);
+require('./moment-575fe24c.js');
+require('./slicedToArray-f6d4eaa8.js');
+require('./index-be0c82be.js');
 var urlFor = require('./urlFor.js');
-require('./_commonjsHelpers-06173234.js');
-require('./slicedToArray-067dd3bc.js');
-require('./web.dom.iterable-d98303e0.js');
-require('./core.get-iterator-method-5643aa10.js');
-require('./index-d48b231c.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;
@@ -19,16 +18,16 @@ var VerticalHero = function VerticalHero(props) {
       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
@@ -43,19 +42,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
@@ -63,7 +62,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,74 +1,70 @@
 'use strict';
 
-var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
-var _extends = require('./extends-7c86182f.js');
-var React = require('react');
-var BlockContent = require('./BlockContent-9ebd251f.js');
-var Col = require('react-bootstrap/Col');
-var Form = require('react-bootstrap/Form');
-var Button = require('react-bootstrap/Button');
-var getSerializers = require('./index-af49d679.js');
-var VideoSeriesListing = require('./VideoSeriesListing.js');
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 require('./_commonjsHelpers-06173234.js');
-require('./core.get-iterator-method-5643aa10.js');
-require('./web.dom.iterable-d98303e0.js');
+require('./core.get-iterator-method-f3c44602.js');
 require('./_library-dd23b178.js');
-require('./_iter-detect-b1df62f0.js');
-require('./_object-pie-083f2dd6.js');
-require('prop-types');
-require('./index-d48b231c.js');
-require('./slicedToArray-067dd3bc.js');
-require('react-bootstrap');
-require('./urlFor.js');
-require('./index-fc2f1ca2.js');
+require('./_iter-detect-05795553.js');
+require('./toConsumableArray-c9b8a0d0.js');
+require('./_object-pie-68c5bcbc.js');
+var _extends$1 = require('./extends-eed4f016.js');
+require('./_object-sap-171b9ea5.js');
+require('./inherits-cba9c846.js');
+require('./define-property-21887c62.js');
+require('./web.dom.iterable-e34bf324.js');
+require('./typeof-5f52cf64.js');
+require('./_is-array-aa52fa1e.js');
+var React = require('react');
+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 = _interopDefault(require('react-bootstrap/Col'));
+require('./moment-575fe24c.js');
 require('next/router');
-require('./index-187c967e.js');
-require('./util-93a37fd0.js');
-require('./Beam.js');
-require('./stringify-f7a37a8d.js');
-require('./Segment.js');
-require('./main-f1c77adb.js');
-require('./index-eadd5035.js');
+require('./isSymbol-04666465.js');
+require('./debounce-529c8d06.js');
+require('./toNumber-36d1e7e5.js');
+require('./index.es-9110add6.js');
 require('react-dom');
-require('./typeof-567e31ff.js');
-require('./_is-array-54228b29.js');
-require('./brightcove-react-player-loader.es-a195642e.js');
+require('./visibility-sensor-ad5e3116.js');
+require('./slicedToArray-f6d4eaa8.js');
+require('./index-be0c82be.js');
+require('./urlFor.js');
+require('./index-96b3db50.js');
+require('./main-02daeefe.js');
+require('./entities-310b46ee.js');
+require('./stringify-bbc68047.js');
+var asyncToGenerator$1 = require('./asyncToGenerator-df19209d.js');
+require('./Segment.js');
+require('./Beam.js');
+require('./AdSlot.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('./smoothscroll-99df7f93.js');
-require('./moment-aca40de1.js');
-require('./SocialShare.js');
+require('./YoutubeGroup.js');
+require('react-bootstrap');
+require('./iconBase-68959171.js');
+require('./index.esm-90433435.js');
+var VideoSeriesListing = require('./VideoSeriesListing.js');
+var getSerializers = require('./index-396089c0.js');
+require('./util-f2c1b65b.js');
+require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('next/head');
 require('react-share');
-require('./_object-to-array-ce86cae7.js');
-require('./toConsumableArray-d7797c2b.js');
+require('./SocialShare.js');
+require('./_object-to-array-9bac8737.js');
 require('react-bootstrap/Pagination');
-require('./entities-df1aed86.js');
-require('./AdSlot.js');
-require('./debounce-d4a2369b.js');
-require('./isSymbol-03abbdf0.js');
-require('./toNumber-5e1fac58.js');
-require('react-bootstrap/Row');
-require('./inherits-de66ea16.js');
-require('./_object-sap-d1978572.js');
-require('./define-property-e8404b64.js');
-require('./index.esm-d81454e7.js');
-require('./iconBase-be4097c0.js');
 require('react-bootstrap/Figure');
 require('react-bootstrap/OverlayTrigger');
 require('react-bootstrap/Tooltip');
 require('react-bootstrap/Popover');
-require('react-bootstrap/Container');
-require('./visibility-sensor-eb2c5b69.js');
-require('./YoutubeGroup.js');
-require('./index.es-f3e47207.js');
-
-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 Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Form = _interopDefault(require('react-bootstrap/Form'));
 
 var _this = undefined;
 
@@ -95,29 +91,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'
@@ -126,7 +122,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
@@ -136,11 +132,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'
             )
@@ -148,7 +144,7 @@ var VideoProgramLandingPage = function VideoProgramLandingPage(props) {
         )
       )
     ),
-    posts && React__default['default'].createElement(VideoSeriesListing, {
+    posts && React__default.createElement(VideoSeriesListing, {
       client: client,
       mapping: mapping,
       dataRecord: posts,
@@ -166,12 +162,12 @@ var VideoProgramLandingPage = function VideoProgramLandingPage(props) {
 };
 
 VideoProgramLandingPage.getInitialData = function () {
-  var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(context, client) {
+  var _ref = asyncToGenerator$1._asyncToGenerator( /*#__PURE__*/asyncToGenerator$1.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 taxonomyId = arguments[4];
     var pathname, virtualBlock, query, taxonomy_ids_res, taxonomy_ids, i, res, j, topics, urlQuery, currentPage, start, params, posts;
-    return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+    return asyncToGenerator$1.regenerator.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:

package/dist/cjs/VideoSeriesCard.js

@@ -1,27 +1,26 @@
 'use strict';
 
-var _typeof = require('./typeof-567e31ff.js');
-var React = require('react');
-var index = require('./index-eadd5035.js');
-var urlFor = require('./urlFor.js');
-var moment = require('./moment-aca40de1.js');
-var styleInject_es = require('./style-inject.es-dcee06b6.js');
-require('prop-types');
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 require('./_commonjsHelpers-06173234.js');
-require('./core.get-iterator-method-5643aa10.js');
-require('./web.dom.iterable-d98303e0.js');
-require('./_is-array-54228b29.js');
-require('./_object-pie-083f2dd6.js');
+require('./core.get-iterator-method-f3c44602.js');
 require('./_library-dd23b178.js');
+require('./_object-pie-68c5bcbc.js');
+require('./web.dom.iterable-e34bf324.js');
+var _typeof = require('./typeof-5f52cf64.js');
+require('./_is-array-aa52fa1e.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+require('prop-types');
+var moment = require('./moment-575fe24c.js');
 require('react-dom');
-require('./slicedToArray-067dd3bc.js');
-require('./index-d48b231c.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+require('./slicedToArray-f6d4eaa8.js');
+require('./index-be0c82be.js');
+var urlFor = require('./urlFor.js');
+var index$2 = require('./index-96b3db50.js');
+var styleInject_es = require('./style-inject.es-dcee06b6.js');
 
-var css = ".VideoSeriesCard-module_article__Hlc3e {\n  width: 100%;\n  margin: 0 0 1rem 0;\n}\n.VideoSeriesCard-module_article__Hlc3e a {\n  display: flex;\n  width: 100%;\n  color: #000000;\n}\n.VideoSeriesCard-module_thumb__3hGyJ {\n  width: 25%;\n}\n.VideoSeriesCard-module_thumb__3hGyJ img {\n  width: 100%;\n  height: auto;\n}\n.VideoSeriesCard-module_info__2_i1N {\n  width: 75%;\n  font-size: 1rem;\n}\n.VideoSeriesCard-module_info__2_i1N h2 {\n  font-weight: bold;\n  font-size: 1.25rem;\n  margin: 0;\n}\n.VideoSeriesCard-module_published__1fI0q {\n  color: #6d6d6d;\n  margin: 0;\n}\n.VideoSeriesCard-module_summary__3hWJT {\n  margin: 0.5rem 0 0 0;\n}\n.VideoSeriesCard-module_author__aU35o {\n  margin: 0;\n}\n.VideoSeriesCard-module_author__aU35o span {\n  color: #6d6d6d;\n}\n@media only screen and (max-width: 568px) {\n  .VideoSeriesCard-module_article__Hlc3e {\n    margin: 1rem 0;\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n  }\n  .VideoSeriesCard-module_article__Hlc3e a {\n    flex-direction: column;\n    align-items: center;\n  }\n  .VideoSeriesCard-module_thumb__3hGyJ {\n    overflow: hidden;\n    width: 100%;\n    margin-bottom: 1rem;\n  }\n  .VideoSeriesCard-module_thumb__3hGyJ img{\n    border-radius: 10px 10px 0 0;    \n  }\n  .VideoSeriesCard-module_thumb__3hGyJ figure {\n    margin: 0;\n  }\n  .VideoSeriesCard-module_info__2_i1N {\n    width: 90%;\n    padding: 1rem !important;\n  }\n  .VideoSeriesCard-module_info__2_i1N h2 {\n    font-size: 1rem;\n  }\n}\n";
+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" };
 styleInject_es.styleInject(css);
 
@@ -30,56 +29,56 @@ var VideoSeriesCard = function VideoSeriesCard(props) {
       variant = props.variant,
       defaultImage = props.defaultImage,
       client = props.client,
-      index$1 = props.index;
+      index = props.index;
 
-  var episode = parseInt(index$1) + 1;
+  var episode = parseInt(index) + 1;
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { className: styles.article },
-    React__default['default'].createElement(
+    React__default.createElement(
       'a',
       { href: '/view/' + data.url.current, style: variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
-      React__default['default'].createElement(
+      React__default.createElement(
         'div',
         { className: styles.thumb },
-        React__default['default'].createElement(
+        React__default.createElement(
           'figure',
           null,
-          React__default['default'].createElement(
-            index.LazyLoad,
+          React__default.createElement(
+            index$2.LazyLoad,
             null,
-            React__default['default'].createElement('img', {
+            React__default.createElement('img', {
               src: data.thumbnail && data.thumbnail.asset ? urlFor({ client: client, source: data.thumbnail }) : data.thumbnail && _typeof._typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
             })
           )
         )
       ),
-      React__default['default'].createElement(
+      React__default.createElement(
         'div',
         { className: styles.info, style: variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
-        React__default['default'].createElement(
+        React__default.createElement(
           'div',
           { style: { fontSize: '1.3rem', fontWeight: 'bold' } },
           episode && 'EP ' + episode + ': ',
           data.title
         ),
-        data.published && React__default['default'].createElement(
+        data.published && React__default.createElement(
           'p',
           { className: styles.published },
           moment.moment(data.published).format('MMMM Do YYYY')
         ),
-        data.authorMapping && data.authorMapping.displayName && React__default['default'].createElement(
+        data.authorMapping && data.authorMapping.displayName && React__default.createElement(
           'p',
           { className: styles.author },
           'By ',
-          React__default['default'].createElement(
+          React__default.createElement(
             'span',
             null,
             data.authorMapping.displayName
           )
         ),
-        data.intro && React__default['default'].createElement('p', { dangerouslySetInnerHTML: { __html: data.intro }, className: styles.summary })
+        data.intro && React__default.createElement('p', { dangerouslySetInnerHTML: { __html: data.intro }, className: styles.summary })
       )
     )
   );