@mjhls/mjh-framework 1.0.946 → 1.0.948

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-62c26edb.js');
+var getSerializers = require('./index-45a704a9.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-62c26edb.js');
+var getSerializers = require('./index-45a704a9.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-62c26edb.js');
+var getSerializers = require('./index-45a704a9.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-62c26edb.js');
+var getSerializers = require('./index-45a704a9.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./_object-pie-083f2dd6.js');

package/dist/cjs/{MediaSeriesCard-acb4581d.js → MediaSeriesCard-7a009439.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-62c26edb.js');
+var getSerializers = require('./index-45a704a9.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-acb4581d.js');
+var MediaSeriesCard = require('./MediaSeriesCard-7a009439.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-62c26edb.js');
+var getSerializers = require('./index-45a704a9.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

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-acb4581d.js');
+var MediaSeriesCard = require('./MediaSeriesCard-7a009439.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-62c26edb.js');
+var getSerializers = require('./index-45a704a9.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

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-62c26edb.js');
+var getSerializers = require('./index-45a704a9.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

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-62c26edb.js');
+var getSerializers = require('./index-45a704a9.js');
 var BlockContent = require('./BlockContent-9ebd251f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/TaxonomyDescription.js

@@ -6,7 +6,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-62c26edb.js');
+var getSerializers = require('./index-45a704a9.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

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-62c26edb.js');
+var getSerializers = require('./index-45a704a9.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-62c26edb.js');
+var getSerializers = require('./index-45a704a9.js');
 var AdSlot = require('./AdSlot.js');
 var SeriesSlider = require('./SeriesSlider-ba0c5d1a.js');
 var getTargeting = require('./getTargeting-3c5754ac.js');
@@ -1173,7 +1173,7 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
                 React__default['default'].createElement(
                   'style',
                   { jsx: 'true' },
-                  '\n                        .related-link:not(:first-child):before {\n                          content: \' | \';\n                        }\n                      '
+                  '\n                          .related-link:not(:first-child):before {\n                            content: \' | \';\n                          }\n                        '
                 )
               );
             }
@@ -1272,7 +1272,7 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
           slotId: (payload.contextualVideoAD.slotId || 'in-context_video') + '-' + payload._id
         })
       });
-      var selectedIndex = indexes[1] + 1;
+      var selectedIndex = !(indexes.length % 2) ? indexes.length / 2 + 1 : Math.round(indexes.length / 2);
       if (seriesInfo.hasVideo) {
         selectedIndex = seriesInfo.videoIndex;
       }
@@ -1303,9 +1303,13 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
           { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
           React__default['default'].createElement(AdSlot, _extends._extends({}, payload.contextualAD, {
             refreshFlag: refreshFlag
-            // checkIsAdFound={previewAd ? null : checkIsAdFound}
           }))
         ),
+        React__default['default'].createElement(
+          'style',
+          { jsx: 'true' },
+          '\n              .contextual-native-ad {\n                margin-bottom: 1rem;\n              }\n            '
+        ),
         React__default['default'].createElement('span', { className: 'clearfix' }),
         React__default['default'].createElement(
           'div',
@@ -1333,7 +1337,7 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
           }, { viewport: [0, 0], sizes: ['fluid', [300, 100]] }] : [{ viewport: [0, 0], sizes: ['fluid', [300, 100]] }]
         })
       });
-      var _selectedIndex = indexes[1] + 1;
+      var _selectedIndex = !(indexes.length % 2) ? indexes.length / 2 + 1 : Math.round(indexes.length / 2);
       if (seriesInfo.hasVideo) {
         _selectedIndex = seriesInfo.videoIndex;
       }
@@ -1348,12 +1352,20 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
         contextualADFlag && React__default['default'].createElement('span', { className: 'clearfix' }),
         article.documentGroup && article.documentGroup.isSeries && sliderData && seriesInfo.hasVideo && React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: logicforDisplayingEpisodeNumber }),
         (visibleFlag || queueData && queueData.length === 1 || !props.infiniteScroll) && React__default['default'].createElement(
-          'div',
-          { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
-          React__default['default'].createElement(AdSlot, _extends._extends({}, payload.contextualAD, {
-            refreshFlag: refreshFlag
-            // checkIsAdFound={previewAd ? null : checkIsAdFound}
-          }))
+          React__default['default'].Fragment,
+          null,
+          React__default['default'].createElement(
+            'div',
+            { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
+            React__default['default'].createElement(AdSlot, _extends._extends({}, payload.contextualAD, {
+              refreshFlag: refreshFlag
+            }))
+          ),
+          React__default['default'].createElement(
+            'style',
+            { jsx: 'true' },
+            '\n                  .contextual-native-ad {\n                    margin-bottom: 1rem;\n                  }\n                '
+          )
         ),
         contextualADFlag && React__default['default'].createElement('span', { className: 'clearfix' }),
         React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({
@@ -1368,11 +1380,11 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
           slotId: (payload.contextualVideoAD.slotId || 'in-context_video') + '-' + payload._id
         })
       });
-      var _selectedIndex2 = indexes[1] + 1;
+      var _selectedIndex2 = !(indexes.length % 2) ? indexes.length / 2 + 1 : Math.round(indexes.length / 2);
       if (seriesInfo.hasVideo) {
         _selectedIndex2 = seriesInfo.videoIndex;
       }
-      var _checkIsAdFound2 = function _checkIsAdFound2(isFound) {
+      var checkIsAdFound = function checkIsAdFound(isFound) {
         if (!isFound) {
           var parent = document.getElementById('contextual-video-ad-' + payload._id);
           parent.style.height = '0%';
@@ -1399,7 +1411,7 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
         React__default['default'].createElement(
           'div',
           { id: 'contextual-video-ad-' + payload._id, className: 'contextual-video-ad' },
-          React__default['default'].createElement(AdSlot, _extends._extends({}, payload.contextualVideoAD, { refreshFlag: refreshFlag, checkIsAdFound: _checkIsAdFound2 }))
+          React__default['default'].createElement(AdSlot, _extends._extends({}, payload.contextualVideoAD, { refreshFlag: refreshFlag, checkIsAdFound: checkIsAdFound }))
         ),
         React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({
           serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, article.Ads, targeting, article, meta, authorPrefix, authorImgHeight),
@@ -1408,7 +1420,7 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
         }, client.config()))
       );
     } else {
-      var _selectedIndex3 = indexes[1] + 1;
+      var _selectedIndex3 = !(indexes.length % 2) ? indexes.length / 2 + 1 : Math.round(indexes.length / 2);
       if (seriesInfo.hasVideo) {
         _selectedIndex3 = seriesInfo.videoIndex;
       }
@@ -1567,7 +1579,7 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
               React__default['default'].createElement(
                 'style',
                 { jsx: 'true' },
-                '\n                  @media screen and (max-width: 468px) {\n                    .video-detail .doc-group-container {\n                      flex-direction: column;\n                      align-items: flex-start !important;\n                    }\n                    .video-detail .doc-group {\n                      margin-top: 2rem;\n                      width: calc(100vw - 45px);\n                      align-items: center;\n                    }\n                    .video-detail .doc-group img,\n                    .doc-group p {\n                      max-width: calc(100vw - 45px) !important;\n                    }\n                  }\n                  .author-details-img {\n                    margin-right: 10px;\n                    max-height: 250px;\n                    min-height: 150px;\n                    max-width: 250px;\n                    min-width: 150px;\n                    width: 100%;\n                    height: 100%;\n                    object-fit: contain;\n                  }\n                  .author-details-img-container {\n                    text-align: center;\n                  }\n                  .author-details-col {\n                    padding-left: 25px;\n                  }\n                '
+                '\n                    @media screen and (max-width: 468px) {\n                      .video-detail .doc-group-container {\n                        flex-direction: column;\n                        align-items: flex-start !important;\n                      }\n                      .video-detail .doc-group {\n                        margin-top: 2rem;\n                        width: calc(100vw - 45px);\n                        align-items: center;\n                      }\n                      .video-detail .doc-group img,\n                      .doc-group p {\n                        max-width: calc(100vw - 45px) !important;\n                      }\n                    }\n                    .author-details-img {\n                      margin-right: 10px;\n                      max-height: 250px;\n                      min-height: 150px;\n                      max-width: 250px;\n                      min-width: 150px;\n                      width: 100%;\n                      height: 100%;\n                      object-fit: contain;\n                    }\n                    .author-details-img-container {\n                      text-align: center;\n                    }\n                    .author-details-col {\n                      padding-left: 25px;\n                    }\n                  '
               ),
               React__default['default'].createElement(
                 'div',
@@ -1787,7 +1799,7 @@ var Article = React__default['default'].memo(React.forwardRef(function (props, r
         if (index > 0) {
           return React__default['default'].createElement(
             'div',
-            { key: index, id: 'addid-' + index, style: { display: 'flex', flex: '1 0 auto' } },
+            { key: index, id: 'addid-' + index },
             ad.component
           );
         }

package/dist/cjs/getSerializers.js

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

package/dist/cjs/{index-62c26edb.js → index-45a704a9.js}

@@ -8628,14 +8628,12 @@ var Slideshow = function Slideshow(_ref) {
   //   }
   // }, [router])
 
-
   //component reRenders twice due to the implementation of react-bootstrap carousel, will do this inside onChange slide
   // useEffect(() => {
   //     DFPManager.refresh()
   //   if (pageview) pageview(router.asPath)
   // }, [router])
 
-
   var onChangeSlide = function onChangeSlide(selectedIndex) {
     var pageNumber = selectedIndex + 1;
     var href = '/view/' + router.query.url + '?page=' + pageNumber;
@@ -8663,16 +8661,12 @@ var Slideshow = function Slideshow(_ref) {
                 'div',
                 { style: { textAlign: 'center' }, className: '' },
                 React__default['default'].createElement(
-                  index$2.LazyLoad,
+                  'picture',
                   null,
-                  React__default['default'].createElement(
-                    'picture',
-                    null,
-                    React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1500, imageFit: 'max' }) }),
-                    React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1000, imageFit: 'max' }) }),
-                    React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 500, imageFit: 'max' }) }),
-                    React__default['default'].createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', className: 'embed-item-img' })
-                  )
+                  React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+                  React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+                  React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 500, imageFit: 'max' }) }),
+                  React__default['default'].createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', className: 'embed-item-img' })
                 )
               )
             ),
@@ -10195,6 +10189,8 @@ var FormAssembly = function FormAssembly(props) {
       _props$node$needSegme = _props$node.needSegmentSupport,
       needSegmentSupport = _props$node$needSegme === undefined ? false : _props$node$needSegme;
 
+  var router = Router.useRouter();
+
   var _useState = React.useState(null),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       iframeSrc = _useState2[0],
@@ -10211,15 +10207,17 @@ var FormAssembly = function FormAssembly(props) {
     }
   }, []);
   React.useEffect(function () {
+    var tfa_2 = router.query.tfa_2;
+
     if (FormID) {
       var src = 'https://' + enterpriseDomainName + '.tfaforms.net/' + FormID;
       if (anonymousID && needSegmentSupport) {
         src = src + '?tfa_1=' + anonymousID;
       }
-      if (Promocode) {
+      if (tfa_2 || Promocode) {
         var pattern = /\?.+=.*/g;
         var hasQueryString = pattern.test(src);
-        src = hasQueryString ? src + '&tfa_2=' + Promocode : src + '?tfa_2=' + Promocode;
+        src = hasQueryString ? src + '&tfa_2=' + (tfa_2 ? tfa_2 : Promocode) : src + '?tfa_2=' + (tfa_2 ? tfa_2 : Promocode);
       }
       setIframeSrc(encodeURI(src));
     }

package/dist/cjs/index.js

@@ -89,7 +89,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-62c26edb.js');
+var getSerializers = require('./index-45a704a9.js');
 var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
 var KMTracker = require('./KMTracker.js');

package/dist/esm/ArticleProgramLandingPage.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import { _ as _extends } from './extends-6d8e3924.js';
 import React__default from 'react';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-0009ea68.js';
+import { g as getSerializers } from './index-497db308.js';
 import ArticleSeriesListing from './ArticleSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/ExternalResources.js

@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-6d8e3924.js';
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useEffect } from 'react';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-0009ea68.js';
+import { g as getSerializers } from './index-497db308.js';
 import { m as momentTimezone } from './index-79cfd25c.js';
 import { useRouter } from 'next/router';
 import Button from 'react-bootstrap/Button';

package/dist/esm/HorizontalArticleListing.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import ArticleCarousel from './ArticleCarousel.js';
 import { I as IoIosArrowForward } from './index.esm-eb1e8e80.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-0009ea68.js';
+import { g as getSerializers } from './index-497db308.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './_object-pie-133f504a.js';

package/dist/esm/IssueLanding.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-0009ea68.js';
+import { g as getSerializers } from './index-497db308.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './_object-pie-133f504a.js';

package/dist/esm/{MediaSeriesCard-227aea3c.js → MediaSeriesCard-4a68f1cf.js}

@@ -9,7 +9,7 @@ import urlFor from './urlFor.js';
 import { m as moment } from './moment-bc12cb97.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-0009ea68.js';
+import { g as getSerializers } from './index-497db308.js';
 
 /**
  * Copyright (c) 2013-present, Facebook, Inc.

package/dist/esm/MediaSeriesLanding.js

@@ -3,13 +3,13 @@ import { _ as _typeof } from './typeof-e9fc0c5d.js';
 import { _ as _extends } from './extends-6d8e3924.js';
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useEffect } from 'react';
-import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-227aea3c.js';
+import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-4a68f1cf.js';
 import './index-98ca9cec.js';
 import 'react-dom';
 import Link from 'next/link';
 import MasterDeck from './MasterDeck.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-0009ea68.js';
+import { g as getSerializers } from './index-497db308.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';

package/dist/esm/MediaSeriesLandingPaginated.js

@@ -3,13 +3,13 @@ import { _ as _typeof } from './typeof-e9fc0c5d.js';
 import { _ as _extends } from './extends-6d8e3924.js';
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useEffect } from 'react';
-import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-227aea3c.js';
+import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-4a68f1cf.js';
 import './index-98ca9cec.js';
 import 'react-dom';
 import Link from 'next/link';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import MasterDeck from './MasterDeckPaginated.js';
-import { g as getSerializers } from './index-0009ea68.js';
+import { g as getSerializers } from './index-497db308.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';

package/dist/esm/PartnerDetailListing.js

@@ -11,7 +11,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-0009ea68.js';
+import { g as getSerializers } from './index-497db308.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/PartnerDetailListingPaginated.js

@@ -11,7 +11,7 @@ import QueueDeckExpanded from './QueueDeckExpandedPaginated.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-0009ea68.js';
+import { g as getSerializers } from './index-497db308.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/TaxonomyDescription.js

@@ -4,7 +4,7 @@ import React__default from 'react';
 import { useRouter } from 'next/router';
 import Head from 'next/head';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-0009ea68.js';
+import { g as getSerializers } from './index-497db308.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';

package/dist/esm/VideoProgramLandingPage.js

@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import Col from 'react-bootstrap/Col';
 import Form from 'react-bootstrap/Form';
 import Button from 'react-bootstrap/Button';
-import { g as getSerializers } from './index-0009ea68.js';
+import { g as getSerializers } from './index-497db308.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';

package/dist/esm/View.js

@@ -15,7 +15,7 @@ import FormControl from 'react-bootstrap/FormControl';
 import Button from 'react-bootstrap/Button';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import SocialShare from './SocialShare.js';
-import { r as renderAuthor, g as getSerializers } from './index-0009ea68.js';
+import { r as renderAuthor, g as getSerializers } from './index-497db308.js';
 import DFPAdSlot from './AdSlot.js';
 import { S as SeriesSlider } from './SeriesSlider-45adb8dc.js';
 import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-42f9b439.js';
@@ -1162,7 +1162,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
                 React__default.createElement(
                   'style',
                   { jsx: 'true' },
-                  '\n                        .related-link:not(:first-child):before {\n                          content: \' | \';\n                        }\n                      '
+                  '\n                          .related-link:not(:first-child):before {\n                            content: \' | \';\n                          }\n                        '
                 )
               );
             }
@@ -1261,7 +1261,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
           slotId: (payload.contextualVideoAD.slotId || 'in-context_video') + '-' + payload._id
         })
       });
-      var selectedIndex = indexes[1] + 1;
+      var selectedIndex = !(indexes.length % 2) ? indexes.length / 2 + 1 : Math.round(indexes.length / 2);
       if (seriesInfo.hasVideo) {
         selectedIndex = seriesInfo.videoIndex;
       }
@@ -1292,9 +1292,13 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
           { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
           React__default.createElement(DFPAdSlot, _extends({}, payload.contextualAD, {
             refreshFlag: refreshFlag
-            // checkIsAdFound={previewAd ? null : checkIsAdFound}
           }))
         ),
+        React__default.createElement(
+          'style',
+          { jsx: 'true' },
+          '\n              .contextual-native-ad {\n                margin-bottom: 1rem;\n              }\n            '
+        ),
         React__default.createElement('span', { className: 'clearfix' }),
         React__default.createElement(
           'div',
@@ -1322,7 +1326,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
           }, { viewport: [0, 0], sizes: ['fluid', [300, 100]] }] : [{ viewport: [0, 0], sizes: ['fluid', [300, 100]] }]
         })
       });
-      var _selectedIndex = indexes[1] + 1;
+      var _selectedIndex = !(indexes.length % 2) ? indexes.length / 2 + 1 : Math.round(indexes.length / 2);
       if (seriesInfo.hasVideo) {
         _selectedIndex = seriesInfo.videoIndex;
       }
@@ -1337,12 +1341,20 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
         contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
         article.documentGroup && article.documentGroup.isSeries && sliderData && seriesInfo.hasVideo && React__default.createElement(SeriesSlider, { dataset: sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: logicforDisplayingEpisodeNumber }),
         (visibleFlag || queueData && queueData.length === 1 || !props.infiniteScroll) && React__default.createElement(
-          'div',
-          { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
-          React__default.createElement(DFPAdSlot, _extends({}, payload.contextualAD, {
-            refreshFlag: refreshFlag
-            // checkIsAdFound={previewAd ? null : checkIsAdFound}
-          }))
+          React__default.Fragment,
+          null,
+          React__default.createElement(
+            'div',
+            { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
+            React__default.createElement(DFPAdSlot, _extends({}, payload.contextualAD, {
+              refreshFlag: refreshFlag
+            }))
+          ),
+          React__default.createElement(
+            'style',
+            { jsx: 'true' },
+            '\n                  .contextual-native-ad {\n                    margin-bottom: 1rem;\n                  }\n                '
+          )
         ),
         contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
         React__default.createElement(BlockContent, _extends({
@@ -1357,11 +1369,11 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
           slotId: (payload.contextualVideoAD.slotId || 'in-context_video') + '-' + payload._id
         })
       });
-      var _selectedIndex2 = indexes[1] + 1;
+      var _selectedIndex2 = !(indexes.length % 2) ? indexes.length / 2 + 1 : Math.round(indexes.length / 2);
       if (seriesInfo.hasVideo) {
         _selectedIndex2 = seriesInfo.videoIndex;
       }
-      var _checkIsAdFound2 = function _checkIsAdFound2(isFound) {
+      var checkIsAdFound = function checkIsAdFound(isFound) {
         if (!isFound) {
           var parent = document.getElementById('contextual-video-ad-' + payload._id);
           parent.style.height = '0%';
@@ -1388,7 +1400,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
         React__default.createElement(
           'div',
           { id: 'contextual-video-ad-' + payload._id, className: 'contextual-video-ad' },
-          React__default.createElement(DFPAdSlot, _extends({}, payload.contextualVideoAD, { refreshFlag: refreshFlag, checkIsAdFound: _checkIsAdFound2 }))
+          React__default.createElement(DFPAdSlot, _extends({}, payload.contextualVideoAD, { refreshFlag: refreshFlag, checkIsAdFound: checkIsAdFound }))
         ),
         React__default.createElement(BlockContent, _extends({
           serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, article.Ads, targeting, article, meta, authorPrefix, authorImgHeight),
@@ -1397,7 +1409,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
         }, client.config()))
       );
     } else {
-      var _selectedIndex3 = indexes[1] + 1;
+      var _selectedIndex3 = !(indexes.length % 2) ? indexes.length / 2 + 1 : Math.round(indexes.length / 2);
       if (seriesInfo.hasVideo) {
         _selectedIndex3 = seriesInfo.videoIndex;
       }
@@ -1556,7 +1568,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
               React__default.createElement(
                 'style',
                 { jsx: 'true' },
-                '\n                  @media screen and (max-width: 468px) {\n                    .video-detail .doc-group-container {\n                      flex-direction: column;\n                      align-items: flex-start !important;\n                    }\n                    .video-detail .doc-group {\n                      margin-top: 2rem;\n                      width: calc(100vw - 45px);\n                      align-items: center;\n                    }\n                    .video-detail .doc-group img,\n                    .doc-group p {\n                      max-width: calc(100vw - 45px) !important;\n                    }\n                  }\n                  .author-details-img {\n                    margin-right: 10px;\n                    max-height: 250px;\n                    min-height: 150px;\n                    max-width: 250px;\n                    min-width: 150px;\n                    width: 100%;\n                    height: 100%;\n                    object-fit: contain;\n                  }\n                  .author-details-img-container {\n                    text-align: center;\n                  }\n                  .author-details-col {\n                    padding-left: 25px;\n                  }\n                '
+                '\n                    @media screen and (max-width: 468px) {\n                      .video-detail .doc-group-container {\n                        flex-direction: column;\n                        align-items: flex-start !important;\n                      }\n                      .video-detail .doc-group {\n                        margin-top: 2rem;\n                        width: calc(100vw - 45px);\n                        align-items: center;\n                      }\n                      .video-detail .doc-group img,\n                      .doc-group p {\n                        max-width: calc(100vw - 45px) !important;\n                      }\n                    }\n                    .author-details-img {\n                      margin-right: 10px;\n                      max-height: 250px;\n                      min-height: 150px;\n                      max-width: 250px;\n                      min-width: 150px;\n                      width: 100%;\n                      height: 100%;\n                      object-fit: contain;\n                    }\n                    .author-details-img-container {\n                      text-align: center;\n                    }\n                    .author-details-col {\n                      padding-left: 25px;\n                    }\n                  '
               ),
               React__default.createElement(
                 'div',
@@ -1776,7 +1788,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
         if (index > 0) {
           return React__default.createElement(
             'div',
-            { key: index, id: 'addid-' + index, style: { display: 'flex', flex: '1 0 auto' } },
+            { key: index, id: 'addid-' + index },
             ad.component
           );
         }

package/dist/esm/getSerializers.js

@@ -1,6 +1,6 @@
 import './extends-6d8e3924.js';
 import 'react';
-export { g as default } from './index-0009ea68.js';
+export { g as default } from './index-497db308.js';
 import './BlockContent-1e73bd2c.js';
 import './entities-6d9154b4.js';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/{index-0009ea68.js → index-497db308.js}

@@ -8609,14 +8609,12 @@ var Slideshow = function Slideshow(_ref) {
   //   }
   // }, [router])
 
-
   //component reRenders twice due to the implementation of react-bootstrap carousel, will do this inside onChange slide
   // useEffect(() => {
   //     DFPManager.refresh()
   //   if (pageview) pageview(router.asPath)
   // }, [router])
 
-
   var onChangeSlide = function onChangeSlide(selectedIndex) {
     var pageNumber = selectedIndex + 1;
     var href = '/view/' + router.query.url + '?page=' + pageNumber;
@@ -8644,16 +8642,12 @@ var Slideshow = function Slideshow(_ref) {
                 'div',
                 { style: { textAlign: 'center' }, className: '' },
                 React__default.createElement(
-                  LazyLoad,
+                  'picture',
                   null,
-                  React__default.createElement(
-                    'picture',
-                    null,
-                    React__default.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1500, imageFit: 'max' }) }),
-                    React__default.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1000, imageFit: 'max' }) }),
-                    React__default.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 500, imageFit: 'max' }) }),
-                    React__default.createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', className: 'embed-item-img' })
-                  )
+                  React__default.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1500, imageFit: 'max' }) }),
+                  React__default.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1000, imageFit: 'max' }) }),
+                  React__default.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 500, imageFit: 'max' }) }),
+                  React__default.createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', className: 'embed-item-img' })
                 )
               )
             ),
@@ -10176,6 +10170,8 @@ var FormAssembly = function FormAssembly(props) {
       _props$node$needSegme = _props$node.needSegmentSupport,
       needSegmentSupport = _props$node$needSegme === undefined ? false : _props$node$needSegme;
 
+  var router = useRouter();
+
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
       iframeSrc = _useState2[0],
@@ -10192,15 +10188,17 @@ var FormAssembly = function FormAssembly(props) {
     }
   }, []);
   useEffect(function () {
+    var tfa_2 = router.query.tfa_2;
+
     if (FormID) {
       var src = 'https://' + enterpriseDomainName + '.tfaforms.net/' + FormID;
       if (anonymousID && needSegmentSupport) {
         src = src + '?tfa_1=' + anonymousID;
       }
-      if (Promocode) {
+      if (tfa_2 || Promocode) {
         var pattern = /\?.+=.*/g;
         var hasQueryString = pattern.test(src);
-        src = hasQueryString ? src + '&tfa_2=' + Promocode : src + '?tfa_2=' + Promocode;
+        src = hasQueryString ? src + '&tfa_2=' + (tfa_2 ? tfa_2 : Promocode) : src + '?tfa_2=' + (tfa_2 ? tfa_2 : Promocode);
       }
       setIframeSrc(encodeURI(src));
     }

package/dist/esm/index.js

@@ -86,7 +86,7 @@ export { default as VerticalHero } from './VerticalHero.js';
 export { default as YahooHero } from './YahooHero.js';
 export { default as GridHero } from './GridHero.js';
 export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
-export { g as getSerializers } from './index-0009ea68.js';
+export { g as getSerializers } from './index-497db308.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.946",
+  "version": "1.0.948",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",