@mjhls/mjh-framework 1.0.729-isiscroll → 1.0.729

package/dist/esm/DeckContent.js

@@ -2,7 +2,7 @@ import { _ as _toConsumableArray } from './toConsumableArray-fa2dcda7.js';
 import { _ as _extends } from './extends-31d65aba.js';
 import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-5906fbea.js';
 import React from 'react';
-import { l as lib_3 } from './index-669ff425.js';
+import { l as lib_3 } from './index-888f9253.js';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
@@ -16,7 +16,7 @@ import { i as imageUrlBuilder } from './index-3f5c03b2.js';
 import { L as LazyLoad } from './index-752d1dae.js';
 import { m as main_40 } from './main-1450d277.js';
 import { c as clean_html_1 } from './entities-932b50cf.js';
-import { A as ADInfeed } from './ADInfeed-4fe6b23b.js';
+import { A as ADInfeed } from './ADInfeed-3a9eef39.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-aa6068a3.js';
 import './_to-object-97770c52.js';
@@ -179,14 +179,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) {

package/dist/esm/DeckQueue.js

@@ -2,7 +2,7 @@ import { _ as _toConsumableArray } from './toConsumableArray-fa2dcda7.js';
 import { _ as _extends } from './extends-31d65aba.js';
 import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-5906fbea.js';
 import React from 'react';
-import { l as lib_3 } from './index-669ff425.js';
+import { l as lib_3 } from './index-888f9253.js';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';

package/dist/esm/{Dfp-5d779279.js → Dfp-8bfbd310.js}

@@ -1,7 +1,7 @@
 import { _ as _slicedToArray } from './slicedToArray-cdeaee08.js';
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { b as lib_1, a as lib_2 } from './index-669ff425.js';
+import { b as lib_1, a as lib_2 } from './index-888f9253.js';
 import { V as VisibilitySensor } from './visibility-sensor-082c757b.js';
 import { d as debounce_1 } from './debounce-1a993acf.js';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/EventsDeck.js

@@ -16,7 +16,7 @@ import Card from 'react-bootstrap/Card';
 import Form from 'react-bootstrap/Form';
 import Button from 'react-bootstrap/Button';
 import './main-1450d277.js';
-import { m as momentTimezone } from './index-750a7380.js';
+import { m as momentTimezone } from './index-ccb770c7.js';
 import { j as js_cookie } from './js.cookie-6874175c.js';
 import { useRouter } from 'next/router';
 import './define-property-ec6d528d.js';
@@ -245,23 +245,23 @@ var EventsDeck = function EventsDeck(_ref) {
     if (cventAccessToken && cventAccessToken !== 'undefined') {
       setAccessToken(cventAccessToken);
     } else {
-      /*const encodedData = window.btoa(clientId + ':' + clientSecret)
-      //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
-      const url = `https://api-platform.cvent.com/ea/oauth2/token`
-      fetch(url, {
-        headers: {
-          'Content-Type': 'application/x-www-form-urlencoded',
-          Authorization: `Basic ${encodedData}`
-        },
-        method: 'POST',
-        body: `grant_type=client_credentials&client_id=${clientId}`
-      })
-        .then((response) => response.json())
-        .then((json) => {
-          const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
-          Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
-          setAccessToken(json.access_token)
-        })
+      /*const encodedData = window.btoa(clientId + ':' + clientSecret)
+      //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
+      const url = `https://api-platform.cvent.com/ea/oauth2/token`
+      fetch(url, {
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded',
+          Authorization: `Basic ${encodedData}`
+        },
+        method: 'POST',
+        body: `grant_type=client_credentials&client_id=${clientId}`
+      })
+        .then((response) => response.json())
+        .then((json) => {
+          const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
+          Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
+          setAccessToken(json.access_token)
+        })
         .catch((e) => console.log(e))*/
       // hello
       var url = 'https://beam.mjhlifesciences.com/api/cvent/token';

package/dist/esm/ExternalResources.js

@@ -2,8 +2,8 @@ import { _ as _extends } from './extends-31d65aba.js';
 import { _ as _slicedToArray } from './slicedToArray-cdeaee08.js';
 import React, { useState, useEffect } from 'react';
 import { B as BlockContent } from './BlockContent-d8cd739c.js';
-import { g as getSerializers } from './index-6eef5e56.js';
-import { m as momentTimezone } from './index-750a7380.js';
+import { g as getSerializers } from './index-d6ad9248.js';
+import { m as momentTimezone } from './index-ccb770c7.js';
 import { useRouter } from 'next/router';
 import Button from 'react-bootstrap/Button';
 import './_commonjsHelpers-0c4b6f40.js';
@@ -15,7 +15,7 @@ import './core.get-iterator-method-d1d5ed02.js';
 import 'prop-types';
 import './index-3f5c03b2.js';
 import 'react-bootstrap';
-import './index-669ff425.js';
+import './index-888f9253.js';
 import './index-c7e2ac95.js';
 import './util-3ab476bf.js';
 import './Beam.js';

package/dist/esm/GridContent.js

@@ -2,7 +2,7 @@ import { _ as _toConsumableArray } from './toConsumableArray-fa2dcda7.js';
 import { _ as _extends } from './extends-31d65aba.js';
 import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-5906fbea.js';
 import React from 'react';
-import { l as lib_3 } from './index-669ff425.js';
+import { l as lib_3 } from './index-888f9253.js';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
@@ -12,9 +12,9 @@ import { m as moment } from './moment-bc12cb97.js';
 import { withRouter } from 'next/router';
 import { L as LazyLoad } from './index-752d1dae.js';
 import { c as clean_html_1 } from './entities-932b50cf.js';
-import { A as ADInfeed } from './ADInfeed-4fe6b23b.js';
+import { A as ADInfeed } from './ADInfeed-3a9eef39.js';
 import { l as lodash } from './lodash-ad27652f.js';
-import { A as ADlgInfeed } from './ADlgInfeed-a01132a5.js';
+import { A as ADlgInfeed } from './ADlgInfeed-8d63ff91.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
 import { g as get_1 } from './get-5ee14cda.js';
 import { d as debounce_1 } from './debounce-1a993acf.js';

package/dist/esm/HamMagazine.js

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

package/dist/esm/HorizontalArticleListing.js

@@ -3,7 +3,7 @@ import React from 'react';
 import ArticleCarousel from './ArticleCarousel.js';
 import { I as IoIosArrowForward } from './index.esm-3fdda599.js';
 import { B as BlockContent } from './BlockContent-d8cd739c.js';
-import { g as getSerializers } from './index-6eef5e56.js';
+import { g as getSerializers } from './index-d6ad9248.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-97770c52.js';
 import './_object-pie-33c40e79.js';
@@ -24,7 +24,7 @@ import './index-3f5c03b2.js';
 import './main-1450d277.js';
 import './iconBase-602d52fe.js';
 import 'react-bootstrap';
-import './index-669ff425.js';
+import './index-888f9253.js';
 import 'next/router';
 import './util-3ab476bf.js';
 import './Beam.js';

package/dist/esm/IssueLanding.js

@@ -17,13 +17,13 @@ import './index.es-c6222053.js';
 import './moment-bc12cb97.js';
 import './visibility-sensor-082c757b.js';
 import 'react-dom';
-import './index-669ff425.js';
+import './index-888f9253.js';
 import 'prop-types';
 import 'next/router';
 import './index-752d1dae.js';
 import './main-1450d277.js';
 import './entities-932b50cf.js';
-import './ADInfeed-4fe6b23b.js';
+import './ADInfeed-3a9eef39.js';
 import 'react-bootstrap/Card';
 import './AdSlot.js';
 import './debounce-1a993acf.js';
@@ -36,40 +36,40 @@ import './_set-species-494ed292.js';
 import './Segment.js';
 import './AuthorComponent-c7ff069f.js';
 import './lodash-ad27652f.js';
-import './ADlgInfeed-a01132a5.js';
+import './ADlgInfeed-8d63ff91.js';
 import './getContentCategory-15dcc413.js';
 import './timeDifferenceCalc.js';
 import 'react-bootstrap/Breadcrumb';
 
-/* usage
-import Settings, { Ads } from '../../../../settings'
-import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
-import client from '../../../../client'
-import moment from 'moment'
-import Shell from '../../../../components/2.0/Shell'
-import { pageview } from '../../../../utilities/gtag'
-
-const Issue = (props) => {
-  const { pubIssue, cache } = props
-  const targeting = {
-    content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
-    document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
-  }
-  return (
-    <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
-      <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
-    </Shell>
-  )
-}
-
-Issue.getInitialProps = async (ctx) => {
-  const { query } = ctx
-  const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
-  )
-  return { pubIssue }
-}
-
-export default Issue
+/* usage
+import Settings, { Ads } from '../../../../settings'
+import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
+import client from '../../../../client'
+import moment from 'moment'
+import Shell from '../../../../components/2.0/Shell'
+import { pageview } from '../../../../utilities/gtag'
+
+const Issue = (props) => {
+  const { pubIssue, cache } = props
+  const targeting = {
+    content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
+    document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
+  }
+  return (
+    <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
+      <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
+    </Shell>
+  )
+}
+
+Issue.getInitialProps = async (ctx) => {
+  const { query } = ctx
+  const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
+  )
+  return { pubIssue }
+}
+
+export default Issue
 */
 
 var IssueLanding = function IssueLanding(props) {

package/dist/esm/KMTracker.js

@@ -1,25 +1,25 @@
 var KMTracker = function KMTracker(props) {
-  var id = props.id;
+      var id = props.id;
 
-  if (document && id) {
+      if (document && id) {
 (function () {
-      var ecnJquery = document.createElement('script');
+                  var ecnJquery = document.createElement('script');
 
-      ecnJquery.type = 'text/javascript';
-      ecnJquery.async = true;
-      ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
+                  ecnJquery.type = 'text/javascript';
+                  ecnJquery.async = true;
+                  ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
 
-      var ecnScript = document.createElement('script');
+                  var ecnScript = document.createElement('script');
 
-      ecnScript.type = 'text/javascript';
-      ecnScript.async = true;
-      ecnScript.id = 'km-tracker';
-      ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
+                  ecnScript.type = 'text/javascript';
+                  ecnScript.async = true;
+                  ecnScript.id = 'km-tracker';
+                  ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
 
-      document.head.appendChild(ecnJquery);
-      document.head.appendChild(ecnScript);
-    })();
-  }
+                  document.head.appendChild(ecnJquery);
+                  document.head.appendChild(ecnScript);
+            })();
+      }
 };
 
 export default KMTracker;

package/dist/esm/LeftNav.js

@@ -12,7 +12,7 @@ import './AdSlot.js';
 import './extends-31d65aba.js';
 import './_object-pie-33c40e79.js';
 import 'prop-types';
-import './index-669ff425.js';
+import './index-888f9253.js';
 import './debounce-1a993acf.js';
 import './isSymbol-807e927e.js';
 import './Beam.js';

package/dist/esm/MasterDeck.js

@@ -3,7 +3,7 @@ import { _ as _Promise } from './asyncToGenerator-2bd4099a.js';
 import { _ as _extends } from './extends-31d65aba.js';
 import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-5906fbea.js';
 import React from 'react';
-import { l as lib_3 } from './index-669ff425.js';
+import { l as lib_3 } from './index-888f9253.js';
 import Container from 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
@@ -15,8 +15,8 @@ import { d as debounce_1 } from './debounce-1a993acf.js';
 import { I as InfiniteScroll } from './index.es-c6222053.js';
 import { V as VisibilitySensor } from './visibility-sensor-082c757b.js';
 import './index-3f5c03b2.js';
-import { A as ADlgInfeed } from './ADlgInfeed-a01132a5.js';
-import { A as ADInfeed } from './ADInfeed-4fe6b23b.js';
+import { A as ADlgInfeed } from './ADlgInfeed-8d63ff91.js';
+import { A as ADInfeed } from './ADInfeed-3a9eef39.js';
 import './main-1450d277.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-aa6068a3.js';
@@ -224,14 +224,14 @@ var MasterDeck = function (_React$Component) {
             }
 
             // 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) {

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/PartnerDetailListing.js

@@ -10,7 +10,7 @@ import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-6eef5e56.js';
+import { g as getSerializers } from './index-d6ad9248.js';
 import { B as BlockContent } from './BlockContent-d8cd739c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-aa6068a3.js';
@@ -26,13 +26,13 @@ import 'react-bootstrap';
 import './index.es-c6222053.js';
 import './visibility-sensor-082c757b.js';
 import 'react-dom';
-import './index-669ff425.js';
+import './index-888f9253.js';
 import 'prop-types';
 import 'next/router';
 import './index-752d1dae.js';
 import './main-1450d277.js';
 import './entities-932b50cf.js';
-import './ADInfeed-4fe6b23b.js';
+import './ADInfeed-3a9eef39.js';
 import 'react-bootstrap/Card';
 import './AdSlot.js';
 import './debounce-1a993acf.js';
@@ -42,7 +42,7 @@ import './stringify-d4839bab.js';
 import './Segment.js';
 import './AuthorComponent-c7ff069f.js';
 import './lodash-ad27652f.js';
-import './ADlgInfeed-a01132a5.js';
+import './ADlgInfeed-8d63ff91.js';
 import './getContentCategory-15dcc413.js';
 import './timeDifferenceCalc.js';
 import 'react-bootstrap/Breadcrumb';

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

@@ -7,15 +7,15 @@ import { i as imageUrlBuilder } from './index-3f5c03b2.js';
 import { I as InfiniteScroll } from './index.es-c6222053.js';
 import { m as moment } from './moment-bc12cb97.js';
 import { V as VisibilitySensor } from './visibility-sensor-082c757b.js';
-import { l as lib_3 } from './index-669ff425.js';
+import { l as lib_3 } from './index-888f9253.js';
 import { useRouter } from 'next/router';
 import { L as LazyLoad } from './index-752d1dae.js';
 import { m as main_40 } from './main-1450d277.js';
 import { c as clean_html_1 } from './entities-932b50cf.js';
-import { A as ADInfeed } from './ADInfeed-4fe6b23b.js';
+import { A as ADInfeed } from './ADInfeed-3a9eef39.js';
 import { A as AuthorComponent } from './AuthorComponent-c7ff069f.js';
 import { l as lodash } from './lodash-ad27652f.js';
-import { A as ADlgInfeed } from './ADlgInfeed-a01132a5.js';
+import { A as ADlgInfeed } from './ADlgInfeed-8d63ff91.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
 import timeDifferenceCalc from './timeDifferenceCalc.js';
 import './_commonjsHelpers-0c4b6f40.js';

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,