@mjhls/mjh-framework 1.0.819 → 1.0.821-url-pagination-v1

package/dist/esm/HamMagazine.js

@@ -8,7 +8,7 @@ import './web.dom.iterable-4439f05a.js';
 import React, { useRef, useState, useEffect } from 'react';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
-import { m as main_39, c as main_40 } from './main-aef58dbc.js';
+import { m as main_40, c as main_41 } from './main-747e7d25.js';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import './asyncToGenerator-fc1c2e29.js';
 import Segment from './Segment.js';
@@ -25,18 +25,18 @@ import { N as NavFooter } from './NavFooter-c29526b7.js';
 import { S as SocialNavFooter } from './index.esm-8ee5ff72.js';
 import './SocialIcons.js';
 import 'react-bootstrap/FormControl';
-import { S as SocialSearchComponent } from './SocialSearchComponent-82ac7d6d.js';
+import { S as SocialSearchComponent } from './SocialSearchComponent-94f6554c.js';
 
 var HamMagazine = function HamMagazine(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 'light' as default to make the social icons and search icon black
@@ -187,7 +187,7 @@ var HamMagazine = function HamMagazine(props) {
       }
     }
 
-    if (props.initiallyCollapsed && !main_39) {
+    if (props.initiallyCollapsed && !main_40) {
       navRef.current.style.position = 'fixed';
       setIsSticky(true);
       navLinks.style.margin = 'auto';
@@ -217,7 +217,7 @@ var HamMagazine = function HamMagazine(props) {
 
   return React.createElement(
     'header',
-    { className: !main_39 && isOpen ? 'nav-open' : 'nav-close', style: { zIndex: '999999' } },
+    { className: !main_40 && isOpen ? 'nav-open' : 'nav-close', style: { zIndex: '999999' } },
     React.createElement(
       Navbar,
       { expand: 'md', ref: topNavRef },
@@ -344,7 +344,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_41) {
                 var mainNav = document.querySelector('#navbar-ham');
                 if (mainNav && mainNav.style) mainNav.style.overflow = 'auto';
               }
@@ -573,7 +573,7 @@ var HamMagazine = function HamMagazine(props) {
         '\n          .navbar .collapse {\n            display: block;\n          }\n        '
       )
     ),
-    main_39 && !main_40 && React.createElement(
+    main_40 && !main_41 && React.createElement(
       'style',
       { jsx: 'true' },
       '\n          #navbar-ham {\n            overflow: hidden;\n            overflow-y: scroll;\n            margin-bottom: 5rem;\n          }\n        '

package/dist/esm/Hero.js

@@ -1,21 +1,10 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React from 'react';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import './index-51a80699.js';
+import urlFor from './urlFor.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { Card } from 'react-bootstrap';
 
-var urlFor = function urlFor(source, client) {
-  var builder = imageUrlBuilder(client);
-  return builder.image(source).auto('format');
-};
-
-var renderCardImage = function renderCardImage(thumbnail, client, imageHeight, imageWidth) {
-  var url = urlFor(thumbnail, client);
-  if (imageHeight) url = url.height(imageHeight);
-  if (imageWidth) url = url.width(imageWidth);
-  return url.url();
-};
-
 var Hero = function Hero(_ref) {
   var data = _ref.data,
       client = _ref.client,
@@ -37,7 +26,7 @@ var Hero = function Hero(_ref) {
         { className: 'h4' },
         title
       ),
-      thumbnail && client && React.createElement(Card.Img, { src: renderCardImage(thumbnail, client, imageHeight, imageWidth) }),
+      thumbnail && client && React.createElement(Card.Img, { src: urlFor({ source: thumbnail, client: client, imageHeight: imageHeight, imageWidth: imageWidth }), alt: title }),
       summary && React.createElement(
         Card.Footer,
         { className: 'h6' },

package/dist/esm/HighlightenVideo.js

@@ -1,6 +1,6 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React from 'react';
-import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-e1c6b0f2.js';
+import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-4abff0b1.js';
 
 var HighlightenVideo = function HighlightenVideo(_ref) {
   var highlightVideoOptions = _ref.highlightVideoOptions;

package/dist/esm/HorizontalArticleListing.js

@@ -14,19 +14,21 @@ import './web.dom.iterable-4439f05a.js';
 import './typeof-af9c50d8.js';
 import './_is-array-58e95429.js';
 import React from 'react';
-import './index-acfb8079.js';
+import './events-6c3a7a63.js';
+import './index-f7fb1e25.js';
 import 'prop-types';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
-import './moment-12415288.js';
+import './moment-b6f49411.js';
 import 'next/router';
 import './isSymbol-1981418f.js';
 import './debounce-9207d8ee.js';
 import './toNumber-2f7a84cd.js';
 import 'react-dom';
 import './index-51a80699.js';
+import './urlFor.js';
 import './index-6c12bdd5.js';
-import './main-aef58dbc.js';
+import './main-747e7d25.js';
 import './entities-7cc3bf45.js';
 import './slicedToArray-641f241f.js';
 import './stringify-4330ccdc.js';
@@ -43,9 +45,9 @@ import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import { I as IoIosArrowForward } from './index.esm-3fdda599.js';
 import ArticleCarousel from './ArticleCarousel.js';
-import { g as getSerializers } from './index-e887f3d1.js';
+import { g as getSerializers } from './index-7aec473d.js';
 import './util-7700fc59.js';
-import './brightcove-react-player-loader.es-e1c6b0f2.js';
+import './brightcove-react-player-loader.es-4abff0b1.js';
 import 'next/head';
 import 'react-share';
 import './SocialShare.js';

package/dist/esm/HorizontalHero.js

@@ -1,17 +1,15 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React from 'react';
-import './moment-12415288.js';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import './moment-b6f49411.js';
+import './index-51a80699.js';
+import urlFor from './urlFor.js';
 import './iconBase-602d52fe.js';
 import { a as FaLongArrowAltRight } from './index.esm-a8ff922c.js';
 
 var HorizontalHero = function HorizontalHero(props) {
   var client = props.client;
 
-  var builder = imageUrlBuilder(client);
-  function urlFor(source) {
-    return builder.image(source).auto('format');
-  }
+
   var topArticle = props.dataRecord[0];
   var subArticles = props.dataRecord.slice(1, props.dataRecord.length);
   var _props$heroTitle = props.heroTitle,
@@ -23,7 +21,8 @@ var HorizontalHero = function HorizontalHero(props) {
   var topArticleThumbnail = '';
   var topArticleAltText = topArticle.title;
   if (topArticle.thumbnail && topArticle.thumbnail.asset) {
-    topArticleThumbnail = urlFor(topArticle.thumbnail.asset).width(350).url();
+    topArticleThumbnail = urlFor({ client: client, source: topArticle.thumbnail.asset, imageWidth: 350 });
+
     topArticleAltText = topArticle.thumbnail.asset.originalFileName;
   }
   if (props.thumbnail) {

package/dist/esm/IssueContentDeck.js

@@ -8,36 +8,15 @@ 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-b6f49411.js';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import './index-51a80699.js';
+import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-6c12bdd5.js';
 import './slicedToArray-641f241f.js';
 import { A as AuthorComponent } from './AuthorComponent-8ffd4679.js';
 import Badge from 'react-bootstrap/Badge';
 
-var urlFor = function urlFor(source, client) {
-  var builder = imageUrlBuilder(client);
-  return builder.image(source).auto('format');
-};
-
-var renderCardImage = function renderCardImage(props) {
-  var coverImage = props.coverImage,
-      imageHeight = props.imageHeight,
-      imageWidth = props.imageWidth,
-      client = props.client,
-      Settings = props.Settings;
-
-  if (coverImage && coverImage.asset) {
-    var url = urlFor(coverImage, client);
-    if (imageHeight) url = url.height(imageHeight);
-    if (imageWidth) url = url.width(imageWidth);
-    return url.url();
-  } else {
-    return Settings.logo;
-  }
-};
-
 var PublicationDeckStack = function PublicationDeckStack(props) {
   var title = props.title,
       coverImage = props.coverImage,
@@ -46,8 +25,12 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
       author = props.author,
       summary = props.summary,
       section = props.section,
-      imageHeight = props.imageHeight,
-      imageWidth = props.imageWidth,
+      _props$imageHeight = props.imageHeight,
+      imageHeight = _props$imageHeight === undefined ? null : _props$imageHeight,
+      _props$imageWidth = props.imageWidth,
+      imageWidth = _props$imageWidth === undefined ? null : _props$imageWidth,
+      _props$imageFit = props.imageFit,
+      imageFit = _props$imageFit === undefined ? null : _props$imageFit,
       client = props.client,
       Settings = props.Settings,
       index = props.index,
@@ -73,7 +56,7 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
               { height: imageHeight },
               React.createElement(Card.Img, {
                 variant: 'right',
-                src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }),
+                src: coverImage ? urlFor({ source: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit, client: client }) : Settings.logo,
                 alt: title,
                 style: { width: '170px', height: 'auto', objectFit: 'contain', padding: '0.25rem', float: 'left' }
               })
@@ -164,7 +147,7 @@ var PublicationDeckBlock = function PublicationDeckBlock(props) {
         coverImage && React.createElement(
           LazyLoad,
           { height: imageHeight },
-          React.createElement(Card.Img, { variant: 'top', src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }), alt: title })
+          React.createElement(Card.Img, { variant: 'top', src: coverImage ? urlFor({ source: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit, client: client, Settings: Settings }) : Settings.logo, alt: title })
         ),
         React.createElement(
           Card.Body,

package/dist/esm/IssueDeck.js

@@ -12,9 +12,10 @@ 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-7dda2f0a.js';
+import { I as InfiniteScroll } from './index.es-c6222053.js';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-51a80699.js';
+import './index-51a80699.js';
+import urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-6c12bdd5.js';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import Button from 'react-bootstrap/Button';
@@ -30,8 +31,12 @@ var usePrevious = function usePrevious(value) {
 var IssueDeck = function IssueDeck(props) {
   var data = props.data,
       href = props.href,
-      imageHeight = props.imageHeight,
-      imageWidth = props.imageWidth,
+      _props$imageHeight = props.imageHeight,
+      imageHeight = _props$imageHeight === undefined ? null : _props$imageHeight,
+      _props$imageWidth = props.imageWidth,
+      imageWidth = _props$imageWidth === undefined ? null : _props$imageWidth,
+      _props$imageFit = props.imageFit,
+      imageFit = _props$imageFit === undefined ? null : _props$imageFit,
       Website = props.Website,
       client = props.client,
       publication = props.publication,
@@ -63,17 +68,10 @@ var IssueDeck = function IssueDeck(props) {
 
   var prevValues = usePrevious(values);
 
-  var urlFor = function urlFor(source) {
-    var builder = imageUrlBuilder(client);
-    return builder.image(source).auto('format');
-  };
-
   var renderCardImage = function renderCardImage(thumbnail) {
     if (thumbnail && thumbnail.asset) {
-      var url = urlFor(thumbnail);
-      if (imageHeight) url = url.height(imageHeight);
-      if (imageWidth) url = url.width(imageWidth);
-      return url.url();
+      var url = urlFor({ client: client, source: thumbnail, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit });
+      return url;
     } else {
       return Website.logo;
     }

package/dist/esm/IssueLanding.js

@@ -14,22 +14,24 @@ import './web.dom.iterable-4439f05a.js';
 import './typeof-af9c50d8.js';
 import './_is-array-58e95429.js';
 import React from 'react';
-import './index-acfb8079.js';
+import './events-6c3a7a63.js';
+import './index-f7fb1e25.js';
 import 'prop-types';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'react-bootstrap/Card';
-import './moment-12415288.js';
+import './moment-b6f49411.js';
 import 'next/router';
 import './isSymbol-1981418f.js';
 import './debounce-9207d8ee.js';
 import './toNumber-2f7a84cd.js';
-import './index.es-7dda2f0a.js';
+import './index.es-c6222053.js';
 import 'react-dom';
 import './visibility-sensor-f40c2564.js';
 import './index-51a80699.js';
+import './urlFor.js';
 import './index-6c12bdd5.js';
-import './main-aef58dbc.js';
+import './main-747e7d25.js';
 import './entities-7cc3bf45.js';
 import './slicedToArray-641f241f.js';
 import './stringify-4330ccdc.js';
@@ -37,9 +39,9 @@ import './asyncToGenerator-fc1c2e29.js';
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import './ADInfeed-ba59666b.js';
+import './ADInfeed-427022e9.js';
 import './lodash-ec8c6b48.js';
-import './ADlgInfeed-995322a1.js';
+import './ADlgInfeed-28d3f944.js';
 import './getContentCategory-15dcc413.js';
 import './AuthorComponent-8ffd4679.js';
 import { B as BlockContent } from './BlockContent-d05b5b23.js';
@@ -51,9 +53,9 @@ import './timeDifferenceCalc.js';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import './iconBase-602d52fe.js';
 import './index.esm-3fdda599.js';
-import { g as getSerializers } from './index-e887f3d1.js';
+import { g as getSerializers } from './index-7aec473d.js';
 import './util-7700fc59.js';
-import './brightcove-react-player-loader.es-e1c6b0f2.js';
+import './brightcove-react-player-loader.es-4abff0b1.js';
 import 'next/head';
 import 'react-share';
 import './SocialShare.js';
@@ -64,35 +66,35 @@ import 'react-bootstrap/Figure';
 import 'react-bootstrap/Breadcrumb';
 import Breadcrumbs from './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/esm/KMTracker.js

@@ -1,25 +1,25 @@
 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);
+            })();
+      }
 };
 
 export default KMTracker;

package/dist/esm/LeftNav.js

@@ -8,12 +8,13 @@ import './_object-pie-33c40e79.js';
 import './extends-6f2fcc99.js';
 import './web.dom.iterable-4439f05a.js';
 import React, { useRef, useEffect } from 'react';
-import './index-acfb8079.js';
+import './events-6c3a7a63.js';
+import './index-f7fb1e25.js';
 import 'prop-types';
 import './isSymbol-1981418f.js';
 import './debounce-9207d8ee.js';
 import './toNumber-2f7a84cd.js';
-import './main-aef58dbc.js';
+import './main-747e7d25.js';
 import './slicedToArray-641f241f.js';
 import './stringify-4330ccdc.js';
 import './asyncToGenerator-fc1c2e29.js';

package/dist/esm/MasterDeck.js

@@ -14,31 +14,32 @@ import './web.dom.iterable-4439f05a.js';
 import './typeof-af9c50d8.js';
 import './_is-array-58e95429.js';
 import React from 'react';
-import { l as lib_3 } from './index-acfb8079.js';
+import './events-6c3a7a63.js';
+import { l as lib_3 } from './index-f7fb1e25.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-b6f49411.js';
 import { withRouter } from 'next/router';
 import './isSymbol-1981418f.js';
 import { d as debounce_1 } from './debounce-9207d8ee.js';
 import './toNumber-2f7a84cd.js';
-import { I as InfiniteScroll } from './index.es-7dda2f0a.js';
+import { I as InfiniteScroll } from './index.es-c6222053.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-f40c2564.js';
 import './index-51a80699.js';
-import './main-aef58dbc.js';
+import './main-747e7d25.js';
 import './slicedToArray-641f241f.js';
 import './stringify-4330ccdc.js';
 import { _ as _Promise } from './asyncToGenerator-fc1c2e29.js';
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-ba59666b.js';
+import { A as ADInfeed } from './ADInfeed-427022e9.js';
 import { l as lodash } from './lodash-ec8c6b48.js';
-import { A as ADlgInfeed } from './ADlgInfeed-995322a1.js';
+import { A as ADlgInfeed } from './ADlgInfeed-28d3f944.js';
 
 var MasterDeck = function (_React$Component) {
   _inherits(MasterDeck, _React$Component);
@@ -55,7 +56,7 @@ var MasterDeck = function (_React$Component) {
       args[_key] = arguments[_key];
     }
 
-    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = MasterDeck.__proto__ || _Object$getPrototypeOf(MasterDeck)).call.apply(_ref, [this].concat(args))), _this), _this.Deck = _this.props.deck, _this.variant = _this.props.variant, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord || [], _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.rightItems = _this.props.rightItems ? _this.props.rightItems : false, _this.isSeriesLanding = _this.props.isSeriesLanding ? _this.props.isSeriesLanding : false, _this.state = {
+    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = MasterDeck.__proto__ || _Object$getPrototypeOf(MasterDeck)).call.apply(_ref, [this].concat(args))), _this), _this.Deck = _this.props.deck, _this.variant = _this.props.variant, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord || [], _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.rightItems = _this.props.rightItems ? _this.props.rightItems : false, _this.isSeriesLanding = _this.props.isSeriesLanding ? _this.props.isSeriesLanding : false, _this.client = _this.props.client, _this.state = {
       data: _this.data,
       dataKeptToCompareNewDatarecord: _this.data,
       per: _this.params ? _this.params.to : 2,
@@ -224,14 +225,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) {