@mjhls/mjh-framework 1.0.967-socialicon-fix-v2 → 1.0.968-test-D4S-1910

package/README.md

@@ -1,4 +1,4 @@
-# mjh-framework v. 1.0.967
+# mjh-framework v. 1.0.968
 
 [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 

package/dist/cjs/AlgoliaSearch.js

@@ -115,6 +115,8 @@ function _assertThisInitialized(self) {
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof$1._typeof(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);

package/dist/cjs/ArticleProgramLandingPage.js

@@ -5,7 +5,7 @@ var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var _extends = require('./extends-7c86182f.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-6bab3b25.js');
+var getSerializers = require('./index-eb1c583d.js');
 var ArticleSeriesListing = require('./ArticleSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/ExternalResources.js

@@ -4,7 +4,7 @@ var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-6bab3b25.js');
+var getSerializers = require('./index-eb1c583d.js');
 var index = require('./index-f86bb269.js');
 var Router = require('next/router');
 var Button = require('react-bootstrap/Button');

package/dist/cjs/HorizontalArticleListing.js

@@ -5,7 +5,7 @@ var React = require('react');
 var ArticleCarousel = require('./ArticleCarousel.js');
 var index_esm = require('./index.esm-d81454e7.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-6bab3b25.js');
+var getSerializers = require('./index-eb1c583d.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_object-pie-083f2dd6.js');

package/dist/cjs/IssueLanding.js

@@ -5,7 +5,7 @@ var React = require('react');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-6bab3b25.js');
+var getSerializers = require('./index-eb1c583d.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_object-pie-083f2dd6.js');

package/dist/cjs/{MediaSeriesCard-200d270d.js → MediaSeriesCard-94ff4d11.js}

@@ -11,7 +11,7 @@ var urlFor = require('./urlFor.js');
 var moment = require('./moment-aca40de1.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-6bab3b25.js');
+var getSerializers = require('./index-eb1c583d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/MediaSeriesLanding.js

@@ -5,13 +5,13 @@ var _typeof = require('./typeof-567e31ff.js');
 var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
-var MediaSeriesCard = require('./MediaSeriesCard-200d270d.js');
+var MediaSeriesCard = require('./MediaSeriesCard-94ff4d11.js');
 require('./index-50be6759.js');
 require('react-dom');
 var Link = require('next/link');
 var MasterDeck = require('./MasterDeck.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-6bab3b25.js');
+var getSerializers = require('./index-eb1c583d.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -403,7 +403,7 @@ MediaSeriesLanding.getInitialData = function () {
               itemsPerPage: itemsPerPage
             };
             _context2.next = 9;
-            return client.fetch('*[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\'][0]{\n    _id, \n    isGated,\n    name,\n    description\n  }');
+            return client.fetch('*[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\'][0]{\n    _id, \n    isGated,\n    name,\n    description,\n    pixelTrackingCode->\n  }');
 
           case 9:
             docGroupID = _context2.sent;

package/dist/cjs/MediaSeriesLandingPaginated.js

@@ -5,13 +5,13 @@ var _typeof = require('./typeof-567e31ff.js');
 var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
-var MediaSeriesCard = require('./MediaSeriesCard-200d270d.js');
+var MediaSeriesCard = require('./MediaSeriesCard-94ff4d11.js');
 require('./index-50be6759.js');
 require('react-dom');
 var Link = require('next/link');
 var BlockContent = require('./BlockContent-9ebd251f.js');
 var MasterDeckPaginated = require('./MasterDeckPaginated.js');
-var getSerializers = require('./index-6bab3b25.js');
+var getSerializers = require('./index-eb1c583d.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -423,7 +423,7 @@ MediaSeriesLanding.getInitialData = function () {
               itemsPerPage: itemsPerPage
             };
             _context2.next = 9;
-            return client.fetch('*[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\'][0]{\n    _id, \n    isGated,\n    name,\n    description\n  }');
+            return client.fetch('*[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\'][0]{\n    _id, \n    isGated,\n    name,\n    description,\n    pixelTrackingCode->\n  }');
 
           case 9:
             docGroupID = _context2.sent;

package/dist/cjs/PartnerDetailListing.js

@@ -13,7 +13,7 @@ var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-6bab3b25.js');
+var getSerializers = require('./index-eb1c583d.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -151,11 +151,11 @@ var PartnerDetails = function PartnerDetails(_ref) {
           { jsx: 'true' },
           '\n            @media screen and (max-width: 768px) {\n              .partners-logo {\n                width: 100%;\n                min-width: 100%;\n              }\n              .partner-logo-wrap {\n                flex-wrap: wrap;\n              }\n              .block-content-partners {\n                padding-left: 0 !important;\n              }\n            }\n          '
         ),
-        (partnerDetails.description || partnerDetails.linkedin || partnerDetails.instagram || partnerDetails.youtube && partnerDetails.youtubeIcon || partnerDetails.twitter && partnerDetails.twitterIcon || partnerDetails.facebook && !partnerDetails.twitterIcon) && React__default['default'].createElement(
+        (partnerDetails.description || partnerDetails.linkedin || partnerDetails.instagram || partnerDetails.youtube || partnerDetails.twitter && partnerDetails.facebook || !partnerDetails.twitter && partnerDetails.facebook && checkIsFacebookGroup(partnerDetails.facebook)) && React__default['default'].createElement(
           'div',
           { className: 'block-content-partners my-4', style: { maxWidth: '100%', paddingLeft: '2rem', flex: '1 1 auto' } },
           partnerDetails.description && React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers.getSerializers(client), blocks: description, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
-          (partnerDetails.linkedin || partnerDetails.instagram || partnerDetails.youtube && partnerDetails.youtubeIcon || partnerDetails.twitter && partnerDetails.twitterIcon || partnerDetails.facebook && !partnerDetails.twitterIcon) && React__default['default'].createElement(
+          (partnerDetails.linkedin || partnerDetails.instagram || partnerDetails.youtube || partnerDetails.twitter && partnerDetails.facebook || !partnerDetails.twitter && partnerDetails.facebook && checkIsFacebookGroup(partnerDetails.facebook)) && React__default['default'].createElement(
             'div',
             null,
             React__default['default'].createElement(
@@ -176,24 +176,8 @@ var PartnerDetails = function PartnerDetails(_ref) {
               rel: 'noopener noreferrer',
               style: { height: 30, width: 30 }
             }),
-            partnerDetails.youtube && partnerDetails.youtubeIcon && React__default['default'].createElement(reactSocialIcons.reactSocialIcons_1, {
-              url: partnerDetails.youtube,
-              target: '_blank',
-              rel: 'noopener noreferrer',
-              style: { height: 30, width: 30, marginLeft: '0.25rem' }
-            }),
-            partnerDetails.twitter && partnerDetails.twitterIcon && React__default['default'].createElement(reactSocialIcons.reactSocialIcons_1, {
-              url: partnerDetails.twitter,
-              target: '_blank',
-              rel: 'noopener noreferrer',
-              style: { height: 30, width: 30, marginLeft: '0.25rem' }
-            }),
-            partnerDetails.facebook && !partnerDetails.twitterIcon && React__default['default'].createElement(reactSocialIcons.reactSocialIcons_1, {
-              url: partnerDetails.facebook,
-              target: '_blank',
-              rel: 'noopener noreferrer',
-              style: { height: 30, width: 30, marginLeft: '0.25rem' }
-            })
+            partnerDetails.youtube && partnerDetails.youtubeIcon && React__default['default'].createElement(reactSocialIcons.reactSocialIcons_1, { url: partnerDetails.youtube, target: '_blank', rel: 'noopener noreferrer', style: { height: 30, width: 30, marginLeft: '0.25rem' } }),
+            (partnerDetails.twitter && partnerDetails.facebook || !partnerDetails.twitter && partnerDetails.facebook && checkIsFacebookGroup(partnerDetails.facebook)) && (partnerDetails.twitterIcon ? React__default['default'].createElement(reactSocialIcons.reactSocialIcons_1, { url: partnerDetails.twitter, target: '_blank', rel: 'noopener noreferrer', style: { height: 30, width: 30, marginLeft: '0.25rem' } }) : React__default['default'].createElement(reactSocialIcons.reactSocialIcons_1, { url: partnerDetails.facebook, target: '_blank', rel: 'noopener noreferrer', style: { height: 30, width: 30, marginLeft: '0.25rem' } }))
           )
         )
       ),
@@ -269,14 +253,14 @@ PartnerDetails.returnGetInitialProps = function () {
           case 0:
             today = moment.moment().utc().format();
             featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n      ...,\n       \'feature_img\' : feature_img.asset->\n      }';
-            partnerQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n        description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          instagram,\n          twitterIcon,\n          youtube,\n          youtubeIcon,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n      }';
+            partnerQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n        pixelTrackingCode->,\n        description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          instagram,\n          twitterIcon,\n          youtube,\n          youtubeIcon,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n      }';
 
 
             if (category) {
               // if partners page has a sub category such as onclive
               // e.g. /sap-partner/[category]/[partner]
 
-              partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n    ...,\n    \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n          description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          instagram,\n          twitterIcon,\n          youtube,\n          youtubeIcon,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n    \n    }\n  }';
+              partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n    ...,\n    \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n      pixelTrackingCode->,\n          description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          twitterIcon,\n          youtube,\n          youtubeIcon,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n    \n    }\n  }';
             }
 
             taxonomyQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && isShow != false\n      && identifier.current == \'' + identifier + '\'] [0] {\n          \'id\': _id,\n          \'title\': name\n      }';

package/dist/cjs/PartnerDetailListingPaginated.js

@@ -13,7 +13,7 @@ var QueueDeckExpandedPaginated = require('./QueueDeckExpandedPaginated.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-6bab3b25.js');
+var getSerializers = require('./index-eb1c583d.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -245,14 +245,14 @@ PartnerDetails.returnGetInitialProps = function () {
         switch (_context.prev = _context.next) {
           case 0:
             featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n      ...,\n       \'feature_img\' : feature_img.asset->\n      }';
-            partnerQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n        description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n      }';
+            partnerQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n        pixelTrackingCode->,\n        description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n      }';
 
 
             if (category) {
               // if partners page has a sub category such as onclive
               // e.g. /sap-partner/[category]/[partner]
 
-              partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n    ...,\n    \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n          description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n    \n    }\n  }';
+              partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n    ...,\n    \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n          pixelTrackingCode->,\n          description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n    \n    }\n  }';
             }
 
             taxonomyQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && isShow != false\n      && identifier.current == \'' + identifier + '\'] [0] {\n          \'id\': _id,\n          \'title\': name\n      }';

package/dist/cjs/PixelTracking.js

@@ -0,0 +1,165 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var React = require('react');
+var Router = require('next/router');
+var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
+require('./_commonjsHelpers-06173234.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var PixelTrackingLandingPages = React__default['default'].memo(function (_ref) {
+  var pixelTracking = _ref.pixelTracking;
+
+  var _useState = React.useState(false),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      needTracking = _useState2[0],
+      setNeedTracking = _useState2[1];
+
+  var _useState3 = React.useState(pixelTracking && pixelTracking.trackingCode ? pixelTracking.trackingCode : null),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      trackingCode = _useState4[0];
+      _useState4[1];
+
+  if (!pixelTracking) return null;
+
+  var router = Router.useRouter();
+
+  React.useEffect(function () {
+    if (trackingCode && pixelTracking.is_active) {
+      setNeedTracking(true);
+    }
+  }, [trackingCode]);
+
+  React.useEffect(function () {
+    router.events.on('routeChangeComplete', function () {
+      handleReload();
+    });
+    return function () {
+      router.events.off('routeChangeComplete', function () {});
+    };
+  }, [router.events]);
+
+  var handleReload = function handleReload() {
+    setNeedTracking(false);
+    setTimeout(function () {
+      setNeedTracking(true);
+    }, 100);
+  };
+
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
+    null,
+    needTracking && React__default['default'].createElement('div', { style: { height: '0', opacity: 0 }, key: trackingCode, dangerouslySetInnerHTML: { __html: trackingCode } })
+  );
+});
+
+// Article page tracking
+
+var PixelTrackingArticle = React__default['default'].memo(function (_ref2) {
+  var article = _ref2.article,
+      infiniteScroll = _ref2.infiniteScroll;
+
+  var _useState5 = React.useState(false),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      needTracking = _useState6[0],
+      setNeedTracking = _useState6[1];
+
+  var _useState7 = React.useState([]),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      trackingCode = _useState8[0],
+      setTrackingCode = _useState8[1];
+
+  var _useState9 = React.useState(false),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
+      inView = _useState10[0],
+      setInView = _useState10[1];
+
+  var _useState11 = React.useState(0),
+      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
+      containerHeight = _useState12[0],
+      setContainerHeight = _useState12[1];
+
+  if (!article) return null;
+
+  React.useEffect(function () {
+    setContainerHeight(window.innerHeight);
+    var trackingArray = [];
+
+    //content_placement
+    if (article.content_placement && article.content_placement.length) {
+      article.content_placement.forEach(function (cp) {
+        if (cp.pixelTrackingCode && cp.pixelTrackingCode.trackingCode && cp.pixelTrackingCode.is_active) {
+          //  console.log('has pixel code: content placement :', cp.pixelTrackingCode.trackingCode)
+          if (!trackingArray.includes(cp.pixelTrackingCode.trackingCode)) {
+            trackingArray.push(cp.pixelTrackingCode.trackingCode);
+          }
+        }
+      });
+    }
+
+    //documentGroup
+    if (article.documentGroup && article.documentGroup.pixelTrackingCode) {
+      if (article.documentGroup.pixelTrackingCode.trackingCode && article.documentGroup.pixelTrackingCode.is_active) {
+        // console.log('has pixel code: docGroup :', article.documentGroup.pixelTrackingCode.trackingCode)
+        if (!trackingArray.includes(article.documentGroup.pixelTrackingCode.trackingCode)) {
+          trackingArray.push(article.documentGroup.pixelTrackingCode.trackingCode);
+        }
+      }
+    }
+
+    //documentGroupMapping
+    if (article.documentGroupMapping && article.documentGroupMapping.length) {
+      article.documentGroupMapping.forEach(function (dg) {
+        if (dg.pixelTrackingCode && dg.pixelTrackingCode.trackingCode && dg.pixelTrackingCode.is_active) {
+          // console.log('has pixel code: DG  Mapping :', dg.pixelTrackingCode.trackingCode)
+          if (!trackingArray.includes(dg.pixelTrackingCode.trackingCode)) {
+            trackingArray.push(dg.pixelTrackingCode.trackingCode);
+          }
+        }
+      });
+    }
+    if (trackingArray.length > 0) {
+      setTrackingCode(trackingArray);
+    }
+  }, []);
+
+  React.useEffect(function () {
+    if (trackingCode && trackingCode.length > 0) {
+      setNeedTracking(true);
+    }
+  }, [trackingCode]);
+
+  var triggerOffset = 20;
+  return React__default['default'].createElement(
+    visibilitySensor.VisibilitySensor,
+    {
+      partialVisibility: true,
+      offset: { bottom: triggerOffset, top: containerHeight && containerHeight },
+      onChange: function onChange(isVisible) {
+
+        if (isVisible && !inView) {
+          setInView(true);
+        } else if (infiniteScroll) {
+          if (inView) setInView(false);
+        }
+      } },
+    React__default['default'].createElement(
+      'div',
+      { style: { height: '100%', position: 'absolute', width: '1px', opacity: 0 } },
+      needTracking && inView && trackingCode && trackingCode.map(function (code, index) {
+        return React__default['default'].createElement('span', { key: code, id: 'pixel-' + (index + 1), dangerouslySetInnerHTML: { __html: code } });
+      })
+    )
+  );
+});
+
+exports.PixelTrackingArticle = PixelTrackingArticle;
+exports.PixelTrackingLandingPages = PixelTrackingLandingPages;

package/dist/cjs/TaxonomyDescription.js

@@ -7,7 +7,7 @@ var React = require('react');
 var Router = require('next/router');
 var Head = require('next/head');
 var BlockContent = require('./BlockContent-9ebd251f.js');
-var getSerializers = require('./index-6bab3b25.js');
+var getSerializers = require('./index-eb1c583d.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_object-pie-083f2dd6.js');
@@ -167,7 +167,7 @@ TaxonomyDescription.getDescription = function () {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            query = '*[_type == \'taxonomy\' && identifier == \'' + url + '\'][0].summary';
+            query = '*[_type == \'taxonomy\' && identifier == \'' + url + '\'][0]{summary,pixelTrackingCode->}';
             summary = [];
             _context2.prev = 2;
             _context2.next = 5;

package/dist/cjs/VideoProgramLandingPage.js

@@ -7,7 +7,7 @@ var BlockContent = require('./BlockContent-9ebd251f.js');
 var Col = require('react-bootstrap/Col');
 var Form = require('react-bootstrap/Form');
 var Button = require('react-bootstrap/Button');
-var getSerializers = require('./index-6bab3b25.js');
+var getSerializers = require('./index-eb1c583d.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/View.js

@@ -17,7 +17,7 @@ var FormControl = require('react-bootstrap/FormControl');
 var Button = require('react-bootstrap/Button');
 var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
 var SocialShare = require('./SocialShare.js');
-var getSerializers = require('./index-6bab3b25.js');
+var getSerializers = require('./index-eb1c583d.js');
 var AdSlot = require('./AdSlot.js');
 var SeriesSlider = require('./SeriesSlider-594b19eb.js');
 var getTargeting = require('./getTargeting-3c5754ac.js');
@@ -31,6 +31,7 @@ require('./index-eadd5035.js');
 var disqusReact = require('disqus-react');
 var Schema = require('./Schema.js');
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
+var PixelTracking = require('./PixelTracking.js');
 var keys = require('./keys-e982b3fa.js');
 var index_es = require('./index.es-f3e47207.js');
 var index = require('./index-fc2f1ca2.js');
@@ -676,7 +677,7 @@ var Recommended = function Recommended(props) {
 
   return React__default['default'].createElement(
     'div',
-    { id: 'recommended' },
+    { id: 'recommended', style: { minHeight: '150px' } },
     loaded === 'loaded' && React__default['default'].createElement(
       React__default['default'].Fragment,
       null,
@@ -1209,7 +1210,7 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
     return null;
   };
 
-  var RelatedContent = function RelatedContent() {
+  var RelatedContent = React__default['default'].memo(function () {
     return React__default['default'].createElement(
       'div',
       null,
@@ -1245,7 +1246,7 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
         )
       )
     );
-  };
+  });
 
   var form = function form() {
     return React__default['default'].createElement(
@@ -1585,7 +1586,8 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
           } },
         React__default['default'].createElement(
           'div',
-          { id: 'article__block', ref: ref },
+          { id: 'article__block', style: { position: 'relative' }, ref: ref },
+          React__default['default'].createElement(PixelTracking.PixelTrackingArticle, { article: article, infiniteScroll: props.infiniteScroll }),
           React__default['default'].createElement(
             'div',
             { className: 'video-detail', style: { marginBottom: isCutomPage(props.article) || showIsi && Array.isArray(isi) && isi.length > 0 ? '15rem' : 0 } },

package/dist/cjs/getQuery.js

@@ -11,9 +11,9 @@ var getQuery = function getQuery(type) {
   switch (type) {
     // quiz video series and slideshow 
     case 'related':
-      return '*[\n                _type == "article"\n                && defined(title)\n                && defined(url)\n                && !(_id in path("drafts.**"))\n                && is_visible == true\n                && defined(published) \n                && dateTime(published) <= dateTime(now())\n                && passwordLock!=true\n                && isHealthcareProfessional != true\n                && taxonomyMapping[]._ref in $taxonomy\n                && taxonomyMapping[].disableAds != \'true\'\n                && contentCategory->.name != \'Poll\'\n                && contentCategory->.name != \'Slideshows\'\n                && contentCategory->.disableAds != \'true\'\n                && ExcludeFromInfiniteScroll !=true\n                && url.current != $url\n                && !defined(body[].videos)\n                && !defined(body[].quizzes)\n                && !defined(body[].slides)\n                && !defined(body[].articles)\n                ' + conditions + '\n              ]| order(published desc)[' + (articleCount ? articleCount : '$index') + ']{\n                  ' + params + '\n                  title,\n                  published,\n                  summary,\n                  thumbnail,\n                  fieldAbstract,\n                  ...,\n                  passwordLock,\n                  password,\n                  "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                  body[] {\n                    ...,\n                    asset->,\n                    images[]{\n                      ...,\n                      asset->\n                    },\n                    content[]{\n                      ...,\n                      asset->\n                    },\n                    videos[]{\n                      ...,\n                      thumbnail{\n                        _type,\n                        asset->\n                      }\n                    },\n                    response[]{\n                      ...,\n                      asset->\n                    },\n                    quizzes[]{\n                      ...,\n                      answer[]{\n                        ...,\n                        asset->\n                      },\n                      question[]{\n                        ...,\n                        asset->\n                      }\n                    },\n                    poster {\n                      _type,\n                      asset->\n                    },\n                    slides[]{\n                      ...,\n                      slideshowImage{\n                      ...,\n                      asset->\n                      }\n                    },\n                    upload_doc {\n                      _type,\n                      asset->\n                    },\n                    uploadAudio {\n                      _type,\n                      asset->\n                    }\n                  },\n                  \'category\':contentCategory->{\n                    name,\n                    disableAds\n                  },\n                  \'content_placement\': taxonomyMapping[]-> {\n                    _id,\n                    \'ancestor\': parent->parent->identifier,\n                    \'parent\': parent->identifier,\n                    \'name\': name,\n                    \'path\': identifier,\n                    disableAds,\n                    showSocialShare\n                  },\n                  documentGroup-> {\n                    name,\n                    thumbnail,\n                    parent->{...,parent->},\n                    isShow,\n                    showSocialShare,\n                    \'path\': identifier.current,\n                    adTargetingURL,\n                    hideSeriesSlider\n                  },\n                  documentGroupMapping[]-> {\n                    _id,\n                    name,\n                    thumbnail,\n                    parent->{...,parent->},\n                    isShow,\n                    showSocialShare,\n                    \'path\': identifier.current,\n                    adTargetingURL,\n                    hideSeriesSlider\n                  },\n                  \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                    name,\n                    \'path\': identifier.current,\n                    show_download_ris_button,\n                    \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                      name,\n                      \'path\': identifier.current,\n                      show_download_ris_button,\n                    },\n                    \'url\' : pdf.asset-> url,\n                    \'pdf\': pdf.asset->,\n                    isbn_issn,\n                    abbreviatedJournal,\n                  }\n                }';
+      return '*[\n                _type == "article"\n                && defined(title)\n                && defined(url)\n                && !(_id in path("drafts.**"))\n                && is_visible == true\n                && defined(published) \n                && dateTime(published) <= dateTime(now())\n                && passwordLock!=true\n                && isHealthcareProfessional != true\n                && taxonomyMapping[]._ref in $taxonomy\n                && taxonomyMapping[].disableAds != \'true\'\n                && contentCategory->.name != \'Poll\'\n                && contentCategory->.name != \'Slideshows\'\n                && contentCategory->.disableAds != \'true\'\n                && ExcludeFromInfiniteScroll !=true\n                && url.current != $url\n                && !defined(body[].videos)\n                && !defined(body[].quizzes)\n                && !defined(body[].slides)\n                && !defined(body[].articles)\n                ' + conditions + '\n              ]| order(published desc)[' + (articleCount ? articleCount : '$index') + ']{\n                  ' + params + '\n                  title,\n                  published,\n                  summary,\n                  thumbnail,\n                  fieldAbstract,\n                  ...,\n                  passwordLock,\n                  password,\n                  "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                  body[] {\n                    ...,\n                    asset->,\n                    images[]{\n                      ...,\n                      asset->\n                    },\n                    content[]{\n                      ...,\n                      asset->\n                    },\n                    videos[]{\n                      ...,\n                      thumbnail{\n                        _type,\n                        asset->\n                      }\n                    },\n                    response[]{\n                      ...,\n                      asset->\n                    },\n                    quizzes[]{\n                      ...,\n                      answer[]{\n                        ...,\n                        asset->\n                      },\n                      question[]{\n                        ...,\n                        asset->\n                      }\n                    },\n                    poster {\n                      _type,\n                      asset->\n                    },\n                    slides[]{\n                      ...,\n                      slideshowImage{\n                      ...,\n                      asset->\n                      }\n                    },\n                    upload_doc {\n                      _type,\n                      asset->\n                    },\n                    uploadAudio {\n                      _type,\n                      asset->\n                    }\n                  },\n                  \'category\':contentCategory->{\n                    name,\n                    disableAds\n                  },\n                  \'content_placement\': taxonomyMapping[]-> {\n                    _id,\n                    \'ancestor\': parent->parent->identifier,\n                    \'parent\': parent->identifier,\n                    \'name\': name,\n                    \'path\': identifier,\n                    disableAds,\n                    showSocialShare,\n                    pixelTrackingCode->\n                  },\n                  documentGroup-> {\n                    name,\n                    thumbnail,\n                    parent->{...,parent->},\n                    isShow,\n                    showSocialShare,\n                    \'path\': identifier.current,\n                    adTargetingURL,\n                    hideSeriesSlider,\n                    pixelTrackingCode->\n                  },\n                  documentGroupMapping[]-> {\n                    _id,\n                    name,\n                    thumbnail,\n                    parent->{...,parent->},\n                    isShow,\n                    showSocialShare,\n                    \'path\': identifier.current,\n                    adTargetingURL,\n                    hideSeriesSlider,\n                    pixelTrackingCode->\n                  },\n                  \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                    name,\n                    \'path\': identifier.current,\n                    show_download_ris_button,\n                    \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                      name,\n                      \'path\': identifier.current,\n                      show_download_ris_button,\n                    },\n                    \'url\' : pdf.asset-> url,\n                    \'pdf\': pdf.asset->,\n                    isbn_issn,\n                    abbreviatedJournal,\n                  }\n                }';
     case 'article':
-      return '*[\n                        _type == "article"\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && defined(url)\n                        && is_visible != false\n                        && url.current == $url\n                        ' + conditions + '\n                      ][0]{\n                          ' + params + '\n                          title,\n                          published,\n                          summary,\n                          thumbnail,\n                          fieldAbstract,\n                          ...,\n                          passwordLock,\n                          password,\n                          issueGroup-> { _id, name, identifier, parent-> },\n                          "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                          body[] {\n                            ...,\n                            asset->,\n                            images[]{\n                              ...,\n                              asset->\n                            },\n                            content[]{\n                              ...,\n                              asset->\n                            },\n                            videos[]{\n                              ...,\n                              thumbnail{\n                                _type,\n                                asset->\n                              }\n                            },\n                            response[]{\n                              ...,\n                              asset->\n                            },\n                            quizzes[]{\n                              ...,\n                              answer[]{\n                                ...,\n                                asset->\n                              },\n                              question[]{\n                                ...,\n                                asset->\n                              }\n                            },\n                            poster {\n                              _type,\n                              asset->\n                            },\n                            slides[]{\n                              ...,\n                              slideshowImage{\n                              ...,\n                              asset->\n                              }\n                            },\n                            upload_doc {\n                              _type,\n                              asset->\n                            },\n                            uploadAudio {\n                              _type,\n                              asset->\n                            },\n                            medias[]{\n                              ...,\n                              upload_doc {\n                                _type,\n                                asset-> \n                              },\n                              poster {\n                                _type,\n                                asset-> \n                              }\n                            },\n                            articles[]{\n                              ...,\n                              thumbnail{\n                                ...,\n                                asset-> \n                              },\n                              "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                              text[]{\n                                ...,\n                                upload_doc {\n                                  _type,\n                                  asset->\n                                },\n                                uploadAudio {\n                                  _type,\n                                  asset->\n                                },\n                              }\n                            }\n                          },\n                          \'content_placement\': taxonomyMapping[]-> {\n                            ...,\n                            \'ancestor\': parent->parent->identifier,\n                            \'parent\': parent->identifier,\n                            \'name\': name,\n                            \'path\': identifier,\n                            showSocialShare\n                          },\n                          documentGroup-> {\n                            _id,\n                            name,\n                            thumbnail,\n                            parent->{...,parent->},\n                            isShow,\n                            isSeries,\n                            disableEpisodeNumber,\n                            excludeRelatedContents,\n                            showSocialShare,\n                            \'path\': identifier.current,\n                            adTargetingURL,\n                            hideSeriesSlider\n                          },\n                          documentGroupMapping[]-> {\n                            _id,\n                            name,\n                            thumbnail,\n                            parent->{...,parent->},\n                            isShow,\n                            showSocialShare,\n                            excludeRelatedContents,\n                            \'path\': identifier.current,\n                            hideSeriesSlider\n                          },\n                          \'category\':contentCategory->{\n                            name,\n                            disableAds\n                          },\n                          \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                            name,\n                            volume,\n                            year,\n                            \'issueNumber\': number,\n                            \'articleSource\': source,\n                            \'path\': identifier.current,\n                            show_download_ris_button,\n                            \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                              name,\n                              \'path\': identifier.current,\n                              show_download_ris_button,\n                            },\n                            \'url\' : pdf.asset-> url,\n                            \'pdf\': pdf.asset->,\n                            isbn_issn,\n                            abbreviatedJournal,\n                          }\n\n                        }';
+      return '*[\n                        _type == "article"\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && defined(url)\n                        && is_visible != false\n                        && url.current == $url\n                        ' + conditions + '\n                      ][0]{\n                          ' + params + '\n                          title,\n                          published,\n                          summary,\n                          thumbnail,\n                          fieldAbstract,\n                          ...,\n                          passwordLock,\n                          password,\n                          issueGroup-> { _id, name, identifier, parent-> },\n                          "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                          body[] {\n                            ...,\n                            asset->,\n                            images[]{\n                              ...,\n                              asset->\n                            },\n                            content[]{\n                              ...,\n                              asset->\n                            },\n                            videos[]{\n                              ...,\n                              thumbnail{\n                                _type,\n                                asset->\n                              }\n                            },\n                            response[]{\n                              ...,\n                              asset->\n                            },\n                            quizzes[]{\n                              ...,\n                              answer[]{\n                                ...,\n                                asset->\n                              },\n                              question[]{\n                                ...,\n                                asset->\n                              }\n                            },\n                            poster {\n                              _type,\n                              asset->\n                            },\n                            slides[]{\n                              ...,\n                              slideshowImage{\n                              ...,\n                              asset->\n                              }\n                            },\n                            upload_doc {\n                              _type,\n                              asset->\n                            },\n                            uploadAudio {\n                              _type,\n                              asset->\n                            },\n                            medias[]{\n                              ...,\n                              upload_doc {\n                                _type,\n                                asset-> \n                              },\n                              poster {\n                                _type,\n                                asset-> \n                              }\n                            },\n                            articles[]{\n                              ...,\n                              thumbnail{\n                                ...,\n                                asset-> \n                              },\n                              "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography, showSocialShare },\n                              text[]{\n                                ...,\n                                upload_doc {\n                                  _type,\n                                  asset->\n                                },\n                                uploadAudio {\n                                  _type,\n                                  asset->\n                                },\n                              }\n                            }\n                          },\n                          \'content_placement\': taxonomyMapping[]-> {\n                            ...,\n                            \'ancestor\': parent->parent->identifier,\n                            \'parent\': parent->identifier,\n                            \'name\': name,\n                            \'path\': identifier,\n                            showSocialShare,\n                            pixelTrackingCode->\n                          },\n                          documentGroup-> {\n                            _id,\n                            name,\n                            thumbnail,\n                            parent->{...,parent->},\n                            isShow,\n                            isSeries,\n                            disableEpisodeNumber,\n                            excludeRelatedContents,\n                            showSocialShare,\n                            \'path\': identifier.current,\n                            adTargetingURL,\n                            hideSeriesSlider,\n                            pixelTrackingCode->\n                          },\n                          documentGroupMapping[]-> {\n                            _id,\n                            name,\n                            thumbnail,\n                            parent->{...,parent->},\n                            isShow,\n                            showSocialShare,\n                            excludeRelatedContents,\n                            \'path\': identifier.current,\n                            hideSeriesSlider,\n                            pixelTrackingCode->\n                          },\n                          \'category\':contentCategory->{\n                            name,\n                            disableAds\n                          },\n                          \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                            name,\n                            volume,\n                            year,\n                            \'issueNumber\': number,\n                            \'articleSource\': source,\n                            \'path\': identifier.current,\n                            show_download_ris_button,\n                            \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                              name,\n                              \'path\': identifier.current,\n                              show_download_ris_button,\n                            },\n                            \'url\' : pdf.asset-> url,\n                            \'pdf\': pdf.asset->,\n                            isbn_issn,\n                            abbreviatedJournal,\n                          }\n\n                        }';
     case 'publication':
       return '*[_type == \'publication\'\n        && identifier.current == $publication\n        ' + conditions + '][0] {\n          ' + params + '\n          ...,\n          \'issues\': *[_type == \'publication\'\n              && is_visible\n              && references(^._id)\n              && defined(identifier)] {\n                ...,\n                thumbnail{ ..., asset-> },\n                taxonomyMapping[]->,\n                pdf{asset->},\n              } | order(year desc, month desc)\n      }';
     case 'issue':

package/dist/cjs/getSerializers.js

@@ -2,7 +2,7 @@
 
 require('./extends-7c86182f.js');
 require('react');
-var getSerializers = require('./index-6bab3b25.js');
+var getSerializers = require('./index-eb1c583d.js');
 require('./BlockContent-9ebd251f.js');
 require('./entities-df1aed86.js');
 require('./_commonjsHelpers-06173234.js');

package/dist/cjs/{index-6bab3b25.js → index-eb1c583d.js}

@@ -7506,7 +7506,7 @@ var ReactPlayer = _commonjsHelpers.unwrapExports(ReactPlayer_1);
 var Audio = function Audio(_ref) {
   var node = _ref.node;
 
-  var audioSource = node.uploadAudio.asset.url;
+  var audioSource = node && node.uploadAudio ? node.uploadAudio.asset.url : '';
   var reportPlay = function reportPlay() {
     console.log('Reporting audio playback play to GA');
     ReactGA__default['default'].event({
@@ -10382,6 +10382,15 @@ var BlockTable = function BlockTable(props) {
   );
 };
 
+var DigiohSmartTag = function DigiohSmartTag(props) {
+  var _props$node = props.node,
+      FormID = _props$node.FormID;
+      _props$node.needSegmentSupport;
+
+
+  return React__default['default'].createElement('div', { id: FormID });
+};
+
 var ScrollToElement = function ScrollToElement(elementId) {
   var element = document.getElementById(elementId);
   if (element) {
@@ -10600,6 +10609,7 @@ var getSerializers = function getSerializers() {
         return React__default['default'].createElement(Formstack, { FormID: FormID, Caption: Caption, needSegmentSupport: needSegmentSupport });
       },
       formassembly: FormAssembly,
+      digiohSmartTag: DigiohSmartTag,
       multimedia: function multimedia(_ref21) {
         var node = _ref21.node;
 

package/dist/cjs/index.js

@@ -81,6 +81,7 @@ var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var PropTypes = require('prop-types');
 var index$1 = require('./index-f86bb269.js');
 var ProgressBar = require('react-bootstrap/ProgressBar');
+var PixelTracking = require('./PixelTracking.js');
 var ForbesHero = require('./ForbesHero.js');
 var HorizontalHero = require('./HorizontalHero.js');
 var OncliveHero = require('./OncliveHero.js');
@@ -89,7 +90,7 @@ var VerticalHero = require('./VerticalHero.js');
 var YahooHero = require('./YahooHero.js');
 var GridHero = require('./GridHero.js');
 var ConferenceArticleCard = require('./ConferenceArticleCard.js');
-var getSerializers = require('./index-6bab3b25.js');
+var getSerializers = require('./index-eb1c583d.js');
 var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
 var KMTracker = require('./KMTracker.js');
@@ -611,6 +612,8 @@ exports.ArticleCarousel = ArticleCarousel;
 exports.TaxonomyDescription = TaxonomyDescription;
 exports.PubToc = PubToc;
 exports.PubSection = PubSection;
+exports.PixelTrackingArticle = PixelTracking.PixelTrackingArticle;
+exports.PixelTrackingLandingPages = PixelTracking.PixelTrackingLandingPages;
 exports.ForbesHero = ForbesHero;
 exports.HorizontalHero = HorizontalHero;
 exports.OncliveHero = OncliveHero;

package/dist/esm/AlgoliaSearch.js

@@ -108,6 +108,8 @@ function _assertThisInitialized(self) {
 function _possibleConstructorReturn(self, call) {
   if (call && (_typeof$1(call) === "object" || typeof call === "function")) {
     return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
   }
 
   return _assertThisInitialized(self);