@mjhls/mjh-framework 1.0.665 → 1.0.666-ad-update-v2

package/dist/esm/{BlockContent-a614acdf.js → BlockContent-c409aca5.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { n as node } from './index-51a80699.js';
+import { n as node } from './index-3849e3fe.js';
 
 /*
 object-assign

package/dist/esm/CMEDeck.js

@@ -9,16 +9,16 @@ import './_object-pie-71ac75a4.js';
 import { _ as _extends } from './extends-cc5da797.js';
 import './web.dom.iterable-8956f9a5.js';
 import React__default, { useState, useRef, useEffect } from 'react';
-import { l as lib_3 } from './index-93ec3c59.js';
+import { l as lib_3 } from './index-3f4dd6f2.js';
 import 'prop-types';
-import './moment-12415288.js';
+import './moment-e2f9b20c.js';
 import { useRouter } from 'next/router';
 import './isSymbol-807e927e.js';
 import { d as debounce_1 } from './debounce-1a993acf.js';
-import { I as InfiniteScroll } from './index.es-938a3a58.js';
+import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
-import { m as main_39 } from './main-0465b2a0.js';
+import { m as main_36 } from './main-5d1e4bd3.js';
 import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
 import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
@@ -294,7 +294,7 @@ var CMEDeck = function CMEDeck(_ref) {
               )
             )
           ),
-          main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+          main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
             'div',
             { style: { margin: '0 auto' } },
             renderMobileAd(index, numberOfItemsBeforeAd)

package/dist/esm/Column3.js

@@ -7,13 +7,13 @@ import './core.get-iterator-method-54d2e411.js';
 import './define-property-de3fc946.js';
 import './web.dom.iterable-8956f9a5.js';
 import React__default, { useRef, useEffect } from 'react';
-import './index-93ec3c59.js';
+import './index-3f4dd6f2.js';
 import 'prop-types';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import './isSymbol-807e927e.js';
 import './debounce-1a993acf.js';
-import { m as main_39 } from './main-0465b2a0.js';
+import { m as main_36 } from './main-5d1e4bd3.js';
 import './stringify-008c8802.js';
 import './slicedToArray-7021e5df.js';
 import './asyncToGenerator-7c654f36.js';
@@ -47,7 +47,7 @@ var Column3 = function Column3(props) {
   var adRef = useRef(null);
 
   useEffect(function () {
-    if (!main_39 && window.innerWidth >= 768) {
+    if (!main_36 && window.innerWidth >= 768) {
       var navbar = document.querySelector('.navbar');
       var AdOffsetTop = adRef.current.getBoundingClientRect().top;
       window.addEventListener('scroll', function () {
@@ -107,7 +107,7 @@ var Column3 = function Column3(props) {
         { jsx: 'true' },
         '\n            .filter-box {\n              float: right;\n              padding-top: 6px;\n              padding-right: 18px;\n            }\n            @media only screen and (min-width: 768px) {\n              .title-wrap {\n                display: flex;\n                justify-content: space-between;\n              }\n            }\n            @media only screen and (max-width: 767px) {\n              /* .filter-box {\n                float: right;\n                display: flex;\n                justify-content: flex-end;\n              } */\n              .title-wrap {\n                display: flex;\n                flex-direction: column;\n                margin-bottom: 10px;\n              }\n            }\n          '
       ),
-      (!main_39 || showRightAd) && React__default.createElement(
+      (!main_36 || showRightAd) && React__default.createElement(
         Col,
         { xs: 12, className: 'rightCol' },
         website && website.conferenceBannerContent && React__default.createElement(ConferenceBanner, { website: website }),

package/dist/esm/ConferenceArticleCard.js

@@ -1,7 +1,7 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
-import { m as moment } from './moment-12415288.js';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import { m as moment } from './moment-e2f9b20c.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 
 /*
 Example usage - targetedonc.com/latest-conference

package/dist/esm/DeckContent.js

@@ -14,22 +14,22 @@ import './web.dom.iterable-8956f9a5.js';
 import './typeof-08f2c380.js';
 import './_is-array-49698029.js';
 import React__default from 'react';
-import { l as lib_3 } from './index-93ec3c59.js';
+import { l as lib_3 } from './index-3f4dd6f2.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
-import { m as moment } from './moment-12415288.js';
+import { m as moment } from './moment-e2f9b20c.js';
 import { withRouter } from 'next/router';
 import './isSymbol-807e927e.js';
 import { d as debounce_1 } from './debounce-1a993acf.js';
-import { I as InfiniteScroll } from './index.es-938a3a58.js';
+import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
-import { m as main_39 } from './main-0465b2a0.js';
+import { m as main_36 } from './main-5d1e4bd3.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './stringify-008c8802.js';
 import './slicedToArray-7021e5df.js';
@@ -37,7 +37,7 @@ import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
 import './beam-681a9749.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-9140aa7d.js';
+import { A as ADInfeed } from './ADInfeed-034c433d.js';
 
 var DeckContent = function (_React$Component) {
   _inherits(DeckContent, _React$Component);
@@ -348,7 +348,7 @@ var DeckContent = function (_React$Component) {
                   )
                 )
               ),
-              main_39 && _this.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this.renderMobileAd(index, numberOfItemsBeforeAd)
+              main_36 && _this.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this.renderMobileAd(index, numberOfItemsBeforeAd)
             );
           }
         })

package/dist/esm/DeckQueue.js

@@ -14,22 +14,22 @@ import './web.dom.iterable-8956f9a5.js';
 import './typeof-08f2c380.js';
 import './_is-array-49698029.js';
 import React__default from 'react';
-import { l as lib_3 } from './index-93ec3c59.js';
+import { l as lib_3 } from './index-3f4dd6f2.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
-import { m as moment } from './moment-12415288.js';
+import { m as moment } from './moment-e2f9b20c.js';
 import { withRouter } from 'next/router';
 import './isSymbol-807e927e.js';
 import { d as debounce_1 } from './debounce-1a993acf.js';
-import { I as InfiniteScroll } from './index.es-938a3a58.js';
+import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
-import { m as main_39 } from './main-0465b2a0.js';
+import { m as main_36 } from './main-5d1e4bd3.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { g as get_1 } from './get-5ee14cda.js';
 
@@ -300,7 +300,7 @@ var DeckQueue = function (_React$Component) {
                 )
               )
             ),
-            main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+            main_36 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
           );
         })
       );

package/dist/esm/{Dfp-8a8fca18.js → Dfp-741c01be.js}

@@ -4,7 +4,7 @@ import './es6.string.iterator-9b2af4a5.js';
 import './core.get-iterator-method-54d2e411.js';
 import './web.dom.iterable-8956f9a5.js';
 import React__default, { useState } from 'react';
-import { b as lib_1, a as lib_2 } from './index-93ec3c59.js';
+import { b as lib_1, a as lib_2 } from './index-3f4dd6f2.js';
 import PropTypes from 'prop-types';
 import './isSymbol-807e927e.js';
 import { d as debounce_1 } from './debounce-1a993acf.js';

package/dist/esm/EventsDeck.js

@@ -13,17 +13,17 @@ import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
-import './moment-12415288.js';
+import './moment-e2f9b20c.js';
 import { useRouter } from 'next/router';
-import { I as InfiniteScroll } from './index.es-938a3a58.js';
-import { m as main_39 } from './main-0465b2a0.js';
+import { I as InfiniteScroll } from './index.es-29c1cef5.js';
+import './main-5d1e4bd3.js';
 import { _ as _JSON$stringify } from './stringify-008c8802.js';
 import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-7021e5df.js';
 import Button from 'react-bootstrap/Button';
 import { _ as _defineProperty } from './defineProperty-b798470d.js';
 import Spinner from 'react-bootstrap/Spinner';
 import Form from 'react-bootstrap/Form';
-import { m as momentTimezone } from './index-d2f90501.js';
+import { m as momentTimezone } from './index-ef6d5dcf.js';
 import { j as js_cookie } from './js.cookie-6874175c.js';
 
 var isEnum = _objectPie.f;
@@ -126,6 +126,11 @@ var EventsDeck = function EventsDeck(_ref) {
       firstLoad = _useState16[0],
       setFirstLoad = _useState16[1];
 
+  var _useState17 = useState(false),
+      _useState18 = _slicedToArray(_useState17, 2),
+      mobileView = _useState18[0],
+      setMobileView = _useState18[1];
+
   var getEvents = function getEvents(url) {
     fetch(url, {
       headers: {
@@ -250,6 +255,9 @@ var EventsDeck = function EventsDeck(_ref) {
   }, [filter]);
 
   useEffect(function () {
+    if (window && window.innerWidth <= 1991) {
+      setMobileView(true);
+    }
     // get access token
     var cventAccessToken = js_cookie.get('cvent_access_token');
     if (cventAccessToken && cventAccessToken !== 'undefined') {
@@ -446,7 +454,7 @@ var EventsDeck = function EventsDeck(_ref) {
       React__default.createElement(
         'style',
         { jsx: true },
-        '.filterTitle{\n            font-weight: 400;\n          }\n          '
+        '\n          .filterTitle {\n            font-weight: 400;\n          }\n        '
       )
     ) : null;
   };
@@ -766,7 +774,7 @@ var EventsDeck = function EventsDeck(_ref) {
               )
             )
           ),
-          main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+          mobileView && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
             'div',
             { style: { margin: '0 auto' } },
             renderMobileAd(index, numberOfItemsBeforeAd)

package/dist/esm/ExternalResources.js

@@ -14,18 +14,18 @@ import './web.dom.iterable-8956f9a5.js';
 import './typeof-08f2c380.js';
 import './_is-array-49698029.js';
 import React__default, { useState, useEffect } from 'react';
-import './index-93ec3c59.js';
+import './index-3f4dd6f2.js';
 import 'prop-types';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
-import './moment-12415288.js';
+import './moment-e2f9b20c.js';
 import { useRouter } from 'next/router';
 import './isSymbol-807e927e.js';
 import './debounce-1a993acf.js';
 import 'react-dom';
-import './index-51a80699.js';
+import './index-3849e3fe.js';
 import './index-5f9f807a.js';
-import './main-0465b2a0.js';
+import './main-5d1e4bd3.js';
 import './entities-7cc3bf45.js';
 import './stringify-008c8802.js';
 import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
@@ -33,13 +33,13 @@ import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
 import './beam-681a9749.js';
 import './AdSlot.js';
-import { B as BlockContent } from './BlockContent-a614acdf.js';
+import { B as BlockContent } from './BlockContent-c409aca5.js';
 import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import Button from 'react-bootstrap/Button';
-import { m as momentTimezone } from './index-d2f90501.js';
-import { g as getSerializers } from './index-3a33f7d6.js';
+import { m as momentTimezone } from './index-ef6d5dcf.js';
+import { g as getSerializers } from './index-26c19b64.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/Feature.js

@@ -1,7 +1,7 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
-import { i as imageUrlBuilder } from './index-51a80699.js';
-import { m as main_39 } from './main-0465b2a0.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { m as main_36 } from './main-5d1e4bd3.js';
 import Carousel from 'react-bootstrap/Carousel';
 
 //Feature query to be used
@@ -34,7 +34,7 @@ var Feature = function Feature(props) {
   };
   //image width updated.
   var imageWidth = 450;
-  if (main_39) {
+  if (main_36) {
     imageWidth = 225;
   }
 

package/dist/esm/ForbesHero.js

@@ -5,9 +5,9 @@ import './core.get-iterator-method-54d2e411.js';
 import './web.dom.iterable-8956f9a5.js';
 import React__default from 'react';
 import 'prop-types';
-import { m as moment } from './moment-12415288.js';
+import { m as moment } from './moment-e2f9b20c.js';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import './slicedToArray-7021e5df.js';
 import { A as AuthorComponent } from './AuthorComponent-00f13201.js';

package/dist/esm/GridContent.js

@@ -14,22 +14,22 @@ import './web.dom.iterable-8956f9a5.js';
 import './typeof-08f2c380.js';
 import './_is-array-49698029.js';
 import React__default from 'react';
-import { l as lib_3 } from './index-93ec3c59.js';
+import { l as lib_3 } from './index-3f4dd6f2.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
-import { m as moment } from './moment-12415288.js';
+import { m as moment } from './moment-e2f9b20c.js';
 import { withRouter } from 'next/router';
 import './isSymbol-807e927e.js';
 import { d as debounce_1 } from './debounce-1a993acf.js';
-import { I as InfiniteScroll } from './index.es-938a3a58.js';
+import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
-import { m as main_39 } from './main-0465b2a0.js';
+import { m as main_36 } from './main-5d1e4bd3.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './stringify-008c8802.js';
 import './slicedToArray-7021e5df.js';
@@ -37,9 +37,9 @@ import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
 import './beam-681a9749.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-9140aa7d.js';
-import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-7656ecd1.js';
+import { A as ADInfeed } from './ADInfeed-034c433d.js';
+import { l as lodash } from './lodash-ec8c6b48.js';
+import { A as ADlgInfeed } from './ADlgInfeed-0fb12879.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
 import { g as get_1 } from './get-5ee14cda.js';
 import './AD.js';
@@ -526,7 +526,7 @@ var GridContent = function (_React$Component) {
                   )
                 ),
                 showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
-                main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+                main_36 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
               );
             } else {
               return React__default.createElement(
@@ -590,7 +590,7 @@ var GridContent = function (_React$Component) {
                   )
                 ),
                 showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
-                main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+                main_36 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
               );
             }
           } else if (row._type === 'lg-infeed' && row.adUnit) {
@@ -678,7 +678,7 @@ var GridContent = function (_React$Component) {
                 )
               ),
               showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
-              main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+              main_36 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
             );
           } else return null;
         }) : React__default.createElement(

package/dist/esm/GridHero.js

@@ -5,9 +5,9 @@ import './core.get-iterator-method-54d2e411.js';
 import './web.dom.iterable-8956f9a5.js';
 import React__default from 'react';
 import 'prop-types';
-import { m as moment } from './moment-12415288.js';
+import { m as moment } from './moment-e2f9b20c.js';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-7021e5df.js';

package/dist/esm/GroupDeck.js

@@ -8,7 +8,7 @@ import './web.dom.iterable-8956f9a5.js';
 import { _ as _typeof } from './typeof-08f2c380.js';
 import './_is-array-49698029.js';
 import React__default, { useRef, useState, useEffect } from 'react';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
 import { s as smoothscroll, g as getYoutubeId } from './smoothscroll-4b699764.js';
 

package/dist/esm/HamMagazine.js

@@ -8,7 +8,7 @@ import './web.dom.iterable-8956f9a5.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
-import { m as main_39, a as main_40 } from './main-0465b2a0.js';
+import { m as main_36, a as main_37 } from './main-5d1e4bd3.js';
 import './stringify-008c8802.js';
 import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
 import './asyncToGenerator-7c654f36.js';
@@ -27,7 +27,7 @@ import { N as NavFooter } from './NavFooter-e27bd93b.js';
 import { S as SocialNavFooter } from './index.esm-73e847d2.js';
 import './SocialIcons.js';
 import 'react-bootstrap/FormControl';
-import { S as SocialSearchComponent } from './SocialSearchComponent-75527dfe.js';
+import { S as SocialSearchComponent } from './SocialSearchComponent-55960ec4.js';
 
 var HamMagazine = function HamMagazine(props) {
   /*
@@ -198,7 +198,7 @@ var HamMagazine = function HamMagazine(props) {
 
   return React__default.createElement(
     'header',
-    { className: !main_39 && isOpen ? 'nav-open' : 'nav-close', style: { zIndex: '999999' } },
+    { className: !main_36 && isOpen ? 'nav-open' : 'nav-close', style: { zIndex: '999999' } },
     React__default.createElement(
       Navbar,
       { expand: 'md', ref: topNavRef },
@@ -325,7 +325,7 @@ var HamMagazine = function HamMagazine(props) {
             'aria-controls': 'basic-navbar-nav',
             onClick: function onClick() {
               // Set overflow fix for iPhones safari browsers
-              if (main_40) {
+              if (main_37) {
                 var mainNav = document.querySelector('#navbar-ham');
                 if (mainNav && mainNav.style) mainNav.style.overflow = 'auto';
               }

package/dist/esm/Hero.js

@@ -1,6 +1,6 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { Card } from 'react-bootstrap';
 

package/dist/esm/HorizontalHero.js

@@ -1,9 +1,9 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
-import './moment-12415288.js';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import './moment-e2f9b20c.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import './iconBase-602d52fe.js';
-import { a as FaLongArrowAltRight } from './index.esm-9a4c8813.js';
+import { a as FaLongArrowAltRight } from './index.esm-cf08bf18.js';
 
 var HorizontalHero = function HorizontalHero(props) {
   var client = props.client;

package/dist/esm/IssueContentDeck.js

@@ -8,9 +8,9 @@ import 'prop-types';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
-import { m as moment } from './moment-12415288.js';
+import { m as moment } from './moment-e2f9b20c.js';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import './slicedToArray-7021e5df.js';
 import { A as AuthorComponent } from './AuthorComponent-00f13201.js';

package/dist/esm/IssueDeck.js

@@ -12,9 +12,9 @@ import 'prop-types';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
-import { I as InfiniteScroll } from './index.es-938a3a58.js';
+import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
 import Button from 'react-bootstrap/Button';

package/dist/esm/IssueLanding.js

@@ -9,19 +9,19 @@ import './_object-pie-71ac75a4.js';
 import './extends-cc5da797.js';
 import './web.dom.iterable-8956f9a5.js';
 import React__default from 'react';
-import './index-93ec3c59.js';
+import './index-3f4dd6f2.js';
 import 'prop-types';
 import 'react-bootstrap/Card';
-import './moment-12415288.js';
+import './moment-e2f9b20c.js';
 import 'next/router';
 import './isSymbol-807e927e.js';
 import './debounce-1a993acf.js';
-import './index.es-938a3a58.js';
+import './index.es-29c1cef5.js';
 import 'react-dom';
 import './visibility-sensor-0baa4eea.js';
-import './index-51a80699.js';
+import './index-3849e3fe.js';
 import './index-5f9f807a.js';
-import './main-0465b2a0.js';
+import './main-5d1e4bd3.js';
 import './entities-7cc3bf45.js';
 import './stringify-008c8802.js';
 import './slicedToArray-7021e5df.js';
@@ -29,9 +29,9 @@ import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
 import './beam-681a9749.js';
 import './AdSlot.js';
-import './ADInfeed-9140aa7d.js';
-import './lodash-17fdfebb.js';
-import './ADlgInfeed-7656ecd1.js';
+import './ADInfeed-034c433d.js';
+import './lodash-ec8c6b48.js';
+import './ADlgInfeed-0fb12879.js';
 import './getContentCategory-15dcc413.js';
 import './AuthorComponent-00f13201.js';
 import 'react-bootstrap';

package/dist/esm/LeftNav.js

@@ -6,11 +6,11 @@ import './_iter-detect-59409a32.js';
 import './core.get-iterator-method-54d2e411.js';
 import './web.dom.iterable-8956f9a5.js';
 import React__default, { useRef, useEffect } from 'react';
-import './index-93ec3c59.js';
+import './index-3f4dd6f2.js';
 import 'prop-types';
 import './isSymbol-807e927e.js';
 import './debounce-1a993acf.js';
-import './main-0465b2a0.js';
+import './main-5d1e4bd3.js';
 import './stringify-008c8802.js';
 import './slicedToArray-7021e5df.js';
 import './asyncToGenerator-7c654f36.js';

package/dist/esm/MasterDeck.js

@@ -14,30 +14,30 @@ import './web.dom.iterable-8956f9a5.js';
 import './typeof-08f2c380.js';
 import './_is-array-49698029.js';
 import React__default from 'react';
-import { l as lib_3 } from './index-93ec3c59.js';
+import { l as lib_3 } from './index-3f4dd6f2.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
-import './moment-12415288.js';
+import './moment-e2f9b20c.js';
 import { withRouter } from 'next/router';
 import './isSymbol-807e927e.js';
 import { d as debounce_1 } from './debounce-1a993acf.js';
-import { I as InfiniteScroll } from './index.es-938a3a58.js';
+import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
-import './index-51a80699.js';
-import { m as main_39 } from './main-0465b2a0.js';
+import './index-3849e3fe.js';
+import './main-5d1e4bd3.js';
 import './stringify-008c8802.js';
 import './slicedToArray-7021e5df.js';
 import { _ as _Promise } from './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
 import './beam-681a9749.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-9140aa7d.js';
-import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-7656ecd1.js';
+import { A as ADInfeed } from './ADInfeed-034c433d.js';
+import { l as lodash } from './lodash-ec8c6b48.js';
+import { A as ADlgInfeed } from './ADlgInfeed-0fb12879.js';
 
 var MasterDeck = function (_React$Component) {
   _inherits(MasterDeck, _React$Component);
@@ -67,7 +67,8 @@ var MasterDeck = function (_React$Component) {
       currentPage: _this.props.currentPage || 1,
       dataRemapped: !_this.props.showBI || !_this.props.brandInsightAd,
       lastDataSize: _this.data ? _this.data.length : 0,
-      itemsPerPage: _this.params ? _this.params.to - _this.params.from : 2
+      itemsPerPage: _this.params ? _this.params.to - _this.params.from : 2,
+      mobileView: false
     }, _this.loadMore = debounce_1(function () {
       _this.setState(function (state) {
         var page = state.page,
@@ -343,7 +344,7 @@ var MasterDeck = function (_React$Component) {
                 React__default.Fragment,
                 { key: index },
                 React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage }),
-                main_39 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+                _this.state.mobileView && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
                   'div',
                   { className: 'ad-container', style: { margin: '0 auto' } },
                   _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
@@ -443,6 +444,10 @@ var MasterDeck = function (_React$Component) {
       if (typeof window !== 'undefined' && (!this.props.lgInfeedAd || !this.props.brandInsightAd || window.innerWidth < 1400) && !this.state.dataRemapped) {
         !this.state.dataRemapped && this.setState({ dataRemapped: true });
       }
+
+      if (typeof window !== 'undefined' && window.innerWidth <= 1191) {
+        this.setState({ mobileView: true });
+      }
     }
   }, {
     key: 'componentDidMount',