@mjhls/mjh-framework 1.0.598 → 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.
- package/README.md +2 -1
- package/dist/cjs/AlphabeticList.js +1 -2
- package/dist/cjs/ArticleQueue.js +3 -6
- package/dist/cjs/CMEDeck.js +1 -2
- package/dist/cjs/DeckContent.js +1 -2
- package/dist/cjs/DeckQueue.js +1 -2
- package/dist/cjs/EventsDeck.js +1 -2
- package/dist/cjs/ExternalResources.js +4 -3
- package/dist/cjs/GridContent.js +1 -2
- package/dist/cjs/IssueDeck.js +1 -2
- package/dist/cjs/IssueLanding.js +1 -2
- package/dist/cjs/MasterDeck.js +1 -2
- package/dist/cjs/PartnerDetailListing.js +4 -3
- package/dist/cjs/PublicationLanding.js +1 -2
- package/dist/cjs/QueueDeckExpanded.js +1 -2
- package/dist/cjs/View.js +14 -29
- package/dist/cjs/getSerializers.js +4 -3
- package/dist/cjs/{getTargeting-3d208b98.js → getTargeting-5db63100.js} +1 -1
- package/dist/cjs/getTargeting.js +2 -3
- package/dist/cjs/{index-c4972b44.js → index-c43564bb.js} +240 -55
- package/dist/cjs/index.js +3 -5
- package/dist/cjs/{from-ea347372.js → toConsumableArray-bee80df5.js} +26 -1
- package/dist/esm/AD.js +1 -1
- package/dist/esm/AD300x250.js +9 -9
- package/dist/esm/AD300x250x600.js +9 -9
- package/dist/esm/AD728x90.js +9 -9
- package/dist/esm/ADFloatingFooter.js +9 -9
- package/dist/esm/ADFooter.js +4 -4
- package/dist/esm/ADGutter.js +9 -9
- package/dist/esm/ADSkyscraper.js +9 -9
- package/dist/esm/ADSponsoredResources.js +9 -9
- package/dist/esm/ADWebcast.js +9 -9
- package/dist/esm/ADWelcome.js +9 -9
- package/dist/esm/AccordionPanel.js +4 -4
- package/dist/esm/AdSlot.js +9 -9
- package/dist/esm/AlphabeticList.js +7 -8
- package/dist/esm/ArticleQueue.js +17 -20
- package/dist/esm/Auth.js +9 -9
- package/dist/esm/{AuthorComponent-357dbee9.js → AuthorComponent-4ddf3533.js} +1 -1
- package/dist/esm/Beam.js +8 -8
- package/dist/esm/Breadcrumbs.js +4 -4
- package/dist/esm/CMEDeck.js +9 -10
- package/dist/esm/Column2.js +8 -8
- package/dist/esm/Column3.js +9 -9
- package/dist/esm/DeckContent.js +16 -17
- package/dist/esm/DeckQueue.js +10 -11
- package/dist/esm/{Dfp-a36ad202.js → Dfp-380bef62.js} +4 -4
- package/dist/esm/EventsDeck.js +7 -8
- package/dist/esm/ExternalResources.js +16 -15
- package/dist/esm/ForbesHero.js +5 -5
- package/dist/esm/GridContent.js +18 -19
- package/dist/esm/GridHero.js +5 -5
- package/dist/esm/GroupDeck.js +6 -6
- package/dist/esm/HamMagazine.js +9 -9
- package/dist/esm/IssueContentDeck.js +5 -5
- package/dist/esm/IssueDeck.js +7 -8
- package/dist/esm/IssueLanding.js +14 -15
- package/dist/esm/LeftNav.js +9 -9
- package/dist/esm/MasterDeck.js +17 -18
- package/dist/esm/NavDvm.js +9 -9
- package/dist/esm/NavMagazine.js +9 -9
- package/dist/esm/NavNative.js +9 -9
- package/dist/esm/NavNormal.js +9 -9
- package/dist/esm/OncliveLargeHero.js +5 -5
- package/dist/esm/PageFilter.js +4 -4
- package/dist/esm/PartnerDetailListing.js +19 -18
- package/dist/esm/PopUpModal.js +4 -4
- package/dist/esm/PublicationLanding.js +8 -9
- package/dist/esm/QueueDeckExpanded.js +14 -15
- package/dist/esm/Search.js +4 -4
- package/dist/esm/Segment.js +8 -8
- package/dist/esm/SideFooter.js +8 -8
- package/dist/esm/TaxonomyCard.js +2 -2
- package/dist/esm/TemplateNormal.js +9 -9
- package/dist/esm/Ustream.js +4 -4
- package/dist/esm/VideoSeriesFilter.js +7 -7
- package/dist/esm/VideoSeriesListing.js +9 -9
- package/dist/esm/View.js +28 -43
- package/dist/esm/YahooHero.js +5 -5
- package/dist/esm/YoutubeGroup.js +6 -6
- package/dist/esm/{_is-array-dd5523d6.js → _is-array-ced12663.js} +1 -1
- package/dist/esm/{_iter-detect-6e099a34.js → _iter-detect-70af34ea.js} +2 -2
- package/dist/esm/{_object-sap-56bb8073.js → _object-sap-4793c75a.js} +1 -1
- package/dist/esm/{_set-species-6f64f1c1.js → _set-species-75f77d40.js} +3 -3
- package/dist/esm/{_to-object-16fd8b46.js → _to-object-b01e8612.js} +1 -1
- package/dist/esm/{asyncToGenerator-0379e924.js → asyncToGenerator-d25aac66.js} +5 -5
- package/dist/esm/{beam-a25bd8fd.js → beam-c40d77ae.js} +2 -2
- package/dist/esm/{core.get-iterator-method-f5c0d66a.js → core.get-iterator-method-66cf57ee.js} +2 -2
- package/dist/esm/{extends-6e00b262.js → extends-229166d5.js} +1 -1
- package/dist/esm/getRelatedArticle.js +6 -6
- package/dist/esm/getSerializers.js +16 -15
- package/dist/esm/{getTargeting-1f2c61e3.js → getTargeting-36bcd238.js} +2 -2
- package/dist/esm/getTargeting.js +6 -7
- package/dist/esm/{index-7ca90052.js → index-625ab1b8.js} +243 -59
- package/dist/esm/index.js +21 -23
- package/dist/esm/{inherits-b8e4c697.js → inherits-e6718951.js} +4 -4
- package/dist/esm/{keys-04cdec91.js → keys-941eccc4.js} +2 -2
- package/dist/esm/{slicedToArray-f1e40361.js → slicedToArray-a58d7edf.js} +3 -3
- package/dist/esm/{stringify-e30bc114.js → stringify-feadff37.js} +1 -1
- package/dist/esm/{from-2c0a5f49.js → toConsumableArray-2efd7c98.js} +29 -4
- package/dist/esm/{typeof-5f046efd.js → typeof-f11fd438.js} +4 -4
- package/dist/esm/{web.dom.iterable-46c95e52.js → web.dom.iterable-5c830d3d.js} +2 -2
- package/package.json +1 -1
- package/dist/cjs/InscreenSensor-22a96661.js +0 -85
- package/dist/cjs/toConsumableArray-ca04303b.js +0 -31
- package/dist/esm/InscreenSensor-beb2ec79.js +0 -80
- package/dist/esm/toConsumableArray-8712d678.js +0 -29
- /package/dist/esm/{ADInfeed-a5a1f81f.js → ADInfeed-541eaae3.js} +0 -0
- /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
|
|
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 =
|
|
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
|
-
|
|
7921
|
-
|
|
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-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
7996
|
-
|
|
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
|
-
|
|
8105
|
+
|
|
8014
8106
|
if (indexOfRef >= 0) {
|
|
8015
|
-
refArray.current[indexOfRef].
|
|
8016
|
-
|
|
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
|
-
|
|
8037
|
-
{
|
|
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
|
-
},
|
|
8040
|
-
|
|
8041
|
-
|
|
8042
|
-
|
|
8043
|
-
|
|
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
|
-
'
|
|
8069
|
-
|
|
8212
|
+
'article',
|
|
8213
|
+
{ className: 'article-wrapper' },
|
|
8070
8214
|
React__default.createElement(
|
|
8071
|
-
'
|
|
8072
|
-
{ className: '
|
|
8073
|
-
|
|
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
|
-
|
|
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('./
|
|
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-
|
|
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-
|
|
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.
|
|
75
|
+
exports._toConsumableArray = _toConsumableArray;
|
package/dist/esm/AD.js
CHANGED
package/dist/esm/AD300x250.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
2
|
-
import './_to-object-
|
|
3
|
-
import './core.get-iterator-method-
|
|
2
|
+
import './_to-object-b01e8612.js';
|
|
3
|
+
import './core.get-iterator-method-66cf57ee.js';
|
|
4
4
|
import './_library-528f1934.js';
|
|
5
|
-
import './_iter-detect-
|
|
6
|
-
import './web.dom.iterable-
|
|
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-
|
|
14
|
-
import { _ as _JSON$stringify } from './stringify-
|
|
15
|
-
import './asyncToGenerator-
|
|
16
|
-
import './_set-species-
|
|
17
|
-
import './beam-
|
|
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-
|
|
3
|
-
import './core.get-iterator-method-
|
|
2
|
+
import './_to-object-b01e8612.js';
|
|
3
|
+
import './core.get-iterator-method-66cf57ee.js';
|
|
4
4
|
import './_library-528f1934.js';
|
|
5
|
-
import './_iter-detect-
|
|
6
|
-
import './web.dom.iterable-
|
|
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-
|
|
14
|
-
import { _ as _JSON$stringify } from './stringify-
|
|
15
|
-
import './asyncToGenerator-
|
|
16
|
-
import './_set-species-
|
|
17
|
-
import './beam-
|
|
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.
|
package/dist/esm/AD728x90.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
2
|
-
import './_to-object-
|
|
3
|
-
import './core.get-iterator-method-
|
|
2
|
+
import './_to-object-b01e8612.js';
|
|
3
|
+
import './core.get-iterator-method-66cf57ee.js';
|
|
4
4
|
import './_library-528f1934.js';
|
|
5
|
-
import './_iter-detect-
|
|
6
|
-
import './web.dom.iterable-
|
|
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-
|
|
14
|
-
import './stringify-
|
|
15
|
-
import './asyncToGenerator-
|
|
16
|
-
import './_set-species-
|
|
17
|
-
import './beam-
|
|
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-
|
|
3
|
-
import './core.get-iterator-method-
|
|
2
|
+
import './_to-object-b01e8612.js';
|
|
3
|
+
import './core.get-iterator-method-66cf57ee.js';
|
|
4
4
|
import './_library-528f1934.js';
|
|
5
|
-
import './_iter-detect-
|
|
6
|
-
import './web.dom.iterable-
|
|
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-
|
|
14
|
-
import { _ as _JSON$stringify } from './stringify-
|
|
15
|
-
import './asyncToGenerator-
|
|
16
|
-
import './_set-species-
|
|
17
|
-
import './beam-
|
|
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) {
|
package/dist/esm/ADFooter.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
2
|
-
import './_to-object-
|
|
3
|
-
import './core.get-iterator-method-
|
|
4
|
-
import './web.dom.iterable-
|
|
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-
|
|
6
|
+
import { _ as _slicedToArray } from './slicedToArray-a58d7edf.js';
|
|
7
7
|
|
|
8
8
|
var ADFooter = function ADFooter(_ref) {
|
|
9
9
|
var children = _ref.children;
|
package/dist/esm/ADGutter.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import './_commonjsHelpers-0c4b6f40.js';
|
|
2
|
-
import './_to-object-
|
|
3
|
-
import './core.get-iterator-method-
|
|
2
|
+
import './_to-object-b01e8612.js';
|
|
3
|
+
import './core.get-iterator-method-66cf57ee.js';
|
|
4
4
|
import './_library-528f1934.js';
|
|
5
|
-
import './_iter-detect-
|
|
6
|
-
import './web.dom.iterable-
|
|
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-
|
|
14
|
-
import './stringify-
|
|
15
|
-
import './asyncToGenerator-
|
|
16
|
-
import './_set-species-
|
|
17
|
-
import './beam-
|
|
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) {
|