@mjhls/mjh-framework 1.0.1005-next12-0002 → 1.0.1005-sap-context-test

package/dist/cjs/Ustream.js

@@ -1 +1,156 @@
-"use strict";require("./index-3291d44c.js"),require("./slicedToArray-c9e22c6a.js"),require("react"),require("react-icons/fa"),require("react-device-detect");var e=require("./Ustream-b7692d0a.js");require("./unsupportedIterableToArray-294d47a8.js"),module.exports=e.Ustream$1;
+'use strict';
+
+var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var React = require('react');
+var index_esm = require('./index.esm-d51c9ac6.js');
+var main = require('./main-3643d499.js');
+require('./_commonjsHelpers-06173234.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('./web.dom.iterable-d98303e0.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);
+
+var _this = undefined;
+
+var Ustream = function Ustream(_ref) {
+  var _ref$width = _ref.width,
+      width = _ref$width === undefined ? '320px' : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === undefined ? 'auto' : _ref$height,
+      _ref$close = _ref.close,
+      close = _ref$close === undefined ? false : _ref$close;
+      _ref.right;
+      var _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];
+
+  var _useState3 = React.useState(height),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2);
+      _useState4[0];
+      _useState4[1];
+
+  var _useState5 = React.useState(true),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      isMuted = _useState6[0],
+      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/?utm_source=' + referrerUrl + '&utm_medium=web&utm_campaign=mwn&ultv=true';
+        clickableLink.current.href = mwnUrl;
+        if (close) {
+          var closeBtn = document.querySelector('.ustream-close');
+          closeBtn.addEventListener('click', function () {
+            container.remove();
+          });
+        }
+      } catch (err) {}
+    }
+  }, []);
+
+  React.useEffect(function () {
+    if (isMuted && !main.main_43) {
+      var loadUstreamListener = function () {
+        var _ref2 = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee() {
+          var UstreamEmbed, viewer, reporting;
+          return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return Promise.resolve().then(function () { return require('./ustream-api-3819e4aa.js'); });
+
+                case 2:
+                  UstreamEmbed = _context.sent;
+                  viewer = UstreamEmbed('ustream-iframe');
+                  reporting = setInterval(function () {
+                    viewer.getProperty('volume', function (content) {
+                      if (content > 0) {
+                        logEvent({ category: 'Ustream Unmute', action: 'Unmute Ustream Widget', label: 'Unmute Ustream Widget' });
+                        setIsMuted(false);
+                        clearInterval(reporting);
+                      }
+                    });
+                  }, 2000);
+
+                case 5:
+                case 'end':
+                  return _context.stop();
+              }
+            }
+          }, _callee, _this);
+        }));
+
+        return function loadUstreamListener() {
+          return _ref2.apply(this, arguments);
+        };
+      }();
+      loadUstreamListener();
+    }
+  }, [isMuted]);
+  //return nothing if mobile
+  if (main.main_43) {
+    return null;
+  }
+
+  return React__default["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(
+        'div',
+        { style: { position: 'absolute', top: '48px', left: '26px', width: '272px' } },
+        React__default["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' }
+          })
+        )
+      )
+    )
+  );
+};
+
+var Ustream$1 = React__default["default"].memo(Ustream);
+
+module.exports = Ustream$1;

package/dist/cjs/VerticalHero.js

@@ -1 +1,74 @@
-"use strict";require("react"),require("moment"),require("./urlFor-86a2f4db.js");var r=require("./VerticalHero-a61b1a2e.js");require("./slicedToArray-c9e22c6a.js"),require("./unsupportedIterableToArray-294d47a8.js"),require("@sanity/image-url"),module.exports=r.VerticalHero$1;
+'use strict';
+
+var React = require('react');
+require('./moment-aca40de1.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;
+  var _props$heroTitle = props.heroTitle,
+      heroTitle = _props$heroTitle === undefined ? '' : _props$heroTitle;
+
+
+  return React__default["default"].createElement(
+    'div',
+    { className: 'vertical-hero-container' },
+    React__default["default"].createElement(
+      'div',
+      { className: 'vertical-hero-inner' },
+      React__default["default"].createElement(
+        'div',
+        { className: 'hero-title' },
+        React__default["default"].createElement(
+          'h2',
+          null,
+          heroTitle
+        )
+      ),
+      props.dataRecord.map(function (article, index) {
+        var articleThumbnail = '';
+        var articleAltText = article.title;
+        if (article.thumbnail && article.thumbnail.asset) {
+          articleThumbnail = urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 500 });
+          articleAltText = article.thumbnail.asset.originalFileName;
+        } else if (props.thumbnail) {
+          articleThumbnail = props.thumbnail;
+        }
+        return index === 0 ? React__default["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(
+            'h2',
+            null,
+            article.title
+          )
+        ) : React__default["default"].createElement(
+          'a',
+          { href: '/view/' + article.url.current, className: 'vertical-article' },
+          React__default["default"].createElement(
+            'h2',
+            null,
+            article.title
+          )
+        );
+      })
+    ),
+    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      '
+    )
+  );
+};
+
+module.exports = VerticalHero;

package/dist/cjs/VideoProgramLandingPage.js

@@ -1 +1,264 @@
-"use strict";require("./index-3291d44c.js"),require("./extends-5ede7877.js"),require("react"),require("@sanity/block-content-to-react"),require("react-bootstrap/Col"),require("react-bootstrap/Form"),require("react-bootstrap/Button"),require("./index-14c8083b.js"),require("./VideoSeriesListing-91f5aa6d.js");var e=require("./VideoProgramLandingPage-5508836c.js");require("./slicedToArray-c9e22c6a.js"),require("./unsupportedIterableToArray-294d47a8.js"),require("react-bootstrap"),require("./urlFor-86a2f4db.js"),require("@sanity/image-url"),require("react-dfp"),require("next/router"),require("get-youtube-id"),require("react-youtube"),require("./segment-lib-7a16e514.js"),require("react-device-detect"),require("./urlForFile-52afb8e9.js"),require("react-lazyload"),require("./typeof-a861d137.js"),require("@brightcove/react-player-loader"),require("./defineProperty-ba7cd53d.js"),require("react-bootstrap/Modal"),require("react-player"),require("react-ga"),require("./GroupDeck-6920bcf7.js"),require("smoothscroll-polyfill"),require("moment"),require("./SocialShare-3d7c8abe.js"),require("next/head"),require("react-share"),require("react-bootstrap/Pagination"),require("./entities-8feddf1d.js"),require("striptags"),require("./_commonjsHelpers-0a7b82d9.js"),require("./AdSlot-8a0b4211.js"),require("prop-types"),require("lodash/debounce"),require("react-bootstrap/Row"),require("./toConsumableArray-7afb7984.js"),require("./getPrototypeOf-99b1cfd8.js"),require("react-icons/io"),require("react-bootstrap/Figure"),require("react-bootstrap/OverlayTrigger"),require("react-bootstrap/Tooltip"),require("react-bootstrap/Popover"),require("react-script-tag"),require("./checkSisterSite-d2d62375.js"),require("react-bootstrap/Container"),require("react-visibility-sensor"),require("./YoutubeGroup-d8a93da0.js"),require("react-infinite-scroll-component"),module.exports=e.VideoProgramLandingPage$1;
+'use strict';
+
+var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
+var _extends = require('./extends-7c86182f.js');
+var React = require('react');
+var BlockContent = require('./BlockContent-96b44364.js');
+var Col = require('react-bootstrap/Col');
+var Form = require('react-bootstrap/Form');
+var Button = require('react-bootstrap/Button');
+var getSerializers = require('./index-19fbbcea.js');
+var VideoSeriesListing = require('./VideoSeriesListing.js');
+require('./_commonjsHelpers-06173234.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('./web.dom.iterable-d98303e0.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-d2a6ef75.js');
+require('./events-1b438fe7.js');
+require('next/router');
+require('./index-187c967e.js');
+require('./util-93a37fd0.js');
+require('./Beam.js');
+require('./stringify-f7a37a8d.js');
+require('./Segment.js');
+require('./main-3643d499.js');
+require('./urlForFile-29d3815a.js');
+require('./index-65621b6c.js');
+require('react-dom');
+require('./typeof-567e31ff.js');
+require('./_is-array-54228b29.js');
+require('./brightcove-react-player-loader.es-4c7825a1.js');
+require('./_object-to-array-ce86cae7.js');
+require('./keys-e982b3fa.js');
+require('./_object-sap-d1978572.js');
+require('react-bootstrap/Modal');
+require('react-ga');
+require('./GroupDeck.js');
+require('./smoothscroll-99df7f93.js');
+require('./moment-aca40de1.js');
+require('./SocialShare.js');
+require('next/head');
+require('react-share');
+require('./toConsumableArray-d7797c2b.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('./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('./checkSisterSite-b29833b2.js');
+require('react-bootstrap/Container');
+require('./visibility-sensor-56020df6.js');
+require('./YoutubeGroup.js');
+require('./index.es-1ab8dda7.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 _this = undefined;
+
+var cache = { topic_ids: [] };
+
+var VideoProgramLandingPage = function VideoProgramLandingPage(props) {
+  var client = props.client,
+      virtualBlock = props.virtualBlock,
+      topics = props.topics,
+      posts = props.posts,
+      query = props.query,
+      params = props.params,
+      _props$currentPage = props.currentPage,
+      currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
+      pageview = props.pageview,
+      _props$columns = props.columns,
+      columns = _props$columns === undefined ? 'rotate' : _props$columns,
+      _props$variant = props.variant,
+      variant = _props$variant === undefined ? 'top' : _props$variant,
+      _props$page = props.page,
+      page = _props$page === undefined ? '' : _props$page,
+      _props$autoScroll = props.autoScroll,
+      autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll,
+      defaultImage = props.defaultImage,
+      mapping = props.mapping;
+
+  return React__default["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(
+      'div',
+      { className: 'peer-exchange-filter-container' },
+      React__default["default"].createElement(
+        Form__default["default"],
+        { className: 'ml-3', method: 'post' },
+        React__default["default"].createElement(
+          Form__default["default"].Row,
+          null,
+          React__default["default"].createElement(
+            Col__default["default"],
+            null,
+            React__default["default"].createElement(
+              Form__default["default"].Group,
+              { controlId: 'topic' },
+              React__default["default"].createElement(
+                Form__default["default"].Control,
+                { as: 'select', name: 'topic_id', placeholder: 'Filter by Topic' },
+                React__default["default"].createElement(
+                  'option',
+                  { value: '' },
+                  'All Topics'
+                ),
+                topics && topics.map(function (topic) {
+                  if (props.topic_id === topic._id || topic.name == 'Peer Exchange') {
+                    return null;
+                  } else {
+                    return React__default["default"].createElement(
+                      'option',
+                      { value: topic._id },
+                      topic.name
+                    );
+                  }
+                })
+              )
+            )
+          ),
+          React__default["default"].createElement(
+            Col__default["default"],
+            null,
+            React__default["default"].createElement(
+              Button__default["default"],
+              { type: 'submit', variant: 'secondary' },
+              'Apply'
+            )
+          )
+        )
+      )
+    ),
+    posts && React__default["default"].createElement(VideoSeriesListing, {
+      client: client,
+      mapping: mapping,
+      dataRecord: posts,
+      query: query,
+      params: params,
+      currentPage: currentPage,
+      pageview: pageview,
+      columns: columns,
+      variant: variant,
+      page: page,
+      autoScroll: autoScroll,
+      defaultImage: defaultImage
+    })
+  );
+};
+
+VideoProgramLandingPage.getInitialData = function () {
+  var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.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) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            // Virtual Block
+            pathname = context.pathname;
+            _context.next = 3;
+            return client.fetch('*[_type == \'virtualBlock\' && identifier == \'' + pathname + '\'][0]');
+
+          case 3:
+            virtualBlock = _context.sent;
+
+
+            // Topics for filtering
+            query = '';
+
+            if (!(cache && cache.topic_ids && cache.topic_ids.length > 0)) {
+              _context.next = 8;
+              break;
+            }
+
+            _context.next = 15;
+            break;
+
+          case 8:
+            query = '*[\n        _type == \'article\' \n        && !(_id in path("drafts.**")) \n        && defined(title) \n        && defined(url)\n        && references(\'' + taxonomyId + '\') \n        && is_visible == true \n        && dateTime(published) <= dateTime(now())\n    ]{\n        \'taxonomy_id\': taxonomyMapping[]->_id\n    }';
+            _context.next = 11;
+            return client.fetch(query);
+
+          case 11:
+            taxonomy_ids_res = _context.sent;
+            taxonomy_ids = [];
+
+            for (i = 0; i < taxonomy_ids_res.length; i++) {
+              res = taxonomy_ids_res[i];
+
+              for (j = 0; j < res.taxonomy_id.length; j++) {
+                if (!taxonomy_ids.includes(res.taxonomy_id[j])) {
+                  taxonomy_ids.push(res.taxonomy_id[j]);
+                }
+              }
+            }
+            cache.topic_ids = taxonomy_ids;
+
+          case 15:
+            query = '*[_type == \'taxonomy\' && _id in $taxonomy_ids] | order(name asc)';
+            _context.next = 18;
+            return client.fetch(query, { taxonomy_ids: cache.topic_ids });
+
+          case 18:
+            topics = _context.sent;
+
+
+            // Posts
+            urlQuery = context.query;
+            currentPage = urlQuery.page ? parseInt(urlQuery.page) : 1;
+            start = (currentPage - 1) * itemsPerPage;
+            params = {
+              from: start,
+              to: start + itemsPerPage,
+              url: pathname,
+              itemsPerPage: itemsPerPage
+            };
+
+            query = '*[\n        _type == \'article\'\n        && !(_id in path("drafts.**"))\n        && defined(title)\n        && defined(url)\n        && is_visible == true\n        && dateTime(published) <= dateTime(now())\n        && references(\'' + taxonomyId + '\')\n        ' + (topicId ? '&& references(\'' + topicId + '\')' : '') + '\n      ] | order(published desc) [$from...$to]{\n  \t\t...,\n  \t\ttitle,\n  \t\tsummary,\n  \t\tpublished,\n  \t\tthumbnail{ ..., asset->},\n  \t\turl,\n  \t\ttaxonomy,\n  \t\tcontentCategory->,\n  \t\tbody[_type == "youtubeGallery"]{\n        ...,\n        videos[]{\n          ...,\n          thumbnail{...,asset->}\n        }\n      },\n  \t\t\'pageNumber\': ' + currentPage + '\n  \t}';
+            _context.next = 26;
+            return client.fetch(query, params);
+
+          case 26:
+            posts = _context.sent;
+            return _context.abrupt('return', { virtualBlock: virtualBlock, topics: topics, posts: posts, query: query, params: params, currentPage: currentPage });
+
+          case 28:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+module.exports = VideoProgramLandingPage;

package/dist/cjs/VideoSeriesCard.js

@@ -1 +1,88 @@
-"use strict";var e=require("./typeof-a861d137.js"),r=require("react"),i=require("react-lazyload"),n=require("./urlFor-86a2f4db.js"),a=require("moment"),d=require("./style-inject.es-dcee06b6.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("prop-types"),require("./slicedToArray-c9e22c6a.js"),require("./unsupportedIterableToArray-294d47a8.js"),require("@sanity/image-url");var l=t(r),o=t(i),u=t(a),m="VideoSeriesCard-module_article__Hlc3e",s="VideoSeriesCard-module_thumb__3hGyJ",_="VideoSeriesCard-module_info__2_i1N",c="VideoSeriesCard-module_published__1fI0q",h="VideoSeriesCard-module_summary__3hWJT",f="VideoSeriesCard-module_author__aU35o";d.styleInject(".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");module.exports=function(r){var i=r.data,a=r.variant,d=r.defaultImage,t=r.client,p=r.index,g=parseInt(p)+1;return l.default.createElement("div",{className:m},l.default.createElement("a",{href:"/view/".concat(i.url.current),style:"right"===a?{flexDirection:"row-reverse"}:{}},l.default.createElement("div",{className:s},l.default.createElement("figure",null,l.default.createElement(o.default,null,l.default.createElement("img",{src:i.thumbnail&&i.thumbnail.asset?n.urlFor({client:t,source:i.thumbnail}):i.thumbnail&&e._typeof("string"==i.thumbnail)?i.thumbnail:d})))),l.default.createElement("div",{className:_,style:"right"===a?{padding:"0 1rem 0 0"}:{padding:" 0 0 0 1rem"}},l.default.createElement("div",{style:{fontSize:"1.3rem",fontWeight:"bold"}},g&&"EP ".concat(g,": "),i.title),i.published&&l.default.createElement("p",{className:c},u.default(i.published).format("MMMM Do YYYY")),i.authorMapping&&i.authorMapping.displayName&&l.default.createElement("p",{className:f},"By ",l.default.createElement("span",null,i.authorMapping.displayName)),i.intro&&l.default.createElement("p",{dangerouslySetInnerHTML:{__html:i.intro},className:h}))))};
+'use strict';
+
+var _typeof = require('./typeof-567e31ff.js');
+var React = require('react');
+var index = require('./index-65621b6c.js');
+var urlFor = require('./urlFor.js');
+var moment = require('./moment-aca40de1.js');
+var styleInject_es = require('./style-inject.es-dcee06b6.js');
+require('prop-types');
+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('./_library-dd23b178.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);
+
+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 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);
+
+var VideoSeriesCard = function VideoSeriesCard(props) {
+  var data = props.data,
+      variant = props.variant,
+      defaultImage = props.defaultImage,
+      client = props.client,
+      index$1 = props.index;
+
+  var episode = parseInt(index$1) + 1;
+
+  return React__default["default"].createElement(
+    'div',
+    { className: styles.article },
+    React__default["default"].createElement(
+      'a',
+      { href: '/view/' + data.url.current, style: variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
+      React__default["default"].createElement(
+        'div',
+        { className: styles.thumb },
+        React__default["default"].createElement(
+          'figure',
+          null,
+          React__default["default"].createElement(
+            index.LazyLoad,
+            null,
+            React__default["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(
+        'div',
+        { className: styles.info, style: variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
+        React__default["default"].createElement(
+          'div',
+          { style: { fontSize: '1.3rem', fontWeight: 'bold' } },
+          episode && 'EP ' + episode + ': ',
+          data.title
+        ),
+        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["default"].createElement(
+          'p',
+          { className: styles.author },
+          'By ',
+          React__default["default"].createElement(
+            'span',
+            null,
+            data.authorMapping.displayName
+          )
+        ),
+        data.intro && React__default["default"].createElement('p', { dangerouslySetInnerHTML: { __html: data.intro }, className: styles.summary })
+      )
+    )
+  );
+};
+
+module.exports = VideoSeriesCard;