@mjhls/mjh-framework 1.0.731-isi-test → 1.0.731

package/dist/cjs/PubSection.js

@@ -0,0 +1,111 @@
+'use strict';
+
+var asyncToGenerator = require('./asyncToGenerator-2edcb6ad.js');
+var slicedToArray = require('./slicedToArray-db24842a.js');
+var _extends = require('./extends-1e24fc8d.js');
+var React = require('react');
+var QueueDeckExpanded = require('./QueueDeckExpanded.js');
+require('./_commonjsHelpers-06173234.js');
+require('./es6.string.iterator-20d42c53.js');
+require('./_to-object-821a2927.js');
+require('./web.dom.iterable-4480325a.js');
+require('./_library-dd23b178.js');
+require('./core.get-iterator-method-b4615fd3.js');
+require('./_set-species-a8cfdb84.js');
+require('./_iter-detect-2613ffa1.js');
+require('./_object-pie-68c5bcbc.js');
+require('./toConsumableArray-cf0865fc.js');
+require('react-bootstrap');
+require('./index-d48b231c.js');
+require('./index.es-f3e47207.js');
+require('./moment-aca40de1.js');
+require('./visibility-sensor-8b54af99.js');
+require('react-dom');
+require('./index-0e4427c8.js');
+require('prop-types');
+require('next/router');
+require('./index-80f57cff.js');
+require('./main-dc082238.js');
+require('./entities-3f9d0f2f.js');
+require('./ADInfeed-5fe7fd9d.js');
+require('react-bootstrap/Card');
+require('./AdSlot.js');
+require('./debounce-eb287781.js');
+require('./isSymbol-04666465.js');
+require('./Beam.js');
+require('./stringify-01cf47f7.js');
+require('./Segment.js');
+require('./AuthorComponent-5fa89df5.js');
+require('./lodash-4ef21f0f.js');
+require('./ADlgInfeed-a62d2f9b.js');
+require('./getContentCategory-f38a4c00.js');
+require('./timeDifferenceCalc.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _this = undefined;
+
+var PubSection = function PubSection(props) {
+  var pubSection = props.pubSection;
+
+  return React__default['default'].createElement(
+    'div',
+    { id: 'pubSection' },
+    pubSection.publication && pubSection.publication.name && React__default['default'].createElement(
+      'h2',
+      null,
+      pubSection.publication.name
+    ),
+    React__default['default'].createElement(QueueDeckExpanded, _extends._extends({ dataRecord: pubSection.articles }, props))
+  );
+};
+
+PubSection.getInitialProps = function () {
+  var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(ctx, client) {
+    var _ctx$query, publication, issue, section, res, params, query, _ref2, _ref3, pubSection;
+
+    return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _ctx$query = ctx.query, publication = _ctx$query.publication, issue = _ctx$query.issue, section = _ctx$query.section, res = ctx.res;
+            params = {
+              publication: publication,
+              section: section
+            };
+            query = '*[_type == \'publicationSection\'\n    && defined(parent)\n    && parent->identifier == $publication\n    && identifier == $section] {\n      ...,\n      parent->,\n      \'articles\': *[_type == \'article\'\n      \t&& !(_id in path("drafts.**")) \n\t\t    && defined(title) \n\t\t    && defined(url) \n\t\t    && is_visible \n\t\t    && defined(published) \n        && dateTime(published) <= dateTime(now())\n        && passwordLock != true\n        && references(^._id)] {\n          ...,\n          contentCategory->,\n          authorMapping[]->,\n        },\n      \'publication\': *[_type == \'publication\'\n        && identifier.current == $publication] [0]\n    }';
+            _context.next = 5;
+            return client.fetch(query, params);
+
+          case 5:
+            _ref2 = _context.sent;
+            _ref3 = slicedToArray._slicedToArray(_ref2, 1);
+            pubSection = _ref3[0];
+
+            if (pubSection) {
+              _context.next = 11;
+              break;
+            }
+
+            res.statusCode = 404;
+            return _context.abrupt('return', { show404: true });
+
+          case 11:
+            return _context.abrupt('return', { publication: publication, issue: issue, section: section, pubSection: pubSection });
+
+          case 12:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+module.exports = PubSection;

package/dist/cjs/PubToc.js

@@ -0,0 +1,90 @@
+'use strict';
+
+var asyncToGenerator = require('./asyncToGenerator-2edcb6ad.js');
+var slicedToArray = require('./slicedToArray-db24842a.js');
+var React = require('react');
+require('./_commonjsHelpers-06173234.js');
+require('./es6.string.iterator-20d42c53.js');
+require('./_to-object-821a2927.js');
+require('./web.dom.iterable-4480325a.js');
+require('./_library-dd23b178.js');
+require('./core.get-iterator-method-b4615fd3.js');
+require('./_set-species-a8cfdb84.js');
+require('./_iter-detect-2613ffa1.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _this = undefined;
+
+var PubToc = function PubToc(props) {
+  var toc = props.toc;
+
+  return React__default['default'].createElement(
+    'div',
+    { id: 'pubToc' },
+    React__default['default'].createElement(
+      'ul',
+      null,
+      toc && toc.parentSection && Array.isArray(toc.parentSection.sections) && toc.parentSection.sections.map(function (s) {
+        return React__default['default'].createElement(
+          'li',
+          { key: s.identifier },
+          React__default['default'].createElement(
+            'a',
+            { href: s.identifier },
+            s.name
+          )
+        );
+      })
+    )
+  );
+};
+
+PubToc.getInitialProps = function () {
+  var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(ctx, client) {
+    var _ctx$query, publication, issue, res, params, query, _ref2, _ref3, toc;
+
+    return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _ctx$query = ctx.query, publication = _ctx$query.publication, issue = _ctx$query.issue, res = ctx.res;
+            params = {
+              publication: publication
+            };
+            query = '*[_type == \'publication\'\n    && identifier.current == $publication] {\n      ...,\n      \'parentSection\': *[_type == \'publicationSection\'\n        && name == ^.name\n        && !defined(parent)] [0] {\n          ...,\n          \'sections\': *[_type == \'publicationSection\'\n            && references(^._id)]\n        }\n    }';
+            _context.next = 5;
+            return client.fetch(query, params);
+
+          case 5:
+            _ref2 = _context.sent;
+            _ref3 = slicedToArray._slicedToArray(_ref2, 1);
+            toc = _ref3[0];
+
+            if (!(!toc || !toc.parentSection)) {
+              _context.next = 11;
+              break;
+            }
+
+            res.statusCode = 404;
+            return _context.abrupt('return', { show404: true });
+
+          case 11:
+            return _context.abrupt('return', { publication: publication, issue: issue, toc: toc });
+
+          case 12:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+module.exports = PubToc;

package/dist/cjs/PublicationLanding.js

@@ -380,39 +380,39 @@ module.exports = { "default": set, __esModule: true };
 
 var _Set = _commonjsHelpers.unwrapExports(set$1);
 
-/* usage & query
-const Publication = (props) => {
-  const { cache, pub, year } = props
-
-  const targeting = {
-    content_placement: [`/journals/${pub.identifier.current}`],
-    document_url: [`/journals/${pub.identifier.current}`],
-  }
-
-  return (
-    <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
-      <PublicationLanding publication={pub} year={year} href={'journals'} />
-    </Shell>
-  )
-}
-
-Publication.getInitialProps = async (ctx) => {
-  const { query } = ctx
-  const {
-    query: { year },
-  } = ctx
-  const pub = await client.fetch(getQuery('publication'), query)
-  const builder = imageUrlBuilder(client)
-  const urlFor = (source) => {
-    return builder.image(source)
-  }
-  pub.issues.map((issue) => {
-    issue.thumbnail = urlFor(issue.thumbnail).url()
-  })
-  return { pub, year }
-}
-
-export default Publication
+/* usage & query
+const Publication = (props) => {
+  const { cache, pub, year } = props
+
+  const targeting = {
+    content_placement: [`/journals/${pub.identifier.current}`],
+    document_url: [`/journals/${pub.identifier.current}`],
+  }
+
+  return (
+    <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
+      <PublicationLanding publication={pub} year={year} href={'journals'} />
+    </Shell>
+  )
+}
+
+Publication.getInitialProps = async (ctx) => {
+  const { query } = ctx
+  const {
+    query: { year },
+  } = ctx
+  const pub = await client.fetch(getQuery('publication'), query)
+  const builder = imageUrlBuilder(client)
+  const urlFor = (source) => {
+    return builder.image(source)
+  }
+  pub.issues.map((issue) => {
+    issue.thumbnail = urlFor(issue.thumbnail).url()
+  })
+  return { pub, year }
+}
+
+export default Publication
 */
 
 var generateContentPlacements = function generateContentPlacements(issues) {

package/dist/cjs/RelatedContent.js

@@ -13,34 +13,34 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/*
-Sample query
-                let references = ''
-                if(article.taxonomyMapping.length > 0){
-                    article.taxonomyMapping.forEach((ref, index) => {
-                    references = references + `references('${ref._ref}') `
-                    if(index+1 !== article.taxonomyMapping.length){
-                        references = references + ` && `
-                    }
-                    })
-                }
-                
-                const relatedArticlesQuery = `*[!(_id in path("drafts.**")) && _type == "article" && title !='${article.title}' && defined(title) && is_visible == true && ( references('article.documentGroup._id') || ${references} ) && published <= '${today}'] | order(published desc) [0...4] {
-                    ...,
-                    title,
-                    summary,
-                    thumbnail,
-                    url,
-                    published,
-                    authorMapping[]->,
-                    contentCategory->
-                }`
-                const relatedArticles = await client.fetch(relatedArticlesQuery)
-
-Sample usage
-            <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
-
-
+/*
+Sample query
+                let references = ''
+                if(article.taxonomyMapping.length > 0){
+                    article.taxonomyMapping.forEach((ref, index) => {
+                    references = references + `references('${ref._ref}') `
+                    if(index+1 !== article.taxonomyMapping.length){
+                        references = references + ` && `
+                    }
+                    })
+                }
+                
+                const relatedArticlesQuery = `*[!(_id in path("drafts.**")) && _type == "article" && title !='${article.title}' && defined(title) && is_visible == true && ( references('article.documentGroup._id') || ${references} ) && published <= '${today}'] | order(published desc) [0...4] {
+                    ...,
+                    title,
+                    summary,
+                    thumbnail,
+                    url,
+                    published,
+                    authorMapping[]->,
+                    contentCategory->
+                }`
+                const relatedArticles = await client.fetch(relatedArticlesQuery)
+
+Sample usage
+            <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
+
+
 */
 var RelatedContent = function RelatedContent(props) {
   var client = props.client,

package/dist/cjs/RelatedTopicsDropdown.js

@@ -22,16 +22,16 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
       _ref$className = _ref.className,
       className = _ref$className === undefined ? '' : _ref$className;
 
-  /*
-  Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
-  example:
-  <RelatedTopicDropdown
-      page='/clinical'
-      exclude="clinical"
-      className='mb-3'
-      parentTaxonomy={props.parentTaxonomy}
-      subTaxonomies={props.subTaxonomies}
-  />
+  /*
+  Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
+  example:
+  <RelatedTopicDropdown
+      page='/clinical'
+      exclude="clinical"
+      className='mb-3'
+      parentTaxonomy={props.parentTaxonomy}
+      subTaxonomies={props.subTaxonomies}
+  />
   */
   if (subTaxonomies.length === 0 && parentTaxonomy) {
     if (parentTaxonomy.identifier == exclude) {

package/dist/cjs/SideFooter.js

@@ -40,8 +40,8 @@ var renderLink = function renderLink(row) {
 };
 
 var SideFooter = function SideFooter(props) {
-  /*
-  useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
+  /*
+  useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
   */
   var _get = get.get_1(props, 'cache.siteSettingCache', {}),
       socialLinks = _get.socialLinks,

package/dist/cjs/VideoSeriesCard.js

@@ -20,7 +20,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var css = ".VideoSeriesCard-module_article__Hlc3e {\n  width: 100%;\n  margin: 0 0 1rem 0;\n}\n.VideoSeriesCard-module_article__Hlc3e a {\n  display: flex;\n  width: 100%;\n  color: #000000;\n}\n.VideoSeriesCard-module_thumb__3hGyJ {\n  width: 25%;\n}\n.VideoSeriesCard-module_thumb__3hGyJ img {\n  width: 100%;\n  height: auto;\n}\n.VideoSeriesCard-module_info__2_i1N {\n  width: 75%;\n  font-size: 1rem;\n}\n.VideoSeriesCard-module_info__2_i1N h2 {\n  font-weight: bold;\n  font-size: 1.25rem;\n  margin: 0;\n}\n.VideoSeriesCard-module_published__1fI0q {\n  color: #6d6d6d;\n  margin: 0;\n}\n.VideoSeriesCard-module_summary__3hWJT {\n  margin: 0.5rem 0 0 0;\n}\n.VideoSeriesCard-module_author__aU35o {\n  margin: 0;\n}\n.VideoSeriesCard-module_author__aU35o span {\n  color: #6d6d6d;\n}\n@media only screen and (max-width: 568px) {\n  .VideoSeriesCard-module_article__Hlc3e {\n    margin: 1rem 0;\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n  }\n  .VideoSeriesCard-module_article__Hlc3e a {\n    flex-direction: column;\n    align-items: center;\n  }\n  .VideoSeriesCard-module_thumb__3hGyJ {\n    overflow: hidden;\n    width: 100%;\n    margin-bottom: 1rem;\n  }\n  .VideoSeriesCard-module_thumb__3hGyJ img{\n    border-radius: 10px 10px 0 0;    \n  }\n  .VideoSeriesCard-module_thumb__3hGyJ figure {\n    margin: 0;\n  }\n  .VideoSeriesCard-module_info__2_i1N {\n    width: 90%;\n    padding: 1rem !important;\n  }\n  .VideoSeriesCard-module_info__2_i1N h2 {\n    font-size: 1rem;\n  }\n}\n";
+var css = ".VideoSeriesCard-module_article__Hlc3e {\r\n  width: 100%;\r\n  margin: 0 0 1rem 0;\r\n}\r\n.VideoSeriesCard-module_article__Hlc3e a {\r\n  display: flex;\r\n  width: 100%;\r\n  color: #000000;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ {\r\n  width: 25%;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ img {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N {\r\n  width: 75%;\r\n  font-size: 1rem;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N h2 {\r\n  font-weight: bold;\r\n  font-size: 1.25rem;\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_published__1fI0q {\r\n  color: #6d6d6d;\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_summary__3hWJT {\r\n  margin: 0.5rem 0 0 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o {\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o span {\r\n  color: #6d6d6d;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n  .VideoSeriesCard-module_article__Hlc3e {\r\n    margin: 1rem 0;\r\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n  }\r\n  .VideoSeriesCard-module_article__Hlc3e a {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ {\r\n    overflow: hidden;\r\n    width: 100%;\r\n    margin-bottom: 1rem;\r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ img{\r\n    border-radius: 10px 10px 0 0;    \r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ figure {\r\n    margin: 0;\r\n  }\r\n  .VideoSeriesCard-module_info__2_i1N {\r\n    width: 90%;\r\n    padding: 1rem !important;\r\n  }\r\n  .VideoSeriesCard-module_info__2_i1N h2 {\r\n    font-size: 1rem;\r\n  }\r\n}\r\n";
 var styles = { "article": "VideoSeriesCard-module_article__Hlc3e", "thumb": "VideoSeriesCard-module_thumb__3hGyJ", "info": "VideoSeriesCard-module_info__2_i1N", "published": "VideoSeriesCard-module_published__1fI0q", "summary": "VideoSeriesCard-module_summary__3hWJT", "author": "VideoSeriesCard-module_author__aU35o" };
 styleInject_es.styleInject(css);
 

package/dist/cjs/View.js

@@ -18,7 +18,7 @@ var Button = require('react-bootstrap/Button');
 var getSerializers = require('./index-5260126b.js');
 var SocialShare = require('./SocialShare.js');
 var AdSlot = require('./AdSlot.js');
-var getTargeting = require('./getTargeting-963303c6.js');
+var getTargeting = require('./getTargeting-497b581d.js');
 var getKeywords = require('./getKeywords.js');
 var urlFor = require('./urlFor.js');
 var _typeof = require('./typeof-97065d40.js');
@@ -206,13 +206,7 @@ var ISI = function ISI(props) {
       active = _useState2[0],
       setActive = _useState2[1];
 
-  var _useState3 = React.useState(false),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      bottomOfArticle = _useState4[0],
-      setbottomOfArticle = _useState4[1];
-
   var isi = React.useRef();
-
   React.useEffect(function () {
     if (active) {
       var offset = '5rem';
@@ -227,72 +221,6 @@ var ISI = function ISI(props) {
       isi.current.style.overflowY = '';
     }
   }, [active]);
-  React.useEffect(function () {
-    var detectBottomOfArticle = function detectBottomOfArticle() {
-      var article_body = document.getElementById('article__block');
-      var isi = document.getElementById('isi');
-      var articleBottomPosition = article_body.getBoundingClientRect().bottom - window.innerHeight;
-      console.log(articleBottomPosition, bottomOfArticle);
-      if (articleBottomPosition < 30 && !isi.classList.contains('in-view')) {
-        setbottomOfArticle(true);
-      }
-      if (articleBottomPosition > 60 && isi.classList.contains('in-view')) {
-        setbottomOfArticle(false);
-      }
-    };
-    window.addEventListener('scroll', detectBottomOfArticle);
-    return function () {
-      return window.removeEventListener('scroll', detectBottomOfArticle);
-    };
-  }, []);
-
-  React.useEffect(function () {
-    var isi = document.getElementById('isi');
-    if (bottomOfArticle) {
-      toggleSticky(true);
-      isi.classList.add('in-view');
-      if (active) {
-        setActive(false);
-      }
-    }
-    if (!bottomOfArticle) {
-      toggleSticky(false);
-      isi.classList.remove('in-view');
-    }
-  }, [bottomOfArticle]);
-
-  var toggleSticky = function toggleSticky(sticky) {
-    var isiToggle = document.getElementById('isiToggle');
-    var isiContent = document.getElementById('isiContent');
-    var isi = document.getElementById('isi');
-    if (sticky) {
-      isi.style.bottom = '-200px';
-      setTimeout(function () {
-        isi.style.maxHeight = 'unset';
-        isi.style.position = 'relative';
-        isi.style.boxShadow = 'none';
-        isi.style.zIndex = '1';
-        isi.style.marginTop = '-25rem';
-        isi.style.marginBottom = '15rem';
-        isiToggle.style.display = 'none';
-        isiContent.style.padding = '0';
-      }, 300);
-    } else if (!sticky) {
-
-      isi.style.marginBottom = '0';
-      isi.style.maxHeight = '12rem';
-      isi.style.position = 'fixed';
-      isi.style.boxShadow = '0 0 1rem 0 rgba(0, 0, 0, 0.5)';
-      isi.style.zIndex = '99999';
-
-      isiToggle.style.display = 'block';
-      isiContent.style.padding = '1rem';
-      setTimeout(function () {
-        isi.style.bottom = '0';
-        isi.style.marginTop = '0';
-      }, 300);
-    }
-  };
   return React__default['default'].createElement(
     React__default['default'].Fragment,
     null,
@@ -327,12 +255,12 @@ var ISI = function ISI(props) {
     React__default['default'].createElement(
       'style',
       { jsx: true },
-      '\n        #isi {\n          position: fixed;\n          z-index: 9999999;\n          bottom: 0;\n          left: 0;\n          max-height: 12rem;\n          background-color: #ffffff;\n          overflow-x: hidden;\n          overflow-y: hidden;\n          width: 100%;\n          box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);\n          transition: bottom .5s ease , margin-top .3s, max-height .2s;\n        }\n        #isiContent {\n          width: 100%;\n          max-width: 1000px;\n          margin-left: auto;\n          margin-right: auto;\n          position: relative;\n          padding: 1rem;\n          font-size: 1rem;\n        }\n        #isi::-webkit-scrollbar {\n          display: none;\n        }\n        #isiToggle {\n          position: absolute;\n          top: 0;\n          right: 0;\n          padding: 1rem;\n          font-weight: bold;\n          cursor: pointer;\n          font-size: 1rem;\n        }\n        #isiToggle p {\n          margin: 0;\n        }\n      '
+      '\n        #isi {\n          position: fixed;\n          z-index: 99999;\n          bottom: 0;\n          left: 0;\n          max-height: 10rem;\n          background-color: #ffffff;\n          overflow-x: hidden;\n          overflow-y: hidden;\n          transition: max-height 0.2s;\n          width: 100%;\n          box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);\n        }\n        #isiContent {\n          width: 100%;\n          max-width: 1000px;\n          margin-left: auto;\n          margin-right: auto;\n          position: relative;\n          padding: 1rem;\n          font-size: 1rem;\n        }\n        #isi::-webkit-scrollbar {\n          display: none;\n        }\n        #isiToggle {\n          position: absolute;\n          top: 0;\n          right: 0;\n          padding: 1rem;\n          font-weight: bold;\n          cursor: pointer;\n          font-size: 1rem;\n        }\n        #isiToggle p {\n          margin: 0;\n        }\n      '
     )
   );
 };
 
-var css = ".RelatedArticles-module_mediaContainer__10h9k {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  margin: 0 -1rem;\n}\n.RelatedArticles-module_mediaCard__3wQbn {\n  margin: 0 1rem 1rem;\n  width: calc(33% - 1rem);\n  display: column;\n  flex-direction: row;\n  margin-bottom: 0.75rem;\n  padding-bottom: 0.75rem;\n  border-bottom: none;\n}\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\n  border-bottom: none;\n}\n.RelatedArticles-module_cardTitle__3P-Ib {\n  font-weight: bold;\n  color: #252525;\n  margin-bottom: 0.25rem;\n  font-size: 15px;\n}\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\n  color: #000;\n  font-weight: bold;\n}\n.RelatedArticles-module_cardDate__1wOR5 {\n  color: var(--dark);\n  display: block;\n  background: #fff !important;\n  margin-bottom: 0;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 {\n  display: block;\n  text-align: center;\n  margin-bottom: 0.5rem;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\n  height: 135px;\n  width: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n@media screen and (max-width: 1064px) {\n}\n@media screen and (max-width: 968px) {\n  .RelatedArticles-module_mediaContainer__10h9k {\n    flex-wrap: wrap;\n  }\n  .RelatedArticles-module_imgWrapper__5Jx_4 {\n    display: none;\n  }\n  .RelatedArticles-module_mediaCard__3wQbn {\n    width: 100%;\n    margin-bottom: 0.5rem;\n    padding: 0;\n  }\n  .RelatedArticles-module_cardTitle__3P-Ib {\n    font-size: 0.75rem;\n    margin-bottom: 0;\n  }\n}\n";
+var css = ".RelatedArticles-module_mediaContainer__10h9k {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  margin: 0 -1rem;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn {\r\n  margin: 0 1rem 1rem;\r\n  width: calc(33% - 1rem);\r\n  display: column;\r\n  flex-direction: row;\r\n  margin-bottom: 0.75rem;\r\n  padding-bottom: 0.75rem;\r\n  border-bottom: none;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\r\n  border-bottom: none;\r\n}\r\n.RelatedArticles-module_cardTitle__3P-Ib {\r\n  font-weight: bold;\r\n  color: #252525;\r\n  margin-bottom: 0.25rem;\r\n  font-size: 15px;\r\n}\r\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\r\n  color: #000;\r\n  font-weight: bold;\r\n}\r\n.RelatedArticles-module_cardDate__1wOR5 {\r\n  color: var(--dark);\r\n  display: block;\r\n  background: #fff !important;\r\n  margin-bottom: 0;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 {\r\n  display: block;\r\n  text-align: center;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\r\n  height: 135px;\r\n  width: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n@media screen and (max-width: 1064px) {\r\n}\r\n@media screen and (max-width: 968px) {\r\n  .RelatedArticles-module_mediaContainer__10h9k {\r\n    flex-wrap: wrap;\r\n  }\r\n  .RelatedArticles-module_imgWrapper__5Jx_4 {\r\n    display: none;\r\n  }\r\n  .RelatedArticles-module_mediaCard__3wQbn {\r\n    width: 100%;\r\n    margin-bottom: 0.5rem;\r\n    padding: 0;\r\n  }\r\n  .RelatedArticles-module_cardTitle__3P-Ib {\r\n    font-size: 0.75rem;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n";
 var styles = { "mediaContainer": "RelatedArticles-module_mediaContainer__10h9k", "mediaCard": "RelatedArticles-module_mediaCard__3wQbn", "cardTitle": "RelatedArticles-module_cardTitle__3P-Ib", "authorListing": "RelatedArticles-module_authorListing__1EFg4", "text-muted": "RelatedArticles-module_text-muted__3b0zX", "cardDate": "RelatedArticles-module_cardDate__1wOR5", "imgWrapper": "RelatedArticles-module_imgWrapper__5Jx_4" };
 styleInject_es.styleInject(css);
 
@@ -887,7 +815,7 @@ var Article = function Article(props) {
           } },
         React__default['default'].createElement(
           'div',
-          { id: 'article__block' },
+          null,
           React__default['default'].createElement(
             'div',
             { className: 'video-detail', style: { marginBottom: isCutomPage(props.article) || showIsi && Array.isArray(isi) && isi.length > 0 ? '15rem' : 0 } },
@@ -1106,7 +1034,7 @@ var Article = function Article(props) {
           )
         )
       ),
-      props.infiniteScroll && React__default['default'].createElement('hr', { className: 'article-seperater mb-5 mt-3' })
+      React__default['default'].createElement('hr', { className: 'article-seperater mb-5 mt-3' })
     );
   };
 

package/dist/cjs/YoutubeGroup.js

@@ -23,10 +23,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/*
-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 YoutubeGroup = function YoutubeGroup(props) {

package/dist/cjs/{getTargeting-963303c6.js → getTargeting-497b581d.js}

@@ -4,18 +4,18 @@ var _extends = require('./extends-1e24fc8d.js');
 var toConsumableArray = require('./toConsumableArray-cf0865fc.js');
 
 var getContentPlacementUrl = function getContentPlacementUrl(cp) {
-  var cp_url = '';
-  if (cp.ancestor && typeof cp.ancestor == 'string') {
-    cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
-  }
+    var cp_url = '';
+    if (cp.ancestor && typeof cp.ancestor == 'string') {
+        cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
+    }
 
-  if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
-    cp_url += (cp_url === '' ? '' : '/') + cp.parent;
-  }
+    if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
+        cp_url += (cp_url === '' ? '' : '/') + cp.parent;
+    }
 
-  cp_url += (cp_url === '' ? '' : '/') + cp.path;
+    cp_url += (cp_url === '' ? '' : '/') + cp.path;
 
-  return cp_url;
+    return cp_url;
 };
 
 var getTargeting = function getTargeting(props) {

package/dist/cjs/getTargeting.js

@@ -2,7 +2,7 @@
 
 require('./extends-1e24fc8d.js');
 require('./toConsumableArray-cf0865fc.js');
-var getTargeting = require('./getTargeting-963303c6.js');
+var getTargeting = require('./getTargeting-497b581d.js');
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-821a2927.js');
 require('./_object-pie-68c5bcbc.js');