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

package/dist/esm/Ustream.js

@@ -1 +1,150 @@
-import"./index-663f3f10.js";import"./slicedToArray-c92cae3a.js";import"react";import"react-icons/fa";import"react-device-detect";export{a as default}from"./Ustream-2e9965ac.js";import"./unsupportedIterableToArray-dc74e326.js";
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-958ef5fc.js';
+import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
+import React__default, { useState, useRef, useEffect } from 'react';
+import { F as FaWindowClose } from './index.esm-1bd8a0a8.js';
+import { m as main_43 } from './main-1894c974.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-ea258bb1.js';
+import './web.dom.iterable-ab4dea5c.js';
+import './_library-528f1934.js';
+import './_iter-detect-98db3b07.js';
+import './iconBase-ccc56b97.js';
+
+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 = useState(width),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentWidth = _useState2[0];
+      _useState2[1];
+
+  var _useState3 = useState(height),
+      _useState4 = _slicedToArray(_useState3, 2);
+      _useState4[0];
+      _useState4[1];
+
+  var _useState5 = useState(true),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isMuted = _useState6[0],
+      setIsMuted = _useState6[1];
+
+  var ustreamContainer = useRef(null);
+  var clickableLink = 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();
+  }
+  useEffect(function () {
+    if (!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) {}
+    }
+  }, []);
+
+  useEffect(function () {
+    if (isMuted && !main_43) {
+      var loadUstreamListener = function () {
+        var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+          var UstreamEmbed, viewer, reporting;
+          return regenerator.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return import('./ustream-api-d3714624.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_43) {
+    return null;
+  }
+
+  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.createElement(
+      'a',
+      { ref: clickableLink, target: '_blank', href: '' },
+      React__default.createElement(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.createElement('img', { src: frameUrl, style: { width: '100%' } }),
+      React__default.createElement(
+        'div',
+        { style: { position: 'absolute', top: '48px', left: '26px', width: '272px' } },
+        React__default.createElement(
+          'div',
+          { style: { position: 'relative', width: '100%', paddingTop: '56.25%', overflow: 'hidden', borderRadius: '10px' } },
+          React__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.memo(Ustream);
+
+export { Ustream$1 as default };

package/dist/esm/VerticalHero.js

@@ -1 +1,68 @@
-import"react";import"moment";import"./urlFor-b366f69d.js";export{a as default}from"./VerticalHero-5719a7c4.js";import"./slicedToArray-c92cae3a.js";import"./unsupportedIterableToArray-dc74e326.js";import"@sanity/image-url";
+import React__default from 'react';
+import './moment-bc12cb97.js';
+import urlFor from './urlFor.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './slicedToArray-6ebcbfea.js';
+import './web.dom.iterable-ab4dea5c.js';
+import './core.get-iterator-method-ea258bb1.js';
+import './index-3f5c03b2.js';
+
+var VerticalHero = function VerticalHero(props) {
+  var client = props.client;
+  var _props$heroTitle = props.heroTitle,
+      heroTitle = _props$heroTitle === undefined ? '' : _props$heroTitle;
+
+
+  return React__default.createElement(
+    'div',
+    { className: 'vertical-hero-container' },
+    React__default.createElement(
+      'div',
+      { className: 'vertical-hero-inner' },
+      React__default.createElement(
+        'div',
+        { className: 'hero-title' },
+        React__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.createElement(
+          'a',
+          { href: '/view/' + article.url.current, key: index, className: 'vertical-article' },
+          React__default.createElement('img', { src: articleThumbnail, alt: articleAltText }),
+          React__default.createElement(
+            'h2',
+            null,
+            article.title
+          )
+        ) : React__default.createElement(
+          'a',
+          { href: '/view/' + article.url.current, className: 'vertical-article' },
+          React__default.createElement(
+            'h2',
+            null,
+            article.title
+          )
+        );
+      })
+    ),
+    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      '
+    )
+  );
+};
+
+export { VerticalHero as default };

package/dist/esm/VideoProgramLandingPage.js

@@ -1 +1,255 @@
-import"./index-663f3f10.js";import"./extends-464f0b6e.js";import"react";import"@sanity/block-content-to-react";import"react-bootstrap/Col";import"react-bootstrap/Form";import"react-bootstrap/Button";import"./index-fcd6d5f7.js";import"./VideoSeriesListing-72688d44.js";export{a as default}from"./VideoProgramLandingPage-9b20c066.js";import"./slicedToArray-c92cae3a.js";import"./unsupportedIterableToArray-dc74e326.js";import"react-bootstrap";import"./urlFor-b366f69d.js";import"@sanity/image-url";import"react-dfp";import"next/router";import"get-youtube-id";import"react-youtube";import"./segment-lib-563b26a6.js";import"react-device-detect";import"./urlForFile-272819a6.js";import"react-lazyload";import"./typeof-a0b2b621.js";import"@brightcove/react-player-loader";import"./defineProperty-9f9de5d0.js";import"react-bootstrap/Modal";import"react-player";import"react-ga";import"./GroupDeck-c173accb.js";import"smoothscroll-polyfill";import"moment";import"./SocialShare-9cc43665.js";import"next/head";import"react-share";import"react-bootstrap/Pagination";import"./entities-c5c3079c.js";import"striptags";import"./_commonjsHelpers-57e89916.js";import"./AdSlot-7c2daad3.js";import"prop-types";import"lodash/debounce";import"react-bootstrap/Row";import"./toConsumableArray-25e5c43c.js";import"./getPrototypeOf-5b57bbdd.js";import"react-icons/io";import"react-bootstrap/Figure";import"react-bootstrap/OverlayTrigger";import"react-bootstrap/Tooltip";import"react-bootstrap/Popover";import"react-script-tag";import"./checkSisterSite-20e2bf62.js";import"react-bootstrap/Container";import"react-visibility-sensor";import"./YoutubeGroup-fdd46eeb.js";import"react-infinite-scroll-component";
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-958ef5fc.js';
+import { _ as _extends } from './extends-6d8e3924.js';
+import React__default from 'react';
+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-5d8b0a9d.js';
+import VideoSeriesListing from './VideoSeriesListing.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-ea258bb1.js';
+import './web.dom.iterable-ab4dea5c.js';
+import './_library-528f1934.js';
+import './_iter-detect-98db3b07.js';
+import './_object-pie-133f504a.js';
+import 'prop-types';
+import './index-3f5c03b2.js';
+import './slicedToArray-6ebcbfea.js';
+import 'react-bootstrap';
+import './urlFor.js';
+import './index-f0fc23eb.js';
+import './events-6c3a7a63.js';
+import 'next/router';
+import './index-c7e2ac95.js';
+import './util-8ed16d48.js';
+import './Beam.js';
+import './stringify-2b084bee.js';
+import './Segment.js';
+import './main-1894c974.js';
+import './urlForFile-b69adffc.js';
+import './index-755f2cc2.js';
+import 'react-dom';
+import './typeof-e9fc0c5d.js';
+import './_is-array-8d21b9e3.js';
+import './brightcove-react-player-loader.es-57a70a56.js';
+import './_object-to-array-2300e51b.js';
+import './keys-31dcdb31.js';
+import './_object-sap-7cee6f84.js';
+import 'react-bootstrap/Modal';
+import 'react-ga';
+import './GroupDeck.js';
+import './smoothscroll-fa4e3f8c.js';
+import './moment-bc12cb97.js';
+import './SocialShare.js';
+import 'next/head';
+import 'react-share';
+import './toConsumableArray-f7074d7c.js';
+import 'react-bootstrap/Pagination';
+import './entities-6d9154b4.js';
+import './AdSlot.js';
+import './debounce-533d9748.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import 'react-bootstrap/Row';
+import './inherits-a6ba2ec4.js';
+import './define-property-5f1bda73.js';
+import './index.esm-eb1e8e80.js';
+import './iconBase-ccc56b97.js';
+import 'react-bootstrap/Figure';
+import 'react-bootstrap/OverlayTrigger';
+import 'react-bootstrap/Tooltip';
+import 'react-bootstrap/Popover';
+import './checkSisterSite-baa4fb6b.js';
+import 'react-bootstrap/Container';
+import './visibility-sensor-72fd8f8b.js';
+import './YoutubeGroup.js';
+import './index.es-a6137319.js';
+
+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.createElement(
+    'div',
+    null,
+    virtualBlock && React__default.createElement(BlockContent, _extends({ serializers: 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.createElement(
+        Form,
+        { className: 'ml-3', method: 'post' },
+        React__default.createElement(
+          Form.Row,
+          null,
+          React__default.createElement(
+            Col,
+            null,
+            React__default.createElement(
+              Form.Group,
+              { controlId: 'topic' },
+              React__default.createElement(
+                Form.Control,
+                { as: 'select', name: 'topic_id', placeholder: 'Filter by Topic' },
+                React__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.createElement(
+                      'option',
+                      { value: topic._id },
+                      topic.name
+                    );
+                  }
+                })
+              )
+            )
+          ),
+          React__default.createElement(
+            Col,
+            null,
+            React__default.createElement(
+              Button,
+              { type: 'submit', variant: 'secondary' },
+              'Apply'
+            )
+          )
+        )
+      )
+    ),
+    posts && React__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( /*#__PURE__*/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 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);
+  };
+}();
+
+export { VideoProgramLandingPage as default };

package/dist/esm/VideoSeriesCard.js

@@ -1 +1,82 @@
-import{_ as e}from"./typeof-a0b2b621.js";import r from"react";import i from"react-lazyload";import{u as n}from"./urlFor-b366f69d.js";import a from"moment";import{s as o}from"./style-inject.es-1f59c1d0.js";import"prop-types";import"./slicedToArray-c92cae3a.js";import"./unsupportedIterableToArray-dc74e326.js";import"@sanity/image-url";var d="VideoSeriesCard-module_article__Hlc3e",t="VideoSeriesCard-module_thumb__3hGyJ",m="VideoSeriesCard-module_info__2_i1N",l="VideoSeriesCard-module_published__1fI0q",s="VideoSeriesCard-module_summary__3hWJT",_="VideoSeriesCard-module_author__aU35o";o(".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 u=function(o){var u=o.data,c=o.variant,h=o.defaultImage,p=o.client,f=o.index,g=parseInt(f)+1;return r.createElement("div",{className:d},r.createElement("a",{href:"/view/".concat(u.url.current),style:"right"===c?{flexDirection:"row-reverse"}:{}},r.createElement("div",{className:t},r.createElement("figure",null,r.createElement(i,null,r.createElement("img",{src:u.thumbnail&&u.thumbnail.asset?n({client:p,source:u.thumbnail}):u.thumbnail&&e("string"==u.thumbnail)?u.thumbnail:h})))),r.createElement("div",{className:m,style:"right"===c?{padding:"0 1rem 0 0"}:{padding:" 0 0 0 1rem"}},r.createElement("div",{style:{fontSize:"1.3rem",fontWeight:"bold"}},g&&"EP ".concat(g,": "),u.title),u.published&&r.createElement("p",{className:l},a(u.published).format("MMMM Do YYYY")),u.authorMapping&&u.authorMapping.displayName&&r.createElement("p",{className:_},"By ",r.createElement("span",null,u.authorMapping.displayName)),u.intro&&r.createElement("p",{dangerouslySetInnerHTML:{__html:u.intro},className:s}))))};export{u as default};
+import { _ as _typeof } from './typeof-e9fc0c5d.js';
+import React__default from 'react';
+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 'prop-types';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-ea258bb1.js';
+import './web.dom.iterable-ab4dea5c.js';
+import './_is-array-8d21b9e3.js';
+import './_object-pie-133f504a.js';
+import './_library-528f1934.js';
+import 'react-dom';
+import './slicedToArray-6ebcbfea.js';
+import './index-3f5c03b2.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 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(css);
+
+var VideoSeriesCard = function VideoSeriesCard(props) {
+  var data = props.data,
+      variant = props.variant,
+      defaultImage = props.defaultImage,
+      client = props.client,
+      index = props.index;
+
+  var episode = parseInt(index) + 1;
+
+  return React__default.createElement(
+    'div',
+    { className: styles.article },
+    React__default.createElement(
+      'a',
+      { href: '/view/' + data.url.current, style: variant === 'right' ? { flexDirection: 'row-reverse' } : {} },
+      React__default.createElement(
+        'div',
+        { className: styles.thumb },
+        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: styles.info, style: variant === 'right' ? { padding: '0 1rem 0 0' } : { padding: ' 0 0 0 1rem' } },
+        React__default.createElement(
+          'div',
+          { style: { fontSize: '1.3rem', fontWeight: 'bold' } },
+          episode && 'EP ' + episode + ': ',
+          data.title
+        ),
+        data.published && React__default.createElement(
+          'p',
+          { className: styles.published },
+          moment(data.published).format('MMMM Do YYYY')
+        ),
+        data.authorMapping && data.authorMapping.displayName && React__default.createElement(
+          'p',
+          { className: styles.author },
+          'By ',
+          React__default.createElement(
+            'span',
+            null,
+            data.authorMapping.displayName
+          )
+        ),
+        data.intro && React__default.createElement('p', { dangerouslySetInnerHTML: { __html: data.intro }, className: styles.summary })
+      )
+    )
+  );
+};
+
+export { VideoSeriesCard as default };