@mjhls/mjh-framework 1.0.599 → 1.0.600

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (109) hide show
  1. package/README.md +2 -1
  2. package/dist/cjs/AlphabeticList.js +1 -2
  3. package/dist/cjs/ArticleQueue.js +3 -6
  4. package/dist/cjs/CMEDeck.js +1 -2
  5. package/dist/cjs/DeckContent.js +1 -2
  6. package/dist/cjs/DeckQueue.js +1 -2
  7. package/dist/cjs/EventsDeck.js +1 -2
  8. package/dist/cjs/ExternalResources.js +4 -3
  9. package/dist/cjs/GridContent.js +1 -2
  10. package/dist/cjs/IssueDeck.js +1 -2
  11. package/dist/cjs/IssueLanding.js +1 -2
  12. package/dist/cjs/MasterDeck.js +1 -2
  13. package/dist/cjs/PartnerDetailListing.js +4 -3
  14. package/dist/cjs/PublicationLanding.js +1 -2
  15. package/dist/cjs/QueueDeckExpanded.js +1 -2
  16. package/dist/cjs/View.js +4 -7
  17. package/dist/cjs/getSerializers.js +4 -3
  18. package/dist/cjs/{getTargeting-3d208b98.js → getTargeting-5db63100.js} +1 -1
  19. package/dist/cjs/getTargeting.js +2 -3
  20. package/dist/cjs/{index-c4972b44.js → index-c43564bb.js} +240 -55
  21. package/dist/cjs/index.js +3 -5
  22. package/dist/cjs/{from-ea347372.js → toConsumableArray-bee80df5.js} +26 -1
  23. package/dist/esm/AD.js +1 -1
  24. package/dist/esm/AD300x250.js +9 -9
  25. package/dist/esm/AD300x250x600.js +9 -9
  26. package/dist/esm/AD728x90.js +9 -9
  27. package/dist/esm/ADFloatingFooter.js +9 -9
  28. package/dist/esm/ADFooter.js +4 -4
  29. package/dist/esm/ADGutter.js +9 -9
  30. package/dist/esm/ADSkyscraper.js +9 -9
  31. package/dist/esm/ADSponsoredResources.js +9 -9
  32. package/dist/esm/ADWebcast.js +9 -9
  33. package/dist/esm/ADWelcome.js +9 -9
  34. package/dist/esm/AccordionPanel.js +4 -4
  35. package/dist/esm/AdSlot.js +9 -9
  36. package/dist/esm/AlphabeticList.js +7 -8
  37. package/dist/esm/ArticleQueue.js +17 -20
  38. package/dist/esm/Auth.js +9 -9
  39. package/dist/esm/{AuthorComponent-357dbee9.js → AuthorComponent-4ddf3533.js} +1 -1
  40. package/dist/esm/Beam.js +8 -8
  41. package/dist/esm/Breadcrumbs.js +4 -4
  42. package/dist/esm/CMEDeck.js +9 -10
  43. package/dist/esm/Column2.js +8 -8
  44. package/dist/esm/Column3.js +9 -9
  45. package/dist/esm/DeckContent.js +16 -17
  46. package/dist/esm/DeckQueue.js +10 -11
  47. package/dist/esm/{Dfp-a36ad202.js → Dfp-380bef62.js} +4 -4
  48. package/dist/esm/EventsDeck.js +7 -8
  49. package/dist/esm/ExternalResources.js +16 -15
  50. package/dist/esm/ForbesHero.js +5 -5
  51. package/dist/esm/GridContent.js +18 -19
  52. package/dist/esm/GridHero.js +5 -5
  53. package/dist/esm/GroupDeck.js +6 -6
  54. package/dist/esm/HamMagazine.js +9 -9
  55. package/dist/esm/IssueContentDeck.js +5 -5
  56. package/dist/esm/IssueDeck.js +7 -8
  57. package/dist/esm/IssueLanding.js +14 -15
  58. package/dist/esm/LeftNav.js +9 -9
  59. package/dist/esm/MasterDeck.js +17 -18
  60. package/dist/esm/NavDvm.js +9 -9
  61. package/dist/esm/NavMagazine.js +9 -9
  62. package/dist/esm/NavNative.js +9 -9
  63. package/dist/esm/NavNormal.js +9 -9
  64. package/dist/esm/OncliveLargeHero.js +5 -5
  65. package/dist/esm/PageFilter.js +4 -4
  66. package/dist/esm/PartnerDetailListing.js +19 -18
  67. package/dist/esm/PopUpModal.js +4 -4
  68. package/dist/esm/PublicationLanding.js +8 -9
  69. package/dist/esm/QueueDeckExpanded.js +14 -15
  70. package/dist/esm/Search.js +4 -4
  71. package/dist/esm/Segment.js +8 -8
  72. package/dist/esm/SideFooter.js +8 -8
  73. package/dist/esm/TaxonomyCard.js +2 -2
  74. package/dist/esm/TemplateNormal.js +9 -9
  75. package/dist/esm/Ustream.js +4 -4
  76. package/dist/esm/VideoSeriesFilter.js +7 -7
  77. package/dist/esm/VideoSeriesListing.js +9 -9
  78. package/dist/esm/View.js +18 -21
  79. package/dist/esm/YahooHero.js +5 -5
  80. package/dist/esm/YoutubeGroup.js +6 -6
  81. package/dist/esm/{_is-array-dd5523d6.js → _is-array-ced12663.js} +1 -1
  82. package/dist/esm/{_iter-detect-6e099a34.js → _iter-detect-70af34ea.js} +2 -2
  83. package/dist/esm/{_object-sap-56bb8073.js → _object-sap-4793c75a.js} +1 -1
  84. package/dist/esm/{_set-species-6f64f1c1.js → _set-species-75f77d40.js} +3 -3
  85. package/dist/esm/{_to-object-16fd8b46.js → _to-object-b01e8612.js} +1 -1
  86. package/dist/esm/{asyncToGenerator-0379e924.js → asyncToGenerator-d25aac66.js} +5 -5
  87. package/dist/esm/{beam-a25bd8fd.js → beam-c40d77ae.js} +2 -2
  88. package/dist/esm/{core.get-iterator-method-f5c0d66a.js → core.get-iterator-method-66cf57ee.js} +2 -2
  89. package/dist/esm/{extends-6e00b262.js → extends-229166d5.js} +1 -1
  90. package/dist/esm/getRelatedArticle.js +6 -6
  91. package/dist/esm/getSerializers.js +16 -15
  92. package/dist/esm/{getTargeting-1f2c61e3.js → getTargeting-36bcd238.js} +2 -2
  93. package/dist/esm/getTargeting.js +6 -7
  94. package/dist/esm/{index-7ca90052.js → index-625ab1b8.js} +243 -59
  95. package/dist/esm/index.js +21 -23
  96. package/dist/esm/{inherits-b8e4c697.js → inherits-e6718951.js} +4 -4
  97. package/dist/esm/{keys-04cdec91.js → keys-941eccc4.js} +2 -2
  98. package/dist/esm/{slicedToArray-f1e40361.js → slicedToArray-a58d7edf.js} +3 -3
  99. package/dist/esm/{stringify-e30bc114.js → stringify-feadff37.js} +1 -1
  100. package/dist/esm/{from-2c0a5f49.js → toConsumableArray-2efd7c98.js} +29 -4
  101. package/dist/esm/{typeof-5f046efd.js → typeof-f11fd438.js} +4 -4
  102. package/dist/esm/{web.dom.iterable-46c95e52.js → web.dom.iterable-5c830d3d.js} +2 -2
  103. package/package.json +1 -1
  104. package/dist/cjs/InscreenSensor-22a96661.js +0 -85
  105. package/dist/cjs/toConsumableArray-ca04303b.js +0 -31
  106. package/dist/esm/InscreenSensor-beb2ec79.js +0 -80
  107. package/dist/esm/toConsumableArray-8712d678.js +0 -29
  108. /package/dist/esm/{ADInfeed-a5a1f81f.js → ADInfeed-541eaae3.js} +0 -0
  109. /package/dist/esm/{ADlgInfeed-99f14909.js → ADlgInfeed-25c3d142.js} +0 -0
@@ -3,8 +3,9 @@
3
3
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
4
 
5
5
  var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
6
- var from = require('./from-ea347372.js');
6
+ var toConsumableArray = require('./toConsumableArray-bee80df5.js');
7
7
  var _extends$1 = require('./extends-60837c34.js');
8
+ var inherits = require('./inherits-14962339.js');
8
9
  var React = require('react');
9
10
  var React__default = _interopDefault(React);
10
11
  var index = require('./index-fa3cec70.js');
@@ -21,7 +22,6 @@ var entities = require('./entities-310b46ee.js');
21
22
  var slicedToArray = require('./slicedToArray-8063ee51.js');
22
23
  var Segment = require('./beam-d22818d3.js');
23
24
  var AdSlot = require('./AdSlot.js');
24
- require('./lodash-fc2922d0.js');
25
25
  var BlockContent = require('./BlockContent-77f81ffc.js');
26
26
  var smoothscroll = require('./smoothscroll-95231a70.js');
27
27
  var GroupDeck = require('./GroupDeck.js');
@@ -7505,7 +7505,7 @@ var Quiz = function Quiz(_ref) {
7505
7505
  setPages = _useState10[1];
7506
7506
 
7507
7507
  React.useEffect(function () {
7508
- var totalPages = from._Array$from({ length: pageCount }, function (v, k) {
7508
+ var totalPages = toConsumableArray._Array$from({ length: pageCount }, function (v, k) {
7509
7509
  return k + 1;
7510
7510
  });
7511
7511
  var filteredPages = totalPages.slice(startIndex, endIndex + 1);
@@ -7896,6 +7896,82 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
7896
7896
  }
7897
7897
  };
7898
7898
 
7899
+ var InscreenSensor = function (_React$Component) {
7900
+ inherits._inherits(InscreenSensor, _React$Component);
7901
+
7902
+ function InscreenSensor(props) {
7903
+ inherits._classCallCheck(this, InscreenSensor);
7904
+
7905
+ var _this = inherits._possibleConstructorReturn(this, (InscreenSensor.__proto__ || inherits._Object$getPrototypeOf(InscreenSensor)).call(this, props));
7906
+
7907
+ _this.scrollHandler = function () {
7908
+ var visible = _this.checkInside();
7909
+ if (visible !== _this.visible) {
7910
+ _this.visible = visible;
7911
+ _this.props.onChange(visible);
7912
+ }
7913
+ };
7914
+
7915
+ _this.checkInside = function () {
7916
+ var rect = _this.wraperRef.current.getBoundingClientRect();
7917
+ var _this$props$offSetTop = _this.props.offSetTop,
7918
+ offSetTop = _this$props$offSetTop === undefined ? 0 : _this$props$offSetTop;
7919
+ var top = rect.top,
7920
+ bottom = rect.bottom;
7921
+
7922
+ var viewHeight = window.innerHeight;
7923
+ var wrpElem = document.getElementsByClassName('inscreen-wrapper');
7924
+
7925
+ if (top > 0 && top <= offSetTop) {
7926
+ if (wrpElem.length > 1 && top <= viewHeight && bottom > viewHeight) {
7927
+ return 'top';
7928
+ } else if (wrpElem.length > 1 && bottom < viewHeight) {
7929
+ return 'small-top';
7930
+ }
7931
+ } else if (wrpElem.length > 1 && top < offSetTop && bottom + offSetTop >= viewHeight) {
7932
+ return 'bottom';
7933
+ }
7934
+ };
7935
+
7936
+ _this.wraperRef = React__default.createRef();
7937
+ _this.visible = false;
7938
+ return _this;
7939
+ }
7940
+
7941
+ inherits._createClass(InscreenSensor, [{
7942
+ key: 'componentDidMount',
7943
+ value: function componentDidMount() {
7944
+ this.visible = this.checkInside();
7945
+ this.props.onChange(this.visible);
7946
+ window.addEventListener('scroll', this.scrollHandler);
7947
+ }
7948
+ }, {
7949
+ key: 'componentWillUnmount',
7950
+ value: function componentWillUnmount() {
7951
+ window.removeEventListener('scroll', this.scrollHandler);
7952
+ }
7953
+ }, {
7954
+ key: 'render',
7955
+ value: function render() {
7956
+ var _props = this.props,
7957
+ _props$className = _props.className,
7958
+ className = _props$className === undefined ? '' : _props$className,
7959
+ _props$style = _props.style,
7960
+ style = _props$style === undefined ? {} : _props$style,
7961
+ _props$id = _props.id,
7962
+ id = _props$id === undefined ? '' : _props$id;
7963
+
7964
+ return React__default.createElement(
7965
+ 'div',
7966
+ { ref: this.wraperRef, className: className, style: style, id: id },
7967
+ this.props.children
7968
+ );
7969
+ }
7970
+ }]);
7971
+
7972
+ return InscreenSensor;
7973
+ }(React__default.Component);
7974
+
7899
7975
  var ArticleSeries = function ArticleSeries(_ref) {
7900
7976
  var nodes = _ref.nodes,
7901
7977
  client = _ref.client,
@@ -7916,17 +7992,31 @@ var ArticleSeries = function ArticleSeries(_ref) {
7916
7992
 
7917
7993
  var refArray = React.useRef([]);
7918
7994
 
7919
- var ArticleCards = function ArticleCards(show, articleNum) {
7920
- return nodes.articles.map(function (article, index) {
7921
- var showReading = show && index === articleNum ? 'showReading' : '';
7995
+ var ArticleCards = function ArticleCards(show, articleNum, direction) {
7996
+ var articles = [];
7997
+ if (articleNum >= 0) {
7998
+ if (articleNum == 0) {
7999
+ articles.push(nodes.articles[1]);
8000
+ } else if (articleNum == nodes.articles.length - 1) {
8001
+ articles.push(nodes.articles[articleNum - 1]);
8002
+ } else {
8003
+ articles.push(nodes.articles[articleNum - 1]);
8004
+ articles.push(nodes.articles[articleNum + 1]);
8005
+ }
8006
+ } else {
8007
+ articles = [].concat(toConsumableArray._toConsumableArray(nodes.articles));
8008
+ }
8009
+ return articles.map(function (article, index) {
8010
+ var showReading = show ? 'showReading' : '';
8011
+ var articleLabel = articles.length == 1 && articleNum != 0 || articles.length > 1 && index == 0 ? 'Previous' : 'Next';
7922
8012
  return React__default.createElement(
7923
8013
  'div',
7924
- { key: article.title + '_' + index, className: 'articleCardWrapper' },
8014
+ { key: article.title + '_' + index, className: 'articleCardWrapper ' + direction + 'Wrapper' },
7925
8015
  React__default.createElement(
7926
8016
  'a',
7927
8017
  { onClick: function onClick(e) {
7928
8018
  return articleCardClickHandler(e);
7929
- }, 'data-articleID': '' + article.param.current },
8019
+ }, 'data-articleid': '' + article.param.current },
7930
8020
  React__default.createElement(
7931
8021
  'div',
7932
8022
  { className: 'article-thumbnail' },
@@ -7936,7 +8026,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
7936
8026
  React__default.createElement(
7937
8027
  'div',
7938
8028
  { className: 'article-reading ' + showReading },
7939
- 'Now Reading'
8029
+ articleLabel
7940
8030
  )
7941
8031
  ),
7942
8032
  React__default.createElement(
@@ -7960,7 +8050,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
7960
8050
  article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
7961
8051
  return React__default.createElement(
7962
8052
  'span',
7963
- null,
8053
+ { key: authorDetail.displayName + '_' + index },
7964
8054
  authorDetail.displayName + ' '
7965
8055
  );
7966
8056
  }),
@@ -7992,9 +8082,11 @@ var ArticleSeries = function ArticleSeries(_ref) {
7992
8082
  e.preventDefault();
7993
8083
  var articleClicked = e.currentTarget.dataset.articleid;
7994
8084
  setSelectedArticle(articleClicked);
7995
- if (scrollToArticle(articleClicked)) {
7996
- router.push(router.asPath.split('?')[0] + '/?seriesArticle=' + articleClicked, undefined, { shallow: true });
7997
- }
8085
+ scrollToArticle(articleClicked);
8086
+
8087
+ // if (scrollToArticle(articleClicked)) {
8088
+ // //router.push(`${router.asPath.split('?')[0]}/?seriesArticle=${articleClicked}`, undefined, { shallow: true })
8089
+ // }
7998
8090
  };
7999
8091
 
8000
8092
  React.useEffect(function () {
@@ -8007,13 +8099,14 @@ var ArticleSeries = function ArticleSeries(_ref) {
8007
8099
  var scrollToArticle = function scrollToArticle(id) {
8008
8100
  var localArticleID = id ? id : selectedArticle;
8009
8101
  var findArticle = function findArticle(ref) {
8010
- return ref.id === localArticleID;
8102
+ return ref.props.id === localArticleID;
8011
8103
  };
8012
8104
  var indexOfRef = refArray.current.findIndex(findArticle);
8013
- console.log(indexOfRef);
8105
+
8014
8106
  if (indexOfRef >= 0) {
8015
- refArray.current[indexOfRef].scrollIntoView({ behavior: 'smooth' });
8016
- return true;
8107
+ console.log(refArray.current[indexOfRef].wraperRef.current);
8108
+ refArray.current[indexOfRef].wraperRef.current.scrollIntoView({ behavior: 'smooth' });
8109
+ window.scrollTo({ top: refArray.current[indexOfRef].wraperRef.current.offsetTop + 150, behavior: 'smooth' });
8017
8110
  }
8018
8111
  };
8019
8112
 
@@ -8023,63 +8116,154 @@ var ArticleSeries = function ArticleSeries(_ref) {
8023
8116
  }
8024
8117
  };
8025
8118
 
8119
+ var onChangeArticle = function onChangeArticle(path, visibility) {
8120
+ var currentPath = window && window.location && window.location.pathname ? window.location.pathname.replace('/?seriesArticle=', '') : '';
8121
+ var newPath = router.asPath.split('?')[0] + '/?seriesArticle=' + path;
8122
+
8123
+ // Change URL and do other changes
8124
+ var doChanges = function doChanges() {
8125
+ window.history.pushState({ page: path }, '', newPath);
8126
+ refreshAD();
8127
+ };
8128
+
8129
+ if (currentPath !== path) {
8130
+ if (isScrollDown) {
8131
+ if (visibility === 'top') {
8132
+ doChanges();
8133
+ }
8134
+ } else {
8135
+ if (visibility === 'bottom') {
8136
+ doChanges();
8137
+ }
8138
+ }
8139
+ if (visibility === 'small-top') {
8140
+ doChanges();
8141
+ }
8142
+ }
8143
+ };
8144
+ var preVscroll = 0;
8145
+ var isScrollDown = true;
8146
+
8147
+ var scrollDirectionDetect = function scrollDirectionDetect(e) {
8148
+ var window = e.currentTarget;
8149
+
8150
+ if (preVscroll > window.scrollY) {
8151
+ isScrollDown = false;
8152
+ } else if (preVscroll < window.scrollY) {
8153
+ isScrollDown = true;
8154
+ }
8155
+ preVscroll = window.scrollY;
8156
+ };
8157
+
8158
+ React.useEffect(function () {
8159
+ window.addEventListener('scroll', scrollDirectionDetect);
8160
+ return function () {
8161
+ return window.removeEventListener('scroll', scrollDirectionDetect);
8162
+ };
8163
+ });
8164
+
8165
+ var refreshAD = function refreshAD(path) {
8166
+ //const activeArticle = path
8167
+ //let targeting = getTargeting({ article: activeArticle, cpModificationRequired, position: props.position, prevUrl })
8168
+
8169
+ if (!main.main_36) {
8170
+ index.lib_3.getGoogletag().then(function (googletag) {
8171
+ if (window.googletag && googletag.pubadsReady) {
8172
+ index.lib_3.refresh();
8173
+ }
8174
+ });
8175
+ }
8176
+ //Refresh leaderboard ad on mobile
8177
+ if (main.main_36) {
8178
+ var leaderboardSlotId = '';
8179
+ index.lib_3.getGoogletag().then(function (googletag) {
8180
+ if (window.googletag && googletag.pubadsReady) {
8181
+ index.lib_3.refresh(leaderboardSlotId);
8182
+ }
8183
+ });
8184
+ }
8185
+ };
8186
+
8026
8187
  return React__default.createElement(
8027
8188
  React__default.Fragment,
8028
8189
  null,
8029
8190
  React__default.createElement('hr', { className: 'article-seperater' }),
8030
- ArticleCards(false, -1),
8191
+ ArticleCards(false, -1, 'column'),
8031
8192
  React__default.createElement(
8032
8193
  'div',
8033
8194
  { className: 'article-container', style: { marginBottom: '2rem' } },
8034
8195
  nodes.articles.map(function (article, index) {
8035
8196
  return React__default.createElement(
8036
- 'article',
8037
- { key: '' + article.param.current, ref: function ref(ele) {
8197
+ InscreenSensor,
8198
+ {
8199
+ offSetTop: 120,
8200
+ className: 'inscreen-wrapper',
8201
+ key: '' + article.param.current,
8202
+ id: '' + article.param.current,
8203
+ ref: function ref(ele) {
8038
8204
  return refArray.current[index] = ele;
8039
- }, id: '' + article.param.current, className: 'article-wrapper' },
8040
- React__default.createElement(
8041
- 'div',
8042
- { className: 'article-publishDate' },
8043
- moment.moment(article.published).format('LL')
8044
- ),
8045
- React__default.createElement(
8046
- 'div',
8047
- { className: 'author-details-wrapper' },
8048
- article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
8049
- return React__default.createElement(
8050
- 'span',
8051
- { key: index },
8052
- renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor(client, authorDetail.profileImage).url())
8053
- );
8054
- })
8055
- ),
8056
- React__default.createElement(
8057
- 'h2',
8058
- { className: 'article-title' },
8059
- article.title
8060
- ),
8061
- React__default.createElement(
8062
- 'div',
8063
- { className: 'mt-2 mb-5' },
8064
- React__default.createElement(BlockContent.BlockContent, _extends$1._extends({ serializers: getSerializers, videoAccountIDs: accountIDs, blocks: article.text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
8065
- React__default.createElement('hr', { className: 'article-seperater my-5' })
8066
- ),
8205
+ },
8206
+ onChange: function onChange(visible) {
8207
+ if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
8208
+ onChangeArticle(article.param.current, visible);
8209
+ }
8210
+ } },
8067
8211
  React__default.createElement(
8068
- 'div',
8069
- null,
8212
+ 'article',
8213
+ { className: 'article-wrapper' },
8070
8214
  React__default.createElement(
8071
- 'h5',
8072
- { className: 'objective-title' },
8073
- nodes.articles.objectiveTitle
8215
+ 'div',
8216
+ { className: 'article-publishDate' },
8217
+ moment.moment(article.published).format('LL')
8218
+ ),
8219
+ React__default.createElement(
8220
+ 'div',
8221
+ { className: 'author-details-wrapper' },
8222
+ article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
8223
+ return React__default.createElement(
8224
+ 'span',
8225
+ { key: index },
8226
+ renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor(client, authorDetail.profileImage).url())
8227
+ );
8228
+ })
8229
+ ),
8230
+ React__default.createElement(
8231
+ 'h2',
8232
+ { className: 'article-title' },
8233
+ article.title
8234
+ ),
8235
+ React__default.createElement(
8236
+ 'div',
8237
+ { className: 'mt-2 mb-5' },
8238
+ React__default.createElement(BlockContent.BlockContent, _extends$1._extends({
8239
+ serializers: getSerializers,
8240
+ videoAccountIDs: accountIDs,
8241
+ blocks: article.text,
8242
+ imageOptions: { w: 320, h: 240, fit: 'max' }
8243
+ }, client.config())),
8244
+ React__default.createElement('hr', { className: 'article-seperater my-5' })
8074
8245
  ),
8075
- ArticleCards(true, index)
8246
+ React__default.createElement(
8247
+ 'div',
8248
+ null,
8249
+ React__default.createElement(
8250
+ 'h5',
8251
+ { className: 'objective-title' },
8252
+ nodes.articles.objectiveTitle
8253
+ ),
8254
+ React__default.createElement(
8255
+ 'div',
8256
+ null,
8257
+ ArticleCards(true, index, 'row')
8258
+ )
8259
+ )
8076
8260
  )
8077
8261
  );
8078
8262
  }),
8079
8263
  React__default.createElement(
8080
8264
  'style',
8081
8265
  { jsx: 'true' },
8082
- '\n .block-content > div p {\n padding: 0;\n }\n .articleCardWrapper {\n margin-bottom: 1rem;\n font-size: 0.75rem;\n }\n .articleCardWrapper a {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n color: #252525;\n }\n h2.article-title {\n padding: 0;\n }\n h4.article-title {\n padding: 0;\n }\n .article-summary {\n color: \'#eee\';\n }\n .article-thumbnail {\n display: flex;\n flex-direction: column;\n margin-right: 1rem;\n }\n .article-wrapper {\n border: 1px solid #252525;\n border-radius: 5px;\n padding: 1rem;\n margin-bottom: 1rem;\n }\n .article-reading {\n margin-top: -10px;\n width: 75%;\n text-align: center;\n background: white;\n border: 1px solid #252525;\n align-self: center;\n display: none;\n }\n .showReading {\n display: block;\n }\n .author-details-wrapper a {\n color: #252525;\n }\n '
8266
+ '\n .block-content > div p {\n padding: 0;\n }\n .articleCardWrapper {\n display: flex;\n margin-bottom: 1rem;\n font-size: 0.75rem;\n }\n .articleCardWrapper a {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n color: #252525;\n }\n h2.article-title {\n padding: 0;\n }\n h4.article-title {\n padding: 0;\n }\n .article-summary {\n color: \'#eee\';\n }\n .article-thumbnail {\n display: flex;\n flex-direction: column;\n margin-right: 1rem;\n }\n .article-wrapper {\n border: 1px solid #252525;\n border-radius: 5px;\n padding: 1rem;\n margin-bottom: 1rem;\n }\n .article-reading {\n margin-top: -10px;\n width: 75%;\n text-align: center;\n background: white;\n border: 1px solid #252525;\n align-self: center;\n display: none;\n }\n .showReading {\n display: block;\n }\n .author-details-wrapper a {\n color: #252525;\n }\n .rowWrapper {\n flex-direction: row;\n }\n .columnWrapper {\n flex-direction: column;\n }\n '
8083
8267
  )
8084
8268
  )
8085
8269
  );
@@ -8546,5 +8730,6 @@ var getSerializers = function getSerializers() {
8546
8730
  };
8547
8731
  };
8548
8732
 
8733
+ exports.InscreenSensor = InscreenSensor;
8549
8734
  exports.getSerializers = getSerializers;
8550
8735
  exports.renderAuthor = renderAuthor;
package/dist/cjs/index.js CHANGED
@@ -7,8 +7,7 @@ require('./_to-object-329a650b.js');
7
7
  require('./core.get-iterator-method-41e87ec1.js');
8
8
  require('./_library-dd23b178.js');
9
9
  require('./_iter-detect-4d0352f8.js');
10
- require('./from-ea347372.js');
11
- require('./toConsumableArray-ca04303b.js');
10
+ require('./toConsumableArray-bee80df5.js');
12
11
  require('./_object-pie-68c5bcbc.js');
13
12
  require('./extends-60837c34.js');
14
13
  require('./_object-sap-5e74ba08.js');
@@ -75,7 +74,7 @@ require('./index-3294d3bc.js');
75
74
  require('./js.cookie-a511c430.js');
76
75
  var EventsDeck = require('./EventsDeck.js');
77
76
  var CMEDeck = require('./CMEDeck.js');
78
- var getSerializers = require('./index-c4972b44.js');
77
+ var getSerializers = require('./index-c43564bb.js');
79
78
  require('./util-f2c1b65b.js');
80
79
  require('./brightcove-react-player-loader.es-156bd4d6.js');
81
80
  require('react-bootstrap/Pagination');
@@ -143,7 +142,6 @@ var IssueLanding = require('./IssueLanding.js');
143
142
  require('react-bootstrap/Modal');
144
143
  var PopUpModal = require('./PopUpModal.js');
145
144
  var ArticleQueue = require('./ArticleQueue.js');
146
- require('./InscreenSensor-22a96661.js');
147
145
  var getKeywords = require('./getKeywords.js');
148
146
  var RelatedContent = require('./RelatedContent.js');
149
147
  var ForbesHero = require('./ForbesHero.js');
@@ -164,7 +162,7 @@ var Auth = require('./Auth.js');
164
162
  require('swr');
165
163
  require('passport-local');
166
164
  require('mysql');
167
- var getTargeting = require('./getTargeting-3d208b98.js');
165
+ var getTargeting = require('./getTargeting-5db63100.js');
168
166
  var View = require('./View.js');
169
167
  var urlFor = require('./urlFor.js');
170
168
  var PartnerDetailListing = require('./PartnerDetailListing.js');
@@ -46,5 +46,30 @@ module.exports = { "default": from_1, __esModule: true };
46
46
 
47
47
  var _Array$from = _commonjsHelpers.unwrapExports(from_1$1);
48
48
 
49
+ var toConsumableArray = _commonjsHelpers.createCommonjsModule(function (module, exports) {
50
+
51
+ exports.__esModule = true;
52
+
53
+
54
+
55
+ var _from2 = _interopRequireDefault(from_1$1);
56
+
57
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
58
+
59
+ exports.default = function (arr) {
60
+ if (Array.isArray(arr)) {
61
+ for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) {
62
+ arr2[i] = arr[i];
63
+ }
64
+
65
+ return arr2;
66
+ } else {
67
+ return (0, _from2.default)(arr);
68
+ }
69
+ };
70
+ });
71
+
72
+ var _toConsumableArray = _commonjsHelpers.unwrapExports(toConsumableArray);
73
+
49
74
  exports._Array$from = _Array$from;
50
- exports.from_1 = from_1$1;
75
+ exports._toConsumableArray = _toConsumableArray;
package/dist/esm/AD.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React__default, { Suspense } from 'react';
2
2
 
3
3
  var Dfp = React__default.lazy(function () {
4
- return import('./Dfp-a36ad202.js');
4
+ return import('./Dfp-380bef62.js');
5
5
  });
6
6
 
7
7
  var AD = function AD(props) {
@@ -1,20 +1,20 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
- import './_to-object-16fd8b46.js';
3
- import './core.get-iterator-method-f5c0d66a.js';
2
+ import './_to-object-b01e8612.js';
3
+ import './core.get-iterator-method-66cf57ee.js';
4
4
  import './_library-528f1934.js';
5
- import './_iter-detect-6e099a34.js';
6
- import './web.dom.iterable-46c95e52.js';
5
+ import './_iter-detect-70af34ea.js';
6
+ import './web.dom.iterable-5c830d3d.js';
7
7
  import React__default from 'react';
8
8
  import './index-3f4dd6f2.js';
9
9
  import 'prop-types';
10
10
  import './isSymbol-47f5ff3b.js';
11
11
  import './debounce-a0d9abca.js';
12
12
  import { m as main_36 } from './main-d7ee6151.js';
13
- import './slicedToArray-f1e40361.js';
14
- import { _ as _JSON$stringify } from './stringify-e30bc114.js';
15
- import './asyncToGenerator-0379e924.js';
16
- import './_set-species-6f64f1c1.js';
17
- import './beam-a25bd8fd.js';
13
+ import './slicedToArray-a58d7edf.js';
14
+ import { _ as _JSON$stringify } from './stringify-feadff37.js';
15
+ import './asyncToGenerator-d25aac66.js';
16
+ import './_set-species-75f77d40.js';
17
+ import './beam-c40d77ae.js';
18
18
  import DFPAdSlot from './AdSlot.js';
19
19
 
20
20
  // removed static slotID ,because defining static slotID is restricting AD to render only once.
@@ -1,20 +1,20 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
- import './_to-object-16fd8b46.js';
3
- import './core.get-iterator-method-f5c0d66a.js';
2
+ import './_to-object-b01e8612.js';
3
+ import './core.get-iterator-method-66cf57ee.js';
4
4
  import './_library-528f1934.js';
5
- import './_iter-detect-6e099a34.js';
6
- import './web.dom.iterable-46c95e52.js';
5
+ import './_iter-detect-70af34ea.js';
6
+ import './web.dom.iterable-5c830d3d.js';
7
7
  import React__default from 'react';
8
8
  import './index-3f4dd6f2.js';
9
9
  import 'prop-types';
10
10
  import './isSymbol-47f5ff3b.js';
11
11
  import './debounce-a0d9abca.js';
12
12
  import { m as main_36 } from './main-d7ee6151.js';
13
- import './slicedToArray-f1e40361.js';
14
- import { _ as _JSON$stringify } from './stringify-e30bc114.js';
15
- import './asyncToGenerator-0379e924.js';
16
- import './_set-species-6f64f1c1.js';
17
- import './beam-a25bd8fd.js';
13
+ import './slicedToArray-a58d7edf.js';
14
+ import { _ as _JSON$stringify } from './stringify-feadff37.js';
15
+ import './asyncToGenerator-d25aac66.js';
16
+ import './_set-species-75f77d40.js';
17
+ import './beam-c40d77ae.js';
18
18
  import DFPAdSlot from './AdSlot.js';
19
19
 
20
20
  // removed static slotID ,because defining static slotID is restricting AD to render only once.
@@ -1,20 +1,20 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
- import './_to-object-16fd8b46.js';
3
- import './core.get-iterator-method-f5c0d66a.js';
2
+ import './_to-object-b01e8612.js';
3
+ import './core.get-iterator-method-66cf57ee.js';
4
4
  import './_library-528f1934.js';
5
- import './_iter-detect-6e099a34.js';
6
- import './web.dom.iterable-46c95e52.js';
5
+ import './_iter-detect-70af34ea.js';
6
+ import './web.dom.iterable-5c830d3d.js';
7
7
  import React__default from 'react';
8
8
  import './index-3f4dd6f2.js';
9
9
  import 'prop-types';
10
10
  import './isSymbol-47f5ff3b.js';
11
11
  import './debounce-a0d9abca.js';
12
12
  import { m as main_36 } from './main-d7ee6151.js';
13
- import './slicedToArray-f1e40361.js';
14
- import './stringify-e30bc114.js';
15
- import './asyncToGenerator-0379e924.js';
16
- import './_set-species-6f64f1c1.js';
17
- import './beam-a25bd8fd.js';
13
+ import './slicedToArray-a58d7edf.js';
14
+ import './stringify-feadff37.js';
15
+ import './asyncToGenerator-d25aac66.js';
16
+ import './_set-species-75f77d40.js';
17
+ import './beam-c40d77ae.js';
18
18
  import DFPAdSlot from './AdSlot.js';
19
19
 
20
20
  var AD728x90 = function AD728x90(_ref) {
@@ -1,20 +1,20 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
- import './_to-object-16fd8b46.js';
3
- import './core.get-iterator-method-f5c0d66a.js';
2
+ import './_to-object-b01e8612.js';
3
+ import './core.get-iterator-method-66cf57ee.js';
4
4
  import './_library-528f1934.js';
5
- import './_iter-detect-6e099a34.js';
6
- import './web.dom.iterable-46c95e52.js';
5
+ import './_iter-detect-70af34ea.js';
6
+ import './web.dom.iterable-5c830d3d.js';
7
7
  import React__default, { useState, useEffect } from 'react';
8
8
  import './index-3f4dd6f2.js';
9
9
  import 'prop-types';
10
10
  import './isSymbol-47f5ff3b.js';
11
11
  import './debounce-a0d9abca.js';
12
12
  import './main-d7ee6151.js';
13
- import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
14
- import { _ as _JSON$stringify } from './stringify-e30bc114.js';
15
- import './asyncToGenerator-0379e924.js';
16
- import './_set-species-6f64f1c1.js';
17
- import './beam-a25bd8fd.js';
13
+ import { _ as _slicedToArray } from './slicedToArray-a58d7edf.js';
14
+ import { _ as _JSON$stringify } from './stringify-feadff37.js';
15
+ import './asyncToGenerator-d25aac66.js';
16
+ import './_set-species-75f77d40.js';
17
+ import './beam-c40d77ae.js';
18
18
  import DFPAdSlot from './AdSlot.js';
19
19
 
20
20
  var ADFloatingFooter = function ADFloatingFooter(_ref) {
@@ -1,9 +1,9 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
- import './_to-object-16fd8b46.js';
3
- import './core.get-iterator-method-f5c0d66a.js';
4
- import './web.dom.iterable-46c95e52.js';
2
+ import './_to-object-b01e8612.js';
3
+ import './core.get-iterator-method-66cf57ee.js';
4
+ import './web.dom.iterable-5c830d3d.js';
5
5
  import React__default, { useState } from 'react';
6
- import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
6
+ import { _ as _slicedToArray } from './slicedToArray-a58d7edf.js';
7
7
 
8
8
  var ADFooter = function ADFooter(_ref) {
9
9
  var children = _ref.children;
@@ -1,20 +1,20 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
- import './_to-object-16fd8b46.js';
3
- import './core.get-iterator-method-f5c0d66a.js';
2
+ import './_to-object-b01e8612.js';
3
+ import './core.get-iterator-method-66cf57ee.js';
4
4
  import './_library-528f1934.js';
5
- import './_iter-detect-6e099a34.js';
6
- import './web.dom.iterable-46c95e52.js';
5
+ import './_iter-detect-70af34ea.js';
6
+ import './web.dom.iterable-5c830d3d.js';
7
7
  import React__default, { useState, useEffect } from 'react';
8
8
  import './index-3f4dd6f2.js';
9
9
  import 'prop-types';
10
10
  import './isSymbol-47f5ff3b.js';
11
11
  import './debounce-a0d9abca.js';
12
12
  import './main-d7ee6151.js';
13
- import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
14
- import './stringify-e30bc114.js';
15
- import './asyncToGenerator-0379e924.js';
16
- import './_set-species-6f64f1c1.js';
17
- import './beam-a25bd8fd.js';
13
+ import { _ as _slicedToArray } from './slicedToArray-a58d7edf.js';
14
+ import './stringify-feadff37.js';
15
+ import './asyncToGenerator-d25aac66.js';
16
+ import './_set-species-75f77d40.js';
17
+ import './beam-c40d77ae.js';
18
18
  import DFPAdSlot from './AdSlot.js';
19
19
 
20
20
  var ADGutter = function ADGutter(_ref) {