@mjhls/mjh-framework 1.0.641 → 1.0.642-multi-doc-group

package/dist/cjs/View.js

@@ -26,8 +26,8 @@ require('react-bootstrap/Col');
 var moment = require('./moment-66a6a284.js');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 var index_es = require('./index.es-ab3f2690.js');
 require('react-dom');
 require('./index-b5eb3ff8.js');
@@ -45,7 +45,7 @@ require('./smoothscroll-95231a70.js');
 require('./GroupDeck.js');
 require('react-bootstrap');
 var Button = _interopDefault(require('react-bootstrap/Button'));
-var getSerializers = require('./index-7b0682af.js');
+var getSerializers = require('./index-04c709c4.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');
@@ -55,14 +55,14 @@ require('react-share');
 var SocialShare = require('./SocialShare.js');
 var Form = _interopDefault(require('react-bootstrap/Form'));
 var FormControl = _interopDefault(require('react-bootstrap/FormControl'));
-var keys$1 = require('./keys-a586b7a0.js');
+var keys = require('./keys-a586b7a0.js');
 require('react-bootstrap/Dropdown');
-var getKeywords = require('./getKeywords.js');
 var getSeriesDetail = require('./getSeriesDetail.js');
 require('nookies');
 var getQuery = require('./getQuery.js');
 var getRelatedArticle = require('./getRelatedArticle.js');
 var getTargeting = require('./getTargeting-87eb9994.js');
+var getKeywords = require('./getKeywords.js');
 var urlFor = require('./urlFor.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 
@@ -315,6 +315,7 @@ var Article = function Article(props) {
       issue = _props$article.issue,
       source = _props$article.source,
       documentGroup = _props$article.documentGroup,
+      documentGroupMapping = _props$article.documentGroupMapping,
       regionalPages = props.regionalPages,
       nationalPage = props.nationalPage,
       ISIContent = props.ISIContent,
@@ -405,7 +406,7 @@ var Article = function Article(props) {
   };
 
   var RelevantTopics = function RelevantTopics() {
-    if (content_placement && content_placement.length > 0 || documentGroup) {
+    if (content_placement && content_placement.length > 0 || documentGroupMapping) {
       return React__default.createElement(
         'div',
         { style: { color: '#262626' } },
@@ -418,23 +419,28 @@ var Article = function Article(props) {
             'Related Content:'
           )
         ),
-        documentGroup && documentGroup.parent && React__default.createElement(
-          React__default.Fragment,
-          null,
-          React__default.createElement(
-            'span',
-            { className: '' },
+        documentGroupMapping && documentGroupMapping.length > 0 && documentGroupMapping.map(function (map, map_index) {
+          var map_href = (cpModificationRequired ? map.parent && '/' + (map.parent.identifier && map.parent.identifier.current) : '') + '/' + map.path;
+          return React__default.createElement(
+            React__default.Fragment,
+            null,
             React__default.createElement(
-              'a',
-              {
-                className: 'related-links',
-                style: { color: 'blue' },
-                href: cpModificationRequired ? '/' + documentGroup.parent.identifier.current + '/' + documentGroup.path : '/' + documentGroup.path },
-              documentGroup.name
-            )
-          ),
-          content_placement && content_placement.length ? ' | ' : null
-        ),
+              'span',
+              { className: '', key: map_index },
+              React__default.createElement(
+                'a',
+                {
+                  className: 'related-links',
+                  style: { color: 'blue' },
+                  href: map_href
+                },
+                map.name
+              )
+            ),
+            map.index < documentGroupMapping.length && ' | '
+          );
+        }),
+        content_placement && content_placement.length > 0 && ' | ',
         content_placement && content_placement.length > 0 ? content_placement.map(function (cp, index) {
           var cp_url = cpModificationRequired ? getTargeting.getContentPlacementUrl(cp) : cp.path;
           var href = '/' + cp_url;
@@ -1011,7 +1017,7 @@ var ArticleQueue = function ArticleQueue(props) {
             var pos = slot.getTargeting('pos');
 
             slot.clearTargeting();
-            keys$1._Object$keys(targeting).forEach(function (key) {
+            keys._Object$keys(targeting).forEach(function (key) {
               slot.setTargeting(key, targeting[key]);
             });
             slot.setTargeting('pos', pos);
@@ -1032,7 +1038,7 @@ var ArticleQueue = function ArticleQueue(props) {
               //gets the slotId of the leaderboard ad to refresh
               leaderboardSlotId = slot.getSlotId().getDomId();
               slot.clearTargeting();
-              keys$1._Object$keys(targeting).forEach(function (key) {
+              keys._Object$keys(targeting).forEach(function (key) {
                 slot.setTargeting(key, targeting[key]);
               });
               slot.setTargeting('pos', pos);
@@ -1282,7 +1288,9 @@ var View = function View(props) {
       _props$showRelatedArt = props.showRelatedArticles,
       showRelatedArticles = _props$showRelatedArt === undefined ? false : _props$showRelatedArt,
       _props$canonicalTag = props.canonicalTag,
-      canonicalTag = _props$canonicalTag === undefined ? true : _props$canonicalTag;
+      canonicalTag = _props$canonicalTag === undefined ? true : _props$canonicalTag,
+      _props$disableInfinit = props.disableInfiniteScroll,
+      disableInfiniteScroll = _props$disableInfinit === undefined ? false : _props$disableInfinit;
   var _props$article = props.article,
       _props$article$passwo = _props$article.passwordLock,
       passwordLock = _props$article$passwo === undefined ? false : _props$article$passwo,
@@ -1340,7 +1348,7 @@ var View = function View(props) {
 
   var isVideoSeries = checkVideoSeries(props.article);
   var isArticleSeries = checkArticleSeries(props.article);
-  var needInfiniteScroll = ['Articles', 'Videos', 'Podcasts'].includes(article.category.name) && article.taxonomyMapping && article.passwordLock !== true && !isVideoSeries && !isArticleSeries && !article.ExcludeFromInfiniteScroll && !sponsoredFlag;
+  var needInfiniteScroll = ['Articles', 'Videos', 'Podcasts'].includes(article.category.name) && article.taxonomyMapping && article.passwordLock !== true && !isVideoSeries && !isArticleSeries && !article.ExcludeFromInfiniteScroll && !sponsoredFlag && !disableInfiniteScroll;
 
   if (['Articles', 'Videos', 'Podcasts'].includes(article.category.name)) {
     description = null;

package/dist/cjs/{debounce-32e57002.js → debounce-eb287781.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var isSymbol = require('./isSymbol-488934a7.js');
+var isSymbol = require('./isSymbol-04666465.js');
 
 /**
  * Gets the timestamp of the number of milliseconds that have elapsed since
@@ -277,4 +277,3 @@ function debounce(func, wait, options) {
 var debounce_1 = debounce;
 
 exports.debounce_1 = debounce_1;
-exports.toNumber_1 = toNumber_1;

package/dist/cjs/{get-5dfcdc33.js → get-68c52cb1.js}

@@ -1,7 +1,33 @@
 'use strict';
 
-var isSymbol = require('./isSymbol-488934a7.js');
-var _arrayMap = require('./_arrayMap-3b4a0f75.js');
+var isSymbol = require('./isSymbol-04666465.js');
+
+/**
+ * Checks if `value` is classified as an `Array` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array, else `false`.
+ * @example
+ *
+ * _.isArray([1, 2, 3]);
+ * // => true
+ *
+ * _.isArray(document.body.children);
+ * // => false
+ *
+ * _.isArray('abc');
+ * // => false
+ *
+ * _.isArray(_.noop);
+ * // => false
+ */
+var isArray = Array.isArray;
+
+var isArray_1 = isArray;
 
 /** Used to match property names within property paths. */
 var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
@@ -16,7 +42,7 @@ var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
  * @returns {boolean} Returns `true` if `value` is a property name, else `false`.
  */
 function isKey(value, object) {
-  if (_arrayMap.isArray_1(value)) {
+  if (isArray_1(value)) {
     return false;
   }
   var type = typeof value;
@@ -30,6 +56,41 @@ function isKey(value, object) {
 
 var _isKey = isKey;
 
+/** `Object#toString` result references. */
+var asyncTag = '[object AsyncFunction]',
+    funcTag = '[object Function]',
+    genTag = '[object GeneratorFunction]',
+    proxyTag = '[object Proxy]';
+
+/**
+ * Checks if `value` is classified as a `Function` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a function, else `false`.
+ * @example
+ *
+ * _.isFunction(_);
+ * // => true
+ *
+ * _.isFunction(/abc/);
+ * // => false
+ */
+function isFunction(value) {
+  if (!isSymbol.isObject_1(value)) {
+    return false;
+  }
+  // The use of `Object#toString` avoids issues with the `typeof` operator
+  // in Safari 9 which returns 'object' for typed arrays and other constructors.
+  var tag = isSymbol._baseGetTag(value);
+  return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
+}
+
+var isFunction_1 = isFunction;
+
 /** Used to detect overreaching core-js shims. */
 var coreJsData = isSymbol._root['__core-js_shared__'];
 
@@ -118,7 +179,7 @@ function baseIsNative(value) {
   if (!isSymbol.isObject_1(value) || _isMasked(value)) {
     return false;
   }
-  var pattern = _arrayMap.isFunction_1(value) ? reIsNative : reIsHostCtor;
+  var pattern = isFunction_1(value) ? reIsNative : reIsHostCtor;
   return pattern.test(_toSource(value));
 }
 
@@ -755,6 +816,28 @@ var stringToPath = _memoizeCapped(function(string) {
 
 var _stringToPath = stringToPath;
 
+/**
+ * A specialized version of `_.map` for arrays without support for iteratee
+ * shorthands.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns the new mapped array.
+ */
+function arrayMap(array, iteratee) {
+  var index = -1,
+      length = array == null ? 0 : array.length,
+      result = Array(length);
+
+  while (++index < length) {
+    result[index] = iteratee(array[index], index, array);
+  }
+  return result;
+}
+
+var _arrayMap = arrayMap;
+
 /** Used as references for various `Number` constants. */
 var INFINITY = 1 / 0;
 
@@ -775,9 +858,9 @@ function baseToString(value) {
   if (typeof value == 'string') {
     return value;
   }
-  if (_arrayMap.isArray_1(value)) {
+  if (isArray_1(value)) {
     // Recursively convert values (susceptible to call stack limits).
-    return _arrayMap._arrayMap(value, baseToString) + '';
+    return _arrayMap(value, baseToString) + '';
   }
   if (isSymbol.isSymbol_1(value)) {
     return symbolToString ? symbolToString.call(value) : '';
@@ -824,7 +907,7 @@ var toString_1 = toString;
  * @returns {Array} Returns the cast property path array.
  */
 function castPath(value, object) {
-  if (_arrayMap.isArray_1(value)) {
+  if (isArray_1(value)) {
     return value;
   }
   return _isKey(value, object) ? [value] : _stringToPath(toString_1(value));

package/dist/cjs/getQuery.js

@@ -10,9 +10,9 @@ var getQuery = function getQuery(type) {
 
   switch (type) {
     case 'related':
-      return '*[\n                _type == "article"\n                && defined(title)\n                && defined(url)\n                && !(_id in path("drafts.**"))\n                && is_visible == true\n                && published <= now()\n                && passwordLock!=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                ' + conditions + '\n              ]| order(published desc)[' + (articleCount ? articleCount : '$index') + ']{\n                  ' + params + '\n                  title,\n                  published,\n                  summary,\n                  thumbnail,\n                  ...,\n                  passwordLock,\n                  password,\n                  "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                  body[] {\n                    ...,\n                    upload_doc {\n                      _type,\n                      asset->\n                    },\n                    uploadAudio {\n                      _type,\n                      asset->\n                    }\n                  },\n                  \'content_placement\': taxonomyMapping[]-> {\n                    \'ancestor\': parent->parent->identifier,\n                    \'parent\': parent->identifier,\n                    \'name\': name,\n                    \'path\': identifier,\n                    disableAds\n                  },\n                    documentGroup-> {\n                      name,\n                      thumbnail,\n                      parent->{...,parent->},\n                    \'path\': identifier.current\n                  },\n                  \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                    name,\n                    \'path\': identifier.current,\n                    \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                      name,\n                      \'path\': identifier.current\n                    },\n                    \'url\' : pdf.asset-> url\n                  }\n                }';
+      return '*[\n                _type == "article"\n                && defined(title)\n                && defined(url)\n                && !(_id in path("drafts.**"))\n                && is_visible == true\n                && published <= now()\n                && passwordLock!=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                ' + conditions + '\n              ]| order(published desc)[' + (articleCount ? articleCount : '$index') + ']{\n                  ' + params + '\n                  title,\n                  published,\n                  summary,\n                  thumbnail,\n                  ...,\n                  passwordLock,\n                  password,\n                  "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                  body[] {\n                    ...,\n                    upload_doc {\n                      _type,\n                      asset->\n                    },\n                    uploadAudio {\n                      _type,\n                      asset->\n                    }\n                  },\n                  \'content_placement\': taxonomyMapping[]-> {\n                    \'ancestor\': parent->parent->identifier,\n                    \'parent\': parent->identifier,\n                    \'name\': name,\n                    \'path\': identifier,\n                    disableAds\n                  },\n                  documentGroup-> {\n                    name,\n                    thumbnail,\n                    parent->{...,parent->},\n                  \'path\': identifier.current\n                  },\n                  documentGroupMapping[]-> {\n                    name,\n                    thumbnail,\n                    parent->{...,parent->},\n                  \'path\': identifier.current\n                  },\n                  \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n                    name,\n                    \'path\': identifier.current,\n                    \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                      name,\n                      \'path\': identifier.current\n                    },\n                    \'url\' : pdf.asset-> url\n                  }\n                }';
     case 'article':
-      return '*[\n                        _type == "article"\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && defined(url)\n                        && url.current == $url\n                        ' + conditions + '\n                      ][0]{\n                          ' + params + '\n                          title,\n                          published,\n                          summary,\n                          thumbnail,\n                          ...,\n                          passwordLock,\n                          password,\n                          "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                          body[] {\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                            },\n                            articles[]{\n                              ...,\n                              "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                            }\n                          },\n                          \'content_placement\': taxonomyMapping[]-> {\n                            ...,\n                            \'ancestor\': parent->parent->identifier,\n                            \'parent\': parent->identifier,\n                            \'name\': name,\n                            \'path\': identifier\n                          },\n                            documentGroup-> {\n                              name,\n                              thumbnail,\n                              parent->{...,parent->},\n                            \'path\': identifier.current\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                            \'issueNumber\': number,\n                            \'articleSource\': source,\n                            \'path\': identifier.current,\n                            \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                              name,\n                              \'path\': identifier.current\n                            },\n                            \'url\' : pdf.asset-> url\n                          }\n\n                        }';
+      return '*[\n                        _type == "article"\n                        && !(_id in path("drafts.**"))\n                        && defined(title)\n                        && defined(url)\n                        && url.current == $url\n                        ' + conditions + '\n                      ][0]{\n                          ' + params + '\n                          title,\n                          published,\n                          summary,\n                          thumbnail,\n                          ...,\n                          passwordLock,\n                          password,\n                          "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                          body[] {\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                            },\n                            articles[]{\n                              ...,\n                              "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n                            }\n                          },\n                          \'content_placement\': taxonomyMapping[]-> {\n                            ...,\n                            \'ancestor\': parent->parent->identifier,\n                            \'parent\': parent->identifier,\n                            \'name\': name,\n                            \'path\': identifier\n                          },\n                          documentGroup-> {\n                              name,\n                              thumbnail,\n                              parent->{...,parent->},\n                            \'path\': identifier.current\n                          },\n                          documentGroupMapping[]-> {\n                            name,\n                            thumbnail,\n                            parent->{...,parent->},\n                            \'path\': identifier.current\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                            \'issueNumber\': number,\n                            \'articleSource\': source,\n                            \'path\': identifier.current,\n                            \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n                              name,\n                              \'path\': identifier.current\n                            },\n                            \'url\' : pdf.asset-> url\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                pdf{asset->}\n              } | order(year desc, month desc)\n      }';
     case 'issue':

package/dist/cjs/getSerializers.js

@@ -22,8 +22,8 @@ require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('./moment-66a6a284.js');
 require('next/router');
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 require('react-dom');
 require('./index-b5eb3ff8.js');
 require('./index-da796b8c.js');
@@ -40,7 +40,7 @@ require('./smoothscroll-95231a70.js');
 require('./GroupDeck.js');
 require('react-bootstrap');
 require('react-bootstrap/Button');
-var getSerializers = require('./index-7b0682af.js');
+var getSerializers = require('./index-04c709c4.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/{index-7b0682af.js → index-04c709c4.js}

@@ -8552,11 +8552,38 @@ var urlFor$4 = function urlFor(source, client) {
   return builder.image(source).auto('format');
 };
 
+function useOutsideAlerter$1(ref, container, setOpenImg, setOpenImgSrc) {
+  React.useEffect(function () {
+    function handleClickOutside(event) {
+      if (ref.current && !ref.current.contains(event.target) && container.current && container.current.className.includes('open')) {
+        setOpenImgSrc('');
+        setOpenImg(false);
+      }
+    }
+    document.addEventListener('mousedown', handleClickOutside);
+    return function () {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [ref]);
+}
+
 var MultiFigure = function MultiFigure(props) {
   var images = props.node.images,
       client = props.client;
 
+  var _useState = React.useState(false),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      openImg = _useState2[0],
+      setOpenImg = _useState2[1];
 
+  var _useState3 = React.useState(''),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      openImgSrc = _useState4[0],
+      setOpenImgSrc = _useState4[1];
+
+  var lightboxImage = React.useRef(null);
+  var lightboxContainer = React.useRef(null);
+  useOutsideAlerter$1(lightboxImage, lightboxContainer, setOpenImg, setOpenImgSrc);
   if (images && images.length > 0) {
     return React__default.createElement(
       'div',
@@ -8568,7 +8595,7 @@ var MultiFigure = function MultiFigure(props) {
           return React__default.createElement(
             reactBootstrap.Col,
             { xs: 12, md: 12 / images.length, key: index },
-            React__default.createElement(
+            image.link ? React__default.createElement(
               'a',
               _extends._extends({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'default' } }),
               React__default.createElement(
@@ -8585,14 +8612,41 @@ var MultiFigure = function MultiFigure(props) {
                   image.caption
                 )
               )
+            ) : React__default.createElement(
+              'div',
+              { className: 'multi-figure-image-container' },
+              React__default.createElement(
+                index$2.LazyLoad,
+                { once: true },
+                React__default.createElement('img', {
+                  'images-count': images.length,
+                  className: 'multi-figure-image',
+                  src: urlFor$4(image.asset, client).url(),
+                  alt: image.alt,
+                  onClick: function onClick() {
+                    setOpenImgSrc(urlFor$4(image, client).url());
+                    setOpenImg(true);
+                  }
+                })
+              ),
+              image.caption && React__default.createElement(
+                'span',
+                { className: 'multi-figure-caption' },
+                image.caption
+              )
             )
           );
         })
       ),
+      React__default.createElement(
+        'div',
+        { ref: lightboxContainer, className: 'lightbox-target ' + (openImg ? 'open' : 'close') },
+        React__default.createElement('img', { ref: lightboxImage, src: openImgSrc })
+      ),
       React__default.createElement(
         'style',
         { jsx: 'true' },
-        '\n          .multi-figure-container {\n            margin-bottom: 1rem;\n          }\n          .multi-figure-image {\n            width: 100%;\n            height: auto;\n            object-fit: cover;\n          }\n          .multi-figure-image-container {\n            padding-right: 0.5rem;\n          }\n          /* Small devices (portrait tablets and  phones, 767px and down) */\n          @media (max-width: 767px) {\n            .multi-figure-image-container {\n              margin-bottom: 1rem;\n            }\n          }\n\n          /* Medium devices (landscape tablets, 768px and up) */\n          @media (min-width: 768px) {\n            .multi-figure-image[images-count=\'4\'] {\n              height: 100px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              height: 130px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              height: 200px;\n            }\n            .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 0.75rem;\n            }\n          }\n\n          /* Large devices (laptops/desktops, 992px and up) */\n          @media (min-width: 992px) {\n            .multi-figure-image[images-count=\'4\'] {\n              height: 150px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              height: 200px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              height: 300px;\n            }\n          }\n\n          .multi-figure-caption {\n            font-size: 90%;\n            color: #6c757d;\n          }\n        '
+        '\n          .multi-figure-container {\n            margin-bottom: 1rem;\n          }\n          .multi-figure-image {\n            width: 100%;\n            height: auto;\n            object-fit: cover;\n          }\n          .multi-figure-image-container {\n            padding-right: 0.5rem;\n          }\n          /* Small devices (portrait tablets and  phones, 767px and down) */\n          @media (max-width: 767px) {\n            .multi-figure-image-container {\n              margin-bottom: 1rem;\n            }\n          }\n\n          /* Medium devices (landscape tablets, 768px and up) */\n          @media (min-width: 768px) {\n            .multi-figure-image[images-count=\'4\'] {\n              height: 100px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              height: 130px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              height: 200px;\n            }\n            .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n              padding-left: 0.75rem;\n            }\n          }\n\n          /* Large devices (laptops/desktops, 992px and up) */\n          @media (min-width: 992px) {\n            .multi-figure-image[images-count=\'4\'] {\n              height: 150px;\n            }\n            .multi-figure-image[images-count=\'3\'] {\n              height: 200px;\n            }\n            .multi-figure-image[images-count=\'2\'] {\n              height: 300px;\n            }\n          }\n\n          .multi-figure-caption {\n            font-size: 90%;\n            color: #6c757d;\n          }\n\n          /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n          .lightbox-target {\n            position: fixed;\n            top: -100%;\n            width: 100%;\n            background: rgba(0, 0, 0, 0.7);\n            width: 100%;\n            opacity: 0;\n            -webkit-transition: opacity 0.5s ease-in-out;\n            -moz-transition: opacity 0.5s ease-in-out;\n            -o-transition: opacity 0.5s ease-in-out;\n            transition: opacity 0.5s ease-in-out;\n            overflow: hidden;\n          }\n\n          .lightbox-target.close {\n            opacity: 0;\n          }\n\n          /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n          .lightbox-target img {\n            margin: auto;\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            max-height: 0%;\n            max-width: 0%;\n            border: 3px solid white;\n            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n            box-sizing: border-box;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Styles the close link, adds the slide down transition */\n\n          a.lightbox-close {\n            display: block;\n            width: 50px;\n            height: 50px;\n            box-sizing: border-box;\n            background: white;\n            color: black;\n            text-decoration: none;\n            position: absolute;\n            top: -80px;\n            right: 0;\n            -webkit-transition: 0.5s ease-in-out;\n            -moz-transition: 0.5s ease-in-out;\n            -o-transition: 0.5s ease-in-out;\n            transition: 0.5s ease-in-out;\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:before {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(45deg);\n            -moz-transform: rotate(45deg);\n            -o-transform: rotate(45deg);\n            transform: rotate(45deg);\n          }\n\n          /* Provides part of the "X" to eliminate an image from the close link */\n\n          a.lightbox-close:after {\n            content: \'\';\n            display: block;\n            height: 30px;\n            width: 1px;\n            background: black;\n            position: absolute;\n            left: 26px;\n            top: 10px;\n            -webkit-transform: rotate(-45deg);\n            -moz-transform: rotate(-45deg);\n            -o-transform: rotate(-45deg);\n            transform: rotate(-45deg);\n          }\n\n          /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n          .lightbox-target.open {\n            opacity: 1;\n            top: 0;\n            bottom: 0;\n            right: 0;\n            z-index: 3000000;\n          }\n\n          .lightbox-target.open img {\n            max-height: 100%;\n            max-width: 100%;\n          }\n\n          .lightbox-target.open a.lightbox-close {\n            top: 0px;\n          }\n        '
       )
     );
   }

package/dist/cjs/index.js

@@ -26,8 +26,8 @@ require('react-bootstrap/Col');
 require('react-bootstrap/Card');
 require('./moment-66a6a284.js');
 require('next/router');
-require('./isSymbol-488934a7.js');
-require('./debounce-32e57002.js');
+require('./isSymbol-04666465.js');
+require('./debounce-eb287781.js');
 require('./index.es-ab3f2690.js');
 require('react-dom');
 require('./visibility-sensor-0c45a583.js');
@@ -41,12 +41,11 @@ require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
 var Segment = require('./beam-7217b7e7.js');
 var AdSlot = require('./AdSlot.js');
-require('./ADInfeed-350decaa.js');
+require('./ADInfeed-eaa6c661.js');
 var DeckContent = require('./DeckContent.js');
 require('./lodash-fc2922d0.js');
-require('./ADlgInfeed-7d61609b.js');
-require('./_arrayMap-3b4a0f75.js');
-require('./get-5dfcdc33.js');
+require('./ADlgInfeed-f25eb4f7.js');
+require('./get-68c52cb1.js');
 var AD = require('./AD.js');
 require('./AuthorComponent-bb831b74.js');
 var GridContent = require('./GridContent.js');
@@ -77,7 +76,7 @@ require('./index-5be2866f.js');
 require('./js.cookie-a511c430.js');
 var EventsDeck = require('./EventsDeck.js');
 var CMEDeck = require('./CMEDeck.js');
-var getSerializers = require('./index-7b0682af.js');
+var getSerializers = require('./index-04c709c4.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');
@@ -145,8 +144,6 @@ var PublicationLanding = require('./PublicationLanding.js');
 var IssueLanding = require('./IssueLanding.js');
 require('react-bootstrap/Modal');
 var PopUpModal = require('./PopUpModal.js');
-var ArticleQueue = require('./ArticleQueue.js');
-var getKeywords = require('./getKeywords.js');
 var RelatedContent = require('./RelatedContent.js');
 var ForbesHero = require('./ForbesHero.js');
 var HorizontalHero = require('./HorizontalHero.js');
@@ -168,6 +165,7 @@ require('passport-local');
 require('mysql');
 var getTargeting = require('./getTargeting-87eb9994.js');
 var View = require('./View.js');
+var getKeywords = require('./getKeywords.js');
 var urlFor = require('./urlFor.js');
 require('./style-inject.es-dcee06b6.js');
 require('react-twitter-embed');
@@ -238,8 +236,6 @@ exports.HighlightenVideo = HighlightenVideo;
 exports.PublicationLanding = PublicationLanding;
 exports.IssueLanding = IssueLanding;
 exports.PopUpModal = PopUpModal;
-exports.ArticleQueue = ArticleQueue;
-exports.getKeywords = getKeywords;
 exports.RelatedContent = RelatedContent;
 exports.ForbesHero = ForbesHero;
 exports.HorizontalHero = HorizontalHero;
@@ -257,5 +253,6 @@ exports.getRelatedArticle = getRelatedArticle;
 exports.Auth = Auth.default;
 exports.getTargeting = getTargeting.getTargeting;
 exports.View = View;
+exports.getKeywords = getKeywords;
 exports.urlFor = urlFor;
 exports.PartnerDetailListing = PartnerDetailListing;

package/dist/cjs/{isSymbol-488934a7.js → isSymbol-04666465.js}

@@ -204,8 +204,6 @@ var isSymbol_1 = isSymbol;
 
 exports._Symbol = _Symbol;
 exports._baseGetTag = _baseGetTag;
-exports._freeGlobal = _freeGlobal;
 exports._root = _root;
-exports.isObjectLike_1 = isObjectLike_1;
 exports.isObject_1 = isObject_1;
 exports.isSymbol_1 = isSymbol_1;

package/dist/esm/AD.js

@@ -1,7 +1,7 @@
 import React__default, { Suspense } from 'react';
 
 var Dfp = React__default.lazy(function () {
-  return import('./Dfp-4f966af0.js');
+  return import('./Dfp-43d61e01.js');
 });
 
 var AD = function AD(props) {

package/dist/esm/AD300x250.js

@@ -8,8 +8,8 @@ import './web.dom.iterable-03c5ba1c.js';
 import React__default from 'react';
 import './index-93ec3c59.js';
 import 'prop-types';
-import './isSymbol-47f5ff3b.js';
-import './debounce-a0d9abca.js';
+import './isSymbol-807e927e.js';
+import './debounce-1a993acf.js';
 import { m as main_39 } from './main-0465b2a0.js';
 import { _ as _JSON$stringify } from './stringify-feadff37.js';
 import './slicedToArray-5fb01661.js';

package/dist/esm/AD300x250x600.js

@@ -8,8 +8,8 @@ import './web.dom.iterable-03c5ba1c.js';
 import React__default from 'react';
 import './index-93ec3c59.js';
 import 'prop-types';
-import './isSymbol-47f5ff3b.js';
-import './debounce-a0d9abca.js';
+import './isSymbol-807e927e.js';
+import './debounce-1a993acf.js';
 import { m as main_39 } from './main-0465b2a0.js';
 import { _ as _JSON$stringify } from './stringify-feadff37.js';
 import './slicedToArray-5fb01661.js';

package/dist/esm/AD728x90.js

@@ -8,8 +8,8 @@ import './web.dom.iterable-03c5ba1c.js';
 import React__default from 'react';
 import './index-93ec3c59.js';
 import 'prop-types';
-import './isSymbol-47f5ff3b.js';
-import './debounce-a0d9abca.js';
+import './isSymbol-807e927e.js';
+import './debounce-1a993acf.js';
 import { m as main_39 } from './main-0465b2a0.js';
 import { _ as _JSON$stringify } from './stringify-feadff37.js';
 import './slicedToArray-5fb01661.js';

package/dist/esm/ADFloatingFooter.js

@@ -8,8 +8,8 @@ import './web.dom.iterable-03c5ba1c.js';
 import React__default, { useState, useEffect } from 'react';
 import './index-93ec3c59.js';
 import 'prop-types';
-import './isSymbol-47f5ff3b.js';
-import './debounce-a0d9abca.js';
+import './isSymbol-807e927e.js';
+import './debounce-1a993acf.js';
 import './main-0465b2a0.js';
 import { _ as _JSON$stringify } from './stringify-feadff37.js';
 import { _ as _slicedToArray } from './slicedToArray-5fb01661.js';

package/dist/esm/ADGutter.js

@@ -8,8 +8,8 @@ import './web.dom.iterable-03c5ba1c.js';
 import React__default, { useState, useEffect } from 'react';
 import './index-93ec3c59.js';
 import 'prop-types';
-import './isSymbol-47f5ff3b.js';
-import './debounce-a0d9abca.js';
+import './isSymbol-807e927e.js';
+import './debounce-1a993acf.js';
 import './main-0465b2a0.js';
 import { _ as _JSON$stringify } from './stringify-feadff37.js';
 import { _ as _slicedToArray } from './slicedToArray-5fb01661.js';

package/dist/esm/ADSkyscraper.js

@@ -8,8 +8,8 @@ import './web.dom.iterable-03c5ba1c.js';
 import React__default, { useState, useEffect } from 'react';
 import './index-93ec3c59.js';
 import 'prop-types';
-import './isSymbol-47f5ff3b.js';
-import './debounce-a0d9abca.js';
+import './isSymbol-807e927e.js';
+import './debounce-1a993acf.js';
 import './main-0465b2a0.js';
 import { _ as _JSON$stringify } from './stringify-feadff37.js';
 import { _ as _slicedToArray } from './slicedToArray-5fb01661.js';

package/dist/esm/ADSponsoredResources.js

@@ -8,8 +8,8 @@ import './web.dom.iterable-03c5ba1c.js';
 import React__default, { useState, useEffect } from 'react';
 import './index-93ec3c59.js';
 import 'prop-types';
-import './isSymbol-47f5ff3b.js';
-import './debounce-a0d9abca.js';
+import './isSymbol-807e927e.js';
+import './debounce-1a993acf.js';
 import './main-0465b2a0.js';
 import { _ as _JSON$stringify } from './stringify-feadff37.js';
 import { _ as _slicedToArray } from './slicedToArray-5fb01661.js';

package/dist/esm/ADWebcast.js

@@ -8,8 +8,8 @@ import './web.dom.iterable-03c5ba1c.js';
 import React__default, { useState, useEffect } from 'react';
 import './index-93ec3c59.js';
 import 'prop-types';
-import './isSymbol-47f5ff3b.js';
-import './debounce-a0d9abca.js';
+import './isSymbol-807e927e.js';
+import './debounce-1a993acf.js';
 import './main-0465b2a0.js';
 import { _ as _JSON$stringify } from './stringify-feadff37.js';
 import { _ as _slicedToArray } from './slicedToArray-5fb01661.js';