@mjhls/mjh-framework 1.0.859-d4d-374 → 1.0.859-segment-targeting-v1

package/dist/esm/DeckContent.js

@@ -21,18 +21,18 @@ 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-12415288.js';
+import { m as moment } from './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 urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-6c12bdd5.js';
-import { m as main_39 } from './main-aef58dbc.js';
+import { m as main_40 } from './main-747e7d25.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-641f241f.js';
 import './stringify-4330ccdc.js';
@@ -40,7 +40,7 @@ import './asyncToGenerator-fc1c2e29.js';
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-4b8902ae.js';
+import { A as ADInfeed } from './ADInfeed-b488e4ab.js';
 
 var DeckContent = function (_React$Component) {
   _inherits(DeckContent, _React$Component);
@@ -174,14 +174,14 @@ var DeckContent = function (_React$Component) {
             var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
 
             // 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) {
@@ -346,7 +346,7 @@ var DeckContent = function (_React$Component) {
                   )
                 )
               ),
-              main_39 && _this.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this.renderMobileAd(index, numberOfItemsBeforeAd)
+              main_40 && _this.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this.renderMobileAd(index, numberOfItemsBeforeAd)
             );
           }
         })

package/dist/esm/DeckQueue.js

@@ -21,18 +21,18 @@ 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-12415288.js';
+import { m as moment } from './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 urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-6c12bdd5.js';
-import { m as main_39 } from './main-aef58dbc.js';
+import { m as main_40 } from './main-747e7d25.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import { g as get_1 } from './get-1e515072.js';
 import './eq-b470f743.js';
@@ -302,7 +302,7 @@ var DeckQueue = function (_React$Component) {
                 )
               )
             ),
-            main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+            main_40 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
           );
         })
       );

package/dist/esm/EventsDeck.js

@@ -13,10 +13,10 @@ 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-12415288.js';
+import './moment-b6f49411.js';
 import { useRouter } from 'next/router';
-import { I as InfiniteScroll } from './index.es-7dda2f0a.js';
-import './main-aef58dbc.js';
+import { I as InfiniteScroll } from './index.es-c6222053.js';
+import './main-747e7d25.js';
 import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-641f241f.js';
 import { _ as _JSON$stringify } from './stringify-4330ccdc.js';
 import Button from 'react-bootstrap/Button';
@@ -24,7 +24,7 @@ import { _ as _objectToArray } from './_object-to-array-7e804fce.js';
 import { _ as _defineProperty } from './defineProperty-94fd8bfc.js';
 import Spinner from 'react-bootstrap/Spinner';
 import Form from 'react-bootstrap/Form';
-import { m as momentTimezone } from './index-d2f90501.js';
+import { m as momentTimezone } from './index-c00b0bbb.js';
 import { j as js_cookie } from './js.cookie-6874175c.js';
 
 // https://github.com/tc39/proposal-object-values-entries
@@ -245,23 +245,23 @@ var EventsDeck = function EventsDeck(_ref) {
     if (cventAccessToken && cventAccessToken !== 'undefined') {
       setAccessToken(cventAccessToken);
     } else {
-      /*const encodedData = window.btoa(clientId + ':' + clientSecret)
-      //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
-      const url = `https://api-platform.cvent.com/ea/oauth2/token`
-      fetch(url, {
-        headers: {
-          'Content-Type': 'application/x-www-form-urlencoded',
-          Authorization: `Basic ${encodedData}`
-        },
-        method: 'POST',
-        body: `grant_type=client_credentials&client_id=${clientId}`
-      })
-        .then((response) => response.json())
-        .then((json) => {
-          const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
-          Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
-          setAccessToken(json.access_token)
-        })
+      /*const encodedData = window.btoa(clientId + ':' + clientSecret)
+      //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
+      const url = `https://api-platform.cvent.com/ea/oauth2/token`
+      fetch(url, {
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded',
+          Authorization: `Basic ${encodedData}`
+        },
+        method: 'POST',
+        body: `grant_type=client_credentials&client_id=${clientId}`
+      })
+        .then((response) => response.json())
+        .then((json) => {
+          const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
+          Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
+          setAccessToken(json.access_token)
+        })
         .catch((e) => console.log(e))*/
       // hello
       var url = 'https://beam.mjhlifesciences.com/api/cvent/token';

package/dist/esm/ExternalResources.js

@@ -19,7 +19,7 @@ import './index-f7fb1e25.js';
 import 'prop-types';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
-import './moment-12415288.js';
+import './moment-b6f49411.js';
 import { useRouter } from 'next/router';
 import './isSymbol-1981418f.js';
 import './debounce-9207d8ee.js';
@@ -28,7 +28,7 @@ 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 { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import './stringify-4330ccdc.js';
@@ -44,9 +44,9 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import './iconBase-602d52fe.js';
 import './index.esm-3fdda599.js';
-import { g as getSerializers } from './index-207958e3.js';
+import { g as getSerializers } from './index-d0e37a10.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';
@@ -56,7 +56,7 @@ import 'react-bootstrap/Figure';
 import 'react-bootstrap/OverlayTrigger';
 import 'react-bootstrap/Tooltip';
 import 'react-bootstrap/Popover';
-import { m as momentTimezone } from './index-d2f90501.js';
+import { m as momentTimezone } from './index-c00b0bbb.js';
 
 var ExternalResources = function ExternalResources(props) {
   var resources = props.resources,

package/dist/esm/Feature.js

@@ -2,7 +2,7 @@ import './_commonjsHelpers-0c4b6f40.js';
 import React from 'react';
 import './index-51a80699.js';
 import urlFor from './urlFor.js';
-import { m as main_39 } from './main-aef58dbc.js';
+import { m as main_40 } from './main-747e7d25.js';
 import Carousel from 'react-bootstrap/Carousel';
 
 //Feature query to be used
@@ -30,7 +30,7 @@ var Feature = function Feature(props) {
 
   //image width updated.
   var imageWidth = 450;
-  if (main_39) {
+  if (main_40) {
     imageWidth = 225;
   }
 

package/dist/esm/ForbesHero.js

@@ -5,7 +5,7 @@ import './core.get-iterator-method-e1de7503.js';
 import './web.dom.iterable-4439f05a.js';
 import React from 'react';
 import 'prop-types';
-import { m as moment } from './moment-12415288.js';
+import { m as moment } from './moment-b6f49411.js';
 import 'react-dom';
 import './index-51a80699.js';
 import urlFor from './urlFor.js';

package/dist/esm/GridContent.js

@@ -21,18 +21,18 @@ 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-12415288.js';
+import { m as moment } from './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 urlFor from './urlFor.js';
 import { L as LazyLoad } from './index-6c12bdd5.js';
-import { m as main_39 } from './main-aef58dbc.js';
+import { m as main_40 } from './main-747e7d25.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-641f241f.js';
 import './stringify-4330ccdc.js';
@@ -40,9 +40,9 @@ import './asyncToGenerator-fc1c2e29.js';
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-4b8902ae.js';
+import { A as ADInfeed } from './ADInfeed-b488e4ab.js';
 import { l as lodash } from './lodash-ec8c6b48.js';
-import { A as ADlgInfeed } from './ADlgInfeed-5193b48f.js';
+import { A as ADlgInfeed } from './ADlgInfeed-5bd2f01a.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
 import { g as get_1 } from './get-1e515072.js';
 import './eq-b470f743.js';
@@ -658,7 +658,7 @@ var GridContent = function (_React$Component) {
                   )
                 ),
                 showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React.createElement(VideoPlayer, null),
-                main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+                main_40 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
               );
             } else {
               return React.createElement(
@@ -722,7 +722,7 @@ var GridContent = function (_React$Component) {
                   )
                 ),
                 showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React.createElement(VideoPlayer, null),
-                main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+                main_40 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
               );
             }
           } else if (row._type === 'lg-infeed' && row.adUnit) {
@@ -810,7 +810,7 @@ var GridContent = function (_React$Component) {
                 )
               ),
               showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React.createElement(VideoPlayer, null),
-              main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+              main_40 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
             );
           } else return null;
         }) : React.createElement(

package/dist/esm/GridHero.js

@@ -5,7 +5,7 @@ import './core.get-iterator-method-e1de7503.js';
 import './web.dom.iterable-4439f05a.js';
 import React from 'react';
 import 'prop-types';
-import { m as moment } from './moment-12415288.js';
+import { m as moment } from './moment-b6f49411.js';
 import 'react-dom';
 import './index-51a80699.js';
 import urlFor from './urlFor.js';

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-c54d43cb.js';
+import { S as SocialSearchComponent } from './SocialSearchComponent-47815365.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/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

@@ -19,7 +19,7 @@ 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';
@@ -28,7 +28,7 @@ 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';
@@ -46,9 +46,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-207958e3.js';
+import { g as getSerializers } from './index-d0e37a10.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,6 +1,6 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React from 'react';
-import './moment-12415288.js';
+import './moment-b6f49411.js';
 import './index-51a80699.js';
 import urlFor from './urlFor.js';
 import './iconBase-602d52fe.js';

package/dist/esm/IssueContentDeck.js

@@ -8,7 +8,7 @@ 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 './index-51a80699.js';
 import urlFor from './urlFor.js';

package/dist/esm/IssueDeck.js

@@ -12,7 +12,7 @@ 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 './index-51a80699.js';
 import urlFor from './urlFor.js';

package/dist/esm/IssueLanding.js

@@ -20,18 +20,18 @@ 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';
@@ -39,9 +39,9 @@ import './asyncToGenerator-fc1c2e29.js';
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import './ADInfeed-4b8902ae.js';
+import './ADInfeed-b488e4ab.js';
 import './lodash-ec8c6b48.js';
-import './ADlgInfeed-5193b48f.js';
+import './ADlgInfeed-5bd2f01a.js';
 import './getContentCategory-15dcc413.js';
 import './AuthorComponent-8ffd4679.js';
 import 'react-bootstrap/Button';
@@ -54,9 +54,9 @@ import './timeDifferenceCalc.js';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import './iconBase-602d52fe.js';
 import './index.esm-3fdda599.js';
-import { g as getSerializers } from './index-207958e3.js';
+import { g as getSerializers } from './index-d0e37a10.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';
@@ -69,35 +69,35 @@ import 'react-bootstrap/Popover';
 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

@@ -14,7 +14,7 @@ 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';