@mjhls/mjh-framework 1.0.594 → 1.0.597

package/dist/cjs/InscreenSensor-22a96661.js

@@ -0,0 +1,85 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var inherits = require('./inherits-14962339.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var InscreenSensor = function (_React$Component) {
+  inherits._inherits(InscreenSensor, _React$Component);
+
+  function InscreenSensor(props) {
+    inherits._classCallCheck(this, InscreenSensor);
+
+    var _this = inherits._possibleConstructorReturn(this, (InscreenSensor.__proto__ || inherits._Object$getPrototypeOf(InscreenSensor)).call(this, props));
+
+    _this.scrollHandler = function () {
+      var visible = _this.checkInside();
+      if (visible !== _this.visible) {
+        _this.visible = visible;
+        _this.props.onChange(visible);
+      }
+    };
+
+    _this.checkInside = function () {
+      var rect = _this.wraperRef.current.getBoundingClientRect();
+      var _this$props$offSetTop = _this.props.offSetTop,
+          offSetTop = _this$props$offSetTop === undefined ? 0 : _this$props$offSetTop;
+      var top = rect.top,
+          bottom = rect.bottom;
+
+      var viewHeight = window.innerHeight;
+      var wrpElem = document.getElementsByClassName('inscreen-wrapper');
+
+      if (top > 0 && top <= offSetTop) {
+        if (wrpElem.length > 1 && top <= viewHeight && bottom > viewHeight) {
+          return 'top';
+        } else if (wrpElem.length > 1 && bottom < viewHeight) {
+          return 'small-top';
+        }
+      } else if (wrpElem.length > 1 && top < offSetTop && bottom + offSetTop >= viewHeight) {
+        return 'bottom';
+      }
+    };
+
+    _this.wraperRef = React__default.createRef();
+    _this.visible = false;
+    return _this;
+  }
+
+  inherits._createClass(InscreenSensor, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.visible = this.checkInside();
+      this.props.onChange(this.visible);
+      window.addEventListener('scroll', this.scrollHandler);
+    }
+  }, {
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {
+      window.removeEventListener('scroll', this.scrollHandler);
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          _props$className = _props.className,
+          className = _props$className === undefined ? '' : _props$className,
+          _props$style = _props.style,
+          style = _props$style === undefined ? {} : _props$style,
+          _props$id = _props.id,
+          id = _props$id === undefined ? '' : _props$id;
+
+      return React__default.createElement(
+        'div',
+        { ref: this.wraperRef, className: className, style: style, id: id },
+        this.props.children
+      );
+    }
+  }]);
+
+  return InscreenSensor;
+}(React__default.Component);
+
+exports.InscreenSensor = InscreenSensor;

package/dist/cjs/IssueContentDeck.js

@@ -12,12 +12,12 @@ require('prop-types');
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
-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-be0c82be.js');
 var index$2 = require('./index-fa0fb52c.js');
 require('./slicedToArray-8063ee51.js');
-var AuthorComponent = require('./AuthorComponent-cb8b8128.js');
+var AuthorComponent = require('./AuthorComponent-3c79e1ab.js');
 var Badge = _interopDefault(require('react-bootstrap/Badge'));
 
 var urlFor = function urlFor(source, client) {

package/dist/cjs/IssueDeck.js

@@ -17,9 +17,9 @@ require('prop-types');
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 var Card = _interopDefault(require('react-bootstrap/Card'));
-var index_es = require('./index.es-ab3f2690.js');
+var index_es = require('./index.es-9110add6.js');
 require('react-dom');
-var index$1 = require('./index-b5eb3ff8.js');
+var index$1 = require('./index-be0c82be.js');
 var index$2 = require('./index-fa0fb52c.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));

package/dist/cjs/IssueLanding.js

@@ -14,19 +14,19 @@ require('./extends-60837c34.js');
 require('./web.dom.iterable-43c3e277.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-require('./index-f7ee1612.js');
+require('./index-fa3cec70.js');
 require('prop-types');
 require('react-bootstrap/Card');
-require('./moment-66a6a284.js');
+require('./moment-575fe24c.js');
 require('next/router');
 require('./isSymbol-488934a7.js');
 require('./debounce-32e57002.js');
-require('./index.es-ab3f2690.js');
+require('./index.es-9110add6.js');
 require('react-dom');
 require('./visibility-sensor-0c45a583.js');
-require('./index-b5eb3ff8.js');
+require('./index-be0c82be.js');
 require('./index-fa0fb52c.js');
-require('./main-bc4db521.js');
+require('./main-88348b15.js');
 require('./entities-310b46ee.js');
 require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
@@ -34,44 +34,44 @@ require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
 require('./beam-d22818d3.js');
 require('./AdSlot.js');
-require('./ADInfeed-17a378db.js');
+require('./ADInfeed-df340285.js');
 require('./lodash-fc2922d0.js');
-require('./ADlgInfeed-070d911c.js');
-require('./AuthorComponent-cb8b8128.js');
+require('./ADlgInfeed-2110d08c.js');
+require('./AuthorComponent-3c79e1ab.js');
 require('react-bootstrap');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 require('react-bootstrap/Breadcrumb');
 var Breadcrumbs = require('./Breadcrumbs.js');
 
-/* usage
-import Settings, { Ads } from '../../../../settings'
-import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
-import client from '../../../../client'
-import moment from 'moment'
-import Shell from '../../../../components/2.0/Shell'
-import { pageview } from '../../../../utilities/gtag'
-
-const Issue = (props) => {
-  const { pubIssue, cache } = props
-  const targeting = {
-    content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
-    document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
-  }
-  return (
-    <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
-      <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
-    </Shell>
-  )
-}
-
-Issue.getInitialProps = async (ctx) => {
-  const { query } = ctx
-  const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
-  )
-  return { pubIssue }
-}
-
-export default Issue
+/* usage
+import Settings, { Ads } from '../../../../settings'
+import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
+import client from '../../../../client'
+import moment from 'moment'
+import Shell from '../../../../components/2.0/Shell'
+import { pageview } from '../../../../utilities/gtag'
+
+const Issue = (props) => {
+  const { pubIssue, cache } = props
+  const targeting = {
+    content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
+    document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
+  }
+  return (
+    <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
+      <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
+    </Shell>
+  )
+}
+
+Issue.getInitialProps = async (ctx) => {
+  const { query } = ctx
+  const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
+  )
+  return { pubIssue }
+}
+
+export default Issue
 */
 
 var IssueLanding = function IssueLanding(props) {

package/dist/cjs/KMTracker.js

@@ -1,27 +1,27 @@
 'use strict';
 
 var KMTracker = function KMTracker(props) {
-      var id = props.id;
+  var id = props.id;
 
-      if (document && id) {
+  if (document && id) {
 (function () {
-                  var ecnJquery = document.createElement('script');
+      var ecnJquery = document.createElement('script');
 
-                  ecnJquery.type = 'text/javascript';
-                  ecnJquery.async = true;
-                  ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
+      ecnJquery.type = 'text/javascript';
+      ecnJquery.async = true;
+      ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
 
-                  var ecnScript = document.createElement('script');
+      var ecnScript = document.createElement('script');
 
-                  ecnScript.type = 'text/javascript';
-                  ecnScript.async = true;
-                  ecnScript.id = 'km-tracker';
-                  ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
+      ecnScript.type = 'text/javascript';
+      ecnScript.async = true;
+      ecnScript.id = 'km-tracker';
+      ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
 
-                  document.head.appendChild(ecnJquery);
-                  document.head.appendChild(ecnScript);
-            })();
-      }
+      document.head.appendChild(ecnJquery);
+      document.head.appendChild(ecnScript);
+    })();
+  }
 };
 
 module.exports = KMTracker;

package/dist/cjs/LeftNav.js

@@ -12,11 +12,11 @@ require('./_iter-detect-4d0352f8.js');
 require('./web.dom.iterable-43c3e277.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-require('./index-f7ee1612.js');
+require('./index-fa3cec70.js');
 require('prop-types');
 require('./isSymbol-488934a7.js');
 require('./debounce-32e57002.js');
-require('./main-bc4db521.js');
+require('./main-88348b15.js');
 require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
 require('./asyncToGenerator-8e707718.js');

package/dist/cjs/MasterDeck.js

@@ -12,37 +12,37 @@ var toConsumableArray = require('./toConsumableArray-ca04303b.js');
 require('./_object-pie-68c5bcbc.js');
 var _extends = require('./extends-60837c34.js');
 require('./_object-sap-5e74ba08.js');
-var inherits = require('./inherits-93684212.js');
+var inherits = require('./inherits-14962339.js');
 require('./web.dom.iterable-43c3e277.js');
 require('./typeof-1869832c.js');
 require('./_is-array-754e012d.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var index = require('./index-f7ee1612.js');
+var index = require('./index-fa3cec70.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-488934a7.js');
 var debounce = require('./debounce-32e57002.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-bc4db521.js');
+require('./index-be0c82be.js');
+var main = require('./main-88348b15.js');
 require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
 var asyncToGenerator = require('./asyncToGenerator-8e707718.js');
 require('./_set-species-4458e975.js');
 require('./beam-d22818d3.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-17a378db.js');
+var ADInfeed = require('./ADInfeed-df340285.js');
 var lodash = require('./lodash-fc2922d0.js');
-var ADlgInfeed = require('./ADlgInfeed-070d911c.js');
+var ADlgInfeed = require('./ADlgInfeed-2110d08c.js');
 
 var MasterDeck = function (_React$Component) {
   inherits._inherits(MasterDeck, _React$Component);
@@ -198,14 +198,14 @@ var MasterDeck = function (_React$Component) {
             }
 
             // please leave this for later debug purpose : Yong Jun.
-            /* console.log('page change reported', {
-              currentPage: currentPage,
-              pageNumber: pageNumber,
-              pathname: pathname,
-              path: path,
-              newPath: newPath,
-              firstPage: pageNumber === 1,
-              queryString: queryString
+            /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
             }) */
 
             if (pageview) {
@@ -321,7 +321,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)

package/dist/cjs/NavMagazine.js

@@ -14,7 +14,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
-var main = require('./main-bc4db521.js');
+var main = require('./main-88348b15.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
 require('./asyncToGenerator-8e707718.js');
@@ -36,16 +36,16 @@ var Form = _interopDefault(require('react-bootstrap/Form'));
 var FormControl = _interopDefault(require('react-bootstrap/FormControl'));
 
 var NavMagazine = function NavMagazine(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     user={props.cache.user}
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     user={props.cache.user}
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black
@@ -406,7 +406,7 @@ var NavMagazine = function NavMagazine(props) {
     ),
     React__default.createElement(
       Navbar,
-      { id: 'navbar-ham', className: main.main_40 ? 'bottom-nav ios-nav' : 'bottom-nav ', variant: 'dark', expand: 'xl', bg: 'primary', sticky: 'top', ref: navRef },
+      { id: 'navbar-ham', className: main.main_37 ? 'bottom-nav ios-nav' : 'bottom-nav ', variant: 'dark', expand: 'xl', bg: 'primary', sticky: 'top', ref: navRef },
       React__default.createElement(
         Container,
         { className: 'mobile-nav android-nav', style: { display: 'flex' } },

package/dist/cjs/NavNative.js

@@ -14,7 +14,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
-var main = require('./main-bc4db521.js');
+var main = require('./main-88348b15.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
 require('./asyncToGenerator-8e707718.js');
@@ -34,15 +34,15 @@ var Form = _interopDefault(require('react-bootstrap/Form'));
 var FormControl = _interopDefault(require('react-bootstrap/FormControl'));
 
 var NavNative = function NavNative(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
   // Setting 'socialIconVariant' as 'dark' as default to make the social icons and search icon black
   var logo = props.logo,
@@ -258,7 +258,7 @@ 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',

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-be0c82be.js');
 require('./iconBase-68959171.js');
 require('react-bootstrap/Badge');
 require('./index.esm-89fabc47.js');

package/dist/cjs/OncliveLargeHero.js

@@ -9,13 +9,13 @@ require('./web.dom.iterable-43c3e277.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-be0c82be.js');
 var index$2 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
 require('./slicedToArray-8063ee51.js');
-var AuthorComponent = require('./AuthorComponent-cb8b8128.js');
+var AuthorComponent = require('./AuthorComponent-3c79e1ab.js');
 
 var OncliveLargeHero = function OncliveLargeHero(props) {
   var removeTimeStamp = props.removeTimeStamp;