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

package/dist/esm/NavMagazine.js

@@ -29,16 +29,16 @@ import 'react-bootstrap/FormControl';
 import 'react-bootstrap/Button';
 
 var NavMagazine = function NavMagazine(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     user={props.cache.user}
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     user={props.cache.user}
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black

package/dist/esm/NavNative.js

@@ -26,15 +26,15 @@ import './_set-species-494ed292.js';
 import './_iter-detect-48516cd3.js';
 
 var NavNative = function NavNative(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
   // Setting 'socialIconVariant' as 'dark' as default to make the social icons and search icon black
   var logo = props.logo,

package/dist/esm/PubSection.js

@@ -0,0 +1,105 @@
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-2bd4099a.js';
+import { _ as _slicedToArray } from './slicedToArray-cdeaee08.js';
+import { _ as _extends } from './extends-31d65aba.js';
+import React from 'react';
+import QueueDeckExpanded from './QueueDeckExpanded.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './es6.string.iterator-aa6068a3.js';
+import './_to-object-97770c52.js';
+import './web.dom.iterable-035980f3.js';
+import './_library-528f1934.js';
+import './core.get-iterator-method-d1d5ed02.js';
+import './_set-species-494ed292.js';
+import './_iter-detect-48516cd3.js';
+import './_object-pie-33c40e79.js';
+import './toConsumableArray-fa2dcda7.js';
+import 'react-bootstrap';
+import './index-3f5c03b2.js';
+import './index.es-c6222053.js';
+import './moment-bc12cb97.js';
+import './visibility-sensor-082c757b.js';
+import 'react-dom';
+import './index-888f9253.js';
+import 'prop-types';
+import 'next/router';
+import './index-752d1dae.js';
+import './main-1450d277.js';
+import './entities-932b50cf.js';
+import './ADInfeed-3a9eef39.js';
+import 'react-bootstrap/Card';
+import './AdSlot.js';
+import './debounce-1a993acf.js';
+import './isSymbol-807e927e.js';
+import './Beam.js';
+import './stringify-d4839bab.js';
+import './Segment.js';
+import './AuthorComponent-c7ff069f.js';
+import './lodash-ad27652f.js';
+import './ADlgInfeed-8d63ff91.js';
+import './getContentCategory-15dcc413.js';
+import './timeDifferenceCalc.js';
+
+var _this = undefined;
+
+var PubSection = function PubSection(props) {
+  var pubSection = props.pubSection;
+
+  return React.createElement(
+    'div',
+    { id: 'pubSection' },
+    pubSection.publication && pubSection.publication.name && React.createElement(
+      'h2',
+      null,
+      pubSection.publication.name
+    ),
+    React.createElement(QueueDeckExpanded, _extends({ dataRecord: pubSection.articles }, props))
+  );
+};
+
+PubSection.getInitialProps = function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(ctx, client) {
+    var _ctx$query, publication, issue, section, res, params, query, _ref2, _ref3, pubSection;
+
+    return 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(_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);
+  };
+}();
+
+export default PubSection;

package/dist/esm/PubToc.js

@@ -0,0 +1,84 @@
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-2bd4099a.js';
+import { _ as _slicedToArray } from './slicedToArray-cdeaee08.js';
+import React from 'react';
+import './_commonjsHelpers-0c4b6f40.js';
+import './es6.string.iterator-aa6068a3.js';
+import './_to-object-97770c52.js';
+import './web.dom.iterable-035980f3.js';
+import './_library-528f1934.js';
+import './core.get-iterator-method-d1d5ed02.js';
+import './_set-species-494ed292.js';
+import './_iter-detect-48516cd3.js';
+
+var _this = undefined;
+
+var PubToc = function PubToc(props) {
+  var toc = props.toc;
+
+  return React.createElement(
+    'div',
+    { id: 'pubToc' },
+    React.createElement(
+      'ul',
+      null,
+      toc && toc.parentSection && Array.isArray(toc.parentSection.sections) && toc.parentSection.sections.map(function (s) {
+        return React.createElement(
+          'li',
+          { key: s.identifier },
+          React.createElement(
+            'a',
+            { href: s.identifier },
+            s.name
+          )
+        );
+      })
+    )
+  );
+};
+
+PubToc.getInitialProps = function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(ctx, client) {
+    var _ctx$query, publication, issue, res, params, query, _ref2, _ref3, toc;
+
+    return 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(_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);
+  };
+}();
+
+export default PubToc;

package/dist/esm/PublicationLanding.js

@@ -370,39 +370,39 @@ module.exports = { "default": set, __esModule: true };
 
 var _Set = 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/esm/QueueDeckExpanded.js

@@ -1501,7 +1501,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
       React.createElement(
         Container,
         null,
-        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd, showPubInfo, contentCategoryMapping, showTimeDiff, showTaxonomies, showIntro)
+        cardLoader(data, builder, mapping, values, seoPaginate, pageview, router, currentPage, setCurrentPage, showPublished, defaultImage, showAuthor, showCategory, imageHeight, imageWidth, rightItems, brandInsightAd, showBI, itemsPerPage, heroContent, lgInfeedAd, showPubInfo, contentCategoryMapping, showTimeDiff, showTaxonomies, showIntro)
       ),
       React.createElement(
         'div',
@@ -1509,6 +1509,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
         scrolling ? React.createElement(
           'button',
           {
+            className: 'load-more-btn',
             style: { margin: 'auto', width: '100%' },
             onClick: function onClick(e) {
               loadMore(values, setValues, per);

package/dist/esm/RelatedContent.js

@@ -7,34 +7,34 @@ import './_commonjsHelpers-0c4b6f40.js';
 import 'react-dom';
 import 'prop-types';
 
-/*
-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/esm/RelatedTopicsDropdown.js

@@ -14,16 +14,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/esm/SideFooter.js

@@ -34,8 +34,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_1(props, 'cache.siteSettingCache', {}),
       socialLinks = _get.socialLinks,

package/dist/esm/VideoSeriesCard.js

@@ -14,7 +14,7 @@ import './_object-pie-33c40e79.js';
 import './_library-528f1934.js';
 import 'react-dom';
 
-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(css);
 

package/dist/esm/View.js

@@ -16,7 +16,7 @@ import Button from 'react-bootstrap/Button';
 import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-d6ad9248.js';
 import SocialShare from './SocialShare.js';
 import DFPAdSlot from './AdSlot.js';
-import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-85315091.js';
+import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-2d402d66.js';
 import getKeywords from './getKeywords.js';
 import urlFor from './urlFor.js';
 import { _ as _typeof } from './typeof-e9cea9e8.js';
@@ -196,13 +196,7 @@ var ISI = function ISI(props) {
       active = _useState2[0],
       setActive = _useState2[1];
 
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      bottomOfArticle = _useState4[0],
-      setbottomOfArticle = _useState4[1];
-
   var isi = useRef();
-
   useEffect(function () {
     if (active) {
       var offset = '5rem';
@@ -217,72 +211,6 @@ var ISI = function ISI(props) {
       isi.current.style.overflowY = '';
     }
   }, [active]);
-  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);
-    };
-  }, []);
-
-  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.createElement(
     React.Fragment,
     null,
@@ -317,12 +245,12 @@ var ISI = function ISI(props) {
     React.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(css);
 
@@ -877,7 +805,7 @@ var Article = function Article(props) {
           } },
         React.createElement(
           'div',
-          { id: 'article__block' },
+          null,
           React.createElement(
             'div',
             { className: 'video-detail', style: { marginBottom: isCutomPage(props.article) || showIsi && Array.isArray(isi) && isi.length > 0 ? '15rem' : 0 } },
@@ -1096,7 +1024,7 @@ var Article = function Article(props) {
           )
         )
       ),
-      props.infiniteScroll && React.createElement('hr', { className: 'article-seperater mb-5 mt-3' })
+      React.createElement('hr', { className: 'article-seperater mb-5 mt-3' })
     );
   };
 

package/dist/esm/YoutubeGroup.js

@@ -17,10 +17,10 @@ import './core.get-iterator-method-d1d5ed02.js';
 import 'react-dom';
 import 'prop-types';
 
-/*
-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/esm/{getTargeting-85315091.js → getTargeting-2d402d66.js}

@@ -2,18 +2,18 @@ import { _ as _extends } from './extends-31d65aba.js';
 import { _ as _toConsumableArray } from './toConsumableArray-fa2dcda7.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/esm/getTargeting.js

@@ -1,6 +1,6 @@
 import './extends-31d65aba.js';
 import './toConsumableArray-fa2dcda7.js';
-export { g as default } from './getTargeting-85315091.js';
+export { g as default } from './getTargeting-2d402d66.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-97770c52.js';
 import './_object-pie-33c40e79.js';