@mjhls/mjh-framework 1.0.599 → 1.0.601

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 +8 -11
  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 +22 -25
  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
@@ -1,6 +1,7 @@
1
1
  import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
2
- import { _ as _Array$from } from './from-2c0a5f49.js';
3
- import { _ as _extends$1 } from './extends-6e00b262.js';
2
+ import { a as _Array$from, _ as _toConsumableArray } from './toConsumableArray-2efd7c98.js';
3
+ import { _ as _extends$1 } from './extends-229166d5.js';
4
+ import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-e6718951.js';
4
5
  import React__default, { useState, useEffect, useRef } from 'react';
5
6
  import { l as lib_3 } from './index-3f4dd6f2.js';
6
7
  import PropTypes from 'prop-types';
@@ -10,12 +11,11 @@ import { m as moment } from './moment-e2f9b20c.js';
10
11
  import Router, { useRouter } from 'next/router';
11
12
  import { i as imageUrlBuilder } from './index-73819142.js';
12
13
  import { L as LazyLoad } from './index-5f9f807a.js';
13
- import { b as main_16, c as main_35 } from './main-d7ee6151.js';
14
+ import { b as main_16, c as main_35, m as main_36 } from './main-d7ee6151.js';
14
15
  import { h as html_decode_1 } from './entities-7cc3bf45.js';
15
- import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
16
- import { B as Beam, S as Segment } from './beam-a25bd8fd.js';
16
+ import { _ as _slicedToArray } from './slicedToArray-a58d7edf.js';
17
+ import { B as Beam, S as Segment } from './beam-c40d77ae.js';
17
18
  import DFPAdSlot from './AdSlot.js';
18
- import './lodash-17fdfebb.js';
19
19
  import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
20
20
  import { g as getYoutubeId } from './smoothscroll-4b699764.js';
21
21
  import GroupDeck from './GroupDeck.js';
@@ -7890,6 +7890,82 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
7890
7890
  }
7891
7891
  };
7892
7892
 
7893
+ var InscreenSensor = function (_React$Component) {
7894
+ _inherits$1(InscreenSensor, _React$Component);
7895
+
7896
+ function InscreenSensor(props) {
7897
+ _classCallCheck$1(this, InscreenSensor);
7898
+
7899
+ var _this = _possibleConstructorReturn$1(this, (InscreenSensor.__proto__ || _Object$getPrototypeOf(InscreenSensor)).call(this, props));
7900
+
7901
+ _this.scrollHandler = function () {
7902
+ var visible = _this.checkInside();
7903
+ if (visible !== _this.visible) {
7904
+ _this.visible = visible;
7905
+ _this.props.onChange(visible);
7906
+ }
7907
+ };
7908
+
7909
+ _this.checkInside = function () {
7910
+ var rect = _this.wraperRef.current.getBoundingClientRect();
7911
+ var _this$props$offSetTop = _this.props.offSetTop,
7912
+ offSetTop = _this$props$offSetTop === undefined ? 0 : _this$props$offSetTop;
7913
+ var top = rect.top,
7914
+ bottom = rect.bottom;
7915
+
7916
+ var viewHeight = window.innerHeight;
7917
+ var wrpElem = document.getElementsByClassName('inscreen-wrapper');
7918
+
7919
+ if (top > 0 && top <= offSetTop) {
7920
+ if (wrpElem.length > 1 && top <= viewHeight && bottom > viewHeight) {
7921
+ return 'top';
7922
+ } else if (wrpElem.length > 1 && bottom < viewHeight) {
7923
+ return 'small-top';
7924
+ }
7925
+ } else if (wrpElem.length > 1 && top < offSetTop && bottom + offSetTop >= viewHeight) {
7926
+ return 'bottom';
7927
+ }
7928
+ };
7929
+
7930
+ _this.wraperRef = React__default.createRef();
7931
+ _this.visible = false;
7932
+ return _this;
7933
+ }
7934
+
7935
+ _createClass$1(InscreenSensor, [{
7936
+ key: 'componentDidMount',
7937
+ value: function componentDidMount() {
7938
+ this.visible = this.checkInside();
7939
+ this.props.onChange(this.visible);
7940
+ window.addEventListener('scroll', this.scrollHandler);
7941
+ }
7942
+ }, {
7943
+ key: 'componentWillUnmount',
7944
+ value: function componentWillUnmount() {
7945
+ window.removeEventListener('scroll', this.scrollHandler);
7946
+ }
7947
+ }, {
7948
+ key: 'render',
7949
+ value: function render() {
7950
+ var _props = this.props,
7951
+ _props$className = _props.className,
7952
+ className = _props$className === undefined ? '' : _props$className,
7953
+ _props$style = _props.style,
7954
+ style = _props$style === undefined ? {} : _props$style,
7955
+ _props$id = _props.id,
7956
+ id = _props$id === undefined ? '' : _props$id;
7957
+
7958
+ return React__default.createElement(
7959
+ 'div',
7960
+ { ref: this.wraperRef, className: className, style: style, id: id },
7961
+ this.props.children
7962
+ );
7963
+ }
7964
+ }]);
7965
+
7966
+ return InscreenSensor;
7967
+ }(React__default.Component);
7968
+
7893
7969
  var ArticleSeries = function ArticleSeries(_ref) {
7894
7970
  var nodes = _ref.nodes,
7895
7971
  client = _ref.client,
@@ -7910,17 +7986,31 @@ var ArticleSeries = function ArticleSeries(_ref) {
7910
7986
 
7911
7987
  var refArray = useRef([]);
7912
7988
 
7913
- var ArticleCards = function ArticleCards(show, articleNum) {
7914
- return nodes.articles.map(function (article, index) {
7915
- var showReading = show && index === articleNum ? 'showReading' : '';
7989
+ var ArticleCards = function ArticleCards(show, articleNum, direction) {
7990
+ var articles = [];
7991
+ if (articleNum >= 0) {
7992
+ if (articleNum == 0) {
7993
+ articles.push(nodes.articles[1]);
7994
+ } else if (articleNum == nodes.articles.length - 1) {
7995
+ articles.push(nodes.articles[articleNum - 1]);
7996
+ } else {
7997
+ articles.push(nodes.articles[articleNum - 1]);
7998
+ articles.push(nodes.articles[articleNum + 1]);
7999
+ }
8000
+ } else {
8001
+ articles = [].concat(_toConsumableArray(nodes.articles));
8002
+ }
8003
+ return articles.map(function (article, index) {
8004
+ var showReading = show ? 'showReading' : '';
8005
+ var articleLabel = articles.length == 1 && articleNum != 0 || articles.length > 1 && index == 0 ? 'Previous' : 'Next';
7916
8006
  return React__default.createElement(
7917
8007
  'div',
7918
- { key: article.title + '_' + index, className: 'articleCardWrapper' },
8008
+ { key: article.title + '_' + index, className: 'articleCardWrapper ' + direction + 'Wrapper' },
7919
8009
  React__default.createElement(
7920
8010
  'a',
7921
8011
  { onClick: function onClick(e) {
7922
8012
  return articleCardClickHandler(e);
7923
- }, 'data-articleID': '' + article.param.current },
8013
+ }, 'data-articleid': '' + article.param.current },
7924
8014
  React__default.createElement(
7925
8015
  'div',
7926
8016
  { className: 'article-thumbnail' },
@@ -7930,7 +8020,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
7930
8020
  React__default.createElement(
7931
8021
  'div',
7932
8022
  { className: 'article-reading ' + showReading },
7933
- 'Now Reading'
8023
+ articleLabel
7934
8024
  )
7935
8025
  ),
7936
8026
  React__default.createElement(
@@ -7954,7 +8044,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
7954
8044
  article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
7955
8045
  return React__default.createElement(
7956
8046
  'span',
7957
- null,
8047
+ { key: authorDetail.displayName + '_' + index },
7958
8048
  authorDetail.displayName + ' '
7959
8049
  );
7960
8050
  }),
@@ -7986,9 +8076,11 @@ var ArticleSeries = function ArticleSeries(_ref) {
7986
8076
  e.preventDefault();
7987
8077
  var articleClicked = e.currentTarget.dataset.articleid;
7988
8078
  setSelectedArticle(articleClicked);
7989
- if (scrollToArticle(articleClicked)) {
7990
- router.push(router.asPath.split('?')[0] + '/?seriesArticle=' + articleClicked, undefined, { shallow: true });
7991
- }
8079
+ scrollToArticle(articleClicked);
8080
+
8081
+ // if (scrollToArticle(articleClicked)) {
8082
+ // //router.push(`${router.asPath.split('?')[0]}/?seriesArticle=${articleClicked}`, undefined, { shallow: true })
8083
+ // }
7992
8084
  };
7993
8085
 
7994
8086
  useEffect(function () {
@@ -8001,13 +8093,14 @@ var ArticleSeries = function ArticleSeries(_ref) {
8001
8093
  var scrollToArticle = function scrollToArticle(id) {
8002
8094
  var localArticleID = id ? id : selectedArticle;
8003
8095
  var findArticle = function findArticle(ref) {
8004
- return ref.id === localArticleID;
8096
+ return ref.props.id === localArticleID;
8005
8097
  };
8006
8098
  var indexOfRef = refArray.current.findIndex(findArticle);
8007
- console.log(indexOfRef);
8099
+
8008
8100
  if (indexOfRef >= 0) {
8009
- refArray.current[indexOfRef].scrollIntoView({ behavior: 'smooth' });
8010
- return true;
8101
+ console.log(refArray.current[indexOfRef].wraperRef.current);
8102
+ refArray.current[indexOfRef].wraperRef.current.scrollIntoView({ behavior: 'smooth' });
8103
+ window.scrollTo({ top: refArray.current[indexOfRef].wraperRef.current.offsetTop + 150, behavior: 'smooth' });
8011
8104
  }
8012
8105
  };
8013
8106
 
@@ -8017,63 +8110,154 @@ var ArticleSeries = function ArticleSeries(_ref) {
8017
8110
  }
8018
8111
  };
8019
8112
 
8113
+ var onChangeArticle = function onChangeArticle(path, visibility) {
8114
+ var currentPath = window && window.location && window.location.pathname ? window.location.pathname.replace('/?seriesArticle=', '') : '';
8115
+ var newPath = router.asPath.split('?')[0] + '/?seriesArticle=' + path;
8116
+
8117
+ // Change URL and do other changes
8118
+ var doChanges = function doChanges() {
8119
+ window.history.pushState({ page: path }, '', newPath);
8120
+ refreshAD();
8121
+ };
8122
+
8123
+ if (currentPath !== path) {
8124
+ if (isScrollDown) {
8125
+ if (visibility === 'top') {
8126
+ doChanges();
8127
+ }
8128
+ } else {
8129
+ if (visibility === 'bottom') {
8130
+ doChanges();
8131
+ }
8132
+ }
8133
+ if (visibility === 'small-top') {
8134
+ doChanges();
8135
+ }
8136
+ }
8137
+ };
8138
+ var preVscroll = 0;
8139
+ var isScrollDown = true;
8140
+
8141
+ var scrollDirectionDetect = function scrollDirectionDetect(e) {
8142
+ var window = e.currentTarget;
8143
+
8144
+ if (preVscroll > window.scrollY) {
8145
+ isScrollDown = false;
8146
+ } else if (preVscroll < window.scrollY) {
8147
+ isScrollDown = true;
8148
+ }
8149
+ preVscroll = window.scrollY;
8150
+ };
8151
+
8152
+ useEffect(function () {
8153
+ window.addEventListener('scroll', scrollDirectionDetect);
8154
+ return function () {
8155
+ return window.removeEventListener('scroll', scrollDirectionDetect);
8156
+ };
8157
+ });
8158
+
8159
+ var refreshAD = function refreshAD(path) {
8160
+ //const activeArticle = path
8161
+ //let targeting = getTargeting({ article: activeArticle, cpModificationRequired, position: props.position, prevUrl })
8162
+
8163
+ if (!main_36) {
8164
+ lib_3.getGoogletag().then(function (googletag) {
8165
+ if (window.googletag && googletag.pubadsReady) {
8166
+ lib_3.refresh();
8167
+ }
8168
+ });
8169
+ }
8170
+ //Refresh leaderboard ad on mobile
8171
+ if (main_36) {
8172
+ var leaderboardSlotId = '';
8173
+ lib_3.getGoogletag().then(function (googletag) {
8174
+ if (window.googletag && googletag.pubadsReady) {
8175
+ lib_3.refresh(leaderboardSlotId);
8176
+ }
8177
+ });
8178
+ }
8179
+ };
8180
+
8020
8181
  return React__default.createElement(
8021
8182
  React__default.Fragment,
8022
8183
  null,
8023
8184
  React__default.createElement('hr', { className: 'article-seperater' }),
8024
- ArticleCards(false, -1),
8185
+ ArticleCards(false, -1, 'column'),
8025
8186
  React__default.createElement(
8026
8187
  'div',
8027
8188
  { className: 'article-container', style: { marginBottom: '2rem' } },
8028
8189
  nodes.articles.map(function (article, index) {
8029
8190
  return React__default.createElement(
8030
- 'article',
8031
- { key: '' + article.param.current, ref: function ref(ele) {
8191
+ InscreenSensor,
8192
+ {
8193
+ offSetTop: 120,
8194
+ className: 'inscreen-wrapper',
8195
+ key: '' + article.param.current,
8196
+ id: '' + article.param.current,
8197
+ ref: function ref(ele) {
8032
8198
  return refArray.current[index] = ele;
8033
- }, id: '' + article.param.current, className: 'article-wrapper' },
8034
- React__default.createElement(
8035
- 'div',
8036
- { className: 'article-publishDate' },
8037
- moment(article.published).format('LL')
8038
- ),
8039
- React__default.createElement(
8040
- 'div',
8041
- { className: 'author-details-wrapper' },
8042
- article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
8043
- return React__default.createElement(
8044
- 'span',
8045
- { key: index },
8046
- renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor(client, authorDetail.profileImage).url())
8047
- );
8048
- })
8049
- ),
8050
- React__default.createElement(
8051
- 'h2',
8052
- { className: 'article-title' },
8053
- article.title
8054
- ),
8055
- React__default.createElement(
8056
- 'div',
8057
- { className: 'mt-2 mb-5' },
8058
- React__default.createElement(BlockContent, _extends$1({ serializers: getSerializers, videoAccountIDs: accountIDs, blocks: article.text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
8059
- React__default.createElement('hr', { className: 'article-seperater my-5' })
8060
- ),
8199
+ },
8200
+ onChange: function onChange(visible) {
8201
+ if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
8202
+ onChangeArticle(article.param.current, visible);
8203
+ }
8204
+ } },
8061
8205
  React__default.createElement(
8062
- 'div',
8063
- null,
8206
+ 'article',
8207
+ { className: 'article-wrapper' },
8064
8208
  React__default.createElement(
8065
- 'h5',
8066
- { className: 'objective-title' },
8067
- nodes.articles.objectiveTitle
8209
+ 'div',
8210
+ { className: 'article-publishDate' },
8211
+ moment(article.published).format('LL')
8212
+ ),
8213
+ React__default.createElement(
8214
+ 'div',
8215
+ { className: 'author-details-wrapper' },
8216
+ article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
8217
+ return React__default.createElement(
8218
+ 'span',
8219
+ { key: index },
8220
+ renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor(client, authorDetail.profileImage).url())
8221
+ );
8222
+ })
8223
+ ),
8224
+ React__default.createElement(
8225
+ 'h2',
8226
+ { className: 'article-title' },
8227
+ article.title
8228
+ ),
8229
+ React__default.createElement(
8230
+ 'div',
8231
+ { className: 'mt-2 mb-5' },
8232
+ React__default.createElement(BlockContent, _extends$1({
8233
+ serializers: getSerializers,
8234
+ videoAccountIDs: accountIDs,
8235
+ blocks: article.text,
8236
+ imageOptions: { w: 320, h: 240, fit: 'max' }
8237
+ }, client.config())),
8238
+ React__default.createElement('hr', { className: 'article-seperater my-5' })
8068
8239
  ),
8069
- ArticleCards(true, index)
8240
+ React__default.createElement(
8241
+ 'div',
8242
+ null,
8243
+ React__default.createElement(
8244
+ 'h5',
8245
+ { className: 'objective-title' },
8246
+ nodes.articles.objectiveTitle
8247
+ ),
8248
+ React__default.createElement(
8249
+ 'div',
8250
+ null,
8251
+ ArticleCards(true, index, 'row')
8252
+ )
8253
+ )
8070
8254
  )
8071
8255
  );
8072
8256
  }),
8073
8257
  React__default.createElement(
8074
8258
  'style',
8075
8259
  { jsx: 'true' },
8076
- '\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 '
8260
+ '\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 '
8077
8261
  )
8078
8262
  )
8079
8263
  );
@@ -8540,4 +8724,4 @@ var getSerializers = function getSerializers() {
8540
8724
  };
8541
8725
  };
8542
8726
 
8543
- export { getSerializers as g, renderAuthor as r };
8727
+ export { InscreenSensor as I, getSerializers as g, renderAuthor as r };
package/dist/esm/index.js CHANGED
@@ -1,17 +1,16 @@
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 './from-2c0a5f49.js';
7
- import './toConsumableArray-8712d678.js';
5
+ import './_iter-detect-70af34ea.js';
6
+ import './toConsumableArray-2efd7c98.js';
8
7
  import './_object-pie-33c40e79.js';
9
- import './extends-6e00b262.js';
10
- import './_object-sap-56bb8073.js';
11
- import './inherits-b8e4c697.js';
12
- import './web.dom.iterable-46c95e52.js';
13
- import './typeof-5f046efd.js';
14
- import './_is-array-dd5523d6.js';
8
+ import './extends-229166d5.js';
9
+ import './_object-sap-4793c75a.js';
10
+ import './inherits-e6718951.js';
11
+ import './web.dom.iterable-5c830d3d.js';
12
+ import './typeof-f11fd438.js';
13
+ import './_is-array-ced12663.js';
15
14
  import 'react';
16
15
  import './index-3f4dd6f2.js';
17
16
  import 'prop-types';
@@ -30,20 +29,20 @@ import './index-73819142.js';
30
29
  import './index-5f9f807a.js';
31
30
  import './main-d7ee6151.js';
32
31
  import './entities-7cc3bf45.js';
33
- import './slicedToArray-f1e40361.js';
34
- import './stringify-e30bc114.js';
35
- import './asyncToGenerator-0379e924.js';
36
- import './_set-species-6f64f1c1.js';
37
- export { B as Beam, S as Segment } from './beam-a25bd8fd.js';
32
+ import './slicedToArray-a58d7edf.js';
33
+ import './stringify-feadff37.js';
34
+ import './asyncToGenerator-d25aac66.js';
35
+ import './_set-species-75f77d40.js';
36
+ export { B as Beam, S as Segment } from './beam-c40d77ae.js';
38
37
  export { default as AdSlot } from './AdSlot.js';
39
- import './ADInfeed-a5a1f81f.js';
38
+ import './ADInfeed-541eaae3.js';
40
39
  export { default as DeckContent } from './DeckContent.js';
41
40
  import './lodash-17fdfebb.js';
42
- import './ADlgInfeed-99f14909.js';
41
+ import './ADlgInfeed-25c3d142.js';
43
42
  import './_arrayMap-818441dd.js';
44
43
  import './get-58d2f7cc.js';
45
44
  export { default as AD } from './AD.js';
46
- import './AuthorComponent-357dbee9.js';
45
+ import './AuthorComponent-4ddf3533.js';
47
46
  export { default as GridContent } from './GridContent.js';
48
47
  export { default as DeckQueue } from './DeckQueue.js';
49
48
  import 'react-bootstrap/Media';
@@ -71,7 +70,7 @@ import './index-ef6d5dcf.js';
71
70
  import './js.cookie-6874175c.js';
72
71
  export { default as EventsDeck } from './EventsDeck.js';
73
72
  export { default as CMEDeck } from './CMEDeck.js';
74
- export { g as getSerializers } from './index-7ca90052.js';
73
+ export { g as getSerializers } from './index-625ab1b8.js';
75
74
  import './util-7700fc59.js';
76
75
  import './brightcove-react-player-loader.es-83f53e4e.js';
77
76
  import 'react-bootstrap/Pagination';
@@ -125,7 +124,7 @@ export { default as Feature } from './Feature.js';
125
124
  import 'react-bootstrap/Breadcrumb';
126
125
  export { default as Breadcrumbs } from './Breadcrumbs.js';
127
126
  export { default as Hero } from './Hero.js';
128
- import './keys-04cdec91.js';
127
+ import './keys-941eccc4.js';
129
128
  export { default as AlphabeticList } from './AlphabeticList.js';
130
129
  export { default as PdfDownload } from './PdfDownload.js';
131
130
  import 'react-bootstrap/DropdownButton';
@@ -139,7 +138,6 @@ export { default as IssueLanding } from './IssueLanding.js';
139
138
  import 'react-bootstrap/Modal';
140
139
  export { default as PopUpModal } from './PopUpModal.js';
141
140
  export { default as ArticleQueue } from './ArticleQueue.js';
142
- import './InscreenSensor-beb2ec79.js';
143
141
  export { default as getKeywords } from './getKeywords.js';
144
142
  export { default as RelatedContent } from './RelatedContent.js';
145
143
  export { default as ForbesHero } from './ForbesHero.js';
@@ -160,7 +158,7 @@ export { default as Auth } from './Auth.js';
160
158
  import 'swr';
161
159
  import 'passport-local';
162
160
  import 'mysql';
163
- export { g as getTargeting } from './getTargeting-1f2c61e3.js';
161
+ export { g as getTargeting } from './getTargeting-36bcd238.js';
164
162
  export { default as View } from './View.js';
165
163
  export { default as urlFor } from './urlFor.js';
166
164
  export { default as PartnerDetailListing } from './PartnerDetailListing.js';
@@ -1,8 +1,8 @@
1
1
  import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
2
- import { d as _toObject, l as _core, j as _export, c as _objectDp, b as _descriptors, a as _ctx, m as _anObject, _ as _isObject } from './_to-object-16fd8b46.js';
3
- import { e as _objectGpo, _ as _objectCreate } from './core.get-iterator-method-f5c0d66a.js';
4
- import { _ as _objectSap } from './_object-sap-56bb8073.js';
5
- import { a as _typeof_1, b as _objectGopd } from './typeof-5f046efd.js';
2
+ import { d as _toObject, l as _core, j as _export, c as _objectDp, b as _descriptors, a as _ctx, m as _anObject, _ as _isObject } from './_to-object-b01e8612.js';
3
+ import { e as _objectGpo, _ as _objectCreate } from './core.get-iterator-method-66cf57ee.js';
4
+ import { _ as _objectSap } from './_object-sap-4793c75a.js';
5
+ import { a as _typeof_1, b as _objectGopd } from './typeof-f11fd438.js';
6
6
 
7
7
  // 19.1.2.9 Object.getPrototypeOf(O)
8
8
 
@@ -1,6 +1,6 @@
1
1
  import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
2
- import { n as _objectKeys, d as _toObject, l as _core } from './_to-object-16fd8b46.js';
3
- import { _ as _objectSap } from './_object-sap-56bb8073.js';
2
+ import { n as _objectKeys, d as _toObject, l as _core } from './_to-object-b01e8612.js';
3
+ import { _ as _objectSap } from './_object-sap-4793c75a.js';
4
4
 
5
5
  // 19.1.2.14 Object.keys(O)
6
6
 
@@ -1,7 +1,7 @@
1
1
  import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
2
- import { l as _core, m as _anObject } from './_to-object-16fd8b46.js';
3
- import { b as _wks, f as _iterators, d as _classof, g as core_getIteratorMethod } from './core.get-iterator-method-f5c0d66a.js';
4
- import './web.dom.iterable-46c95e52.js';
2
+ import { l as _core, m as _anObject } from './_to-object-b01e8612.js';
3
+ import { b as _wks, g as _iterators, d as _classof, f as core_getIteratorMethod } from './core.get-iterator-method-66cf57ee.js';
4
+ import './web.dom.iterable-5c830d3d.js';
5
5
 
6
6
  var ITERATOR = _wks('iterator');
7
7
 
@@ -1,5 +1,5 @@
1
1
  import { u as unwrapExports, c as createCommonjsModule } from './_commonjsHelpers-0c4b6f40.js';
2
- import { l as _core } from './_to-object-16fd8b46.js';
2
+ import { l as _core } from './_to-object-b01e8612.js';
3
3
 
4
4
  var $JSON = _core.JSON || (_core.JSON = { stringify: JSON.stringify });
5
5
  var stringify = function stringify(it) { // eslint-disable-line no-unused-vars
@@ -1,7 +1,7 @@
1
1
  import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
2
- import { c as _objectDp, u as _propertyDesc, j as _export, d as _toObject, a as _ctx, f as _toLength, l as _core } from './_to-object-16fd8b46.js';
3
- import { g as core_getIteratorMethod } from './core.get-iterator-method-f5c0d66a.js';
4
- import { _ as _iterDetect, a as _isArrayIter, b as _iterCall } from './_iter-detect-6e099a34.js';
2
+ import { c as _objectDp, o as _propertyDesc, j as _export, d as _toObject, a as _ctx, f as _toLength, l as _core } from './_to-object-b01e8612.js';
3
+ import { f as core_getIteratorMethod } from './core.get-iterator-method-66cf57ee.js';
4
+ import { _ as _iterDetect, a as _isArrayIter, b as _iterCall } from './_iter-detect-70af34ea.js';
5
5
 
6
6
  var _createProperty = function (object, index, value) {
7
7
  if (index in object) _objectDp.f(object, index, _propertyDesc(0, value));
@@ -44,4 +44,29 @@ module.exports = { "default": from_1, __esModule: true };
44
44
 
45
45
  var _Array$from = unwrapExports(from_1$1);
46
46
 
47
- export { _Array$from as _, from_1$1 as f };
47
+ var toConsumableArray = createCommonjsModule(function (module, exports) {
48
+
49
+ exports.__esModule = true;
50
+
51
+
52
+
53
+ var _from2 = _interopRequireDefault(from_1$1);
54
+
55
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
56
+
57
+ exports.default = function (arr) {
58
+ if (Array.isArray(arr)) {
59
+ for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) {
60
+ arr2[i] = arr[i];
61
+ }
62
+
63
+ return arr2;
64
+ } else {
65
+ return (0, _from2.default)(arr);
66
+ }
67
+ };
68
+ });
69
+
70
+ var _toConsumableArray = unwrapExports(toConsumableArray);
71
+
72
+ export { _toConsumableArray as _, _Array$from as a };
@@ -1,10 +1,10 @@
1
1
  import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
2
- import { l as _core, c as _objectDp, n as _objectKeys, o as _objectKeysInternal, p as _enumBugKeys, q as _toIobject, b as _descriptors, r as _toPrimitive, s as _ie8DomDefine, t as _has, u as _propertyDesc, g as _global, v as _shared, h as _fails, w as _uid, j as _export, i as _hide, m as _anObject, d as _toObject, _ as _isObject } from './_to-object-16fd8b46.js';
3
- import { b as _wks, h as _redefine, c as _setToStringTag, _ as _objectCreate } from './core.get-iterator-method-f5c0d66a.js';
2
+ import { l as _core, c as _objectDp, n as _objectKeys, p as _objectKeysInternal, q as _enumBugKeys, r as _toIobject, b as _descriptors, s as _toPrimitive, t as _ie8DomDefine, u as _has, o as _propertyDesc, g as _global, v as _shared, h as _fails, w as _uid, j as _export, i as _hide, m as _anObject, d as _toObject, _ as _isObject } from './_to-object-b01e8612.js';
3
+ import { b as _wks, h as _redefine, c as _setToStringTag, _ as _objectCreate } from './core.get-iterator-method-66cf57ee.js';
4
4
  import { _ as _library } from './_library-528f1934.js';
5
5
  import { _ as _objectGops, a as _objectPie } from './_object-pie-33c40e79.js';
6
- import './web.dom.iterable-46c95e52.js';
7
- import { _ as _meta, a as _isArray } from './_is-array-dd5523d6.js';
6
+ import './web.dom.iterable-5c830d3d.js';
7
+ import { _ as _meta, a as _isArray } from './_is-array-ced12663.js';
8
8
 
9
9
  var f = _wks;
10
10
 
@@ -1,5 +1,5 @@
1
- import { q as _toIobject, g as _global, i as _hide } from './_to-object-16fd8b46.js';
2
- import { a as _iterDefine, f as _iterators, b as _wks } from './core.get-iterator-method-f5c0d66a.js';
1
+ import { r as _toIobject, g as _global, i as _hide } from './_to-object-b01e8612.js';
2
+ import { a as _iterDefine, g as _iterators, b as _wks } from './core.get-iterator-method-66cf57ee.js';
3
3
 
4
4
  var _iterStep = function (done, value) {
5
5
  return { value: value, done: !!done };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.599",
3
+ "version": "1.0.601",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",