@mjhls/mjh-framework 1.0.703 → 1.0.704-beta-v2

package/dist/esm/{Dfp-7db56716.js → Dfp-741c01be.js}

@@ -1,19 +1,16 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_export-f7ec2adf.js';
-import './es6.string.iterator-13b94db0.js';
-import './core.get-iterator-method-dbbb346b.js';
-import './web.dom.iterable-c3ba4d37.js';
+import './_to-object-ded78eb9.js';
+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-17490425.js';
+import { b as lib_1, a as lib_2 } from './index-3f4dd6f2.js';
 import PropTypes from 'prop-types';
-import './_react_commonjs-external-22b61490.js';
-import './_prop-types_commonjs-external-9481d338.js';
-import './isSymbol-2b7f6e65.js';
-import { d as debounce } from './debounce-7b569c00.js';
+import './isSymbol-807e927e.js';
+import { d as debounce_1 } from './debounce-1a993acf.js';
 import 'react-dom';
-import './_react-dom_commonjs-external-f1a1ac81.js';
-import { V as VisibilitySensor } from './visibility-sensor-7b6316cf.js';
-import { _ as _slicedToArray } from './slicedToArray-8818fe95.js';
+import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
+import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
 
 var AD = function AD(_ref) {
   var networkID = _ref.networkID,
@@ -36,7 +33,7 @@ var AD = function AD(_ref) {
       showPlaceholder = _useState4[0],
       setShowPlaceholder = _useState4[1];
 
-  var handleVisibilityChange = debounce(function (_ref2) {
+  var handleVisibilityChange = debounce_1(function (_ref2) {
     var event = _ref2.event;
 
     if (event.inViewPercentage <= 0) {

package/dist/esm/EventsDeck.js

@@ -1,44 +1,43 @@
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { t as toIObject, $ as $keys, D as DESCRIPTORS, a as $export, r as require$$7 } from './_export-f7ec2adf.js';
-import './es6.string.iterator-13b94db0.js';
-import './_iter-detect-65720de7.js';
-import { _ as _toConsumableArray } from './toConsumableArray-02217419.js';
-import './core.get-iterator-method-dbbb346b.js';
-import { r as require$$0 } from './_object-pie-8e2f6c3a.js';
-import { _ as _extends } from './extends-8e0228d5.js';
-import './define-property-7a40a451.js';
-import './web.dom.iterable-c3ba4d37.js';
+import { _ as _toIobject, a as _objectKeys, b as _descriptors, c as _export, d as _core } from './_to-object-ded78eb9.js';
+import './es6.string.iterator-9b2af4a5.js';
+import './_iter-detect-59409a32.js';
+import { _ as _toConsumableArray } from './toConsumableArray-725434a0.js';
+import './core.get-iterator-method-54d2e411.js';
+import { _ as _objectPie } from './_object-pie-71ac75a4.js';
+import { _ as _extends } from './extends-cc5da797.js';
+import './define-property-de3fc946.js';
+import './web.dom.iterable-8956f9a5.js';
 import React__default, { useState, useEffect } from 'react';
-import './_react_commonjs-external-22b61490.js';
 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-8797a4d3.js';
+import './moment-e2f9b20c.js';
 import { useRouter } from 'next/router';
-import { I as InfiniteScroll } from './index.es-a6137319.js';
-import './main-140f99b4.js';
-import { _ as _JSON$stringify } from './stringify-dedf4a20.js';
-import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-8818fe95.js';
+import { I as InfiniteScroll } from './index.es-29c1cef5.js';
+import './main-35ff7b4f.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-a2ac5d3d.js';
+import { _ as _defineProperty } from './defineProperty-b798470d.js';
 import Spinner from 'react-bootstrap/Spinner';
 import Form from 'react-bootstrap/Form';
-import { m as moment } from './index-1295881c.js';
-import { c as cookie } from './js.cookie-2ce24ab0.js';
+import { m as momentTimezone } from './index-ef6d5dcf.js';
+import { j as js_cookie } from './js.cookie-6874175c.js';
 
-var isEnum = require$$0.f;
+var isEnum = _objectPie.f;
 var _objectToArray = function (isEntries) {
   return function (it) {
-    var O = toIObject(it);
-    var keys = $keys(O);
+    var O = _toIobject(it);
+    var keys = _objectKeys(O);
     var length = keys.length;
     var i = 0;
     var result = [];
     var key;
     while (length > i) {
       key = keys[i++];
-      if (!DESCRIPTORS || isEnum.call(O, key)) {
+      if (!_descriptors || isEnum.call(O, key)) {
         result.push(isEntries ? [key, O[key]] : O[key]);
       }
     }
@@ -50,13 +49,13 @@ var _objectToArray = function (isEntries) {
 
 var $entries = _objectToArray(true);
 
-$export($export.S, 'Object', {
+_export(_export.S, 'Object', {
   entries: function entries(it) {
     return $entries(it);
   }
 });
 
-var entries = require$$7.Object.entries;
+var entries = _core.Object.entries;
 
 var entries$1 = createCommonjsModule(function (module) {
 module.exports = { "default": entries, __esModule: true };
@@ -66,7 +65,7 @@ var _Object$entries = unwrapExports(entries$1);
 
 var clientId = process.env.CVENT_CLIENT_ID;
 var clientSecret = process.env.CVENT_CLIENT_SECRET;
-var currentTime = moment().toISOString();
+var currentTime = momentTimezone().toISOString();
 var itemsPerPage = 200;
 
 var EventsDeck = function EventsDeck(_ref) {
@@ -170,9 +169,9 @@ var EventsDeck = function EventsDeck(_ref) {
           if (a.start.indexOf('TBD') >= 0 || b.start.indexOf('TBD') >= 0) {
             return -1;
           }
-          if (moment(a.start).isAfter(b.start)) {
+          if (momentTimezone(a.start).isAfter(b.start)) {
             return 1;
-          } else if (moment(a.start).isBefore(b.start)) {
+          } else if (momentTimezone(a.start).isBefore(b.start)) {
             return -1;
           }
           return 0;
@@ -260,7 +259,7 @@ var EventsDeck = function EventsDeck(_ref) {
       setMobileView(true);
     }
     // get access token
-    var cventAccessToken = cookie.get('cvent_access_token');
+    var cventAccessToken = js_cookie.get('cvent_access_token');
     if (cventAccessToken && cventAccessToken !== 'undefined') {
       setAccessToken(cventAccessToken);
     } else {
@@ -299,7 +298,7 @@ var EventsDeck = function EventsDeck(_ref) {
         return response.json();
       }).then(function (json) {
         var inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000);
-        cookie.set('cvent_access_token', json.access_token, { expires: inOneHour });
+        js_cookie.set('cvent_access_token', json.access_token, { expires: inOneHour });
         setAccessToken(json.access_token);
       }).catch(function (e) {
         return console.log(e);
@@ -643,8 +642,8 @@ var EventsDeck = function EventsDeck(_ref) {
             _row$showEndDate = row.showEndDate,
             showEndDate = _row$showEndDate === undefined ? true : _row$showEndDate;
 
-        var now = moment().tz(timezone);
-        var isRegister = moment(now).isBefore(end);
+        var now = momentTimezone().tz(timezone);
+        var isRegister = momentTimezone(now).isBefore(end);
         var discussionTopic = row.customFields ? row.customFields.reduce(function (result, item) {
           if (item.name === 'Discussion Topic' && item.value) {
             result = item.value[0];
@@ -659,9 +658,9 @@ var EventsDeck = function EventsDeck(_ref) {
           }
           return result;
         }, '') : '';
-        var startDay = moment(start).tz(timezone).format();
-        var endDay = moment(end).tz(timezone).format();
-        var showEndTime = moment(startDay.split('T')[0]).isBefore(endDay.split('T')[0]) ? ' to ' + moment(end).tz(timezone).format('LLL zz') : null;
+        var startDay = momentTimezone(start).tz(timezone).format();
+        var endDay = momentTimezone(end).tz(timezone).format();
+        var showEndTime = momentTimezone(startDay.split('T')[0]).isBefore(endDay.split('T')[0]) ? ' to ' + momentTimezone(end).tz(timezone).format('LLL zz') : null;
         var isCompleted = row.status === 'Completed';
         return React__default.createElement(
           React__default.Fragment,
@@ -717,7 +716,7 @@ var EventsDeck = function EventsDeck(_ref) {
                 ) : React__default.createElement(
                   'p',
                   { className: 'start-time', style: { padding: 0, margin: 0 } },
-                  start.indexOf('T') >= 0 ? moment(start).tz(timezone).format('LLL zz') : moment(start).format('LL'),
+                  start.indexOf('T') >= 0 ? momentTimezone(start).tz(timezone).format('LLL zz') : momentTimezone(start).format('LL'),
                   showEndDate && showEndTime
                 )
               )

package/dist/esm/ExternalResources.js

@@ -1,53 +1,50 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_export-f7ec2adf.js';
-import './es6.string.iterator-13b94db0.js';
-import './_library-90219a8d.js';
-import './_iter-detect-65720de7.js';
-import './toConsumableArray-02217419.js';
-import './core.get-iterator-method-dbbb346b.js';
-import './_object-pie-8e2f6c3a.js';
-import { _ as _extends } from './extends-8e0228d5.js';
-import './_object-sap-146241c9.js';
-import './inherits-d1948b66.js';
-import './define-property-7a40a451.js';
-import './web.dom.iterable-c3ba4d37.js';
-import './typeof-a10a5616.js';
-import './_is-array-5bea6006.js';
+import './_to-object-ded78eb9.js';
+import './es6.string.iterator-9b2af4a5.js';
+import './_library-528f1934.js';
+import './_iter-detect-59409a32.js';
+import './toConsumableArray-725434a0.js';
+import './core.get-iterator-method-54d2e411.js';
+import './_object-pie-71ac75a4.js';
+import { _ as _extends } from './extends-cc5da797.js';
+import './_object-sap-4d59d5bd.js';
+import './inherits-7ee3e0c1.js';
+import './define-property-de3fc946.js';
+import './web.dom.iterable-8956f9a5.js';
+import './typeof-08f2c380.js';
+import './_is-array-49698029.js';
 import React__default, { useState, useEffect } from 'react';
-import './index-17490425.js';
+import './index-3f4dd6f2.js';
 import 'prop-types';
-import './_react_commonjs-external-22b61490.js';
-import './_prop-types_commonjs-external-9481d338.js';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
-import './moment-8797a4d3.js';
+import './moment-e2f9b20c.js';
 import { useRouter } from 'next/router';
-import './isSymbol-2b7f6e65.js';
-import './debounce-7b569c00.js';
+import './isSymbol-807e927e.js';
+import './debounce-1a993acf.js';
 import 'react-dom';
-import './_react-dom_commonjs-external-f1a1ac81.js';
-import './index-f7fdcc91.js';
-import './index-a4e850af.js';
-import './main-140f99b4.js';
+import './index-3849e3fe.js';
+import './index-5f9f807a.js';
+import './main-35ff7b4f.js';
 import './entities-7cc3bf45.js';
-import './stringify-dedf4a20.js';
-import { _ as _slicedToArray } from './slicedToArray-8818fe95.js';
-import './asyncToGenerator-0c61f551.js';
-import './_set-species-26ee5c2a.js';
+import './stringify-008c8802.js';
+import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
+import './asyncToGenerator-7c654f36.js';
+import './_set-species-cede29f8.js';
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import { B as BlockContent } from './BlockContent-e6f64e62.js';
-import './smoothscroll-2d74941c.js';
+import { B as BlockContent } from './BlockContent-c409aca5.js';
+import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import './iconBase-602d52fe.js';
-import './index.esm-3fdda599.js';
+import './index.esm-29e48d38.js';
 import Button from 'react-bootstrap/Button';
-import { m as moment } from './index-1295881c.js';
-import { g as getSerializers } from './index-4540328d.js';
+import { m as momentTimezone } from './index-ef6d5dcf.js';
+import { g as getSerializers } from './index-7779a6df.js';
 import './util-7700fc59.js';
-import './brightcove-react-player-loader.es-e761d404.js';
+import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';
 import 'next/head';
 import 'react-bootstrap/Figure';
@@ -139,7 +136,7 @@ var ExternalResources = function ExternalResources(props) {
               React__default.createElement(
                 'p',
                 null,
-                moment.tz(r.displayDate, 'America/New_York').format('MMMM Do YYYY, h:mm a z')
+                momentTimezone.tz(r.displayDate, 'America/New_York').format('MMMM Do YYYY, h:mm a z')
               )
             ),
             r.speakers && React__default.createElement(

package/dist/esm/Feature.js

@@ -1,8 +1,7 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
-import './_react_commonjs-external-22b61490.js';
-import { i as imageUrlBuilder } from './index-f7fdcc91.js';
-import { m as main_40 } from './main-140f99b4.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { m as main_36 } from './main-35ff7b4f.js';
 import Carousel from 'react-bootstrap/Carousel';
 
 //Feature query to be used
@@ -35,7 +34,7 @@ var Feature = function Feature(props) {
   };
   //image width updated.
   var imageWidth = 450;
-  if (main_40) {
+  if (main_36) {
     imageWidth = 225;
   }
 

package/dist/esm/ForbesHero.js

@@ -1,19 +1,16 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_export-f7ec2adf.js';
-import './es6.string.iterator-13b94db0.js';
-import './core.get-iterator-method-dbbb346b.js';
-import './web.dom.iterable-c3ba4d37.js';
+import './_to-object-ded78eb9.js';
+import './es6.string.iterator-9b2af4a5.js';
+import './core.get-iterator-method-54d2e411.js';
+import './web.dom.iterable-8956f9a5.js';
 import React__default from 'react';
 import 'prop-types';
-import './_react_commonjs-external-22b61490.js';
-import './_prop-types_commonjs-external-9481d338.js';
-import { m as moment } from './moment-8797a4d3.js';
+import { m as moment } from './moment-e2f9b20c.js';
 import 'react-dom';
-import './_react-dom_commonjs-external-f1a1ac81.js';
-import { i as imageUrlBuilder } from './index-f7fdcc91.js';
-import { L as LazyLoad } from './index-a4e850af.js';
-import './slicedToArray-8818fe95.js';
-import { A as AuthorComponent } from './AuthorComponent-8ffb1deb.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';
 
 var fbsHero = function fbsHero(props) {
   var removeTimeStamp = props.removeTimeStamp;

package/dist/esm/GridContent.js

@@ -1,53 +1,50 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_export-f7ec2adf.js';
-import './es6.string.iterator-13b94db0.js';
-import './_library-90219a8d.js';
-import './_iter-detect-65720de7.js';
-import { _ as _toConsumableArray } from './toConsumableArray-02217419.js';
-import './core.get-iterator-method-dbbb346b.js';
-import './_object-pie-8e2f6c3a.js';
-import { _ as _extends } from './extends-8e0228d5.js';
-import './_object-sap-146241c9.js';
-import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-d1948b66.js';
-import './define-property-7a40a451.js';
-import './web.dom.iterable-c3ba4d37.js';
-import './typeof-a10a5616.js';
-import './_is-array-5bea6006.js';
+import './_to-object-ded78eb9.js';
+import './es6.string.iterator-9b2af4a5.js';
+import './_library-528f1934.js';
+import './_iter-detect-59409a32.js';
+import { _ as _toConsumableArray } from './toConsumableArray-725434a0.js';
+import './core.get-iterator-method-54d2e411.js';
+import './_object-pie-71ac75a4.js';
+import { _ as _extends } from './extends-cc5da797.js';
+import './_object-sap-4d59d5bd.js';
+import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-7ee3e0c1.js';
+import './define-property-de3fc946.js';
+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-17490425.js';
+import { l as lib_3 } from './index-3f4dd6f2.js';
 import 'prop-types';
-import './_react_commonjs-external-22b61490.js';
-import './_prop-types_commonjs-external-9481d338.js';
 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-8797a4d3.js';
+import { m as moment } from './moment-e2f9b20c.js';
 import { withRouter } from 'next/router';
-import './isSymbol-2b7f6e65.js';
-import { d as debounce } from './debounce-7b569c00.js';
-import { I as InfiniteScroll } from './index.es-a6137319.js';
+import './isSymbol-807e927e.js';
+import { d as debounce_1 } from './debounce-1a993acf.js';
+import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
-import './_react-dom_commonjs-external-f1a1ac81.js';
-import { V as VisibilitySensor } from './visibility-sensor-7b6316cf.js';
-import { i as imageUrlBuilder } from './index-f7fdcc91.js';
-import { L as LazyLoad } from './index-a4e850af.js';
-import { m as main_40 } from './main-140f99b4.js';
+import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
+import { L as LazyLoad } from './index-5f9f807a.js';
+import { m as main_36 } from './main-35ff7b4f.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
-import './stringify-dedf4a20.js';
-import './slicedToArray-8818fe95.js';
-import './asyncToGenerator-0c61f551.js';
-import './_set-species-26ee5c2a.js';
+import './stringify-008c8802.js';
+import './slicedToArray-7021e5df.js';
+import './asyncToGenerator-7c654f36.js';
+import './_set-species-cede29f8.js';
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-d890d5ca.js';
-import { _ } from './lodash-2b866578.js';
-import { A as ADlgInfeed } from './ADlgInfeed-1d006b36.js';
+import { A as ADInfeed } from './ADInfeed-7b1b2fcb.js';
+import { l as lodash } from './lodash-ec8c6b48.js';
+import { A as ADlgInfeed } from './ADlgInfeed-2afe92e6.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
-import { g as get } from './get-bb2155d5.js';
+import { g as get_1 } from './get-5ee14cda.js';
 import './AD.js';
-import { A as AuthorComponent } from './AuthorComponent-8ffb1deb.js';
+import { A as AuthorComponent } from './AuthorComponent-00f13201.js';
 
 var GridContent = function (_React$Component) {
   _inherits(GridContent, _React$Component);
@@ -76,7 +73,7 @@ var GridContent = function (_React$Component) {
       lgInfeedAd: _this.props.lgInfeedAd ? _this.props.lgInfeedAd : false,
       showCategory: _this.props.showCategory ? _this.props.showCategory : false,
       contentCategoryMapping: _this.props.contentCategoryMapping ? contentCategoryMapping : []
-    }, _this.loadMore = debounce(function () {
+    }, _this.loadMore = debounce_1(function () {
       _this.setState(function (state) {
         var page = state.page,
             from = state.from,
@@ -287,7 +284,7 @@ var GridContent = function (_React$Component) {
                     { md: 12, lg: 4 },
                     React__default.createElement(
                       'a',
-                      { href: _this2.page + '/' + get(row, 'url.current') },
+                      { href: _this2.page + '/' + get_1(row, 'url.current') },
                       React__default.createElement(
                         LazyLoad,
                         { height: _this2.props.imageHeight },
@@ -306,7 +303,7 @@ var GridContent = function (_React$Component) {
                         null,
                         React__default.createElement(
                           'a',
-                          { href: _this2.page + '/' + get(row, 'url.current') },
+                          { href: _this2.page + '/' + get_1(row, 'url.current') },
                           row.title
                         )
                       ),
@@ -393,17 +390,17 @@ var GridContent = function (_React$Component) {
             /* Passing refresh flag */
             refreshFlag: brandInsight.refreshFlag ? brandInsight.refreshFlag : false
           };
-          var chunks = _.chunk(data, 6).map(function (chunk) {
-            var set = _.chunk(chunk, 2);
+          var chunks = lodash.chunk(data, 6).map(function (chunk) {
+            var set = lodash.chunk(chunk, 2);
             for (var i = 0; i < set.length; i++) {
               if (i !== set.length - 1) {
                 set[i].push(lgInFeedAd);
               }
             }
-            return _.flattenDeep(set);
+            return lodash.flattenDeep(set);
           });
 
-          posts = _.flatten(chunks);
+          posts = lodash.flatten(chunks);
         }
 
         if (showBI) {
@@ -534,7 +531,7 @@ var GridContent = function (_React$Component) {
                   )
                 ),
                 showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
-                main_40 && _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(
@@ -598,7 +595,7 @@ var GridContent = function (_React$Component) {
                   )
                 ),
                 showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
-                main_40 && _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) {
@@ -686,7 +683,7 @@ var GridContent = function (_React$Component) {
                 )
               ),
               showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
-              main_40 && _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

@@ -1,20 +1,17 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_export-f7ec2adf.js';
-import './es6.string.iterator-13b94db0.js';
-import './core.get-iterator-method-dbbb346b.js';
-import './web.dom.iterable-c3ba4d37.js';
+import './_to-object-ded78eb9.js';
+import './es6.string.iterator-9b2af4a5.js';
+import './core.get-iterator-method-54d2e411.js';
+import './web.dom.iterable-8956f9a5.js';
 import React__default from 'react';
 import 'prop-types';
-import './_react_commonjs-external-22b61490.js';
-import './_prop-types_commonjs-external-9481d338.js';
-import { m as moment } from './moment-8797a4d3.js';
+import { m as moment } from './moment-e2f9b20c.js';
 import 'react-dom';
-import './_react-dom_commonjs-external-f1a1ac81.js';
-import { i as imageUrlBuilder } from './index-f7fdcc91.js';
-import { L as LazyLoad } from './index-a4e850af.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-8818fe95.js';
-import { A as AuthorComponent } from './AuthorComponent-8ffb1deb.js';
+import './slicedToArray-7021e5df.js';
+import { A as AuthorComponent } from './AuthorComponent-00f13201.js';
 
 var GridHero = function GridHero(props) {
   var topArticle = props.dataRecord[0];

package/dist/esm/GroupDeck.js

@@ -1,16 +1,16 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_export-f7ec2adf.js';
-import './es6.string.iterator-13b94db0.js';
-import './_library-90219a8d.js';
-import './core.get-iterator-method-dbbb346b.js';
-import './_object-pie-8e2f6c3a.js';
-import './web.dom.iterable-c3ba4d37.js';
-import { _ as _typeof } from './typeof-a10a5616.js';
-import './_is-array-5bea6006.js';
+import './_to-object-ded78eb9.js';
+import './es6.string.iterator-9b2af4a5.js';
+import './_library-528f1934.js';
+import './core.get-iterator-method-54d2e411.js';
+import './_object-pie-71ac75a4.js';
+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-f7fdcc91.js';
-import { _ as _slicedToArray } from './slicedToArray-8818fe95.js';
-import { s as smoothscroll, g as getYouTubeId } from './smoothscroll-2d74941c.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';
 
 var GroupDeck = function GroupDeck(props) {
   // Props should be an array of objects containing Thumbnail, title, and URL
@@ -167,7 +167,7 @@ var GroupDeck = function GroupDeck(props) {
             } else if (_typeof(video.thumbnail == 'string')) {
               thumbnail = video.thumbnail;
             } else {
-              thumbnail = 'https://img.youtube.com/vi/' + getYouTubeId(video.url) + '/hqdefault.jpg';
+              thumbnail = 'https://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
             }
 
             return React__default.createElement(
@@ -241,7 +241,7 @@ var GroupDeck = function GroupDeck(props) {
             } else if (_typeof(video.thumbnail == 'string')) {
               _thumbnail = video.thumbnail;
             } else {
-              _thumbnail = 'https://img.youtube.com/vi/' + getYouTubeId(video.url) + '/hqdefault.jpg';
+              _thumbnail = 'https://img.youtube.com/vi/' + getYoutubeId(video.url) + '/hqdefault.jpg';
             }
             return React__default.createElement(
               'div',