@mjhls/mjh-framework 1.0.879 → 1.0.880
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 +168 -168
- package/dist/cjs/AD.js +1 -1
- package/dist/cjs/AD300x250.js +3 -2
- package/dist/cjs/AD300x250x600.js +3 -2
- package/dist/cjs/AD728x90.js +3 -2
- package/dist/cjs/ADFloatingFooter.js +3 -2
- package/dist/cjs/ADGutter.js +3 -2
- package/dist/cjs/ADSkyscraper.js +3 -2
- package/dist/cjs/ADSponsoredResources.js +3 -2
- package/dist/cjs/ADWebcast.js +3 -2
- package/dist/cjs/ADWelcome.js +3 -2
- package/dist/cjs/AccordionPanel.js +2 -2
- package/dist/cjs/AdSlot.js +3 -2
- package/dist/cjs/AdSlotsProvider.js +3 -2
- package/dist/cjs/AlgoliaSearch.js +14098 -17
- package/dist/cjs/ArticleCarousel.js +1 -1
- package/dist/cjs/ArticleProgramLandingPage.js +6 -5
- package/dist/cjs/ArticleSeriesLandingPage.js +5 -4
- package/dist/cjs/ArticleSeriesListing.js +5 -4
- package/dist/cjs/AuthWrapper.js +1 -1
- package/dist/cjs/CMEDeck.js +3 -2
- package/dist/cjs/Column3.js +3 -2
- package/dist/cjs/ConferenceArticleCard.js +15 -15
- package/dist/cjs/DeckContent.js +12 -11
- package/dist/cjs/DeckQueue.js +3 -2
- package/dist/cjs/{Dfp-94f8ccdf.js → Dfp-9be904d5.js} +2 -1
- package/dist/cjs/EventsDeck.js +18 -18
- package/dist/cjs/ExternalResources.js +6 -5
- package/dist/cjs/Feature.js +1 -1
- package/dist/cjs/GridContent.js +5 -4
- package/dist/cjs/HamMagazine.js +15 -15
- package/dist/cjs/HorizontalArticleListing.js +6 -5
- package/dist/cjs/HorizontalHero.js +2 -2
- package/dist/cjs/IssueLanding.js +37 -36
- package/dist/cjs/KMTracker.js +15 -15
- package/dist/cjs/LeftNav.js +3 -2
- package/dist/cjs/MasterDeck.js +13 -12
- package/dist/cjs/MediaSeriesLanding.js +306 -406
- package/dist/cjs/NavMagazine.js +16 -16
- package/dist/cjs/NavNative.js +12 -12
- package/dist/cjs/OncliveHero.js +1 -1
- package/dist/cjs/PartnerDetailListing.js +8 -7
- package/dist/cjs/PdfDownload.js +2 -2
- package/dist/cjs/PubSection.js +5 -4
- package/dist/cjs/PublicationLanding.js +26 -26
- package/dist/cjs/QueueDeckExpanded.js +5 -4
- package/dist/cjs/RecentNews.js +2 -2
- package/dist/cjs/RelatedContent.js +28 -28
- package/dist/cjs/RelatedTopicsDropdown.js +10 -10
- package/dist/cjs/SeriesListingDeck.js +4 -3
- package/dist/cjs/{SeriesSlider-f9128638.js → SeriesSlider-ce3261cb.js} +5 -5
- package/dist/cjs/SideFooter.js +2 -2
- package/dist/cjs/{SocialSearchComponent-4942ddfc.js → SocialSearchComponent-5ec44406.js} +3 -3
- package/dist/cjs/TaxonomyDescription.js +6 -5
- package/dist/cjs/TemplateNormal.js +8 -7
- package/dist/cjs/Ustream.js +4 -4
- package/dist/cjs/VideoProgramLandingPage.js +6 -5
- package/dist/cjs/VideoSeriesCard.js +1 -1
- package/dist/cjs/VideoSeriesLandingPage.js +5 -4
- package/dist/cjs/VideoSeriesListing.js +5 -4
- package/dist/cjs/View.js +13 -12
- package/dist/cjs/YoutubeGroup.js +5 -5
- package/dist/cjs/events-1b438fe7.js +469 -0
- package/dist/cjs/getSerializers.js +6 -5
- package/dist/cjs/{getTargeting-6d59cc5b.js → getTargeting-9d509319.js} +9 -9
- package/dist/cjs/getTargeting.js +1 -1
- package/dist/{esm/iconBase-ccc56b97.js → cjs/iconBase-68959171.js} +5 -2
- package/dist/cjs/{index-aafe16dd.js → index-22bdde81.js} +3 -3
- package/dist/cjs/index-8041a4eb.js +99 -0
- package/dist/cjs/{index-0e4427c8.js → index-fc2f1ca2.js} +2 -467
- package/dist/cjs/{index.esm-f27f80d9.js → index.esm-05850a2f.js} +1 -1
- package/dist/cjs/{index.esm-c1e16606.js → index.esm-44f3e2d0.js} +1 -1
- package/dist/cjs/{index.esm-2bb721c8.js → index.esm-8123cf40.js} +1 -1
- package/dist/cjs/{index.esm-00a6aade.js → index.esm-974f47d9.js} +1 -1
- package/dist/cjs/index.js +15 -14
- package/dist/cjs/{main-f1c77adb.js → main-025fdc78.js} +3 -3
- package/dist/esm/AD.js +7 -7
- package/dist/esm/AD300x250.js +7 -6
- package/dist/esm/AD300x250x600.js +7 -6
- package/dist/esm/AD728x90.js +8 -7
- package/dist/esm/ADFloatingFooter.js +10 -9
- package/dist/esm/ADFooter.js +6 -6
- package/dist/esm/ADGutter.js +10 -9
- package/dist/esm/{ADInfeed-bba8b026.js → ADInfeed-8c5f8c58.js} +5 -5
- package/dist/esm/ADSkyscraper.js +10 -9
- package/dist/esm/ADSponsoredResources.js +10 -9
- package/dist/esm/ADWebcast.js +10 -9
- package/dist/esm/ADWelcome.js +14 -13
- package/dist/esm/{ADlgInfeed-a45afa1d.js → ADlgInfeed-2316e091.js} +4 -4
- package/dist/esm/AccordionPanel.js +18 -18
- package/dist/esm/AdSlot.js +6 -5
- package/dist/esm/AdSlotsProvider.js +5 -4
- package/dist/esm/AlgoliaSearch.js +14121 -40
- package/dist/esm/AlphabeticList.js +13 -13
- package/dist/esm/ArticleCarousel.js +6 -6
- package/dist/esm/ArticleProgramLandingPage.js +18 -17
- package/dist/esm/ArticleSeriesLandingPage.js +13 -12
- package/dist/esm/ArticleSeriesListing.js +32 -31
- package/dist/esm/Auth.js +70 -70
- package/dist/esm/AuthWrapper.js +26 -26
- package/dist/esm/{AuthorComponent-defe68b6.js → AuthorComponent-46a745ba.js} +10 -10
- package/dist/esm/{BlockContent-c99c9a8d.js → BlockContent-52cf21c5.js} +3 -3
- package/dist/esm/Breadcrumbs.js +11 -11
- package/dist/esm/CMEDeck.js +62 -61
- package/dist/esm/Column1.js +5 -5
- package/dist/esm/Column2.js +12 -12
- package/dist/esm/Column3.js +24 -23
- package/dist/esm/ConferenceArticleCard.js +28 -28
- package/dist/esm/{ConferenceBanner-8792ebd2.js → ConferenceBanner-9162d0ca.js} +4 -4
- package/dist/esm/DeckContent.js +58 -57
- package/dist/esm/DeckQueue.js +43 -42
- package/dist/esm/{Dfp-4b99f79d.js → Dfp-4ca12f2e.js} +11 -10
- package/dist/esm/EventsDeck.js +81 -81
- package/dist/esm/ExternalResources.js +36 -35
- package/dist/esm/Feature.js +15 -15
- package/dist/esm/ForbesHero.js +26 -26
- package/dist/esm/GridContent.js +125 -124
- package/dist/esm/GridHero.js +27 -27
- package/dist/esm/GroupDeck.js +34 -34
- package/dist/esm/HamMagazine.js +95 -95
- package/dist/esm/Header.js +8 -8
- package/dist/esm/Hero.js +6 -6
- package/dist/esm/HighlightenVideo.js +14 -14
- package/dist/esm/HorizontalArticleListing.js +32 -31
- package/dist/esm/HorizontalHero.js +20 -20
- package/dist/esm/IssueContentDeck.js +39 -39
- package/dist/esm/IssueDeck.js +33 -33
- package/dist/esm/IssueLanding.js +52 -51
- package/dist/esm/KMTracker.js +15 -15
- package/dist/esm/LeftNav.js +17 -16
- package/dist/esm/MasterDeck.js +47 -46
- package/dist/esm/MediaSeriesLanding.js +332 -432
- package/dist/esm/NavDvm.js +43 -43
- package/dist/esm/{NavFooter-e27bd93b.js → NavFooter-c29526b7.js} +12 -12
- package/dist/esm/NavMagazine.js +99 -99
- package/dist/esm/NavNative.js +86 -86
- package/dist/esm/OncliveHero.js +13 -13
- package/dist/esm/OncliveLargeHero.js +50 -50
- package/dist/esm/PageFilter.js +6 -6
- package/dist/esm/PartnerDetailListing.js +67 -66
- package/dist/esm/PdfDownload.js +7 -7
- package/dist/esm/PopUpModal.js +8 -8
- package/dist/esm/PubSection.js +15 -14
- package/dist/esm/PubToc.js +5 -5
- package/dist/esm/PublicationDeck.js +33 -33
- package/dist/esm/PublicationLanding.js +75 -75
- package/dist/esm/QueueDeckExpanded.js +247 -246
- package/dist/esm/RecentNews.js +18 -18
- package/dist/esm/RelatedContent.js +43 -43
- package/dist/esm/RelatedTopicsDropdown.js +21 -21
- package/dist/esm/RolesDeck.js +13 -13
- package/dist/esm/Search.js +5 -5
- package/dist/esm/SeriesListingDeck.js +20 -19
- package/dist/esm/{SeriesSlider-98b7a870.js → SeriesSlider-7a6c45ce.js} +23 -23
- package/dist/esm/SideFooter.js +21 -21
- package/dist/esm/SocialIcons.js +7 -7
- package/dist/esm/{SocialSearchComponent-9458fac6.js → SocialSearchComponent-bdecba55.js} +22 -22
- package/dist/esm/SocialShare.js +25 -25
- package/dist/esm/TaxonomyCard.js +35 -35
- package/dist/esm/TaxonomyDescription.js +14 -13
- package/dist/esm/TemplateNormal.js +30 -29
- package/dist/esm/ThumbnailCard.js +9 -9
- package/dist/esm/Ustream.js +18 -18
- package/dist/esm/VerticalHero.js +11 -11
- package/dist/esm/VideoProgramLandingPage.js +25 -24
- package/dist/esm/VideoSeriesCard.js +15 -15
- package/dist/esm/VideoSeriesFilter.js +6 -6
- package/dist/esm/VideoSeriesLandingPage.js +13 -12
- package/dist/esm/VideoSeriesListing.js +48 -47
- package/dist/esm/View.js +177 -176
- package/dist/esm/YahooHero.js +23 -23
- package/dist/esm/YoutubeGroup.js +38 -38
- package/dist/esm/{brightcove-react-player-loader.es-57a70a56.js → brightcove-react-player-loader.es-b43c695a.js} +3 -3
- package/dist/esm/events-6c3a7a63.js +467 -0
- package/dist/esm/getSerializers.js +9 -8
- package/dist/esm/{getTargeting-3792eba9.js → getTargeting-ff2c9409.js} +9 -9
- package/dist/esm/getTargeting.js +1 -1
- package/dist/{cjs/iconBase-be4097c0.js → esm/iconBase-602d52fe.js} +8 -33
- package/dist/esm/{index-5cc7b406.js → index-2446af28.js} +4 -469
- package/dist/esm/{index-755f2cc2.js → index-35bdcc81.js} +4 -4
- package/dist/esm/index-67e1773f.js +94 -0
- package/dist/esm/{index-e57e375a.js → index-c9bfc91f.js} +419 -419
- package/dist/esm/{index.es-a6137319.js → index.es-c6222053.js} +5 -5
- package/dist/esm/{index.esm-f6156a57.js → index.esm-3fdda599.js} +1 -1
- package/dist/esm/{index.esm-37268dca.js → index.esm-8016b507.js} +16 -16
- package/dist/esm/{index.esm-d4932dea.js → index.esm-a8ff922c.js} +1 -1
- package/dist/esm/{index.esm-9b042655.js → index.esm-c6715e80.js} +1 -1
- package/dist/esm/index.js +40 -39
- package/dist/esm/{main-1894c974.js → main-4136096f.js} +19 -19
- package/dist/esm/{react-social-icons-9be47857.js → react-social-icons-91f9716f.js} +5 -5
- package/dist/esm/{visibility-sensor-72fd8f8b.js → visibility-sensor-f40c2564.js} +2 -2
- package/package.json +111 -111
- /package/dist/cjs/{ADInfeed-51a39495.js → ADInfeed-9a2e923a.js} +0 -0
- /package/dist/cjs/{ADlgInfeed-12db4509.js → ADlgInfeed-957a1996.js} +0 -0
package/dist/esm/View.js
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-b4dfe691.js';
|
|
2
2
|
import { _ as _extends, a as _Object$assign } from './extends-dc6a71fd.js';
|
|
3
3
|
import { a as _getIterator, _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
|
|
4
|
-
import
|
|
4
|
+
import React, { useState, useRef, useEffect, forwardRef } from 'react';
|
|
5
5
|
import Head from 'next/head';
|
|
6
6
|
import { useRouter } from 'next/router';
|
|
7
7
|
import { _ as _JSON$stringify } from './stringify-c21932b3.js';
|
|
8
8
|
import { _ as _toConsumableArray } from './toConsumableArray-7b1c0e23.js';
|
|
9
9
|
import { m as moment } from './moment-bc12cb97.js';
|
|
10
|
-
import { B as BlockContent } from './BlockContent-
|
|
11
|
-
import { m as main_43 } from './main-
|
|
10
|
+
import { B as BlockContent } from './BlockContent-52cf21c5.js';
|
|
11
|
+
import { m as main_43 } from './main-4136096f.js';
|
|
12
12
|
import 'react-bootstrap/Dropdown';
|
|
13
13
|
import Form from 'react-bootstrap/Form';
|
|
14
14
|
import FormControl from 'react-bootstrap/FormControl';
|
|
15
15
|
import Button from 'react-bootstrap/Button';
|
|
16
|
-
import { V as VisibilitySensor } from './visibility-sensor-
|
|
16
|
+
import { V as VisibilitySensor } from './visibility-sensor-f40c2564.js';
|
|
17
17
|
import SocialShare from './SocialShare.js';
|
|
18
|
-
import { r as renderAuthor, g as getSerializers } from './index-
|
|
18
|
+
import { r as renderAuthor, g as getSerializers } from './index-c9bfc91f.js';
|
|
19
19
|
import DFPAdSlot from './AdSlot.js';
|
|
20
|
-
import { S as SeriesSlider } from './SeriesSlider-
|
|
21
|
-
import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-
|
|
20
|
+
import { S as SeriesSlider } from './SeriesSlider-7a6c45ce.js';
|
|
21
|
+
import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-ff2c9409.js';
|
|
22
22
|
import getKeywords from './getKeywords.js';
|
|
23
23
|
import urlFor from './urlFor.js';
|
|
24
24
|
import { _ as _typeof } from './typeof-83d9eb10.js';
|
|
25
|
-
import { b as FaMinus, c as FaPlus } from './index.esm-
|
|
25
|
+
import { b as FaMinus, c as FaPlus } from './index.esm-a8ff922c.js';
|
|
26
26
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
27
|
-
import './index-
|
|
27
|
+
import './index-35bdcc81.js';
|
|
28
28
|
import { DiscussionEmbed } from 'disqus-react';
|
|
29
29
|
import { _ as _Object$keys } from './keys-425c8ab0.js';
|
|
30
|
-
import { I as InfiniteScroll } from './index.es-
|
|
31
|
-
import { l as lib_3 } from './index-
|
|
30
|
+
import { I as InfiniteScroll } from './index.es-c6222053.js';
|
|
31
|
+
import { l as lib_3 } from './index-2446af28.js';
|
|
32
32
|
import getRelatedArticle from './getRelatedArticle.js';
|
|
33
33
|
import getQuery from './getQuery.js';
|
|
34
34
|
import getSeriesDetail from './getSeriesDetail.js';
|
|
@@ -47,7 +47,7 @@ import './index-c7e2ac95.js';
|
|
|
47
47
|
import './util-3ab476bf.js';
|
|
48
48
|
import './Beam.js';
|
|
49
49
|
import './Segment.js';
|
|
50
|
-
import './brightcove-react-player-loader.es-
|
|
50
|
+
import './brightcove-react-player-loader.es-b43c695a.js';
|
|
51
51
|
import './GroupDeck.js';
|
|
52
52
|
import './smoothscroll-fa4e3f8c.js';
|
|
53
53
|
import './_is-array-893ab020.js';
|
|
@@ -59,8 +59,8 @@ import 'react-bootstrap/Col';
|
|
|
59
59
|
import './inherits-8a801a18.js';
|
|
60
60
|
import './_object-sap-169d6272.js';
|
|
61
61
|
import './define-property-99e66838.js';
|
|
62
|
-
import './index.esm-
|
|
63
|
-
import './iconBase-
|
|
62
|
+
import './index.esm-3fdda599.js';
|
|
63
|
+
import './iconBase-602d52fe.js';
|
|
64
64
|
import 'react-bootstrap/Figure';
|
|
65
65
|
import 'react-bootstrap/OverlayTrigger';
|
|
66
66
|
import 'react-bootstrap/Tooltip';
|
|
@@ -68,6 +68,7 @@ import 'react-bootstrap/Popover';
|
|
|
68
68
|
import './debounce-533d9748.js';
|
|
69
69
|
import './isSymbol-a7e9aafe.js';
|
|
70
70
|
import './toNumber-5aeba6e7.js';
|
|
71
|
+
import './events-6c3a7a63.js';
|
|
71
72
|
import './index-db3bb315.js';
|
|
72
73
|
|
|
73
74
|
var getArticleSummary = function getArticleSummary(article) {
|
|
@@ -146,17 +147,17 @@ var DocumentGroup = function DocumentGroup(_ref) {
|
|
|
146
147
|
thumbnailUrl = urlFor({ client: client, source: article.documentGroup.thumbnail });
|
|
147
148
|
}
|
|
148
149
|
|
|
149
|
-
return
|
|
150
|
+
return React.createElement(
|
|
150
151
|
'a',
|
|
151
152
|
{
|
|
152
153
|
href: url,
|
|
153
154
|
className: 'doc-group',
|
|
154
155
|
style: { display: 'flex', flexDirection: 'column', padding: '0 1rem', justifyContent: thumbnailUrl ? 'center' : 'flex-start', alignItems: 'center' } },
|
|
155
|
-
thumbnailUrl &&
|
|
156
|
-
!thumbnailUrl &&
|
|
156
|
+
thumbnailUrl && React.createElement('img', { style: { maxWidth: '220px', maxHeight: '100px', marginTop: '1rem' }, src: thumbnailUrl, alt: name }),
|
|
157
|
+
!thumbnailUrl && React.createElement('p', {
|
|
157
158
|
style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main_43 ? 'left' : 'right', marginTop: '.25rem' },
|
|
158
159
|
dangerouslySetInnerHTML: { __html: name } }),
|
|
159
|
-
main_43 && !thumbnailUrl &&
|
|
160
|
+
main_43 && !thumbnailUrl && React.createElement(
|
|
160
161
|
'style',
|
|
161
162
|
{ jsx: 'true' },
|
|
162
163
|
'\n a.doc-group {\n display: block !important;\n padding: 0 !important;\n }\n '
|
|
@@ -296,38 +297,38 @@ var ISI = function ISI(props) {
|
|
|
296
297
|
}, 300);
|
|
297
298
|
}
|
|
298
299
|
};
|
|
299
|
-
return
|
|
300
|
-
|
|
300
|
+
return React.createElement(
|
|
301
|
+
React.Fragment,
|
|
301
302
|
null,
|
|
302
|
-
|
|
303
|
+
React.createElement(
|
|
303
304
|
'div',
|
|
304
305
|
{ id: 'isi', ref: isi },
|
|
305
|
-
|
|
306
|
+
React.createElement(
|
|
306
307
|
'div',
|
|
307
308
|
{ id: 'isiContent' },
|
|
308
|
-
|
|
309
|
+
React.createElement(
|
|
309
310
|
'div',
|
|
310
311
|
{ onClick: function onClick() {
|
|
311
312
|
return setActive(function (prev) {
|
|
312
313
|
return !prev;
|
|
313
314
|
});
|
|
314
315
|
}, id: 'isiToggle' },
|
|
315
|
-
active ?
|
|
316
|
+
active ? React.createElement(
|
|
316
317
|
'p',
|
|
317
318
|
null,
|
|
318
319
|
'Close ',
|
|
319
|
-
|
|
320
|
-
) :
|
|
320
|
+
React.createElement(FaMinus, null)
|
|
321
|
+
) : React.createElement(
|
|
321
322
|
'p',
|
|
322
323
|
null,
|
|
323
324
|
'See More ',
|
|
324
|
-
|
|
325
|
+
React.createElement(FaPlus, null)
|
|
325
326
|
)
|
|
326
327
|
),
|
|
327
328
|
children
|
|
328
329
|
)
|
|
329
330
|
),
|
|
330
|
-
|
|
331
|
+
React.createElement(
|
|
331
332
|
'style',
|
|
332
333
|
{ jsx: true },
|
|
333
334
|
'\n #isi {\n position: fixed;\n z-index: 9999999;\n bottom: 0;\n left: 0;\n max-height: 12rem;\n background-color: #ffffff;\n overflow-x: hidden;\n overflow-y: hidden;\n width: 100%;\n box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);\n transition: bottom .5s ease , margin-top .3s, max-height .2s;\n }\n #isiContent {\n width: 100%;\n max-width: 1000px;\n margin-left: auto;\n margin-right: auto;\n position: relative;\n padding: 1rem;\n font-size: 1rem;\n }\n #isi::-webkit-scrollbar {\n display: none;\n }\n #isiToggle {\n position: absolute;\n top: 0;\n right: 0;\n padding: 1rem;\n font-weight: bold;\n cursor: pointer;\n font-size: 1rem;\n }\n #isiToggle p {\n margin: 0;\n }\n '
|
|
@@ -335,7 +336,7 @@ var ISI = function ISI(props) {
|
|
|
335
336
|
);
|
|
336
337
|
};
|
|
337
338
|
|
|
338
|
-
var css = ".RelatedArticles-module_mediaContainer__10h9k {\
|
|
339
|
+
var css = ".RelatedArticles-module_mediaContainer__10h9k {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n margin: 0 -1rem;\n}\n.RelatedArticles-module_mediaCard__3wQbn {\n margin: 0 1rem 1rem;\n width: calc(33% - 1rem);\n display: column;\n flex-direction: row;\n margin-bottom: 0.75rem;\n padding-bottom: 0.75rem;\n border-bottom: none;\n}\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\n border-bottom: none;\n}\n.RelatedArticles-module_cardTitle__3P-Ib {\n font-weight: bold;\n color: #252525;\n margin-bottom: 0.25rem;\n font-size: 15px;\n}\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\n color: #000;\n font-weight: bold;\n}\n.RelatedArticles-module_cardDate__1wOR5 {\n color: var(--dark);\n display: block;\n background: #fff !important;\n margin-bottom: 0;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 {\n display: block;\n text-align: center;\n margin-bottom: 0.5rem;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\n height: 135px;\n width: 100%;\n object-fit: cover;\n object-position: center;\n}\n@media screen and (max-width: 1064px) {\n}\n@media screen and (max-width: 968px) {\n .RelatedArticles-module_mediaContainer__10h9k {\n flex-wrap: wrap;\n }\n .RelatedArticles-module_imgWrapper__5Jx_4 {\n display: none;\n }\n .RelatedArticles-module_mediaCard__3wQbn {\n width: 100%;\n margin-bottom: 0.5rem;\n padding: 0;\n }\n .RelatedArticles-module_cardTitle__3P-Ib {\n font-size: 0.75rem;\n margin-bottom: 0;\n }\n}\n";
|
|
339
340
|
var styles = { "mediaContainer": "RelatedArticles-module_mediaContainer__10h9k", "mediaCard": "RelatedArticles-module_mediaCard__3wQbn", "cardTitle": "RelatedArticles-module_cardTitle__3P-Ib", "authorListing": "RelatedArticles-module_authorListing__1EFg4", "text-muted": "RelatedArticles-module_text-muted__3b0zX", "cardDate": "RelatedArticles-module_cardDate__1wOR5", "imgWrapper": "RelatedArticles-module_imgWrapper__5Jx_4" };
|
|
340
341
|
styleInject(css);
|
|
341
342
|
|
|
@@ -349,34 +350,34 @@ var RelatedArticle = function RelatedArticle(_ref) {
|
|
|
349
350
|
if (!articles || articles.length == 0 || !articles[0]) {
|
|
350
351
|
return null;
|
|
351
352
|
}
|
|
352
|
-
return
|
|
353
|
+
return React.createElement(
|
|
353
354
|
'div',
|
|
354
355
|
{ className: styles.mediaContainer },
|
|
355
356
|
articles.map(function (article, index) {
|
|
356
357
|
if (article && article.url && article.url.current) {
|
|
357
|
-
return
|
|
358
|
+
return React.createElement(
|
|
358
359
|
'div',
|
|
359
360
|
{ id: 'related-card', key: index, className: styles.mediaCard },
|
|
360
|
-
|
|
361
|
+
React.createElement(
|
|
361
362
|
'a',
|
|
362
363
|
{ className: styles.imgWrapper, href: '/view/' + (article.url ? article.url.current : '') },
|
|
363
|
-
article.thumbnail ?
|
|
364
|
+
article.thumbnail ? React.createElement('img', {
|
|
364
365
|
style: { objectFit: 'cover', objectPosition: 'center' },
|
|
365
366
|
src: article.thumbnail && urlFor({ client: client, source: article.thumbnail.asset, imageWidth: 250 }),
|
|
366
367
|
alt: article.title
|
|
367
|
-
}) :
|
|
368
|
-
|
|
368
|
+
}) : React.createElement(
|
|
369
|
+
React.Fragment,
|
|
369
370
|
null,
|
|
370
|
-
fallbackImage && showRelatedArticleFallbackImage &&
|
|
371
|
+
fallbackImage && showRelatedArticleFallbackImage && React.createElement('img', { src: fallbackImage, alt: 'website logo', style: { objectFit: 'contain' } })
|
|
371
372
|
)
|
|
372
373
|
),
|
|
373
|
-
|
|
374
|
+
React.createElement(
|
|
374
375
|
'div',
|
|
375
376
|
{ className: styles.mediaBody },
|
|
376
|
-
|
|
377
|
+
React.createElement(
|
|
377
378
|
'a',
|
|
378
379
|
{ href: '/view/' + (article.url ? article.url.current : '') },
|
|
379
|
-
|
|
380
|
+
React.createElement(
|
|
380
381
|
'div',
|
|
381
382
|
{ className: styles.cardTitle },
|
|
382
383
|
article.title
|
|
@@ -482,17 +483,17 @@ function generateSchema(props) {
|
|
|
482
483
|
var articleSection = content_placement && content_placement.map(function (cp) {
|
|
483
484
|
return cp.name;
|
|
484
485
|
});
|
|
486
|
+
var image = thumbnail && thumbnail.asset && client ? urlFor({ source: thumbnail, client: client }) : liveDomain && logo && 'https://' + liveDomain + logo;
|
|
485
487
|
|
|
486
|
-
if (title &&
|
|
488
|
+
if (title && published && _updatedAt) {
|
|
487
489
|
return _extends({
|
|
488
490
|
'@context': 'https://schema.org',
|
|
489
491
|
'@type': 'NewsArticle',
|
|
490
492
|
headline: title,
|
|
491
|
-
image: urlFor({ source: thumbnail, client: client }),
|
|
492
493
|
datePublished: published,
|
|
493
494
|
dateModified: _updatedAt,
|
|
494
495
|
inLanguage: 'en-US'
|
|
495
|
-
}, liveDomain && url && url.current && {
|
|
496
|
+
}, image && { image: image }, liveDomain && url && url.current && {
|
|
496
497
|
mainEntityOfPage: {
|
|
497
498
|
'@type': 'WebPage',
|
|
498
499
|
'@id': 'https://' + liveDomain + '/view/' + url.current
|
|
@@ -512,7 +513,7 @@ function generateSchema(props) {
|
|
|
512
513
|
}
|
|
513
514
|
|
|
514
515
|
var Schema = function Schema(props) {
|
|
515
|
-
return
|
|
516
|
+
return React.createElement('script', { type: 'application/ld+json', dangerouslySetInnerHTML: { __html: _JSON$stringify(generateSchema(props)) } });
|
|
516
517
|
};
|
|
517
518
|
|
|
518
519
|
var Article = forwardRef(function (props, ref) {
|
|
@@ -705,7 +706,7 @@ var Article = forwardRef(function (props, ref) {
|
|
|
705
706
|
};
|
|
706
707
|
var renderAuthorBiography = function renderAuthorBiography(biography) {
|
|
707
708
|
if (biography) {
|
|
708
|
-
return
|
|
709
|
+
return React.createElement(BlockContent, _extends({
|
|
709
710
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, contextualADFlag),
|
|
710
711
|
blocks: [biography]
|
|
711
712
|
}, client.config()));
|
|
@@ -715,9 +716,9 @@ var Article = forwardRef(function (props, ref) {
|
|
|
715
716
|
var url = article.url.current;
|
|
716
717
|
|
|
717
718
|
if (regionalPages && ISIContent && regionalPages.includes(url)) {
|
|
718
|
-
return
|
|
719
|
+
return React.createElement(ISIContent, null);
|
|
719
720
|
} else if (nationalPage === url && ISIContent) {
|
|
720
|
-
return
|
|
721
|
+
return React.createElement(ISIContent, { national: true });
|
|
721
722
|
}
|
|
722
723
|
return null;
|
|
723
724
|
};
|
|
@@ -751,20 +752,20 @@ var Article = forwardRef(function (props, ref) {
|
|
|
751
752
|
relatedLinks = [].concat(_toConsumableArray(relatedLinks), [{ label: issueGroup.name, href: issueMapping + '/' + issueGroup.parent.identifier.current + '/' + issueGroup.identifier.current }]);
|
|
752
753
|
}
|
|
753
754
|
if (relatedLinks && relatedLinks.length > 0) {
|
|
754
|
-
return
|
|
755
|
+
return React.createElement(
|
|
755
756
|
'div',
|
|
756
757
|
null,
|
|
757
758
|
relatedLinks.map(function (relatedLink, index) {
|
|
758
759
|
if (relatedLink && relatedLink.href && relatedLink.label) {
|
|
759
|
-
return
|
|
760
|
+
return React.createElement(
|
|
760
761
|
'span',
|
|
761
762
|
{ key: index, className: 'related-link' },
|
|
762
|
-
|
|
763
|
+
React.createElement(
|
|
763
764
|
'a',
|
|
764
765
|
{ className: 'related-links', style: { color: 'blue' }, href: relatedLink.href },
|
|
765
766
|
relatedLink.label
|
|
766
767
|
),
|
|
767
|
-
|
|
768
|
+
React.createElement(
|
|
768
769
|
'style',
|
|
769
770
|
{ jsx: 'true' },
|
|
770
771
|
'\n .related-link:not(:first-child):before {\n content: \' | \';\n }\n '
|
|
@@ -780,23 +781,23 @@ var Article = forwardRef(function (props, ref) {
|
|
|
780
781
|
};
|
|
781
782
|
|
|
782
783
|
var RelatedContent = function RelatedContent() {
|
|
783
|
-
return
|
|
784
|
+
return React.createElement(
|
|
784
785
|
'section',
|
|
785
786
|
{ id: 'related-content-section', className: 'my-1' },
|
|
786
|
-
(article.relatedArticle || RelevantTopics()) &&
|
|
787
|
+
(article.relatedArticle || RelevantTopics()) && React.createElement(
|
|
787
788
|
'p',
|
|
788
789
|
{ className: 'mb-0' },
|
|
789
|
-
|
|
790
|
+
React.createElement(
|
|
790
791
|
'b',
|
|
791
792
|
null,
|
|
792
793
|
'Related Content:'
|
|
793
794
|
)
|
|
794
795
|
),
|
|
795
|
-
|
|
796
|
-
|
|
796
|
+
React.createElement(RelevantTopics, null),
|
|
797
|
+
React.createElement(
|
|
797
798
|
'div',
|
|
798
799
|
{ className: 'pt-2' },
|
|
799
|
-
|
|
800
|
+
React.createElement(RelatedArticle, {
|
|
800
801
|
articles: article.relatedArticle,
|
|
801
802
|
client: client,
|
|
802
803
|
fallbackImage: props.Settings.logo,
|
|
@@ -807,28 +808,28 @@ var Article = forwardRef(function (props, ref) {
|
|
|
807
808
|
};
|
|
808
809
|
|
|
809
810
|
var form = function form() {
|
|
810
|
-
return
|
|
811
|
-
|
|
811
|
+
return React.createElement(
|
|
812
|
+
React.Fragment,
|
|
812
813
|
null,
|
|
813
|
-
|
|
814
|
+
React.createElement(
|
|
814
815
|
Head,
|
|
815
816
|
null,
|
|
816
|
-
|
|
817
|
+
React.createElement('meta', { name: 'googlebot', content: 'noindex' })
|
|
817
818
|
),
|
|
818
|
-
|
|
819
|
+
React.createElement(
|
|
819
820
|
'div',
|
|
820
821
|
{ className: 'mt-5', style: { display: 'flex', justifyContent: 'center', alignItems: 'center' } },
|
|
821
|
-
|
|
822
|
+
React.createElement(
|
|
822
823
|
Form,
|
|
823
824
|
{
|
|
824
825
|
inline: true,
|
|
825
826
|
onSubmit: function onSubmit(e) {
|
|
826
827
|
e.preventDefault();
|
|
827
828
|
} },
|
|
828
|
-
|
|
829
|
+
React.createElement(FormControl, { type: 'text', className: 'mr-sm-2', value: passwordKey, onChange: function onChange(e) {
|
|
829
830
|
return setPasswordKey(e.target.value);
|
|
830
831
|
}, placeholder: 'Password' }),
|
|
831
|
-
|
|
832
|
+
React.createElement(
|
|
832
833
|
Button,
|
|
833
834
|
{
|
|
834
835
|
variant: 'primary',
|
|
@@ -878,31 +879,31 @@ var Article = forwardRef(function (props, ref) {
|
|
|
878
879
|
setContextualADFlag(true);
|
|
879
880
|
}
|
|
880
881
|
};
|
|
881
|
-
return
|
|
882
|
-
|
|
882
|
+
return React.createElement(
|
|
883
|
+
React.Fragment,
|
|
883
884
|
null,
|
|
884
|
-
|
|
885
|
+
React.createElement(BlockContent, _extends({
|
|
885
886
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, contextualADFlag, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
|
|
886
887
|
blocks: [].concat(_toConsumableArray(articleBody.slice(0, selectedIndex))),
|
|
887
888
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
888
889
|
}, client.config())),
|
|
889
|
-
|
|
890
|
-
article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo &&
|
|
891
|
-
|
|
890
|
+
React.createElement('span', { className: 'clearfix' }),
|
|
891
|
+
article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo && React.createElement(SeriesSlider, { dataset: props.sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true }),
|
|
892
|
+
React.createElement(
|
|
892
893
|
'div',
|
|
893
894
|
{ id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
|
|
894
|
-
|
|
895
|
+
React.createElement(DFPAdSlot, _extends({}, payload.contextualAD, {
|
|
895
896
|
refreshFlag: refreshFlag
|
|
896
897
|
// checkIsAdFound={previewAd ? null : checkIsAdFound}
|
|
897
898
|
}))
|
|
898
899
|
),
|
|
899
|
-
|
|
900
|
-
|
|
900
|
+
React.createElement('span', { className: 'clearfix' }),
|
|
901
|
+
React.createElement(
|
|
901
902
|
'div',
|
|
902
903
|
{ id: 'contextual-video-ad-' + payload._id, className: 'contextual-video-ad' },
|
|
903
|
-
|
|
904
|
+
React.createElement(DFPAdSlot, _extends({}, payload.contextualVideoAD, { refreshFlag: refreshFlag, checkIsAdFound: checkIsVideoAdFound }))
|
|
904
905
|
),
|
|
905
|
-
|
|
906
|
+
React.createElement(BlockContent, _extends({
|
|
906
907
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
|
|
907
908
|
blocks: [].concat(_toConsumableArray(articleBody.slice(selectedIndex))),
|
|
908
909
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
@@ -927,26 +928,26 @@ var Article = forwardRef(function (props, ref) {
|
|
|
927
928
|
if (seriesInfo.hasVideo) {
|
|
928
929
|
_selectedIndex = seriesInfo.videoIndex;
|
|
929
930
|
}
|
|
930
|
-
return
|
|
931
|
-
|
|
931
|
+
return React.createElement(
|
|
932
|
+
React.Fragment,
|
|
932
933
|
null,
|
|
933
|
-
|
|
934
|
+
React.createElement(BlockContent, _extends({
|
|
934
935
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, contextualADFlag, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
|
|
935
936
|
blocks: [].concat(_toConsumableArray(articleBody.slice(0, _selectedIndex))),
|
|
936
937
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
937
938
|
}, client.config())),
|
|
938
|
-
contextualADFlag &&
|
|
939
|
-
article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo &&
|
|
940
|
-
(visibleFlag || queueData && queueData.length === 1 || !props.infiniteScroll) &&
|
|
939
|
+
contextualADFlag && React.createElement('span', { className: 'clearfix' }),
|
|
940
|
+
article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo && React.createElement(SeriesSlider, { dataset: props.sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true }),
|
|
941
|
+
(visibleFlag || queueData && queueData.length === 1 || !props.infiniteScroll) && React.createElement(
|
|
941
942
|
'div',
|
|
942
943
|
{ id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
|
|
943
|
-
|
|
944
|
+
React.createElement(DFPAdSlot, _extends({}, payload.contextualAD, {
|
|
944
945
|
refreshFlag: refreshFlag
|
|
945
946
|
// checkIsAdFound={previewAd ? null : checkIsAdFound}
|
|
946
947
|
}))
|
|
947
948
|
),
|
|
948
|
-
contextualADFlag &&
|
|
949
|
-
|
|
949
|
+
contextualADFlag && React.createElement('span', { className: 'clearfix' }),
|
|
950
|
+
React.createElement(BlockContent, _extends({
|
|
950
951
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
|
|
951
952
|
blocks: [].concat(_toConsumableArray(articleBody.slice(_selectedIndex))),
|
|
952
953
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
@@ -976,22 +977,22 @@ var Article = forwardRef(function (props, ref) {
|
|
|
976
977
|
}
|
|
977
978
|
};
|
|
978
979
|
|
|
979
|
-
return
|
|
980
|
-
|
|
980
|
+
return React.createElement(
|
|
981
|
+
React.Fragment,
|
|
981
982
|
null,
|
|
982
|
-
|
|
983
|
+
React.createElement(BlockContent, _extends({
|
|
983
984
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, contextualADFlag, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
|
|
984
985
|
blocks: [].concat(_toConsumableArray(articleBody.slice(0, _selectedIndex2))),
|
|
985
986
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
986
987
|
}, client.config())),
|
|
987
|
-
|
|
988
|
-
article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo &&
|
|
989
|
-
|
|
988
|
+
React.createElement('span', { className: 'clearfix' }),
|
|
989
|
+
article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo && React.createElement(SeriesSlider, { dataset: props.sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true }),
|
|
990
|
+
React.createElement(
|
|
990
991
|
'div',
|
|
991
992
|
{ id: 'contextual-video-ad-' + payload._id, className: 'contextual-video-ad' },
|
|
992
|
-
|
|
993
|
+
React.createElement(DFPAdSlot, _extends({}, payload.contextualVideoAD, { refreshFlag: refreshFlag, checkIsAdFound: _checkIsAdFound2 }))
|
|
993
994
|
),
|
|
994
|
-
|
|
995
|
+
React.createElement(BlockContent, _extends({
|
|
995
996
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
|
|
996
997
|
blocks: [].concat(_toConsumableArray(articleBody.slice(_selectedIndex2))),
|
|
997
998
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
@@ -1003,16 +1004,16 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1003
1004
|
_selectedIndex3 = seriesInfo.videoIndex;
|
|
1004
1005
|
}
|
|
1005
1006
|
|
|
1006
|
-
return
|
|
1007
|
+
return React.createElement(
|
|
1007
1008
|
'div',
|
|
1008
1009
|
null,
|
|
1009
|
-
|
|
1010
|
+
React.createElement(BlockContent, _extends({
|
|
1010
1011
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, false, null, props.article.Ads, targeting, article, meta, authorPrefix, authorImgHeight),
|
|
1011
1012
|
blocks: article.documentGroup && article.documentGroup.isSeries ? [].concat(_toConsumableArray(articleBody.slice(0, _selectedIndex3))) : articleBody,
|
|
1012
1013
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
1013
1014
|
}, client.config())),
|
|
1014
|
-
article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo &&
|
|
1015
|
-
article.documentGroup && article.documentGroup.isSeries &&
|
|
1015
|
+
article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo && React.createElement(SeriesSlider, { dataset: props.sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true }),
|
|
1016
|
+
article.documentGroup && article.documentGroup.isSeries && React.createElement(BlockContent, _extends({
|
|
1016
1017
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
|
|
1017
1018
|
blocks: [].concat(_toConsumableArray(articleBody.slice(_selectedIndex3))),
|
|
1018
1019
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
@@ -1098,10 +1099,10 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1098
1099
|
var isMediaSeries = article.documentGroup && article.documentGroup.isSeries ? true : false;
|
|
1099
1100
|
var seriesInfo = checkIfMediaSeriesHasVideo(article);
|
|
1100
1101
|
|
|
1101
|
-
return
|
|
1102
|
-
|
|
1102
|
+
return React.createElement(
|
|
1103
|
+
React.Fragment,
|
|
1103
1104
|
null,
|
|
1104
|
-
|
|
1105
|
+
React.createElement(
|
|
1105
1106
|
VisibilitySensor,
|
|
1106
1107
|
{
|
|
1107
1108
|
partialVisibility: true,
|
|
@@ -1117,44 +1118,44 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1117
1118
|
});
|
|
1118
1119
|
}
|
|
1119
1120
|
} },
|
|
1120
|
-
|
|
1121
|
+
React.createElement(
|
|
1121
1122
|
'div',
|
|
1122
1123
|
{ id: 'article__block', ref: ref },
|
|
1123
|
-
|
|
1124
|
+
React.createElement(
|
|
1124
1125
|
'div',
|
|
1125
1126
|
{ className: 'video-detail', style: { marginBottom: isCutomPage(props.article) || showIsi && Array.isArray(isi) && isi.length > 0 ? '15rem' : 0 } },
|
|
1126
1127
|
isVideoSeries && renderBlockContent(article, meta, authorImgHeight),
|
|
1127
|
-
!isVideoSeries &&
|
|
1128
|
+
!isVideoSeries && React.createElement(
|
|
1128
1129
|
'div',
|
|
1129
1130
|
null,
|
|
1130
|
-
isMediaSeries && article.documentGroup && article.documentGroup.name &&
|
|
1131
|
+
isMediaSeries && article.documentGroup && article.documentGroup.name && React.createElement(
|
|
1131
1132
|
'p',
|
|
1132
1133
|
{ style: { fontSize: '14px' } },
|
|
1133
1134
|
article.documentGroup.name,
|
|
1134
1135
|
' - Episode ',
|
|
1135
1136
|
episodeNumber
|
|
1136
1137
|
),
|
|
1137
|
-
|
|
1138
|
+
React.createElement(
|
|
1138
1139
|
'h1',
|
|
1139
1140
|
{ className: 'page-title', style: { fontSize: '1.9rem' } },
|
|
1140
1141
|
title
|
|
1141
1142
|
)
|
|
1142
1143
|
),
|
|
1143
|
-
|
|
1144
|
+
React.createElement(
|
|
1144
1145
|
'div',
|
|
1145
1146
|
{ className: 'mb-3 doc-group-container', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-end' } },
|
|
1146
|
-
|
|
1147
|
+
React.createElement(
|
|
1147
1148
|
'style',
|
|
1148
1149
|
{ jsx: 'true' },
|
|
1149
1150
|
'\n @media screen and (max-width: 468px) {\n .video-detail .doc-group-container {\n flex-direction: column;\n align-items: flex-start !important;\n }\n .video-detail .doc-group {\n margin-top: 2rem;\n width: calc(100vw - 45px);\n align-items: center;\n }\n .video-detail .doc-group img,\n .doc-group p {\n max-width: calc(100vw - 45px) !important;\n }\n }\n .author-details-img {\n margin-right: 10px;\n max-height: 250px;\n min-height: 150px;\n max-width: 250px;\n min-width: 150px;\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n .author-details-img-container {\n text-align: center;\n }\n .author-details-col {\n padding-left: 25px;\n }\n '
|
|
1150
1151
|
),
|
|
1151
|
-
|
|
1152
|
+
React.createElement(
|
|
1152
1153
|
'div',
|
|
1153
1154
|
{ className: 'left-wrap' },
|
|
1154
|
-
!isVideoSeries && showPublished &&
|
|
1155
|
+
!isVideoSeries && showPublished && React.createElement(
|
|
1155
1156
|
'div',
|
|
1156
1157
|
null,
|
|
1157
|
-
|
|
1158
|
+
React.createElement(
|
|
1158
1159
|
'time',
|
|
1159
1160
|
{
|
|
1160
1161
|
className: 'meta-date',
|
|
@@ -1164,20 +1165,20 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1164
1165
|
)
|
|
1165
1166
|
/* Show Published date */
|
|
1166
1167
|
,
|
|
1167
|
-
|
|
1168
|
+
React.createElement(
|
|
1168
1169
|
'div',
|
|
1169
1170
|
{ className: 'mb-3' },
|
|
1170
1171
|
!isVideoSeries && authorDetails && authorDetails.map(function (authorDetail, index) {
|
|
1171
|
-
return
|
|
1172
|
+
return React.createElement(
|
|
1172
1173
|
'span',
|
|
1173
1174
|
{ key: index },
|
|
1174
1175
|
renderAuthor(authorDetail.displayName, authorDetail.url, index, authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor({ client: props.client, source: authorDetail.profileImage, imageHeight: authorImgHeight }), showAuthorDetails)
|
|
1175
1176
|
);
|
|
1176
1177
|
}),
|
|
1177
|
-
|
|
1178
|
+
React.createElement(
|
|
1178
1179
|
'div',
|
|
1179
1180
|
null,
|
|
1180
|
-
source &&
|
|
1181
|
+
source && React.createElement(
|
|
1181
1182
|
'p',
|
|
1182
1183
|
{
|
|
1183
1184
|
style: {
|
|
@@ -1192,13 +1193,13 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1192
1193
|
source
|
|
1193
1194
|
)
|
|
1194
1195
|
),
|
|
1195
|
-
issue &&
|
|
1196
|
+
issue && React.createElement(
|
|
1196
1197
|
'div',
|
|
1197
1198
|
{ className: 'volume-issue' },
|
|
1198
|
-
issue.publication && issue.publication.name &&
|
|
1199
|
+
issue.publication && issue.publication.name && React.createElement(
|
|
1199
1200
|
'span',
|
|
1200
1201
|
{ className: 'mb-0' },
|
|
1201
|
-
|
|
1202
|
+
React.createElement(
|
|
1202
1203
|
'b',
|
|
1203
1204
|
null,
|
|
1204
1205
|
issue.publication.name
|
|
@@ -1206,34 +1207,34 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1206
1207
|
',',
|
|
1207
1208
|
' '
|
|
1208
1209
|
),
|
|
1209
|
-
issue.name &&
|
|
1210
|
+
issue.name && React.createElement(
|
|
1210
1211
|
'span',
|
|
1211
1212
|
{ className: 'mb-0' },
|
|
1212
1213
|
issue.name,
|
|
1213
1214
|
', '
|
|
1214
1215
|
),
|
|
1215
|
-
issue.volume &&
|
|
1216
|
+
issue.volume && React.createElement(
|
|
1216
1217
|
'span',
|
|
1217
1218
|
null,
|
|
1218
1219
|
'Volume ' + issue.volume,
|
|
1219
1220
|
','
|
|
1220
1221
|
),
|
|
1221
|
-
issue.issueNumber &&
|
|
1222
|
+
issue.issueNumber && React.createElement(
|
|
1222
1223
|
'span',
|
|
1223
1224
|
null,
|
|
1224
1225
|
' Issue ' + issue.issueNumber
|
|
1225
1226
|
)
|
|
1226
1227
|
),
|
|
1227
|
-
pageNumber &&
|
|
1228
|
+
pageNumber && React.createElement(
|
|
1228
1229
|
'div',
|
|
1229
1230
|
{ className: 'article-pageNumber' },
|
|
1230
1231
|
'Pages: ' + pageNumber
|
|
1231
1232
|
)
|
|
1232
1233
|
),
|
|
1233
|
-
!isVideoSeries && showSocialShare &&
|
|
1234
|
+
!isVideoSeries && showSocialShare && React.createElement(
|
|
1234
1235
|
'p',
|
|
1235
1236
|
null,
|
|
1236
|
-
|
|
1237
|
+
React.createElement(SocialShare, {
|
|
1237
1238
|
shareUrl: shareUrl,
|
|
1238
1239
|
shareTitle: shareTitle,
|
|
1239
1240
|
shareVia: shareVia,
|
|
@@ -1249,27 +1250,27 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1249
1250
|
})
|
|
1250
1251
|
)
|
|
1251
1252
|
),
|
|
1252
|
-
|
|
1253
|
+
React.createElement(
|
|
1253
1254
|
'div',
|
|
1254
1255
|
null,
|
|
1255
|
-
|
|
1256
|
+
React.createElement(DocumentGroup, { article: props.article, client: props.client })
|
|
1256
1257
|
)
|
|
1257
1258
|
),
|
|
1258
|
-
!isVideoSeries && summary && display_summary &&
|
|
1259
|
+
!isVideoSeries && summary && display_summary && React.createElement(
|
|
1259
1260
|
'p',
|
|
1260
1261
|
null,
|
|
1261
|
-
|
|
1262
|
+
React.createElement(
|
|
1262
1263
|
'em',
|
|
1263
1264
|
null,
|
|
1264
1265
|
summary
|
|
1265
1266
|
)
|
|
1266
1267
|
),
|
|
1267
|
-
|
|
1268
|
+
React.createElement(
|
|
1268
1269
|
'div',
|
|
1269
1270
|
{ className: 'ad-box', style: { textAlign: 'center' } },
|
|
1270
1271
|
main_43 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
|
|
1271
1272
|
if (index === 0) {
|
|
1272
|
-
return
|
|
1273
|
+
return React.createElement(
|
|
1273
1274
|
'div',
|
|
1274
1275
|
{
|
|
1275
1276
|
key: index,
|
|
@@ -1286,24 +1287,24 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1286
1287
|
}
|
|
1287
1288
|
})
|
|
1288
1289
|
),
|
|
1289
|
-
|
|
1290
|
+
React.createElement(
|
|
1290
1291
|
'div',
|
|
1291
1292
|
{ className: 'block-content mt-3' },
|
|
1292
1293
|
!isVideoSeries && renderBlockContent(article, meta),
|
|
1293
|
-
|
|
1294
|
-
|
|
1294
|
+
React.createElement('div', { className: 'clearfix' }),
|
|
1295
|
+
React.createElement(
|
|
1295
1296
|
'noscript',
|
|
1296
1297
|
null,
|
|
1297
|
-
|
|
1298
|
+
React.createElement(
|
|
1298
1299
|
'div',
|
|
1299
1300
|
{ style: { display: 'flex', justifyContent: 'center' }, className: 'series-links' },
|
|
1300
|
-
props.article.seriesDetail && props.article.seriesDetail.prevUrl &&
|
|
1301
|
+
props.article.seriesDetail && props.article.seriesDetail.prevUrl && React.createElement(
|
|
1301
1302
|
'a',
|
|
1302
1303
|
{ className: 'mx-3', href: props.article.seriesDetail.prevUrl },
|
|
1303
1304
|
'Previous ',
|
|
1304
1305
|
props.article.seriesDetail.type
|
|
1305
1306
|
),
|
|
1306
|
-
props.article.seriesDetail && props.article.seriesDetail.nextUrl &&
|
|
1307
|
+
props.article.seriesDetail && props.article.seriesDetail.nextUrl && React.createElement(
|
|
1307
1308
|
'a',
|
|
1308
1309
|
{ className: 'mx-3', href: props.article.seriesDetail.nextUrl },
|
|
1309
1310
|
'Next ',
|
|
@@ -1311,26 +1312,26 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1311
1312
|
)
|
|
1312
1313
|
)
|
|
1313
1314
|
),
|
|
1314
|
-
issue && issue.url &&
|
|
1315
|
+
issue && issue.url && React.createElement(
|
|
1315
1316
|
'a',
|
|
1316
1317
|
{ rel: 'noopener', href: issue.url, target: '_blank', title: 'Download issue' },
|
|
1317
|
-
|
|
1318
|
+
React.createElement('img', { style: { margin: '1rem', maxHeight: '40px', maxWidth: '40px' }, src: '/download.png', alt: 'download issue' }),
|
|
1318
1319
|
'Download Issue : ',
|
|
1319
1320
|
issue.name
|
|
1320
1321
|
)
|
|
1321
1322
|
),
|
|
1322
|
-
|
|
1323
|
-
article.documentGroup && article.documentGroup.isSeries && props.sliderData && !seriesInfo.hasVideo &&
|
|
1323
|
+
React.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
|
|
1324
|
+
article.documentGroup && article.documentGroup.isSeries && props.sliderData && !seriesInfo.hasVideo && React.createElement(
|
|
1324
1325
|
'div',
|
|
1325
1326
|
null,
|
|
1326
1327
|
false ,
|
|
1327
|
-
|
|
1328
|
+
React.createElement(SeriesSlider, { dataset: props.sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true })
|
|
1328
1329
|
),
|
|
1329
|
-
showRelatedArticles && !showIsi &&
|
|
1330
|
-
disqusConfig && showDisqus &&
|
|
1330
|
+
showRelatedArticles && !showIsi && React.createElement(RelatedContent, null),
|
|
1331
|
+
disqusConfig && showDisqus && React.createElement(
|
|
1331
1332
|
'div',
|
|
1332
1333
|
{ id: 'disqusContainer' },
|
|
1333
|
-
|
|
1334
|
+
React.createElement(DiscussionEmbed, {
|
|
1334
1335
|
shortname: disqusConfig.shortname,
|
|
1335
1336
|
config: {
|
|
1336
1337
|
url: disqusConfig.url,
|
|
@@ -1343,30 +1344,30 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1343
1344
|
renderIsiContent(props.article)
|
|
1344
1345
|
)
|
|
1345
1346
|
),
|
|
1346
|
-
showIsi && Array.isArray(isi) && isi.length > 0 &&
|
|
1347
|
+
showIsi && Array.isArray(isi) && isi.length > 0 && React.createElement(
|
|
1347
1348
|
ISI,
|
|
1348
1349
|
null,
|
|
1349
|
-
|
|
1350
|
+
React.createElement(BlockContent, {
|
|
1350
1351
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, false, null, props.article.Ads, targeting),
|
|
1351
1352
|
blocks: isi
|
|
1352
1353
|
})
|
|
1353
1354
|
),
|
|
1354
1355
|
main_43 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
|
|
1355
1356
|
if (index > 0) {
|
|
1356
|
-
return
|
|
1357
|
+
return React.createElement(
|
|
1357
1358
|
'div',
|
|
1358
1359
|
{ key: index, id: 'addid-' + index, style: { display: 'flex', flex: '1 0 auto' } },
|
|
1359
1360
|
ad.component
|
|
1360
1361
|
);
|
|
1361
1362
|
}
|
|
1362
1363
|
}),
|
|
1363
|
-
|
|
1364
|
+
React.createElement(
|
|
1364
1365
|
'noscript',
|
|
1365
1366
|
null,
|
|
1366
|
-
props.infiniteScroll && props.article.relatedArticle && props.article.relatedArticle[0] && props.article.relatedArticle[0].url && props.article.relatedArticle[0].url.current &&
|
|
1367
|
+
props.infiniteScroll && props.article.relatedArticle && props.article.relatedArticle[0] && props.article.relatedArticle[0].url && props.article.relatedArticle[0].url.current && React.createElement(
|
|
1367
1368
|
'div',
|
|
1368
1369
|
{ style: { textAlign: 'center' } },
|
|
1369
|
-
|
|
1370
|
+
React.createElement(
|
|
1370
1371
|
'a',
|
|
1371
1372
|
{ href: '/view/' + props.article.relatedArticle[0].url.current },
|
|
1372
1373
|
'Related Article ',
|
|
@@ -1374,8 +1375,8 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1374
1375
|
)
|
|
1375
1376
|
)
|
|
1376
1377
|
),
|
|
1377
|
-
props.infiniteScroll &&
|
|
1378
|
-
|
|
1378
|
+
props.infiniteScroll && React.createElement('hr', { className: 'article-seperater mb-5 mt-3' }),
|
|
1379
|
+
React.createElement(Schema, { article: props.article, Website: props.Website, client: props.client })
|
|
1379
1380
|
);
|
|
1380
1381
|
};
|
|
1381
1382
|
|
|
@@ -1649,14 +1650,14 @@ var ArticleQueue = function ArticleQueue(props) {
|
|
|
1649
1650
|
refreshAD(path);
|
|
1650
1651
|
};
|
|
1651
1652
|
|
|
1652
|
-
return
|
|
1653
|
+
return React.createElement(
|
|
1653
1654
|
InfiniteScroll,
|
|
1654
1655
|
{ dataLength: queueData.length, next: loadmore, scrollThreshold: '40%', hasMore: true, style: { overflow: 'hidden' } },
|
|
1655
1656
|
queueData.map(function (article, index) {
|
|
1656
|
-
return
|
|
1657
|
-
|
|
1657
|
+
return React.createElement(
|
|
1658
|
+
React.Fragment,
|
|
1658
1659
|
{ key: index },
|
|
1659
|
-
|
|
1660
|
+
React.createElement(Article, _extends({}, props, {
|
|
1660
1661
|
containerHeight: containerHeight,
|
|
1661
1662
|
onChangeArticle: onChangeArticle,
|
|
1662
1663
|
authorPrfix: authorPrefix,
|
|
@@ -1798,63 +1799,63 @@ var View = function View(props) {
|
|
|
1798
1799
|
|
|
1799
1800
|
var metaDescriptionSanity = seoLinks && seoLinks.length == 1 && seoLinks[0].metaDescription;
|
|
1800
1801
|
var metaTitleSanity = seoLinks && seoLinks.length == 1 && seoLinks[0].metaTitle;
|
|
1801
|
-
return
|
|
1802
|
-
|
|
1802
|
+
return React.createElement(
|
|
1803
|
+
React.Fragment,
|
|
1803
1804
|
null,
|
|
1804
|
-
|
|
1805
|
+
React.createElement(
|
|
1805
1806
|
Head,
|
|
1806
1807
|
null,
|
|
1807
|
-
|
|
1808
|
+
React.createElement(
|
|
1808
1809
|
'title',
|
|
1809
1810
|
{ key: 'title' },
|
|
1810
1811
|
metaTitleSanity ? '' + metaTitleSanity + (currentPage > 0 ? ' | Page ' + currentPage : '') : seriesShareOptions && seriesShareOptions.seriesTitle ? '' + seriesShareOptions.seriesTitle + (currentPage > 0 ? ' | Page ' + currentPage : '') : article && article.seo && article.seo.seo_title ? '' + article.seo.seo_title + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + article.title + (currentPage > 0 ? ' | Page ' + currentPage : '')
|
|
1811
1812
|
),
|
|
1812
|
-
metaDescriptionSanity ?
|
|
1813
|
-
|
|
1814
|
-
passwordLock &&
|
|
1815
|
-
|
|
1813
|
+
metaDescriptionSanity ? React.createElement('meta', { name: 'description', key: 'description', content: metaDescriptionSanity }) : meta_description && React.createElement('meta', { name: 'description', key: 'description', content: meta_description }),
|
|
1814
|
+
React.createElement('meta', { name: 'keywords', content: getKeywords(article).join(','), key: 'keywords' }),
|
|
1815
|
+
passwordLock && React.createElement('meta', { name: 'robots', content: 'noindex, nofollow' }),
|
|
1816
|
+
React.createElement('meta', {
|
|
1816
1817
|
property: 'og:url',
|
|
1817
1818
|
content: seriesShareOptions && seriesShareOptions.seriesUrl ? shareOptions.shareUrl + seriesShareOptions.seriesUrl : shareOptions.shareUrl,
|
|
1818
1819
|
key: 'og:url'
|
|
1819
1820
|
}),
|
|
1820
|
-
|
|
1821
|
+
React.createElement('meta', {
|
|
1821
1822
|
property: 'og:title',
|
|
1822
1823
|
content: metaTitleSanity ? '' + metaTitleSanity + (currentPage > 0 ? ' | Page ' + currentPage : '') : seriesShareOptions && seriesShareOptions.seriesTitle ? '' + seriesShareOptions.seriesTitle + (currentPage > 0 ? ' | Page ' + currentPage : '') : article.seo && article.seo.seo_title ? '' + article.seo.seo_title + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + shareOptions.shareTitle + (currentPage > 0 ? ' | Page ' + currentPage : ''),
|
|
1823
1824
|
key: 'og:title'
|
|
1824
1825
|
}),
|
|
1825
|
-
|
|
1826
|
+
React.createElement('meta', {
|
|
1826
1827
|
property: 'og:image',
|
|
1827
1828
|
content: seriesShareOptions && seriesShareOptions.seriesThumbnail ? seriesShareOptions.seriesThumbnail : shareOptions.shareImage,
|
|
1828
1829
|
key: 'og:image'
|
|
1829
1830
|
}),
|
|
1830
|
-
|
|
1831
|
-
metaDescriptionSanity ?
|
|
1832
|
-
|
|
1833
|
-
|
|
1831
|
+
React.createElement('meta', { property: 'og:site_name', content: props.Settings.title, key: 'og:site_name' }),
|
|
1832
|
+
metaDescriptionSanity ? React.createElement('meta', { property: 'og:description', key: 'og:description', content: metaDescriptionSanity }) : meta_description && React.createElement('meta', { property: 'og:description', key: 'og:description', content: meta_description }),
|
|
1833
|
+
React.createElement('meta', { name: 'twitter:card', content: 'summary', key: 'twitter:card' }),
|
|
1834
|
+
React.createElement('meta', {
|
|
1834
1835
|
name: 'twitter:title',
|
|
1835
1836
|
content: metaTitleSanity ? '' + metaTitleSanity + (currentPage > 0 ? ' | Page ' + currentPage : '') : seriesShareOptions && seriesShareOptions.seriesTitle ? '' + seriesShareOptions.seriesTitle + (currentPage > 0 ? ' | Page ' + currentPage : '') : article.seo && article.seo.seo_title ? '' + article.seo.seo_title + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + shareOptions.shareTitle + (currentPage > 0 ? ' | Page ' + currentPage : ''),
|
|
1836
1837
|
key: 'twitter:title'
|
|
1837
1838
|
}),
|
|
1838
|
-
|
|
1839
|
+
React.createElement('meta', {
|
|
1839
1840
|
name: 'twitter:image',
|
|
1840
1841
|
content: seriesShareOptions && seriesShareOptions.seriesThumbnail ? seriesShareOptions.seriesThumbnail : shareOptions.shareImage,
|
|
1841
1842
|
key: 'twitter:image'
|
|
1842
1843
|
}),
|
|
1843
|
-
|
|
1844
|
-
metaDescriptionSanity ?
|
|
1845
|
-
canonicalTag &&
|
|
1844
|
+
React.createElement('meta', { name: 'twitter:site', content: '@' + props.Settings.title, key: 'twitter:site' }),
|
|
1845
|
+
metaDescriptionSanity ? React.createElement('meta', { name: 'twitter:description', key: 'twitter:description', content: metaDescriptionSanity }) : meta_description && React.createElement('meta', { name: 'twitter:description', key: 'twitter:description', content: meta_description }),
|
|
1846
|
+
canonicalTag && React.createElement('link', {
|
|
1846
1847
|
rel: 'canonical',
|
|
1847
1848
|
href: seriesShareOptions && seriesShareOptions.seriesUrl ? shareOptions.shareUrl + seriesShareOptions.seriesUrl : shareOptions.shareUrl,
|
|
1848
1849
|
key: 'canonical'
|
|
1849
1850
|
}),
|
|
1850
|
-
|
|
1851
|
+
React.createElement(
|
|
1851
1852
|
'noscript',
|
|
1852
1853
|
null,
|
|
1853
|
-
props.article.seriesDetail && props.article.seriesDetail.prevUrl &&
|
|
1854
|
-
props.article.seriesDetail && props.article.seriesDetail.nextUrl &&
|
|
1854
|
+
props.article.seriesDetail && props.article.seriesDetail.prevUrl && React.createElement('link', { rel: 'prev', href: props.article.seriesDetail.prevUrl }),
|
|
1855
|
+
props.article.seriesDetail && props.article.seriesDetail.nextUrl && React.createElement('link', { rel: 'next', href: props.article.seriesDetail.nextUrl })
|
|
1855
1856
|
)
|
|
1856
1857
|
),
|
|
1857
|
-
!needInfiniteScroll ?
|
|
1858
|
+
!needInfiniteScroll ? React.createElement(Article, _extends({ infiniteScroll: false, showRelatedArticles: showRelatedArticles, showDisqus: showDisqus }, props)) : React.createElement(ArticleQueue, _extends({
|
|
1858
1859
|
infiniteScroll: true,
|
|
1859
1860
|
showRelatedArticles: showRelatedArticles,
|
|
1860
1861
|
canonicalTag: canonicalTag,
|