@mjhls/mjh-framework 1.0.994-podcasts → 1.0.994-yt-lazyloading-test

package/dist/esm/{Tooltip-95655b44.js → MediaSeriesCard-5561513e.js}

@@ -3,6 +3,13 @@ import React__default, { useCallback, useRef, useState, useContext, useMemo, use
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
+import { _ as _typeof } from './typeof-e9fc0c5d.js';
+import { L as LazyLoad } from './index-755f2cc2.js';
+import urlFor from './urlFor.js';
+import { m as moment } from './moment-bc12cb97.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
+import { B as BlockContent } from './BlockContent-1e73bd2c.js';
+import { g as getSerializers } from './index-04817712.js';
 
 /**
  * Copyright (c) 2013-present, Facebook, Inc.
@@ -9442,4 +9449,69 @@ var Tooltip = React__default.forwardRef(function (_ref, ref) {
 Tooltip.defaultProps = defaultProps;
 Tooltip.displayName = 'Tooltip';
 
-export { DropdownButton as D, Dropdown as a };
+var css = ".MediaSeriesCard-module_article__SAFYK {\n  width: 100%;\n  margin: 0 0 1rem 0;\n}\n.MediaSeriesCard-module_article__SAFYK a {\n  display: flex;\n  width: 100%;\n  color: #000000;\n}\n.MediaSeriesCard-module_thumb__3jRAU {\n  width: 25%;\n}\n.MediaSeriesCard-module_thumb__3jRAU img {\n  width: 100%;\n  height: auto;\n}\n.MediaSeriesCard-module_info__3L7_o {\n  width: 75%;\n  font-size: 1rem;\n}\n.MediaSeriesCard-module_info__3L7_o h2 {\n  font-weight: bold;\n  font-size: 1.25rem;\n  margin: 0;\n}\n.MediaSeriesCard-module_published__E4oiz {\n  color: #6d6d6d;\n  margin: 0;\n}\n.MediaSeriesCard-module_summary__1xanh {\n  margin: 0.5rem 0 0 0;\n}\n.MediaSeriesCard-module_author__e5fuR {\n  margin: 0;\n}\n.MediaSeriesCard-module_author__e5fuR span {\n  color: #6d6d6d;\n}\n.MediaSeriesCard-module_name__2m5KY {\n  font-size: 1.3rem;\n  font-weight: bold;\n}\n@media only screen and (max-width: 568px) {\n  .MediaSeriesCard-module_article__SAFYK {\n    margin: 1rem 0;\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n  }\n  .MediaSeriesCard-module_article__SAFYK a {\n    flex-direction: column;\n    align-items: center;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU {\n    overflow: hidden;\n    width: 100%;\n    margin-bottom: 1rem;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU img{\n    border-radius: 10px 10px 0 0;    \n  }\n  .MediaSeriesCard-module_thumb__3jRAU figure {\n    margin: 0;\n  }\n  .MediaSeriesCard-module_info__3L7_o {\n    width: 90%;\n    padding: 0rem !important;\n  }\n  .MediaSeriesCard-module_info__3L7_o h2 {\n    font-size: 1rem;\n  }\n  .MediaSeriesCard-module_name__2m5KY {\n    font-size: 1rem;\n    \n  }\n}\n";
+var styles = { "article": "MediaSeriesCard-module_article__SAFYK", "thumb": "MediaSeriesCard-module_thumb__3jRAU", "info": "MediaSeriesCard-module_info__3L7_o", "published": "MediaSeriesCard-module_published__E4oiz", "summary": "MediaSeriesCard-module_summary__1xanh", "author": "MediaSeriesCard-module_author__e5fuR", "name": "MediaSeriesCard-module_name__2m5KY" };
+styleInject(css);
+
+var MediaSeriesCard = function MediaSeriesCard(props) {
+  var data = props.data,
+      variant = props.variant,
+      defaultImage = props.defaultImage,
+      client = props.client;
+
+
+  return React__default.createElement(
+    'div',
+    { className: 'media-series-article ' + styles.article },
+    React__default.createElement(
+      'a',
+      { href: '/' + data.parentUrl + '/' + data.identifier.current, style: variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
+      React__default.createElement(
+        'div',
+        { className: 'media-series-thumbnail ' + styles.thumb },
+        data.thumbnail && data.thumbnail.asset && React__default.createElement(
+          'figure',
+          null,
+          React__default.createElement(
+            LazyLoad,
+            null,
+            React__default.createElement('img', {
+              src: data.thumbnail && data.thumbnail.asset ? urlFor({ client: client, source: data.thumbnail }) : data.thumbnail && _typeof(data.thumbnail == 'string') ? data.thumbnail : defaultImage
+            })
+          )
+        )
+      ),
+      React__default.createElement(
+        'div',
+        { className: 'media-series-info ' + styles.info, style: variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
+        React__default.createElement(
+          'div',
+          { className: 'media-series-name ' + styles.name },
+          data.name
+        ),
+        data.published && React__default.createElement(
+          'p',
+          { className: 'media-series-published ' + styles.published },
+          moment(data.published).format('MMMM Do YYYY')
+        ),
+        data.authorMapping && data.authorMapping.displayName && React__default.createElement(
+          'p',
+          { className: 'media-series-author ' + styles.author },
+          'By ',
+          React__default.createElement(
+            'span',
+            null,
+            data.authorMapping.displayName
+          )
+        ),
+        data.description && React__default.createElement(
+          'div',
+          { className: 'media-series-desc' },
+          React__default.createElement(BlockContent, { blocks: data.description, serializers: getSerializers(client) })
+        )
+      )
+    )
+  );
+};
+
+export { DropdownButton as D, MediaSeriesCard as M, Dropdown as a };

package/dist/esm/MediaSeriesLanding.js

@@ -3,14 +3,13 @@ import { _ as _typeof } from './typeof-e9fc0c5d.js';
 import { _ as _extends } from './extends-6d8e3924.js';
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useEffect } from 'react';
-import { D as DropdownButton, a as Dropdown } from './Tooltip-95655b44.js';
+import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-5561513e.js';
 import './index-98ca9cec.js';
 import 'react-dom';
 import Link from 'next/link';
 import MasterDeck from './MasterDeck.js';
-import { M as MediaSeriesCard } from './MediaSeriesCard-2403a1d3.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-9a58ca55.js';
+import { g as getSerializers } from './index-04817712.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';
@@ -19,6 +18,11 @@ import './_iter-detect-98db3b07.js';
 import './_is-array-8d21b9e3.js';
 import './_object-pie-133f504a.js';
 import 'prop-types';
+import './index-755f2cc2.js';
+import './urlFor.js';
+import './index-3f5c03b2.js';
+import './moment-bc12cb97.js';
+import './style-inject.es-1f59c1d0.js';
 import './toConsumableArray-f7074d7c.js';
 import './inherits-a6ba2ec4.js';
 import './_object-sap-7cee6f84.js';
@@ -29,7 +33,6 @@ import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
-import './moment-bc12cb97.js';
 import 'next/router';
 import './lodash-f97fd99a.js';
 import './debounce-533d9748.js';
@@ -37,7 +40,6 @@ import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import './index.es-a6137319.js';
 import './visibility-sensor-72fd8f8b.js';
-import './index-3f5c03b2.js';
 import './ADlgInfeed-5e36f317.js';
 import './AdSlot.js';
 import './Beam.js';
@@ -45,9 +47,6 @@ import './stringify-2b084bee.js';
 import './Segment.js';
 import './main-1894c974.js';
 import './ADInfeed-5765a73a.js';
-import './index-755f2cc2.js';
-import './urlFor.js';
-import './style-inject.es-1f59c1d0.js';
 import 'react-bootstrap';
 import './index-c7e2ac95.js';
 import './util-8ed16d48.js';

package/dist/esm/MediaSeriesLandingPaginated.js

@@ -3,14 +3,13 @@ import { _ as _typeof } from './typeof-e9fc0c5d.js';
 import { _ as _extends } from './extends-6d8e3924.js';
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useEffect } from 'react';
-import { D as DropdownButton, a as Dropdown } from './Tooltip-95655b44.js';
+import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-5561513e.js';
 import './index-98ca9cec.js';
 import 'react-dom';
 import Link from 'next/link';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import MasterDeck from './MasterDeckPaginated.js';
-import { M as MediaSeriesCard } from './MediaSeriesCard-2403a1d3.js';
-import { g as getSerializers } from './index-9a58ca55.js';
+import { g as getSerializers } from './index-04817712.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';
@@ -19,7 +18,11 @@ import './_iter-detect-98db3b07.js';
 import './_is-array-8d21b9e3.js';
 import './_object-pie-133f504a.js';
 import 'prop-types';
+import './index-755f2cc2.js';
+import './urlFor.js';
 import './index-3f5c03b2.js';
+import './moment-bc12cb97.js';
+import './style-inject.es-1f59c1d0.js';
 import './stringify-2b084bee.js';
 import './toConsumableArray-f7074d7c.js';
 import './inherits-a6ba2ec4.js';
@@ -45,10 +48,6 @@ import './Pagination-dc30727b.js';
 import 'react-bootstrap/Button';
 import './index.esm-1bd8a0a8.js';
 import './iconBase-ccc56b97.js';
-import './index-755f2cc2.js';
-import './urlFor.js';
-import './moment-bc12cb97.js';
-import './style-inject.es-1f59c1d0.js';
 import 'react-bootstrap';
 import './index-c7e2ac95.js';
 import './util-8ed16d48.js';

package/dist/esm/PartnerDetailListing.js

@@ -11,7 +11,7 @@ import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-9a58ca55.js';
+import { g as getSerializers } from './index-04817712.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import { c as checkSisterSite } from './checkSisterSite-baa4fb6b.js';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/PartnerDetailListingPaginated.js

@@ -11,7 +11,7 @@ import QueueDeckExpanded from './QueueDeckExpandedPaginated.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-9a58ca55.js';
+import { g as getSerializers } from './index-04817712.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import { c as checkSisterSite } from './checkSisterSite-baa4fb6b.js';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/TaxonomyDescription.js

@@ -5,7 +5,7 @@ import React__default, { useState, useEffect } from 'react';
 import { useRouter } from 'next/router';
 import Head from 'next/head';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-9a58ca55.js';
+import { g as getSerializers } from './index-04817712.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './_object-pie-133f504a.js';

package/dist/esm/VideoProgramLandingPage.js

@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import Col from 'react-bootstrap/Col';
 import Form from 'react-bootstrap/Form';
 import Button from 'react-bootstrap/Button';
-import { g as getSerializers } from './index-9a58ca55.js';
+import { g as getSerializers } from './index-04817712.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/View.js

@@ -15,7 +15,7 @@ import FormControl from 'react-bootstrap/FormControl';
 import Button from 'react-bootstrap/Button';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import SocialShare from './SocialShare.js';
-import { r as renderAuthor, g as getSerializers } from './index-9a58ca55.js';
+import { r as renderAuthor, g as getSerializers } from './index-04817712.js';
 import DFPAdSlot from './AdSlot.js';
 import { S as SeriesSlider } from './SeriesSlider-f771e20d.js';
 import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-9bd28724.js';

package/dist/esm/getSerializers.js

@@ -1,5 +1,5 @@
 import 'react';
-export { g as default } from './index-9a58ca55.js';
+export { g as default } from './index-04817712.js';
 import './BlockContent-1e73bd2c.js';
 import './entities-6d9154b4.js';
 import './slicedToArray-6ebcbfea.js';

package/dist/esm/{index-9a58ca55.js → index-04817712.js}

@@ -1628,11 +1628,13 @@ function shouldUpdateVideo(prevProps, props) {
 
 function filterResetOptions(opts) {
   return _objectSpread(_objectSpread({}, opts), {}, {
-    playerVars: _objectSpread({
+    height: 0,
+    width: 0,
+    playerVars: _objectSpread(_objectSpread({}, opts.playerVars), {}, {
       autoplay: 0,
       start: 0,
       end: 0
-    }, opts.playerVars)
+    })
   });
 }
 /**
@@ -1647,7 +1649,7 @@ function filterResetOptions(opts) {
 
 
 function shouldResetPlayer(prevProps, props) {
-  return !fastDeepEqual(filterResetOptions(prevProps.opts), filterResetOptions(props.opts));
+  return prevProps.videoId !== props.videoId || !fastDeepEqual(filterResetOptions(prevProps.opts), filterResetOptions(props.opts));
 }
 /**
  * Check whether a props change should result in an id or className update.
@@ -1658,7 +1660,7 @@ function shouldResetPlayer(prevProps, props) {
 
 
 function shouldUpdatePlayer(prevProps, props) {
-  return prevProps.id !== props.id || prevProps.className !== props.className;
+  return prevProps.id !== props.id || prevProps.className !== props.className || prevProps.opts.width !== props.opts.width || prevProps.opts.height !== props.opts.height || prevProps.title !== props.title;
 }
 
 var YouTube = /*#__PURE__*/function (_React$Component) {
@@ -1745,6 +1747,9 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
       _this.internalPlayer.getIframe().then(function (iframe) {
         if (_this.props.id) iframe.setAttribute('id', _this.props.id);else iframe.removeAttribute('id');
         if (_this.props.className) iframe.setAttribute('class', _this.props.className);else iframe.removeAttribute('class');
+        if (_this.props.opts && _this.props.opts.width) iframe.setAttribute('width', _this.props.opts.width);else iframe.removeAttribute('width');
+        if (_this.props.opts && _this.props.opts.height) iframe.setAttribute('height', _this.props.opts.height);else iframe.removeAttribute('height');
+        if (typeof _this.props.title === 'string') iframe.setAttribute('title', _this.props.title);else iframe.setAttribute('title', 'YouTube video player');
       });
     });
 
@@ -1843,7 +1848,8 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React__default.createElement("div", {
         id: this.props.id,
         className: this.props.className,
-        ref: this.refContainer
+        ref: this.refContainer,
+        loading: this.props.loading
       }));
     }
   }]);
@@ -1868,6 +1874,10 @@ YouTube.propTypes = {
   className: PropTypes.string,
   // custom class name for player container element
   containerClassName: PropTypes.string,
+  // custom title for the iFrame, see https://www.w3.org/TR/WCAG20-TECHS/H64.html
+  title: PropTypes.string,
+  // custom loading for player element
+  loading: PropTypes.oneOf(['lazy', 'eager', 'auto']),
   // https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player
   opts: PropTypes.objectOf(PropTypes.any),
   // event subscriptions
@@ -1884,6 +1894,7 @@ YouTube.defaultProps = {
   videoId: null,
   id: null,
   className: null,
+  loading: null,
   opts: {},
   containerClassName: '',
   onReady: function onReady() {},
@@ -1893,7 +1904,8 @@ YouTube.defaultProps = {
   onEnd: function onEnd() {},
   onStateChange: function onStateChange() {},
   onPlaybackRateChange: function onPlaybackRateChange() {},
-  onPlaybackQualityChange: function onPlaybackQualityChange() {}
+  onPlaybackQualityChange: function onPlaybackQualityChange() {},
+  title: null
 };
 
 var YouTubePlayer = function YouTubePlayer(_ref) {
@@ -1999,7 +2011,7 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
   return React__default.createElement(
     'div',
     { id: 'fluid-video-container' },
-    React__default.createElement(YouTube, { className: 'fluid-iframe', videoId: id, opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd }),
+    React__default.createElement(YouTube, { className: 'fluid-iframe', loading: 'lazy', videoId: id, opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd }),
     React__default.createElement(
       'style',
       { jsx: 'true' },
@@ -7953,6 +7965,7 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
       { id: 'fluid-video-container', className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
       vidUrl && vidType == 'youtube' && React__default.createElement(YouTube, {
         className: 'fluid-iframe',
+        loading: 'lazy',
         videoId: getYoutubeId(vidUrl),
         opts: opts,
         onReady: handleOnReady,

package/dist/esm/index.js

@@ -87,7 +87,7 @@ export { default as VerticalHero } from './VerticalHero.js';
 export { default as YahooHero } from './YahooHero.js';
 export { default as GridHero } from './GridHero.js';
 export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
-export { g as getSerializers } from './index-9a58ca55.js';
+export { g as getSerializers } from './index-04817712.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.994-podcasts",
+  "version": "1.0.994-yt-lazyloading-test",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",
@@ -78,7 +78,7 @@
     "react-share": "^4.0.1",
     "react-social-icons": "^4.1.0",
     "react-visibility-sensor": "^5.1.1",
-    "react-youtube": "^7.9.0",
+    "react-youtube": "^7.14.0",
     "rimraf": "^3.0.2",
     "rollup": "^2.7.3",
     "rollup-plugin-babel": "3.0.7",
@@ -112,4 +112,4 @@
     "superagent": "^5.2.2",
     "yarn": "^1.22.11"
   }
-}
+}

package/dist/cjs/MediaSeriesCard-443d909e.js

@@ -1,81 +0,0 @@
-'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');
-var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-e9d3f910.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var css = ".MediaSeriesCard-module_article__SAFYK {\n  width: 100%;\n  margin: 0 0 1rem 0;\n}\n.MediaSeriesCard-module_article__SAFYK a {\n  display: flex;\n  width: 100%;\n  color: #000000;\n}\n.MediaSeriesCard-module_thumb__3jRAU {\n  width: 25%;\n}\n.MediaSeriesCard-module_thumb__3jRAU img {\n  width: 100%;\n  height: auto;\n}\n.MediaSeriesCard-module_info__3L7_o {\n  width: 75%;\n  font-size: 1rem;\n}\n.MediaSeriesCard-module_info__3L7_o h2 {\n  font-weight: bold;\n  font-size: 1.25rem;\n  margin: 0;\n}\n.MediaSeriesCard-module_published__E4oiz {\n  color: #6d6d6d;\n  margin: 0;\n}\n.MediaSeriesCard-module_summary__1xanh {\n  margin: 0.5rem 0 0 0;\n}\n.MediaSeriesCard-module_author__e5fuR {\n  margin: 0;\n}\n.MediaSeriesCard-module_author__e5fuR span {\n  color: #6d6d6d;\n}\n.MediaSeriesCard-module_name__2m5KY {\n  font-size: 1.3rem;\n  font-weight: bold;\n}\n@media only screen and (max-width: 568px) {\n  .MediaSeriesCard-module_article__SAFYK {\n    margin: 1rem 0;\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n  }\n  .MediaSeriesCard-module_article__SAFYK a {\n    flex-direction: column;\n    align-items: center;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU {\n    overflow: hidden;\n    width: 100%;\n    margin-bottom: 1rem;\n  }\n  .MediaSeriesCard-module_thumb__3jRAU img{\n    border-radius: 10px 10px 0 0;    \n  }\n  .MediaSeriesCard-module_thumb__3jRAU figure {\n    margin: 0;\n  }\n  .MediaSeriesCard-module_info__3L7_o {\n    width: 90%;\n    padding: 0rem !important;\n  }\n  .MediaSeriesCard-module_info__3L7_o h2 {\n    font-size: 1rem;\n  }\n  .MediaSeriesCard-module_name__2m5KY {\n    font-size: 1rem;\n    \n  }\n}\n";
-var styles = { "article": "MediaSeriesCard-module_article__SAFYK", "thumb": "MediaSeriesCard-module_thumb__3jRAU", "info": "MediaSeriesCard-module_info__3L7_o", "published": "MediaSeriesCard-module_published__E4oiz", "summary": "MediaSeriesCard-module_summary__1xanh", "author": "MediaSeriesCard-module_author__e5fuR", "name": "MediaSeriesCard-module_name__2m5KY" };
-styleInject_es.styleInject(css);
-
-var MediaSeriesCard = function MediaSeriesCard(props) {
-  var data = props.data,
-      variant = props.variant,
-      defaultImage = props.defaultImage,
-      client = props.client;
-
-
-  return React__default['default'].createElement(
-    'div',
-    { className: 'media-series-article ' + styles.article },
-    React__default['default'].createElement(
-      'a',
-      { href: '/' + data.parentUrl + '/' + data.identifier.current, style: variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
-      React__default['default'].createElement(
-        'div',
-        { className: 'media-series-thumbnail ' + styles.thumb },
-        data.thumbnail && data.thumbnail.asset && 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: 'media-series-info ' + styles.info, style: variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
-        React__default['default'].createElement(
-          'div',
-          { className: 'media-series-name ' + styles.name },
-          data.name
-        ),
-        data.published && React__default['default'].createElement(
-          'p',
-          { className: 'media-series-published ' + styles.published },
-          moment.moment(data.published).format('MMMM Do YYYY')
-        ),
-        data.authorMapping && data.authorMapping.displayName && React__default['default'].createElement(
-          'p',
-          { className: 'media-series-author ' + styles.author },
-          'By ',
-          React__default['default'].createElement(
-            'span',
-            null,
-            data.authorMapping.displayName
-          )
-        ),
-        data.description && React__default['default'].createElement(
-          'div',
-          { className: 'media-series-desc' },
-          React__default['default'].createElement(BlockContent.BlockContent, { blocks: data.description, serializers: getSerializers.getSerializers(client) })
-        )
-      )
-    )
-  );
-};
-
-exports.MediaSeriesCard = MediaSeriesCard;