@mjhls/mjh-framework 1.0.603 → 1.0.604-hamMagazine-v5

package/dist/esm/NavMagazine.js

@@ -15,30 +15,29 @@ import './_set-species-75f77d40.js';
 import { S as Segment } from './beam-c40d77ae.js';
 import './react-social-icons-a7d5c5c7.js';
 import { I as IconContext } from './iconBase-602d52fe.js';
-import { b as IoMdLogIn } from './index.esm-4b1d94b7.js';
+import { b as IoMdLogIn } from './index.esm-85cb09e6.js';
 import Button from 'react-bootstrap/Button';
 import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';
 import NavDropdown from 'react-bootstrap/NavDropdown';
 import { M as MdEmail } from './index.esm-b08f4b04.js';
 import { N as NavFooter } from './NavFooter-e27bd93b.js';
-import { S as SocialNavFooter } from './SocialNavFooter-4fb16720.js';
+import { S as SocialNavFooter, G as GoSearch } from './index.esm-73e847d2.js';
 import SocialIcons from './SocialIcons.js';
-import { G as GoSearch } from './index.esm-16536e81.js';
 import Form from 'react-bootstrap/Form';
 import FormControl from 'react-bootstrap/FormControl';
 
 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

@@ -20,22 +20,21 @@ import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';
 import NavDropdown from 'react-bootstrap/NavDropdown';
 import { N as NavFooter } from './NavFooter-e27bd93b.js';
-import { S as SocialNavFooter } from './SocialNavFooter-4fb16720.js';
+import { S as SocialNavFooter, G as GoSearch } from './index.esm-73e847d2.js';
 import SocialIcons from './SocialIcons.js';
-import { G as GoSearch } from './index.esm-16536e81.js';
 import Form from 'react-bootstrap/Form';
 import FormControl from 'react-bootstrap/FormControl';
 
 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/OncliveHero.js

@@ -1,7 +1,7 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
 import { m as moment } from './moment-e2f9b20c.js';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import './iconBase-602d52fe.js';
 import 'react-bootstrap/Badge';
 import './index.esm-9a4c8813.js';

package/dist/esm/OncliveLargeHero.js

@@ -6,7 +6,7 @@ import React__default from 'react';
 import 'prop-types';
 import { m as moment } from './moment-e2f9b20c.js';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-a58d7edf.js';

package/dist/esm/PartnerDetailListing.js

@@ -24,7 +24,7 @@ import './debounce-a0d9abca.js';
 import './index.es-29c1cef5.js';
 import 'react-dom';
 import './visibility-sensor-0baa4eea.js';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import './index-5f9f807a.js';
 import './main-d7ee6151.js';
 import './entities-7cc3bf45.js';
@@ -35,16 +35,16 @@ import './_set-species-75f77d40.js';
 import './beam-c40d77ae.js';
 import './AdSlot.js';
 import './ADInfeed-541eaae3.js';
-import './lodash-17fdfebb.js';
+import './lodash-ec8c6b48.js';
 import './ADlgInfeed-25c3d142.js';
 import './AuthorComponent-4ddf3533.js';
-import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
+import { B as BlockContent } from './BlockContent-c409aca5.js';
 import { s as smoothscroll } from './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import 'react-bootstrap/Button';
-import { g as getSerializers } from './index-599efdf0.js';
+import { g as getSerializers } from './index-1c791baf.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/PublicationDeck.js

@@ -5,9 +5,9 @@ import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
-import { l as lodash } from './lodash-17fdfebb.js';
+import { l as lodash } from './lodash-ec8c6b48.js';
 import Button from 'react-bootstrap/Button';
 
 var PublicationDeck = function PublicationDeck(props) {

package/dist/esm/PublicationLanding.js

@@ -369,39 +369,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 PublicationLanding = function PublicationLanding(props) {

package/dist/esm/QueueDeckExpanded.js

@@ -18,7 +18,7 @@ import './debounce-a0d9abca.js';
 import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { m as main_36 } from './main-d7ee6151.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
@@ -29,7 +29,7 @@ import './_set-species-75f77d40.js';
 import './beam-c40d77ae.js';
 import './AdSlot.js';
 import { A as ADInfeed } from './ADInfeed-541eaae3.js';
-import { l as lodash } from './lodash-17fdfebb.js';
+import { l as lodash } from './lodash-ec8c6b48.js';
 import { A as ADlgInfeed } from './ADlgInfeed-25c3d142.js';
 import { A as AuthorComponent } from './AuthorComponent-4ddf3533.js';
 import { Container, Media } from 'react-bootstrap';

package/dist/esm/RecentNews.js

@@ -1,7 +1,7 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
 import './moment-e2f9b20c.js';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import './iconBase-602d52fe.js';
 import { a as FaLongArrowAltRight } from './index.esm-9a4c8813.js';
 

package/dist/esm/RelatedContent.js

@@ -1,37 +1,37 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
 import { m as moment } from './moment-e2f9b20c.js';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import 'react-bootstrap/Media';
 
-/*
-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

@@ -33,8 +33,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/SocialShare.js

@@ -13,7 +13,9 @@ var SocialShare = function SocialShare(props) {
       siteName = props.siteName,
       twitterSiteName = props.twitterSiteName,
       _props$disableMeta = props.disableMeta,
-      disableMeta = _props$disableMeta === undefined ? false : _props$disableMeta;
+      disableMeta = _props$disableMeta === undefined ? false : _props$disableMeta,
+      hidePinterest = props.hidePinterest,
+      hideFacebook = props.hideFacebook;
 
   return React__default.createElement(
     React__default.Fragment,
@@ -32,7 +34,7 @@ var SocialShare = function SocialShare(props) {
       React__default.createElement('meta', { name: 'twitter:site', content: twitterSiteName, key: 'og:site' }),
       React__default.createElement('meta', { name: 'twitter:description', content: shareSummary, key: 'og:description' })
     ),
-    React__default.createElement(
+    !hideFacebook && React__default.createElement(
       FacebookShareButton,
       { url: shareUrl, quote: shareTitle },
       React__default.createElement(FacebookIcon, { size: size, round: true })
@@ -47,7 +49,7 @@ var SocialShare = function SocialShare(props) {
       { url: shareUrl, title: shareTitle, via: shareVia },
       React__default.createElement(LinkedinIcon, { size: size, round: true })
     ),
-    !props.hidePinterest && React__default.createElement(
+    !hidePinterest && React__default.createElement(
       PinterestShareButton,
       { url: shareUrl, media: shareImage, description: shareSummary },
       React__default.createElement(PinterestIcon, { size: size, round: true })

package/dist/esm/TaxonomyCard.js

@@ -9,9 +9,9 @@ import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
-import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
+import { B as BlockContent } from './BlockContent-c409aca5.js';
 import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
 
 var TaxonomyCard = function TaxonomyCard(props) {

package/dist/esm/TemplateNormal.js

@@ -25,7 +25,7 @@ import './get-58d2f7cc.js';
 import './react-social-icons-a7d5c5c7.js';
 import 'react-bootstrap';
 import './iconBase-602d52fe.js';
-import './index.esm-4b1d94b7.js';
+import './index.esm-85cb09e6.js';
 import 'react-bootstrap/Button';
 import { Column1 } from './Column1.js';
 import './SideFooter.js';
@@ -44,9 +44,8 @@ import 'react-bootstrap/Navbar';
 import 'react-bootstrap/NavDropdown';
 import './index.esm-b08f4b04.js';
 import './NavFooter-e27bd93b.js';
-import './SocialNavFooter-4fb16720.js';
+import './index.esm-73e847d2.js';
 import './SocialIcons.js';
-import './index.esm-16536e81.js';
 import 'react-bootstrap/Form';
 import 'react-bootstrap/FormControl';
 import MagazineNav from './NavMagazine.js';

package/dist/esm/ThumbnailCard.js

@@ -2,7 +2,7 @@ import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
 import 'prop-types';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import Media from 'react-bootstrap/Media';

package/dist/esm/Ustream.js

@@ -6,7 +6,7 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import { m as main_36 } from './main-d7ee6151.js';
 import { _ as _slicedToArray } from './slicedToArray-a58d7edf.js';
 import './iconBase-602d52fe.js';
-import { d as IoIosOpen } from './index.esm-4b1d94b7.js';
+import { c as IoIosOpen } from './index.esm-85cb09e6.js';
 import { F as FaRegWindowClose } from './index.esm-9a4c8813.js';
 
 var Ustream = function Ustream(_ref) {

package/dist/esm/VerticalHero.js

@@ -1,7 +1,7 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import React__default from 'react';
 import './moment-e2f9b20c.js';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 
 var VerticalHero = function VerticalHero(props) {
   var client = props.client;

package/dist/esm/VideoSeriesListing.js

@@ -20,13 +20,13 @@ import { d as debounce_1 } from './debounce-a0d9abca.js';
 import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
-import './index-73819142.js';
+import './index-3849e3fe.js';
 import './index-5f9f807a.js';
 import './slicedToArray-a58d7edf.js';
 import './smoothscroll-4b699764.js';
 import YoutubeGroup from './YoutubeGroup.js';
 import './iconBase-602d52fe.js';
-import { I as IoIosArrowForward } from './index.esm-4b1d94b7.js';
+import { I as IoIosArrowForward } from './index.esm-85cb09e6.js';
 
 var VideoSeriesListing = function (_React$Component) {
   _inherits(VideoSeriesListing, _React$Component);

package/dist/esm/View.js

@@ -22,7 +22,7 @@ import './isSymbol-47f5ff3b.js';
 import './debounce-a0d9abca.js';
 import { I as InfiniteScroll } from './index.es-29c1cef5.js';
 import 'react-dom';
-import './index-73819142.js';
+import './index-3849e3fe.js';
 import './index-5f9f807a.js';
 import { m as main_36 } from './main-d7ee6151.js';
 import './entities-7cc3bf45.js';
@@ -32,12 +32,12 @@ import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-d25
 import './_set-species-75f77d40.js';
 import './beam-c40d77ae.js';
 import DFPAdSlot from './AdSlot.js';
-import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
+import { B as BlockContent } from './BlockContent-c409aca5.js';
 import './smoothscroll-4b699764.js';
 import './GroupDeck.js';
 import 'react-bootstrap';
 import Button from 'react-bootstrap/Button';
-import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-599efdf0.js';
+import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-1c791baf.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';
@@ -50,10 +50,10 @@ import { _ as _Object$keys } from './keys-941eccc4.js';
 import 'react-bootstrap/Dropdown';
 import getKeywords from './getKeywords.js';
 import getSeriesDetail from './getSeriesDetail.js';
-import './index-db3bb315.js';
-import getRelatedArticle from './getRelatedArticle.js';
+import 'nookies';
 import getQuery from './getQuery.js';
-import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-36bcd238.js';
+import getRelatedArticle from './getRelatedArticle.js';
+import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-962c9cf6.js';
 import urlFor from './urlFor.js';
 
 var getArticleSummary = function getArticleSummary(article) {
@@ -204,7 +204,7 @@ function styleInject(css, ref) {
   }
 }
 
-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_mediaCard__3wQbn {\n    width: 100%;\n  }\n  .RelatedArticles-module_imgWrapper__5Jx_4 img {\n    width: 100%;\n    height: auto;\n\n    max-height: 175px;\n    object-fit: contain;\n    margin-bottom: 1rem;\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_mediaCard__3wQbn {\r\n    width: 100%;\r\n  }\r\n  .RelatedArticles-module_imgWrapper__5Jx_4 img {\r\n    width: 100%;\r\n    height: auto;\r\n\r\n    max-height: 175px;\r\n    object-fit: contain;\r\n    margin-bottom: 1rem;\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);
 
@@ -302,7 +302,11 @@ var Article = function Article(props) {
 
   var article = props.article,
       Ads = props.Ads,
-      showRelatedArticles = props.showRelatedArticles;
+      showRelatedArticles = props.showRelatedArticles,
+      _props$hideFBShare = props.hideFBShare,
+      hideFBShare = _props$hideFBShare === undefined ? false : _props$hideFBShare,
+      _props$hidePinterestS = props.hidePinterestShare,
+      hidePinterestShare = _props$hidePinterestS === undefined ? false : _props$hidePinterestS;
   var client = props.client,
       pageview = props.pageview,
       videoAccountIDs = props.videoAccountIDs,
@@ -848,7 +852,9 @@ var Article = function Article(props) {
                     size: 32,
                     siteName: siteName,
                     twitterSiteName: twitterSiteName,
-                    disableMeta: true
+                    disableMeta: true,
+                    hidePinterest: hidePinterestShare,
+                    hideFacebook: hideFBShare
                   })
                 )
               ),

package/dist/esm/YahooHero.js

@@ -6,7 +6,7 @@ import React__default from 'react';
 import 'prop-types';
 import { m as moment } from './moment-e2f9b20c.js';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-a58d7edf.js';

package/dist/esm/YoutubeGroup.js

@@ -9,15 +9,15 @@ import './_is-array-ced12663.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import 'prop-types';
 import 'react-dom';
-import { i as imageUrlBuilder } from './index-73819142.js';
+import { i as imageUrlBuilder } from './index-3849e3fe.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { _ as _slicedToArray } from './slicedToArray-a58d7edf.js';
 import { s as smoothscroll, g as getYoutubeId } from './smoothscroll-4b699764.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 YoutubeGroup = function YoutubeGroup(props) {