@mjhls/mjh-framework 1.0.976-eventdeckfix → 1.0.977-docgroup-test

package/dist/cjs/GridContentPaginated.js

@@ -24,7 +24,7 @@ var urlFor = require('./urlFor.js');
 var main = require('./main-f1c77adb.js');
 var AuthorComponent = require('./AuthorComponent-39b37d84.js');
 var PublicationFeature = require('./PublicationFeature-5ccf9b13.js');
-var Pagination = require('./Pagination-2a3d0103.js');
+var Pagination = require('./Pagination-1e0d5f1d.js');
 var Spinner = require('react-bootstrap/Spinner');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -49,6 +49,7 @@ require('./Segment.js');
 require('./eq-5fc26c07.js');
 require('./index-d48b231c.js');
 require('react-bootstrap/Button');
+require('react-paginate');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');
 

package/dist/cjs/HamMagazine.js

@@ -599,4 +599,4 @@ var HamMagazine = function HamMagazine(props) {
 };
 
 exports.HamMagazine = HamMagazine;
-exports['default'] = HamMagazine;
+exports.default = HamMagazine;

package/dist/cjs/Header.js

@@ -36,4 +36,4 @@ var Header = function Header(props) {
 var Header$1 = React__default['default'].memo(Header);
 
 exports.Header = Header;
-exports['default'] = Header$1;
+exports.default = Header$1;

package/dist/cjs/LeftNav.js

@@ -143,4 +143,4 @@ var LeftNav = function LeftNav(props) {
 var LeftNav$1 = React__default['default'].memo(LeftNav);
 
 exports.LeftNav = LeftNav;
-exports['default'] = LeftNav$1;
+exports.default = LeftNav$1;

package/dist/cjs/MasterDeckPaginated.js

@@ -14,7 +14,7 @@ var lodash = require('./lodash-f0783643.js');
 var main = require('./main-f1c77adb.js');
 var ADlgInfeed = require('./ADlgInfeed-0db07099.js');
 var ADInfeed = require('./ADInfeed-81006615.js');
-var Pagination = require('./Pagination-2a3d0103.js');
+var Pagination = require('./Pagination-1e0d5f1d.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -35,6 +35,7 @@ require('./isSymbol-03abbdf0.js');
 require('./toNumber-5e1fac58.js');
 require('./Beam.js');
 require('./Segment.js');
+require('react-paginate');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');

package/dist/cjs/{MediaSeriesCard-94ff4d11.js → MediaSeriesCard-5bf9813e.js}

@@ -2634,6 +2634,45 @@ function getBasePlacement(placement) {
   return placement.split('-')[0];
 }
 
+function getBoundingClientRect(element) {
+  var rect = element.getBoundingClientRect();
+  return {
+    width: rect.width,
+    height: rect.height,
+    top: rect.top,
+    right: rect.right,
+    bottom: rect.bottom,
+    left: rect.left,
+    x: rect.left,
+    y: rect.top
+  };
+}
+
+// means it doesn't take into account transforms.
+
+function getLayoutRect(element) {
+  var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.
+  // Fixes https://github.com/popperjs/popper-core/issues/1223
+
+  var width = element.offsetWidth;
+  var height = element.offsetHeight;
+
+  if (Math.abs(clientRect.width - width) <= 1) {
+    width = clientRect.width;
+  }
+
+  if (Math.abs(clientRect.height - height) <= 1) {
+    height = clientRect.height;
+  }
+
+  return {
+    x: element.offsetLeft,
+    y: element.offsetTop,
+    width: width,
+    height: height
+  };
+}
+
 function getWindow(node) {
   if (node == null) {
     return window;
@@ -2667,59 +2706,6 @@ function isShadowRoot(node) {
   return node instanceof OwnElement || node instanceof ShadowRoot;
 }
 
-var round$1 = Math.round;
-function getBoundingClientRect(element, includeScale) {
-  if (includeScale === void 0) {
-    includeScale = false;
-  }
-
-  var rect = element.getBoundingClientRect();
-  var scaleX = 1;
-  var scaleY = 1;
-
-  if (isHTMLElement(element) && includeScale) {
-    // Fallback to 1 in case both values are `0`
-    scaleX = rect.width / element.offsetWidth || 1;
-    scaleY = rect.height / element.offsetHeight || 1;
-  }
-
-  return {
-    width: round$1(rect.width / scaleX),
-    height: round$1(rect.height / scaleY),
-    top: round$1(rect.top / scaleY),
-    right: round$1(rect.right / scaleX),
-    bottom: round$1(rect.bottom / scaleY),
-    left: round$1(rect.left / scaleX),
-    x: round$1(rect.left / scaleX),
-    y: round$1(rect.top / scaleY)
-  };
-}
-
-// means it doesn't take into account transforms.
-
-function getLayoutRect(element) {
-  var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.
-  // Fixes https://github.com/popperjs/popper-core/issues/1223
-
-  var width = element.offsetWidth;
-  var height = element.offsetHeight;
-
-  if (Math.abs(clientRect.width - width) <= 1) {
-    width = clientRect.width;
-  }
-
-  if (Math.abs(clientRect.height - height) <= 1) {
-    height = clientRect.height;
-  }
-
-  return {
-    x: element.offsetLeft,
-    y: element.offsetTop,
-    width: width,
-    height: height
-  };
-}
-
 function contains$1(parent, child) {
   var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method
 
@@ -3946,24 +3932,16 @@ function getNodeScroll(node) {
   }
 }
 
-function isElementScaled(element) {
-  var rect = element.getBoundingClientRect();
-  var scaleX = rect.width / element.offsetWidth || 1;
-  var scaleY = rect.height / element.offsetHeight || 1;
-  return scaleX !== 1 || scaleY !== 1;
-} // Returns the composite rect of an element relative to its offsetParent.
 // Composite means it takes into account transforms as well as layout.
 
-
 function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   if (isFixed === void 0) {
     isFixed = false;
   }
 
-  var isOffsetParentAnElement = isHTMLElement(offsetParent);
-  var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
   var documentElement = getDocumentElement(offsetParent);
-  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
+  var rect = getBoundingClientRect(elementOrVirtualElement);
+  var isOffsetParentAnElement = isHTMLElement(offsetParent);
   var scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -3980,7 +3958,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
     }
 
     if (isHTMLElement(offsetParent)) {
-      offsets = getBoundingClientRect(offsetParent, true);
+      offsets = getBoundingClientRect(offsetParent);
       offsets.x += offsetParent.clientLeft;
       offsets.y += offsetParent.clientTop;
     } else if (documentElement) {

package/dist/cjs/MediaSeriesLanding.js

@@ -5,7 +5,7 @@ var _typeof = require('./typeof-567e31ff.js');
 var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
-var MediaSeriesCard = require('./MediaSeriesCard-94ff4d11.js');
+var MediaSeriesCard = require('./MediaSeriesCard-5bf9813e.js');
 require('./index-50be6759.js');
 require('react-dom');
 var Link = require('next/link');

package/dist/cjs/MediaSeriesLandingPaginated.js

@@ -5,7 +5,7 @@ var _typeof = require('./typeof-567e31ff.js');
 var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
-var MediaSeriesCard = require('./MediaSeriesCard-94ff4d11.js');
+var MediaSeriesCard = require('./MediaSeriesCard-5bf9813e.js');
 require('./index-50be6759.js');
 require('react-dom');
 var Link = require('next/link');
@@ -46,7 +46,8 @@ require('./toNumber-5e1fac58.js');
 require('./Beam.js');
 require('./Segment.js');
 require('./ADInfeed-81006615.js');
-require('./Pagination-2a3d0103.js');
+require('./Pagination-1e0d5f1d.js');
+require('react-paginate');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');

package/dist/cjs/NavDvm.js

@@ -242,4 +242,4 @@ var NavDvm = function NavDvm(props) {
 };
 
 exports.NavDvm = NavDvm;
-exports['default'] = NavDvm;
+exports.default = NavDvm;

package/dist/cjs/NavMagazine.js

@@ -592,4 +592,4 @@ var NavMagazine = function NavMagazine(props) {
 var MagazineNav = React__default['default'].memo(NavMagazine);
 
 exports.NavMagazine = NavMagazine;
-exports['default'] = MagazineNav;
+exports.default = MagazineNav;

package/dist/cjs/NavNative.js

@@ -858,4 +858,4 @@ var NavNative = function NavNative(props) {
 };
 
 exports.NavNative = NavNative;
-exports['default'] = NavNative;
+exports.default = NavNative;

package/dist/cjs/Pagination-1e0d5f1d.js

@@ -0,0 +1,90 @@
+'use strict';
+
+var React = require('react');
+var ReactPaginate = require('react-paginate');
+var Button = require('react-bootstrap/Button');
+var index_esm = require('./index.esm-d51c9ac6.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var ReactPaginate__default = /*#__PURE__*/_interopDefaultLegacy(ReactPaginate);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+
+var Pagination = function Pagination(props) {
+  var pageCount = props.pageCount,
+      _props$marginPagesDis = props.marginPagesDisplayed,
+      marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
+      _props$pageRangeDispl = props.pageRangeDisplayed,
+      pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
+      _props$currentPage = props.currentPage,
+      currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
+      _onPageChange = props.onPageChange,
+      _props$needLargePagin = props.needLargePaginateButtons,
+      needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
+
+  if (!pageCount || pageCount <= 1) return null;
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
+    null,
+    needLargePaginateButtons && React__default['default'].createElement(
+      'div',
+      { className: 'pagination-lg-btn-nxt' },
+      React__default['default'].createElement(
+        Button__default['default'],
+        {
+          onClick: function onClick(e) {
+            e.preventDefault();
+            _onPageChange(currentPage + 1);
+          },
+          disabled: currentPage === pageCount,
+          href: currentPage === pageCount ? '' : '?page=' + (currentPage + 1) },
+        'NEXT PAGE',
+        React__default['default'].createElement(index_esm.FaArrowRight, { className: 'fa-arrow-right' })
+      )
+    ),
+    React__default['default'].createElement(ReactPaginate__default['default'], {
+      pageCount: pageCount,
+      marginPagesDisplayed: marginPagesDisplayed,
+      pageRangeDisplayed: pageRangeDisplayed,
+      forcePage: currentPage - 1,
+      onPageChange: function onPageChange(_ref) {
+        var selected = _ref.selected;
+        return _onPageChange(selected + 1);
+      },
+      hrefBuilder: function hrefBuilder(page) {
+        return '?page=' + page;
+      },
+      previousLabel: '<',
+      nextLabel: '>',
+      containerClassName: 'pagination-container',
+      previousLinkClassName: 'previous',
+      nextLinkClassName: 'next',
+      disabledClassName: 'disabled',
+      activeClassName: 'active'
+    }),
+    needLargePaginateButtons && React__default['default'].createElement(
+      'div',
+      { className: 'pagination-lg-btn-prv' },
+      React__default['default'].createElement(
+        Button__default['default'],
+        {
+          onClick: function onClick(e) {
+            e.preventDefault();
+            _onPageChange(currentPage - 1);
+          },
+          disabled: currentPage === 1,
+          href: currentPage <= 1 ? '?page=1' : '?page=' + (currentPage - 1) },
+        React__default['default'].createElement(index_esm.FaArrowLeft, { className: 'fa-arrow-left' }),
+        'PREVIOUS PAGE'
+      )
+    ),
+    React__default['default'].createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .pagination-container {\n          list-style: none;\n          padding: 10px 0;\n          margin: 0;\n          display: flex;\n          overflow: auto;\n        }\n        .pagination-container::before,\n        .pagination-container::after {\n          content: \'\';\n          margin: 0 auto;\n        }\n        .pagination-container a {\n          padding: 10px;\n          border: 1px solid #dee2e6;\n        }\n        .pagination-container a:hover {\n          text-decoration: none;\n          background-color: #e9ecef;\n          border-color: #dee2e6;\n        }\n        .pagination-container .active a {\n          color: #fff;\n          background-color: #666;\n          background-color: var(--primary);\n        }\n        .pagination-container li:first-child a {\n          border-radius: 5px 0 0 5px;\n        }\n        .pagination-container li:last-child a {\n          border-radius: 0 5px 5px 0;\n        }\n        .pagination-container .disabled a {\n          cursor: default;\n        }\n        .pagination-lg-btn-nxt,\n        .pagination-lg-btn-prv {\n          text-align: center;\n        }\n        .pagination-lg-btn-nxt .btn,\n        .pagination-lg-btn-prv .btn {\n          min-width: 80%;\n          color: #000;\n          color: var(--primary);\n          background-color: transparent;\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        .pagination-lg-btn-nxt {\n          margin: 0 0 1.5rem;\n        }\n        .pagination-lg-btn-prv {\n          margin: 1.5rem 0 0;\n        }\n        .pagination-lg-btn-nxt .btn:not(:disabled):not(.disabled).active,\n        .pagination-lg-btn-prv .btn:not(:disabled):not(.disabled):active {\n          color: #fff;\n          background-color: #000;\n          background-color: var(--primary);\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        @media only screen and (min-width: 601px) {\n          [class^=\'pagination-lg-btn\'] {\n            display: none;\n          }\n        }\n        .fa-arrow-left {\n          margin-right: 0.5rem;\n        }\n        .fa-arrow-right {\n          margin-left: 0.5rem;\n        }\n        .pagination-container::-webkit-scrollbar {\n          height: 8px;\n        }\n        .pagination-container::-webkit-scrollbar-track,\n        .pagination-container::-webkit-scrollbar-thumb {\n          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n          border-radius: 4px;\n        }\n        .pagination-container::-webkit-scrollbar-track {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n        .pagination-container::-webkit-scrollbar-thumb {\n          background-color: rgba(0, 0, 0, 0.3);\n        }\n      '
+    )
+  );
+};
+
+exports.Pagination = Pagination;

package/dist/cjs/PartnerDetailListingPaginated.js

@@ -46,7 +46,8 @@ require('./AuthorComponent-39b37d84.js');
 require('./ADlgInfeed-0db07099.js');
 require('./getContentCategory-f38a4c00.js');
 require('./timeDifferenceCalc.js');
-require('./Pagination-2a3d0103.js');
+require('./Pagination-1e0d5f1d.js');
+require('react-paginate');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');

package/dist/cjs/QueueDeckExpandedPaginated.js

@@ -19,7 +19,7 @@ var ADlgInfeed = require('./ADlgInfeed-0db07099.js');
 var getContentCategory = require('./getContentCategory-f38a4c00.js');
 var timeDifferenceCalc = require('./timeDifferenceCalc.js');
 var urlFor = require('./urlFor.js');
-var Pagination = require('./Pagination-2a3d0103.js');
+var Pagination = require('./Pagination-1e0d5f1d.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -38,6 +38,7 @@ require('./Beam.js');
 require('./stringify-f7a37a8d.js');
 require('./Segment.js');
 require('./index-d48b231c.js');
+require('react-paginate');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');

package/dist/cjs/View.js

@@ -30,7 +30,7 @@ var styleInject_es = require('./style-inject.es-dcee06b6.js');
 require('./index-eadd5035.js');
 var disqusReact = require('disqus-react');
 var Schema = require('./Schema.js');
-var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
+var FileSaver = require('file-saver');
 var PixelTracking = require('./PixelTracking.js');
 var keys = require('./keys-e982b3fa.js');
 var index_es = require('./index.es-f3e47207.js');
@@ -38,6 +38,7 @@ var index = require('./index-fc2f1ca2.js');
 var getRelatedArticle = require('./getRelatedArticle.js');
 var getQuery = require('./getQuery.js');
 var getSeriesDetail = require('./getSeriesDetail.js');
+require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
 require('./_library-dd23b178.js');
@@ -85,6 +86,7 @@ var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
 var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
 var FormControl__default = /*#__PURE__*/_interopDefaultLegacy(FormControl);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var FileSaver__default = /*#__PURE__*/_interopDefaultLegacy(FileSaver);
 
 var getArticleSummary = function getArticleSummary(article) {
   if (article.summary && article.summary.length > 0) {
@@ -158,16 +160,25 @@ var DocumentGroup = function DocumentGroup(_ref) {
   var article = _ref.article,
       client = _ref.client;
 
-  if (!article.documentGroup || article.documentGroup.isShow === false || article.documentGroup.isSeries) {
+  var mediaSeriesGroup = null;
+
+  if (article.documentGroup && article.documentGroup.isShow !== false && article.documentGroup.isSeries !== true) {
+    mediaSeriesGroup = article.documentGroup;
+  }
+  if (!article.documentGroup && article.documentGroupMapping && article.documentGroupMapping[0] && article.documentGroupMapping[0].isShow !== false && article.documentGroupMapping[0].isSeries !== true) {
+    mediaSeriesGroup = article.documentGroupMapping[0];
+  }
+
+  if (!mediaSeriesGroup) {
     return null;
   }
 
-  var name = getDocumentGroupName(article.documentGroup);
-  var url = getDocumentGroupUrl(article.documentGroup);
+  var name = getDocumentGroupName(mediaSeriesGroup);
+  var url = getDocumentGroupUrl(mediaSeriesGroup);
   var thumbnailUrl = false;
 
-  if (article.documentGroup.thumbnail) {
-    thumbnailUrl = urlFor({ client: client, source: article.documentGroup.thumbnail });
+  if (mediaSeriesGroup.thumbnail) {
+    thumbnailUrl = urlFor({ client: client, source: mediaSeriesGroup.thumbnail });
   }
 
   return React__default['default'].createElement(
@@ -458,12 +469,6 @@ var getSocialShareDisableFlag = function getSocialShareDisableFlag(article) {
   return showSocialShare;
 };
 
-var FileSaver_min = _commonjsHelpers.createCommonjsModule(function (module, exports) {
-(function(a,b){b();})(_commonjsHelpers.commonjsGlobal,function(){function b(a,b){return "undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c);},d.onerror=function(){console.error("could not download file");},d.send();}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send();}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"));}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b);}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof _commonjsHelpers.commonjsGlobal&&_commonjsHelpers.commonjsGlobal.global===_commonjsHelpers.commonjsGlobal?_commonjsHelpers.commonjsGlobal:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href);},4E4),setTimeout(function(){e(j);},0));}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else {var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i);});}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null;},k.readAsDataURL(b);}else {var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m);},4E4);}});f.saveAs=g.saveAs=g,(module.exports=g);});
-
-
-});
-
 var css = ".RecommendedArticles-module_recommendTitle__2kUji {\n  border-bottom: 2px solid var(--secondary-blue);\n  font-size: 1.5rem;\n  font-weight: bold;\n  color: #0d335a;\n  padding: 0.5rem;\n}\n.RecommendedArticles-module_recommendContainer__sZukI {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin: 0 -0.5rem;\n}\n.RecommendedArticles-module_recommendTop__1_yqw {\n  margin: 0.5rem;\n  width: 100%;\n  flex-basis: 100%;\n  display: flex;\n\n}\n.RecommendedArticles-module_recommendTopImg__1b9gu {\n  min-width: 55%;\n  width: 55%;\n  height: 100%;\n}\n.RecommendedArticles-module_recommendTopImg__1b9gu img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.RecommendedArticles-module_recommendTopBody__-13FI {\n  margin-left: 1rem;\n  line-height: 1.3;\n  color: #121212;\n  display: flex;\n  flex-direction: column;\n}\n.RecommendedArticles-module_topTitle__2EafN {\n  font-size: 25px;\n  font-weight: bold;\n  margin-bottom: 0.5rem;\n}\n.RecommendedArticles-module_topBody__2_VNi {\n  font-size: 19px;\n  margin-bottom: 0.5rem;\n}\n.RecommendedArticles-module_topLink__2RnXu {\n  font-size: 19px;\n  color: rgb(43, 43, 151);\n  text-decoration: underline;\n  margin-top: auto;\n}\n.RecommendedArticles-module_smContainer__4byBO {\n  width: calc(25% - 1rem);\n  margin: 0 0.5rem;\n}\n.RecommendedArticles-module_smImage__TYZGY img {\n  width: 100%;\n}\n.RecommendedArticles-module_title__3q1ud {\n  margin-top: 1rem;\n  line-height: 1.2;\n  color: #121212;\n}\n.RecommendedArticles-module_category__2jRto {\n  text-transform: uppercase;\n  font-size: 16px;\n  letter-spacing: 2px;\n  margin: 0.25rem 0;\n}\n\n/* media query */\n\n@media screen and (max-width: 1399px) {\n  .RecommendedArticles-module_topTitle__2EafN {\n    font-size: 21px;\n  }\n  .RecommendedArticles-module_topBody__2_VNi {\n    font-size: 15px;\n  }\n}\n@media screen and (max-width: 1191px) {\n  .RecommendedArticles-module_topTitle__2EafN {\n    font-size: 23px;\n  }\n  .RecommendedArticles-module_topBody__2_VNi,\n  .RecommendedArticles-module_topLink__2RnXu {\n    font-size: 17px;\n  }\n}\n@media screen and (max-width: 968px) {\n  .RecommendedArticles-module_topTitle__2EafN {\n    font-size: 18px;\n  }\n  .RecommendedArticles-module_topBody__2_VNi,\n  .RecommendedArticles-module_topLink__2RnXu {\n    font-size: 15px;\n  }\n}\n@media screen and (max-width: 768px) {\n  .RecommendedArticles-module_recommendTop__1_yqw {\n    flex-direction: column;\n  }\n  .RecommendedArticles-module_recommendTopImg__1b9gu,\n  .RecommendedArticles-module_recommendTopBody__-13FI {\n    width: 100%;\n    margin: 0;\n  }\n  .RecommendedArticles-module_recommendTopBody__-13FI {\n    margin-bottom: 1rem;\n  }\n  .RecommendedArticles-module_smContainer__4byBO {\n    width: calc(50% - 1rem);\n  }\n}";
 var styles = { "recommendTitle": "RecommendedArticles-module_recommendTitle__2kUji", "recommendContainer": "RecommendedArticles-module_recommendContainer__sZukI", "recommendTop": "RecommendedArticles-module_recommendTop__1_yqw", "recommendTopImg": "RecommendedArticles-module_recommendTopImg__1b9gu", "recommendTopBody": "RecommendedArticles-module_recommendTopBody__-13FI", "topTitle": "RecommendedArticles-module_topTitle__2EafN", "topBody": "RecommendedArticles-module_topBody__2_VNi", "topLink": "RecommendedArticles-module_topLink__2RnXu", "smContainer": "RecommendedArticles-module_smContainer__4byBO", "smImage": "RecommendedArticles-module_smImage__TYZGY", "title": "RecommendedArticles-module_title__3q1ud", "category": "RecommendedArticles-module_category__2jRto" };
 styleInject_es.styleInject(css);
@@ -1144,7 +1149,7 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
   var downloadRIS = function downloadRIS() {
     var fileContent = generateRIS();
     var file = new File([fileContent], 'citation-' + url + '.ris', { type: 'application/x-research-info-systems;charset=utf-8' });
-    FileSaver_min.saveAs(file, 'citation-' + url + '.ris');
+    FileSaver__default['default'].saveAs(file, 'citation-' + url + '.ris');
   };
 
   var RelevantTopics = function RelevantTopics() {
@@ -1294,7 +1299,13 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
 
     var indexes = findIndex(body);
     var seriesInfo = checkIfMediaSeriesHasVideo(article);
-    var isMediaSeries = article.documentGroup && article.documentGroup.isSeries ? true : false;
+    var isMediaSeries = false;
+    if (article.documentGroup && article.documentGroup.isSeries) {
+      isMediaSeries = true;
+    } else if (!article.documentGroup && article.documentGroupMapping && article.documentGroupMapping[0] && article.documentGroupMapping[0].isSeries) {
+      isMediaSeries = true;
+    }
+
     if (indexes.length >= 2 && body.length > 3 && payload.contextualAD && payload.contextualVideoAD) {
       payload = _extends._extends({}, payload, {
         contextualAD: _extends._extends({}, payload.contextualAD, {
@@ -1329,7 +1340,7 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
           imageOptions: { w: 320, h: 240, fit: 'max' }
         }, client.config())),
         React__default['default'].createElement('span', { className: 'clearfix' }),
-        article.documentGroup && article.documentGroup.isSeries && sliderData && seriesInfo.hasVideo && React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: logicforDisplayingEpisodeNumber }),
+        isMediaSeries && sliderData && seriesInfo.hasVideo && React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: logicforDisplayingEpisodeNumber }),
         React__default['default'].createElement(
           'div',
           { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
@@ -1380,7 +1391,7 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
           imageOptions: { w: 320, h: 240, fit: 'max' }
         }, client.config())),
         contextualADFlag && React__default['default'].createElement('span', { className: 'clearfix' }),
-        article.documentGroup && article.documentGroup.isSeries && sliderData && seriesInfo.hasVideo && React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: logicforDisplayingEpisodeNumber }),
+        isMediaSeries && sliderData && seriesInfo.hasVideo && React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: logicforDisplayingEpisodeNumber }),
         (visibleFlag || queueData && queueData.length === 1 || !props.infiniteScroll) && React__default['default'].createElement(
           React__default['default'].Fragment,
           null,
@@ -1435,7 +1446,7 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
           imageOptions: { w: 320, h: 240, fit: 'max' }
         }, client.config())),
         React__default['default'].createElement('span', { className: 'clearfix' }),
-        article.documentGroup && article.documentGroup.isSeries && sliderData && seriesInfo.hasVideo && React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: logicforDisplayingEpisodeNumber }),
+        isMediaSeries && sliderData && seriesInfo.hasVideo && React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: logicforDisplayingEpisodeNumber }),
         React__default['default'].createElement(
           'div',
           { id: 'contextual-video-ad-' + payload._id, className: 'contextual-video-ad' },
@@ -1461,7 +1472,7 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
           blocks: article.documentGroup && article.documentGroup.isSeries ? [].concat(toConsumableArray._toConsumableArray(articleBody.slice(0, _selectedIndex3))) : articleBody,
           imageOptions: { w: 320, h: 240, fit: 'max' }
         }, client.config())),
-        article.documentGroup && article.documentGroup.isSeries && sliderData && seriesInfo.hasVideo && React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: logicforDisplayingEpisodeNumber }),
+        isMediaSeries && sliderData && seriesInfo.hasVideo && React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: logicforDisplayingEpisodeNumber }),
         article.documentGroup && article.documentGroup.isSeries && React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({
           serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, article.Ads, targeting, article, meta, authorPrefix, authorImgHeight, audioAutoplay),
           blocks: [].concat(toConsumableArray._toConsumableArray(articleBody.slice(_selectedIndex3))),
@@ -1558,10 +1569,19 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
     var triggerOffset = 20;
     var isVideoSeries = checkIfVideoSeries(article);
     var episodeNumber = fetchCurrentEpisode(sliderData, props.article);
-    var isMediaSeries = article.documentGroup && article.documentGroup.isSeries ? true : false;
+    var isMediaSeries = false;
+    var mediaSeriesName = '';
     var seriesInfo = checkIfMediaSeriesHasVideo(article);
     var isFormAssembly = checkIfFormAssembly(article);
 
+    if (article.documentGroup && article.documentGroup.isSeries) {
+      isMediaSeries = true;
+      mediaSeriesName = article.documentGroup.name;
+    } else if (!article.documentGroup && article.documentGroupMapping && article.documentGroupMapping[0] && article.documentGroupMapping[0].isSeries) {
+      isMediaSeries = true;
+      mediaSeriesName = article.documentGroupMapping[0].name;
+    }
+
     return React__default['default'].createElement(
       React__default['default'].Fragment,
       null,
@@ -1595,10 +1615,10 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
             !isVideoSeries && React__default['default'].createElement(
               'div',
               null,
-              isMediaSeries && article.documentGroup && article.documentGroup.name && React__default['default'].createElement(
+              isMediaSeries && React__default['default'].createElement(
                 'p',
                 { style: { fontSize: '14px' } },
-                disableEpisodeNumber ? '' + article.documentGroup.name : article.documentGroup.name + ' - Episode ' + episodeNumber
+                disableEpisodeNumber ? '' + mediaSeriesName : mediaSeriesName + ' - Episode ' + episodeNumber
               ),
               React__default['default'].createElement(
                 'h1',
@@ -2248,12 +2268,21 @@ var View = function View(props) {
     return false;
   };
 
+  var isMediaSeries = false;
+
+  if (article.documentGroup && article.documentGroup.isSeries) {
+    isMediaSeries = true;
+  }
+  if (!article.documentGroup && article.documentGroupMapping && article.documentGroupMapping[0] && article.documentGroupMapping[0].isSeries) {
+    isMediaSeries = true;
+  }
+
   var disableInfiniteScroll = checkBodyForDisableInfiniteScroll(props.article);
   var commentsEnabledInTaxonomy = Array.isArray(content_placement) && content_placement.some(function (t) {
     return t.showComments === true;
   });
   var showDisqus = commentsEnabledInTaxonomy || hideComments === false;
-  var needInfiniteScroll = ['Articles', 'Videos', 'Podcasts'].includes(article.category.name) && article.taxonomyMapping && article.passwordLock !== true && !disableInfiniteScroll && !article.ExcludeFromInfiniteScroll && !sponsoredFlag && infiniteScrollFlag && !article.showIsi && (!article.documentGroup || !article.documentGroup.isSeries) && !showDisqus;
+  var needInfiniteScroll = ['Articles', 'Videos', 'Podcasts'].includes(article.category.name) && article.taxonomyMapping && article.passwordLock !== true && !disableInfiniteScroll && !article.ExcludeFromInfiniteScroll && !sponsoredFlag && infiniteScrollFlag && !article.showIsi && !isMediaSeries && !showDisqus;
 
   if (['Articles', 'Videos', 'Podcasts'].includes(article.category.name)) {
     title = null;
@@ -2372,7 +2401,7 @@ View.returnGetInitialProps = function () {
   var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(url, prevUrl, seriesVid, client, sao) {
     var context = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
 
-    var article, relatedArticleQuery, sliderData, statusCode, sliderArticles, _context$query$series, seriesArticle, sponsoredFlag;
+    var article, relatedArticleQuery, sliderData, statusCode, sliderArticles, _sliderArticles, _context$query$series, seriesArticle, sponsoredFlag;
 
     return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
       while (1) {
@@ -2394,7 +2423,7 @@ View.returnGetInitialProps = function () {
             }
 
             if (!(article.documentGroup && article.documentGroup.isSeries)) {
-              _context.next = 13;
+              _context.next = 15;
               break;
             }
 
@@ -2405,8 +2434,24 @@ View.returnGetInitialProps = function () {
             sliderArticles = _context.sent;
 
             sliderData = sliderArticles;
+            _context.next = 20;
+            break;
+
+          case 15:
+            if (!(article.documentGroupMapping && article.documentGroupMapping[0] && article.documentGroupMapping[0].isSeries)) {
+              _context.next = 20;
+              break;
+            }
+
+            _context.next = 18;
+            return client.fetch('*[!(_id in path("drafts.**")) \n    && _type == "article"\n    && defined(title)\n    && references(\'' + article.documentGroupMapping[0]._id + '\')\n    && is_visible == true\n    && defined(published)\n    && dateTime(published) <= dateTime(now())\n  ] | order(published asc)  {\n      title,\n      thumbnail,\n      url,\n      published\n    }');
+
+          case 18:
+            _sliderArticles = _context.sent;
+
+            sliderData = _sliderArticles;
 
-          case 13:
+          case 20:
             _context$query$series = context.query.seriesArticle, seriesArticle = _context$query$series === undefined ? false : _context$query$series;
 
             if ((seriesArticle || seriesVid) && article.body) {
@@ -2455,27 +2500,27 @@ View.returnGetInitialProps = function () {
             }
 
             if (!article.disableRelatedContent) {
-              _context.next = 23;
+              _context.next = 30;
               break;
             }
 
             article.relatedArticle = null;
-            _context.next = 27;
+            _context.next = 34;
             break;
 
-          case 23:
+          case 30:
             if (!article) {
-              _context.next = 27;
+              _context.next = 34;
               break;
             }
 
-            _context.next = 26;
+            _context.next = 33;
             return getRelatedArticle(context, client, article, prevUrl, '0..2');
 
-          case 26:
+          case 33:
             article.relatedArticle = _context.sent;
 
-          case 27:
+          case 34:
             return _context.abrupt('return', {
               url: url,
               sao: sao,
@@ -2487,7 +2532,7 @@ View.returnGetInitialProps = function () {
               sponsoredFlag: sponsoredFlag
             });
 
-          case 28:
+          case 35:
           case 'end':
             return _context.stop();
         }