@mjhls/mjh-framework 1.0.876 → 1.0.877-v1pageviewfix

package/dist/esm/MasterDeck.js

@@ -1,9 +1,9 @@
-import { _ as _toConsumableArray } from './toConsumableArray-7b1c0e23.js';
-import { _ as _Promise } from './asyncToGenerator-b4dfe691.js';
-import { _ as _extends } from './extends-dc6a71fd.js';
-import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-8a801a18.js';
-import React from 'react';
-import { l as lib_3 } from './index-2446af28.js';
+import { _ as _toConsumableArray } from './toConsumableArray-f7074d7c.js';
+import { _ as _Promise } from './asyncToGenerator-5ef104a7.js';
+import { _ as _extends } from './extends-6d8e3924.js';
+import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-a6ba2ec4.js';
+import React__default from 'react';
+import { l as lib_3 } from './index-f0fc23eb.js';
 import Container from 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
@@ -12,23 +12,23 @@ import './moment-bc12cb97.js';
 import { withRouter } from 'next/router';
 import { l as lodash } from './lodash-f97fd99a.js';
 import { d as debounce_1 } from './debounce-533d9748.js';
-import { I as InfiniteScroll } from './index.es-c6222053.js';
-import { V as VisibilitySensor } from './visibility-sensor-f40c2564.js';
-import './slicedToArray-ca2c8b8d.js';
-import './index-0dbff1d1.js';
-import { A as ADlgInfeed } from './ADlgInfeed-5d7386e8.js';
-import { A as ADInfeed } from './ADInfeed-6c6093ae.js';
-import './main-b5c5aac1.js';
+import { I as InfiniteScroll } from './index.es-a6137319.js';
+import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
+import './slicedToArray-6ebcbfea.js';
+import './index-3f5c03b2.js';
+import { A as ADlgInfeed } from './ADlgInfeed-970ed008.js';
+import { A as ADInfeed } from './ADInfeed-19675d06.js';
+import './main-1894c974.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-e903ff31.js';
-import './_iter-detect-f089461c.js';
-import './web.dom.iterable-fdf034f5.js';
+import './core.get-iterator-method-ea258bb1.js';
+import './_iter-detect-98db3b07.js';
+import './web.dom.iterable-ab4dea5c.js';
 import './_library-528f1934.js';
 import './_object-pie-133f504a.js';
-import './_object-sap-169d6272.js';
-import './define-property-99e66838.js';
-import './typeof-83d9eb10.js';
-import './_is-array-893ab020.js';
+import './_object-sap-7cee6f84.js';
+import './define-property-5f1bda73.js';
+import './typeof-e9fc0c5d.js';
+import './_is-array-8d21b9e3.js';
 import './events-6c3a7a63.js';
 import 'prop-types';
 import './isSymbol-a7e9aafe.js';
@@ -36,7 +36,7 @@ import './toNumber-5aeba6e7.js';
 import 'react-dom';
 import './AdSlot.js';
 import './Beam.js';
-import './stringify-c21932b3.js';
+import './stringify-2b084bee.js';
 import './Segment.js';
 
 var MasterDeck = function (_React$Component) {
@@ -325,7 +325,7 @@ var MasterDeck = function (_React$Component) {
         }
       });
 
-      return React.createElement(
+      return React__default.createElement(
         'div',
         null,
         data && _this.state.dataRemapped && data.length > 0 ? // If JS enabled and Data remapped with ads
@@ -333,24 +333,24 @@ var MasterDeck = function (_React$Component) {
           var pageNumber = row.pageNumber || _this.state.page;
 
           if (row._type === 'lg-infeed' && row.adUnit) {
-            return React.createElement(ADlgInfeed, _extends({ index: index }, row));
+            return React__default.createElement(ADlgInfeed, _extends({ index: index }, row));
             //  Returning view for infeed Ad
           } else if (row._type === 'brandInsightAd' && row.adUnit) {
-            return React.createElement(ADInfeed, { index: index, infeedAd: row });
+            return React__default.createElement(ADInfeed, { index: index, infeedAd: row });
           } else if (!row._type || !['lg-infeed', 'brandInsightAd'].includes(row._type)) {
             //  Returning view for articles
-            return React.createElement(
+            return React__default.createElement(
               VisibilitySensor,
               {
                 key: row._id ? row._id : index,
                 onChange: function onChange(isVisible) {
                   isVisible && _this.changePageNumber(pageNumber);
                 } },
-              React.createElement(
-                React.Fragment,
+              React__default.createElement(
+                React__default.Fragment,
                 { key: index },
-                React.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage, isSeriesLanding: _this.isSeriesLanding }),
-                _this.state.mobileView && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React.createElement(
+                React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage, isSeriesLanding: _this.isSeriesLanding }),
+                _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)
@@ -364,24 +364,24 @@ var MasterDeck = function (_React$Component) {
         data.map(function (row, index) {
           var pageNumber = row.pageNumber || _this.state.page;
           if (!row._type || !['lg-infeed', 'brandInsightAd'].includes(row._type)) {
-            return React.createElement(
+            return React__default.createElement(
               VisibilitySensor,
               {
                 key: row._id ? row._id : index,
                 onChange: function onChange(isVisible) {
                   isVisible && _this.changePageNumber(pageNumber);
                 } },
-              React.createElement(
-                React.Fragment,
+              React__default.createElement(
+                React__default.Fragment,
                 { key: index },
-                React.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage, isSeriesLanding: _this.isSeriesLanding })
+                React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage, isSeriesLanding: _this.isSeriesLanding })
               )
             );
           }
-        }) : React.createElement(
+        }) : React__default.createElement(
           'div',
           null,
-          React.createElement(
+          React__default.createElement(
             'em',
             null,
             'New content coming soon, please check back later.'
@@ -390,7 +390,7 @@ var MasterDeck = function (_React$Component) {
       );
     }, _this.renderMobileAd = function (index, numberOfItemsBeforeAd, rightItems) {
       var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
-      return React.createElement(
+      return React__default.createElement(
         'div',
         { className: 'ad-container', style: { display: 'flex', flex: '1 0 auto', width: '100%', textAlign: 'center', marginBottom: '2rem' } },
         rightItems[i].component
@@ -407,15 +407,15 @@ var MasterDeck = function (_React$Component) {
         return null;
       }
 
-      return React.createElement(
+      return React__default.createElement(
         'div',
         { className: 'd-flex justify-content-between' },
-        currentPage && currentPage > 1 && React.createElement(
+        currentPage && currentPage > 1 && React__default.createElement(
           'a',
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        React.createElement(
+        React__default.createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -479,38 +479,38 @@ var MasterDeck = function (_React$Component) {
           _props$lgInfeedAd = _props.lgInfeedAd,
           lgInfeedAd = _props$lgInfeedAd === undefined ? false : _props$lgInfeedAd;
 
-      return React.createElement(
+      return React__default.createElement(
         'div',
         { className: 'contentDeck' },
-        autoScroll ? React.createElement(
-          React.Fragment,
+        autoScroll ? React__default.createElement(
+          React__default.Fragment,
           null,
-          React.createElement(
+          React__default.createElement(
             InfiniteScroll,
             { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
-            React.createElement(
+            React__default.createElement(
               Container,
               null,
               this.cardLoader(page, columns, variant, brandInsightAd, showBI, lgInfeedAd)
             )
           ),
-          React.createElement(
+          React__default.createElement(
             'noscript',
             null,
             this.renderManualPagination()
           )
-        ) : React.createElement(
-          React.Fragment,
+        ) : React__default.createElement(
+          React__default.Fragment,
           null,
-          React.createElement(
+          React__default.createElement(
             Container,
             null,
             this.cardLoader(page, columns, variant, brandInsightAd, showBI, lgInfeedAd)
           ),
-          React.createElement(
+          React__default.createElement(
             'div',
             { style: { padding: '0px 10px' } },
-            this.state.scrolling && React.createElement(
+            this.state.scrolling && React__default.createElement(
               'button',
               {
                 className: 'btn',
@@ -530,7 +530,7 @@ var MasterDeck = function (_React$Component) {
               'Load More'
             )
           ),
-          React.createElement(
+          React__default.createElement(
             'noscript',
             null,
             this.renderManualPagination()
@@ -541,7 +541,7 @@ var MasterDeck = function (_React$Component) {
   }]);
 
   return MasterDeck;
-}(React.Component);
+}(React__default.Component);
 
 var MasterDeck$1 = withRouter(MasterDeck);