@mjhls/mjh-framework 1.0.464 → 1.0.466

package/dist/cjs/Column3.js

@@ -12,13 +12,13 @@ require('./_iter-detect-4d0352f8.js');
 require('./web.dom.iterable-43c3e277.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-require('./index-fa3cec70.js');
+require('./index-f7ee1612.js');
 require('prop-types');
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 require('./isSymbol-488934a7.js');
 require('./debounce-32e57002.js');
-var main = require('./main-00905561.js');
+var main = require('./main-bc4db521.js');
 require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
 require('./asyncToGenerator-8e707718.js');
@@ -53,7 +53,7 @@ var Column3 = function Column3(props) {
   var adRef = React.useRef(null);
 
   React.useEffect(function () {
-    if (!main.main_36 && window.innerWidth >= 768) {
+    if (!main.main_39 && window.innerWidth >= 768) {
       var navbar = document.querySelector('.navbar');
       var AdOffsetTop = adRef.current.getBoundingClientRect().top;
       window.addEventListener('scroll', function () {
@@ -113,7 +113,7 @@ var Column3 = function Column3(props) {
         { jsx: 'true' },
         '\n            .filter-box {\n              float: right;\n              padding-top: 6px;\n              padding-right: 18px;\n            }\n            @media only screen and (min-width: 768px) {\n              .title-wrap {\n                display: flex;\n                justify-content: space-between;\n              }\n            }\n            @media only screen and (max-width: 767px) {\n              /* .filter-box {\n                float: right;\n                display: flex;\n                justify-content: flex-end;\n              } */\n              .title-wrap {\n                display: flex;\n                flex-direction: column;\n                margin-bottom: 10px;\n              }\n            }\n          '
       ),
-      (!main.main_36 || showRightAd) && React__default.createElement(
+      (!main.main_39 || showRightAd) && React__default.createElement(
         Col,
         { xs: 12, className: 'rightCol' },
         website && website.conferenceBannerContent && React__default.createElement(ConferenceBanner.ConferenceBanner, { website: website }),

package/dist/cjs/ConferenceArticleCard.js

@@ -5,24 +5,24 @@ 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-3cf060f6.js');
+var moment = require('./moment-66a6a284.js');
 var index$1 = require('./index-b5eb3ff8.js');
 
-/*
-Example usage - targetedonc.com/latest-conference
-const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
-                    ...,
-                    title,
-                    summary,
-                    thumbnail,
-                    url,
-                    published,
-                    documentGroup->,
-                    contentCategory->,
-                    'pageNumber': ${currentPage}
-                  }`
-
-  const posts = await client.fetch(query, params)
+/*
+Example usage - targetedonc.com/latest-conference
+const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
+                    ...,
+                    title,
+                    summary,
+                    thumbnail,
+                    url,
+                    published,
+                    documentGroup->,
+                    contentCategory->,
+                    'pageNumber': ${currentPage}
+                  }`
+
+  const posts = await client.fetch(query, params)
 */
 
 var ConferenceArticleCard = function ConferenceArticleCard(props) {

package/dist/cjs/DeckContent.js

@@ -18,23 +18,23 @@ require('./typeof-1869832c.js');
 require('./_is-array-754e012d.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var index = require('./index-fa3cec70.js');
+var index = require('./index-f7ee1612.js');
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
 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-3cf060f6.js');
+var moment = require('./moment-66a6a284.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-9110add6.js');
+var index_es = require('./index.es-ab3f2690.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-0c45a583.js');
 var index$1 = require('./index-b5eb3ff8.js');
 var index$2 = require('./index-fa0fb52c.js');
-var main = require('./main-00905561.js');
+var main = require('./main-bc4db521.js');
 var entities = require('./entities-310b46ee.js');
 require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
@@ -43,7 +43,7 @@ require('./_set-species-4458e975.js');
 require('./Beam.js');
 require('./Segment.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-4b904089.js');
+var ADInfeed = require('./ADInfeed-8a7f1d50.js');
 
 var DeckContent = function (_React$Component) {
   inherits._inherits(DeckContent, _React$Component);
@@ -184,14 +184,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) {
@@ -354,7 +354,7 @@ var DeckContent = function (_React$Component) {
                   )
                 )
               ),
-              main.main_36 && _this.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this.renderMobileAd(index, numberOfItemsBeforeAd)
+              main.main_39 && _this.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this.renderMobileAd(index, numberOfItemsBeforeAd)
             );
           }
         })

package/dist/cjs/DeckQueue.js

@@ -18,23 +18,23 @@ require('./typeof-1869832c.js');
 require('./_is-array-754e012d.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var index = require('./index-fa3cec70.js');
+var index = require('./index-f7ee1612.js');
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
 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-3cf060f6.js');
+var moment = require('./moment-66a6a284.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-9110add6.js');
+var index_es = require('./index.es-ab3f2690.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-0c45a583.js');
 var index$1 = require('./index-b5eb3ff8.js');
 var index$2 = require('./index-fa0fb52c.js');
-var main = require('./main-00905561.js');
+var main = require('./main-bc4db521.js');
 var entities = require('./entities-310b46ee.js');
 require('./_arrayMap-3b4a0f75.js');
 var get = require('./get-5dfcdc33.js');
@@ -306,7 +306,7 @@ var DeckQueue = function (_React$Component) {
                 )
               )
             ),
-            main.main_36 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+            main.main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
           );
         })
       );

package/dist/cjs/{Dfp-fcdeabc4.js → Dfp-fbe32b96.js}

@@ -8,7 +8,7 @@ require('./core.get-iterator-method-41e87ec1.js');
 require('./web.dom.iterable-43c3e277.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var index = require('./index-fa3cec70.js');
+var index = require('./index-f7ee1612.js');
 var PropTypes = _interopDefault(require('prop-types'));
 require('./isSymbol-488934a7.js');
 var debounce = require('./debounce-32e57002.js');

package/dist/cjs/EventsDeck.js

@@ -15,9 +15,9 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
 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-3cf060f6.js');
-var index_es = require('./index.es-9110add6.js');
-var main = require('./main-00905561.js');
+var moment = require('./moment-66a6a284.js');
+var index_es = require('./index.es-ab3f2690.js');
+var main = require('./main-bc4db521.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 var stringify = require('./stringify-7c5aff47.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
@@ -1712,23 +1712,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';
@@ -1924,7 +1924,7 @@ var EventsDeck = function EventsDeck(_ref) {
               )
             )
           ),
-          main.main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+          main.main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
             'div',
             { style: { margin: '0 auto' } },
             renderMobileAd(index, numberOfItemsBeforeAd)

package/dist/cjs/Feature.js

@@ -6,7 +6,7 @@ require('./_commonjsHelpers-06173234.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var index$1 = require('./index-b5eb3ff8.js');
-var main = require('./main-00905561.js');
+var main = require('./main-bc4db521.js');
 var Carousel = _interopDefault(require('react-bootstrap/Carousel'));
 
 //Feature query to be used
@@ -39,7 +39,7 @@ var Feature = function Feature(props) {
   };
   //image width
   var imageWidth = 900;
-  if (main.main_36) {
+  if (main.main_39) {
     imageWidth = 450;
   }
 

package/dist/cjs/ForbesHero.js

@@ -9,7 +9,7 @@ require('./web.dom.iterable-43c3e277.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
-var moment = require('./moment-3cf060f6.js');
+var moment = require('./moment-66a6a284.js');
 require('react-dom');
 var index$1 = require('./index-b5eb3ff8.js');
 var index$2 = require('./index-fa0fb52c.js');

package/dist/cjs/GridContent.js

@@ -18,23 +18,23 @@ require('./typeof-1869832c.js');
 require('./_is-array-754e012d.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var index = require('./index-fa3cec70.js');
+var index = require('./index-f7ee1612.js');
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
 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-3cf060f6.js');
+var moment = require('./moment-66a6a284.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-9110add6.js');
+var index_es = require('./index.es-ab3f2690.js');
 require('react-dom');
 var visibilitySensor = require('./visibility-sensor-0c45a583.js');
 var index$1 = require('./index-b5eb3ff8.js');
 var index$2 = require('./index-fa0fb52c.js');
-var main = require('./main-00905561.js');
+var main = require('./main-bc4db521.js');
 var entities = require('./entities-310b46ee.js');
 require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
@@ -43,9 +43,9 @@ require('./_set-species-4458e975.js');
 require('./Beam.js');
 require('./Segment.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-4b904089.js');
+var ADInfeed = require('./ADInfeed-8a7f1d50.js');
 var lodash = require('./lodash-fc2922d0.js');
-var ADlgInfeed = require('./ADlgInfeed-f540f438.js');
+var ADlgInfeed = require('./ADlgInfeed-659b82b6.js');
 require('./_arrayMap-3b4a0f75.js');
 var get = require('./get-5dfcdc33.js');
 require('./AD.js');
@@ -514,7 +514,7 @@ var GridContent = function (_React$Component) {
                   )
                 ),
                 showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
-                main.main_36 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+                main.main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
               );
             } else {
               return React__default.createElement(
@@ -578,7 +578,7 @@ var GridContent = function (_React$Component) {
                   )
                 ),
                 showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
-                main.main_36 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+                main.main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
               );
             }
           } else if (row._type === 'lg-infeed' && row.adUnit) {
@@ -595,7 +595,7 @@ var GridContent = function (_React$Component) {
                 {
                   onChange: function onChange(isVisible) {
                     // Passing 'articleCount' instead of index because index will be including the indexes of ads whereas articleCount will be having index of article only.
-                    isVisible && _this2.changePageNumber(pageNumber, itemsPerPage, row.articleCount);
+                    isVisible && _this2.changePageNumber(pageNumber, itemsPerPage, row.articleCount ? row.articleCount : index);
                   } },
                 React__default.createElement(
                   'div',
@@ -648,7 +648,7 @@ var GridContent = function (_React$Component) {
                 )
               ),
               showVideo && (posts.length < numberOfItemsBeforeVideo || index + 1 === numberOfItemsBeforeVideo) && React__default.createElement(VideoPlayer, null),
-              main.main_36 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
+              main.main_39 && _this2.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this2.renderMobileAd(index, numberOfItemsBeforeAd)
             );
           } else return null;
         }) : React__default.createElement(

package/dist/cjs/GridHero.js

@@ -9,7 +9,7 @@ require('./web.dom.iterable-43c3e277.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
-var moment = require('./moment-3cf060f6.js');
+var moment = require('./moment-66a6a284.js');
 require('react-dom');
 var index$1 = require('./index-b5eb3ff8.js');
 var index$2 = require('./index-fa0fb52c.js');

package/dist/cjs/GroupDeck.js

@@ -16,10 +16,10 @@ var index$1 = require('./index-b5eb3ff8.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 var smoothscroll = require('./smoothscroll-95231a70.js');
 
-/*
-GROQ query -
-    accepts an array of title, URL
-`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
+/*
+GROQ query -
+    accepts an array of title, URL
+`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
 */
 
 var GroupDeck = function GroupDeck(props) {

package/dist/cjs/HamMagazine.js

@@ -12,7 +12,7 @@ var React = require('react');
 var React__default = _interopDefault(React);
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
-var main = require('./main-00905561.js');
+var main = require('./main-bc4db521.js');
 var slicedToArray = require('./slicedToArray-8063ee51.js');
 require('./react-social-icons-cd0d9d3b.js');
 require('./iconBase-637d3f1e.js');
@@ -29,15 +29,15 @@ var NavFooter = require('./NavFooter-76c913e3.js');
 var SocialNavFooter = require('./SocialNavFooter-9a07520f.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}
+      />
   */
 
   var logo = props.logo,
@@ -189,7 +189,7 @@ var HamMagazine = function HamMagazine(props) {
 
   return React__default.createElement(
     'header',
-    { className: !main.main_36 && isOpen ? 'nav-open' : 'nav-close', style: { zIndex: '99999' } },
+    { className: !main.main_39 && isOpen ? 'nav-open' : 'nav-close', style: { zIndex: '99999' } },
     React__default.createElement(
       Navbar,
       { expand: 'md', ref: topNavRef },

package/dist/cjs/HorizontalHero.js

@@ -5,7 +5,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 require('./_commonjsHelpers-06173234.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-require('./moment-3cf060f6.js');
+require('./moment-66a6a284.js');
 var index$1 = require('./index-b5eb3ff8.js');
 require('./iconBase-637d3f1e.js');
 var index_esm$2 = require('./index.esm-25423c2f.js');

package/dist/cjs/IssueContentDeck.js

@@ -12,7 +12,7 @@ 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-3cf060f6.js');
+var moment = require('./moment-66a6a284.js');
 require('react-dom');
 var index$1 = require('./index-b5eb3ff8.js');
 var index$2 = require('./index-fa0fb52c.js');

package/dist/cjs/IssueDeck.js

@@ -17,7 +17,7 @@ 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-9110add6.js');
+var index_es = require('./index.es-ab3f2690.js');
 require('react-dom');
 var index$1 = require('./index-b5eb3ff8.js');
 var index$2 = require('./index-fa0fb52c.js');

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-fa3cec70.js');
+require('./index-f7ee1612.js');
 require('prop-types');
 require('react-bootstrap/Card');
-require('./moment-3cf060f6.js');
+require('./moment-66a6a284.js');
 require('next/router');
 require('./isSymbol-488934a7.js');
 require('./debounce-32e57002.js');
-require('./index.es-9110add6.js');
+require('./index.es-ab3f2690.js');
 require('react-dom');
 require('./visibility-sensor-0c45a583.js');
 require('./index-b5eb3ff8.js');
 require('./index-fa0fb52c.js');
-require('./main-00905561.js');
+require('./main-bc4db521.js');
 require('./entities-310b46ee.js');
 require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
@@ -35,44 +35,44 @@ require('./_set-species-4458e975.js');
 require('./Beam.js');
 require('./Segment.js');
 require('./AdSlot.js');
-require('./ADInfeed-4b904089.js');
+require('./ADInfeed-8a7f1d50.js');
 require('./lodash-fc2922d0.js');
-require('./ADlgInfeed-f540f438.js');
+require('./ADlgInfeed-659b82b6.js');
 require('./AuthorComponent-cb8b8128.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-fa3cec70.js');
+require('./index-f7ee1612.js');
 require('prop-types');
 require('./isSymbol-488934a7.js');
 require('./debounce-32e57002.js');
-require('./main-00905561.js');
+require('./main-bc4db521.js');
 require('./slicedToArray-8063ee51.js');
 require('./stringify-7c5aff47.js');
 require('./asyncToGenerator-8e707718.js');