@mjhls/mjh-framework 1.0.661 → 1.0.663-adPreview-v1

package/dist/cjs/MasterDeck.js

@@ -19,31 +19,31 @@ require('./typeof-725500bc.js');
 require('./_is-array-754e012d.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var index = require('./index-2d0a4911.js');
+var index = require('./index-099d45ae.js');
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
-require('./moment-66a6a284.js');
+require('./moment-575fe24c.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 require('./isSymbol-04666465.js');
 var debounce = require('./debounce-eb287781.js');
-var index_es = require('./index.es-ab3f2690.js');
+var index_es = require('./index.es-9110add6.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-0c45a583.js');
-require('./index-b5eb3ff8.js');
-var main = require('./main-b6c96c8d.js');
+require('./index-39beccb3.js');
+var main = require('./main-a4cb15bb.js');
 require('./stringify-7c5aff47.js');
 require('./slicedToArray-8f385299.js');
 var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 require('./beam-7217b7e7.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-eaa6c661.js');
-var lodash = require('./lodash-fc2922d0.js');
-var ADlgInfeed = require('./ADlgInfeed-f25eb4f7.js');
+var ADInfeed = require('./ADInfeed-61658341.js');
+var lodash = require('./lodash-7fd85bcf.js');
+var ADlgInfeed = require('./ADlgInfeed-61b2f7ae.js');
 
 var MasterDeck = function (_React$Component) {
   inherits._inherits(MasterDeck, _React$Component);
@@ -68,23 +68,23 @@ var MasterDeck = function (_React$Component) {
       from: _this.params ? _this.params.from : 0,
       to: _this.params ? _this.params.to : 2,
       total_pages: null,
-      scrolling: true,
+      scrolling: false,
       query: _this.query,
       currentPage: _this.props.currentPage || 1,
-      dataRemapped: false,
+      dataRemapped: !_this.props.showBI || !_this.props.brandInsightAd,
       lastDataSize: _this.data ? _this.data.length : 0,
       itemsPerPage: _this.params ? _this.params.to - _this.params.from : 2
     }, _this.loadMore = debounce.debounce_1(function () {
       _this.setState(function (state) {
         var page = state.page,
             from = state.from,
-            per = state.per,
-            to = state.to;
+            to = state.to,
+            itemsPerPage = state.itemsPerPage;
 
         return {
           page: page + 1,
-          from: from + per,
-          to: to + per
+          from: from + itemsPerPage,
+          to: to + itemsPerPage
         };
       }, _this.loadData);
     }, 0), _this.loadData = function () {
@@ -99,7 +99,7 @@ var MasterDeck = function (_React$Component) {
           dataHandler = _this$props.dataHandler;
 
 
-      var params = _extends._extends({}, _this.props.params, { from: from, to: to });
+      var params = _extends._extends({}, _this.props.params, { from: from, to: to + 1 });
 
       if (dataHandler) {
         var dataHandlerPromise = new asyncToGenerator._Promise(function (resolve, reject) {
@@ -123,31 +123,61 @@ var MasterDeck = function (_React$Component) {
         var pointer = _this.pointer;
         dataArr = dataArr[_this.pointerArray][pointer];
       }
-      dataArr = dataArr.map(function (item) {
-        return _extends._extends({}, item, {
-          pageNumber: page
+
+      if (dataArr && dataArr.length > 0) {
+        var itemsPerPage = _this.state.itemsPerPage;
+
+        var scrolling = dataArr.length === itemsPerPage + 1;
+        dataArr = dataArr.slice(0, itemsPerPage).map(function (item) {
+          return _extends._extends({}, item, {
+            pageNumber: page
+          });
         });
-      });
 
-      _this.setState(function () {
-        if (dataArr.length > 0) {
-          return {
-            data: [].concat(toConsumableArray._toConsumableArray(data), toConsumableArray._toConsumableArray(dataArr)),
-            lastDataSize: dataArr.length,
-            scrolling: true
-          };
-        } else {
-          return {
-            scrolling: false,
-            lastDataSize: 0
-          };
-        }
-      });
-    }, _this.changePageNumber = function (pageNumber) {
+        _this.setState({
+          data: [].concat(toConsumableArray._toConsumableArray(data), toConsumableArray._toConsumableArray(dataArr)),
+          lastDataSize: dataArr.length,
+          scrolling: scrolling
+        });
+      } else {
+        _this.setState({
+          scrolling: false,
+          lastDataSize: 0
+        });
+      }
+    }, _this.checkMoreDataAvailable = function () {
+      debugger;
+      var _this$state2 = _this.state,
+          from = _this$state2.from,
+          itemsPerPage = _this$state2.itemsPerPage,
+          query = _this$state2.query;
       var _this$props2 = _this.props,
-          seoPaginate = _this$props2.seoPaginate,
-          pageview = _this$props2.pageview,
-          router = _this$props2.router;
+          client = _this$props2.client,
+          dataHandler = _this$props2.dataHandler;
+
+      var params = _extends._extends({}, _this.props.params, { from: from + itemsPerPage, to: from + itemsPerPage + 1 });
+      if (dataHandler) {
+        var dataHandlerPromise = new asyncToGenerator._Promise(function (resolve, reject) {
+          try {
+            var result = dataHandler(params);
+            resolve(result);
+          } catch (e) {
+            reject(e);
+          }
+        });
+        dataHandlerPromise.then(function (dataArr) {
+          if (dataArr && dataArr.length > 0) _this.setState({ scrolling: true });else _this.setState({ scrolling: false });
+        });
+      } else {
+        client.fetch(query, params).then(function (dataArr) {
+          if (dataArr && dataArr.length > 0) _this.setState({ scrolling: true });else _this.setState({ scrolling: false });
+        });
+      }
+    }, _this.changePageNumber = function (pageNumber) {
+      var _this$props3 = _this.props,
+          seoPaginate = _this$props3.seoPaginate,
+          pageview = _this$props3.pageview,
+          router = _this$props3.router;
       var currentPage = _this.state.currentPage;
 
       if (seoPaginate) {
@@ -225,9 +255,6 @@ var MasterDeck = function (_React$Component) {
       var insertBrandInsightAd = function insertBrandInsightAd(arr, index, newElement) {
         return [].concat(toConsumableArray._toConsumableArray(arr.slice(0, index)), [newElement], toConsumableArray._toConsumableArray(arr.slice(index)));
       };
-      _this.componentDidMount = function () {
-        _this.setState({ dataRemapped: !showBI || !brandInsightAd ? true : false });
-      };
       //  Need to pass flag "lgInfeedAd={true}" along with brandInsightAd from site level for large infeed-ad to render
       //  Checking lgInfeedAd flag in desktop view ( window >= 1400px ).
       //  Integrating large infeed AD
@@ -322,7 +349,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.main_39 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+                main.main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
                   'div',
                   { className: 'ad-container', style: { margin: '0 auto' } },
                   _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
@@ -372,10 +399,10 @@ var MasterDeck = function (_React$Component) {
         rightItems[i].component
       );
     }, _this.renderManualPagination = function () {
-      var _this$state2 = _this.state,
-          currentPage = _this$state2.currentPage,
-          itemsPerPage = _this$state2.itemsPerPage,
-          lastDataSize = _this$state2.lastDataSize;
+      var _this$state3 = _this.state,
+          currentPage = _this$state3.currentPage,
+          itemsPerPage = _this$state3.itemsPerPage,
+          lastDataSize = _this$state3.lastDataSize;
 
       console.log('lastDataSize:', lastDataSize);
       console.log('itemsPerPage:', itemsPerPage);
@@ -426,7 +453,11 @@ var MasterDeck = function (_React$Component) {
   }, {
     key: 'componentDidMount',
     value: function componentDidMount() {
-      // this.loadData();
+      var _state = this.state,
+          data = _state.data,
+          itemsPerPage = _state.itemsPerPage;
+
+      if (!(data.length < itemsPerPage)) this.checkMoreDataAvailable();
     }
     //  Passing 'brandInsightAd','showBI' and 'lgInfeedAd'
 
@@ -482,7 +513,16 @@ var MasterDeck = function (_React$Component) {
               'button',
               {
                 className: 'btn',
-                style: { margin: '0 auto 2rem', display: 'block', fontSize: '18px', padding: '.5rem 1.5rem', boxShadow: '1px 2px 4px 4px rgba(0,0,0,.15)', background: 'var(--primary)', color: '#fff', borderRadius: '5px' },
+                style: {
+                  margin: '0 auto 2rem',
+                  display: 'block',
+                  fontSize: '18px',
+                  padding: '.5rem 1.5rem',
+                  boxShadow: '1px 2px 4px 4px rgba(0,0,0,.15)',
+                  background: 'var(--primary)',
+                  color: '#fff',
+                  borderRadius: '5px'
+                },
                 onClick: function onClick(e) {
                   _this3.loadMore();
                 } },

package/dist/cjs/NavMagazine.js

@@ -15,7 +15,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
-var main = require('./main-b6c96c8d.js');
+var main = require('./main-a4cb15bb.js');
 require('./stringify-7c5aff47.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./asyncToGenerator-533d476a.js');
@@ -34,7 +34,7 @@ var NavFooter = require('./NavFooter-76c913e3.js');
 var index_esm$2 = require('./index.esm-fe549f9c.js');
 require('./SocialIcons.js');
 require('react-bootstrap/FormControl');
-var SocialSearchComponent = require('./SocialSearchComponent-962b1344.js');
+var SocialSearchComponent = require('./SocialSearchComponent-81a50f81.js');
 
 var NavMagazine = function NavMagazine(props) {
   /*
@@ -314,7 +314,7 @@ var NavMagazine = function NavMagazine(props) {
       {
         id: 'navbar-ham',
         style: { width: '100%', display: 'flex', top: topOffset, overflow: 'auto', zIndex: '999999' },
-        className: main.main_40 ? 'bottom-nav ios-nav' : 'bottom-nav ',
+        className: main.main_37 ? 'bottom-nav ios-nav' : 'bottom-nav ',
         variant: 'dark',
         expand: 'xl',
         bg: 'primary',
@@ -330,7 +330,7 @@ var NavMagazine = function NavMagazine(props) {
             'aria-controls': 'basic-navbar-nav',
             onClick: function onClick() {
               // Set overflow fix for iPhones safari browsers
-              if (main.main_40) {
+              if (main.main_37) {
                 var mainNav = document.querySelector('#navbar-ham');
                 if (mainNav && mainNav.style) mainNav.style.overflow = 'auto';
               }

package/dist/cjs/NavNative.js

@@ -15,7 +15,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
-var main = require('./main-b6c96c8d.js');
+var main = require('./main-a4cb15bb.js');
 require('./stringify-7c5aff47.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./asyncToGenerator-533d476a.js');
@@ -259,13 +259,13 @@ var NavNative = function NavNative(props) {
     React__default.createElement(
       Navbar,
       {
-        className: main.main_40 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav',
+        className: main.main_37 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav',
         variant: 'dark',
         expand: 'lg',
         bg: 'primary',
         sticky: 'top',
         ref: navRef,
-        style: { minHeight: '65px' } },
+        style: { minHeight: '65px', overflow: '' + (main.main_37 ? 'auto' : '') } },
       React__default.createElement(
         Container,
         { style: { maxHeight: '80vh' }, className: 'mobile-nav' },
@@ -474,7 +474,7 @@ var NavNative = function NavNative(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .sticky-home {\n          position: relative;\n          top: -3px;\n          left: -6px;\n          cursor: pointer;\n        }\n        .nav-item svg {\n          margin-bottom: 2px;\n        }\n        #nav-login,\n        #nav-logout,\n        #nav-register {\n          padding: 0.5rem;\n          cursor: pointer;\n        }\n        #nav-mobile-login,\n        #nav-mobile-logout,\n        #nav-mobile-register {\n          display: none;\n        }\n        #nav-mobile-logout,\n        #nav-mobile-login {\n          position: absolute;\n          right: 1rem;\n        }\n        #nav-mobile-register {\n          position: absolute;\n          left: 1rem;\n        }\n        #nav-mobile-sm {\n          display: none;\n        }\n        @media screen and (max-width: 1192px) {\n          .mobile-nav .nav-toggle {\n            display: flex;\n            justify-content: space-between;\n          }\n          .nav-mobile-logo {\n            margin-left: 1.5rem;\n          }\n          #nav-mobile-md {\n            margin-right: auto;\n          }\n          .nav-mobile-logo img {\n            height: 48px !important;\n          }\n          .nav-mobile-logo img {\n            height: 38px !important;\n          }\n          .ios-nav {\n            max-height: none;\n          }\n          .navbar.bg-primary {\n            overflow: auto;\n          }\n          .mobile-nav .nav-toggle .navbar-toggler {\n            float: left;\n            height: 45px;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            float: right;\n            margin: 4px 0px 0px 0px;\n          }\n          .mobile-nav .form-inline .mobile-search {\n            width: auto;\n          }\n          .sticky-home {\n            display: none;\n          }\n          .navbar-expand-lg .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 10px;\n            border-bottom: 0.5px solid white;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            display: none;\n          }\n          .navbar .mobile-nav .navbar-collapse {\n            margin-top: 15px;\n            padding-left: 0.5rem;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n            margin-top: 0px;\n            padding-top: 10px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n            /* To break text into next line */\n            white-space: inherit !important;\n            margin-bottom: 5px;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n            direction: rtl;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          #nav-mobile-login,\n          #nav-mobile-logout,\n          #nav-mobile-register {\n            display: block;\n          }\n          .navbar-top {\n            flex-direction: row;\n            justify-content: space-around !important;\n            align-items: center;\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n            width: 100%;\n          }\n        }\n        @media screen and (min-width: 1200px) {\n          #basic-navbar-nav .navbar-nav {\n            position: fixed !important;\n          }\n          #search-content-mobile {\n            position: absolute;\n            right: 4%;\n            top: 10%;\n          }\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            display: none;\n          }\n        }\n        @media screen and (max-width: 376px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            width: 60%;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            flex: 1 1 auto;\n            margin-left: 0.25rem;\n          }\n        }\n        @media screen and (max-width: 328px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            margin-right: 5px;\n          }\n        }\n        @media screen and (max-width: 767px) {\n          #nav-mobile-md {\n            display: none;\n          }\n          #nav-mobile-sm {\n            display: inline-block;\n            margin: 0 auto 0.5rem;\n          }\n          .nav-toggle {\n            margin: 0.5rem 0;\n            padding: 0 0.5rem;\n          }\n        }\n      '
+      '\n        .sticky-home {\n          position: relative;\n          top: -3px;\n          left: -6px;\n          cursor: pointer;\n        }\n        .nav-item svg {\n          margin-bottom: 2px;\n        }\n        #nav-login,\n        #nav-logout,\n        #nav-register {\n          padding: 0.5rem;\n          cursor: pointer;\n        }\n        #nav-mobile-login,\n        #nav-mobile-logout,\n        #nav-mobile-register {\n          display: none;\n        }\n        #nav-mobile-logout,\n        #nav-mobile-login {\n          position: absolute;\n          right: 1rem;\n        }\n        #nav-mobile-register {\n          position: absolute;\n          left: 1rem;\n        }\n        #nav-mobile-sm {\n          display: none;\n        }\n        @media screen and (max-width: 1192px) {\n          .mobile-nav .nav-toggle {\n            display: flex;\n            justify-content: space-between;\n          }\n          .nav-mobile-logo {\n            margin-left: 1.5rem;\n          }\n          #nav-mobile-md {\n            margin-right: auto;\n          }\n          .nav-mobile-logo img {\n            height: 48px !important;\n          }\n          .nav-mobile-logo img {\n            height: 38px !important;\n          }\n          .ios-nav {\n            max-height: none;\n          }\n          .mobile-nav .nav-toggle .navbar-toggler {\n            float: left;\n            height: 45px;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            float: right;\n            margin: 4px 0px 0px 0px;\n          }\n          .mobile-nav .form-inline .mobile-search {\n            width: auto;\n          }\n          .sticky-home {\n            display: none;\n          }\n          .navbar-expand-lg .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 10px;\n            border-bottom: 0.5px solid white;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            display: none;\n          }\n          .navbar .mobile-nav .navbar-collapse {\n            margin-top: 15px;\n            padding-left: 0.5rem;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n            margin-top: 0px;\n            padding-top: 10px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n            /* To break text into next line */\n            white-space: inherit !important;\n            margin-bottom: 5px;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n            direction: rtl;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          #nav-mobile-login,\n          #nav-mobile-logout,\n          #nav-mobile-register {\n            display: block;\n          }\n          .navbar-top {\n            flex-direction: row;\n            justify-content: space-around !important;\n            align-items: center;\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n            width: 100%;\n          }\n        }\n        @media screen and (min-width: 1200px) {\n          #basic-navbar-nav .navbar-nav {\n            position: fixed !important;\n          }\n          #search-content-mobile {\n            position: absolute;\n            right: 4%;\n            top: 10%;\n          }\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            display: none;\n          }\n        }\n        @media screen and (max-width: 376px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            width: 60%;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            flex: 1 1 auto;\n            margin-left: 0.25rem;\n          }\n        }\n        @media screen and (max-width: 328px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            margin-right: 5px;\n          }\n        }\n        @media screen and (max-width: 767px) {\n          #nav-mobile-md {\n            display: none;\n          }\n          #nav-mobile-sm {\n            display: inline-block;\n            margin: 0 auto 0.5rem;\n          }\n          .nav-toggle {\n            margin: 0.5rem 0;\n            padding: 0 0.5rem;\n          }\n        }\n      '
     )
   );
 };

package/dist/cjs/OncliveHero.js

@@ -5,8 +5,8 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 require('./_commonjsHelpers-06173234.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var moment = require('./moment-66a6a284.js');
-var index$1 = require('./index-b5eb3ff8.js');
+var moment = require('./moment-575fe24c.js');
+var index$1 = require('./index-39beccb3.js');
 require('./iconBase-68959171.js');
 require('react-bootstrap/Badge');
 require('./index.esm-89fabc47.js');

package/dist/cjs/OncliveLargeHero.js

@@ -10,9 +10,9 @@ require('./web.dom.iterable-a0e279c1.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
-var moment = require('./moment-66a6a284.js');
+var moment = require('./moment-575fe24c.js');
 require('react-dom');
-var index$1 = require('./index-b5eb3ff8.js');
+var index$1 = require('./index-39beccb3.js');
 var index$2 = require('./index-da796b8c.js');
 var entities = require('./entities-310b46ee.js');
 require('./slicedToArray-8f385299.js');