@mjhls/mjh-framework 1.0.799-social-share-flag-v2 → 1.0.799
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 +170 -170
- package/dist/cjs/AD300x250.js +1 -1
- package/dist/cjs/AD300x250x600.js +1 -1
- package/dist/cjs/AD728x90.js +1 -1
- package/dist/cjs/ADFloatingFooter.js +1 -1
- package/dist/cjs/ADGutter.js +1 -1
- package/dist/cjs/ADSkyscraper.js +1 -1
- package/dist/cjs/ADSponsoredResources.js +1 -1
- package/dist/cjs/ADWebcast.js +1 -1
- package/dist/cjs/ADWelcome.js +1 -1
- package/dist/cjs/AccordionPanel.js +2 -2
- package/dist/cjs/AdSlot.js +1 -1
- package/dist/cjs/AdSlotsProvider.js +1 -1
- package/dist/cjs/ArticleCarousel.js +1 -1
- package/dist/cjs/ArticleProgramLandingPage.js +4 -4
- package/dist/cjs/ArticleSeriesLandingPage.js +3 -3
- package/dist/cjs/ArticleSeriesListing.js +3 -3
- package/dist/cjs/CMEDeck.js +1 -1
- package/dist/cjs/Column3.js +1 -1
- package/dist/cjs/ConferenceArticleCard.js +15 -15
- package/dist/cjs/DeckContent.js +10 -10
- package/dist/cjs/DeckQueue.js +1 -1
- package/dist/cjs/EventsDeck.js +18 -18
- package/dist/cjs/ExternalResources.js +4 -4
- package/dist/cjs/Feature.js +1 -1
- package/dist/cjs/GridContent.js +3 -3
- package/dist/cjs/HamMagazine.js +15 -15
- package/dist/cjs/HorizontalArticleListing.js +4 -4
- package/dist/cjs/HorizontalHero.js +2 -2
- package/dist/cjs/IssueLanding.js +32 -32
- package/dist/cjs/KMTracker.js +15 -15
- package/dist/cjs/LeftNav.js +1 -1
- package/dist/cjs/MasterDeck.js +11 -11
- package/dist/cjs/MediaSeriesLanding.js +23 -12
- package/dist/cjs/NavMagazine.js +16 -16
- package/dist/cjs/NavNative.js +12 -12
- package/dist/cjs/NavNormal.js +2 -2
- package/dist/cjs/OncliveHero.js +1 -1
- package/dist/cjs/PartnerDetailListing.js +6 -6
- package/dist/cjs/PdfDownload.js +2 -2
- package/dist/cjs/PubSection.js +3 -3
- package/dist/cjs/PublicationLanding.js +29 -29
- package/dist/cjs/QueueDeckExpanded.js +3 -3
- 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 +2 -2
- package/dist/cjs/{SeriesSlider-c022ce04.js → SeriesSlider-2db54929.js} +5 -5
- package/dist/cjs/SideFooter.js +2 -2
- package/dist/cjs/{SocialSearchComponent-31afe61f.js → SocialSearchComponent-9cb50ae4.js} +3 -3
- package/dist/cjs/SocialShare.js +3 -6
- package/dist/cjs/TaxonomyDescription.js +4 -4
- package/dist/cjs/TemplateNormal.js +6 -6
- package/dist/cjs/Ustream.js +4 -4
- package/dist/cjs/VideoProgramLandingPage.js +4 -4
- package/dist/cjs/VideoSeriesCard.js +1 -1
- package/dist/cjs/VideoSeriesLandingPage.js +3 -3
- package/dist/cjs/VideoSeriesListing.js +3 -3
- package/dist/cjs/View.js +9 -12
- package/dist/cjs/YoutubeGroup.js +5 -5
- package/dist/cjs/getSerializers.js +4 -4
- package/dist/cjs/{getTargeting-be6168ad.js → getTargeting-a100d6e5.js} +9 -9
- package/dist/cjs/getTargeting.js +1 -1
- package/dist/{esm/iconBase-602d52fe.js → cjs/iconBase-be4097c0.js} +33 -8
- package/dist/cjs/{index-59b791eb.js → index-08b35e31.js} +2 -2
- package/dist/cjs/{index.esm-974f47d9.js → index.esm-00a6aade.js} +1 -1
- package/dist/cjs/{index.esm-8123cf40.js → index.esm-2bb721c8.js} +1 -1
- package/dist/cjs/{index.esm-3b9b8952.js → index.esm-9225638f.js} +1 -1
- package/dist/cjs/{index.esm-05850a2f.js → index.esm-f27f80d9.js} +1 -1
- package/dist/cjs/index.js +12 -12
- package/dist/cjs/{main-025fdc78.js → main-f1c77adb.js} +3 -3
- package/dist/esm/AD.js +7 -7
- package/dist/esm/AD300x250.js +6 -6
- package/dist/esm/AD300x250x600.js +6 -6
- package/dist/esm/AD728x90.js +7 -7
- package/dist/esm/ADFloatingFooter.js +9 -9
- package/dist/esm/ADFooter.js +6 -6
- package/dist/esm/ADGutter.js +9 -9
- package/dist/esm/{ADInfeed-e1e18f87.js → ADInfeed-f7d00a9a.js} +5 -5
- 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 +13 -13
- package/dist/esm/{ADlgInfeed-c6d2831b.js → ADlgInfeed-db64f46d.js} +4 -4
- package/dist/esm/AccordionPanel.js +18 -18
- package/dist/esm/AdSlot.js +5 -5
- package/dist/esm/AdSlotsProvider.js +4 -4
- package/dist/esm/AlphabeticList.js +13 -13
- package/dist/esm/ArticleCarousel.js +6 -6
- package/dist/esm/ArticleProgramLandingPage.js +17 -17
- package/dist/esm/ArticleSeriesLandingPage.js +12 -12
- package/dist/esm/ArticleSeriesListing.js +31 -31
- package/dist/esm/Auth.js +70 -70
- package/dist/esm/{AuthorComponent-5ae7409f.js → AuthorComponent-30aeba69.js} +10 -10
- package/dist/esm/{BlockContent-52cf21c5.js → BlockContent-c99c9a8d.js} +3 -3
- package/dist/esm/Breadcrumbs.js +11 -11
- package/dist/esm/CMEDeck.js +61 -61
- package/dist/esm/Column1.js +5 -5
- package/dist/esm/Column2.js +12 -12
- package/dist/esm/Column3.js +23 -23
- package/dist/esm/ConferenceArticleCard.js +28 -28
- package/dist/esm/{ConferenceBanner-9162d0ca.js → ConferenceBanner-8792ebd2.js} +4 -4
- package/dist/esm/DeckContent.js +57 -57
- package/dist/esm/DeckQueue.js +42 -42
- package/dist/esm/{Dfp-a304d96c.js → Dfp-be030f2a.js} +10 -10
- package/dist/esm/EventsDeck.js +81 -81
- package/dist/esm/ExternalResources.js +35 -35
- package/dist/esm/Feature.js +15 -15
- package/dist/esm/ForbesHero.js +26 -26
- package/dist/esm/GridContent.js +103 -103
- 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 +31 -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 +42 -42
- package/dist/esm/KMTracker.js +15 -15
- package/dist/esm/LeftNav.js +16 -16
- package/dist/esm/MasterDeck.js +46 -46
- package/dist/esm/MediaSeriesLanding.js +339 -328
- package/dist/esm/NavDvm.js +43 -43
- package/dist/esm/{NavFooter-c29526b7.js → NavFooter-e27bd93b.js} +12 -12
- package/dist/esm/NavMagazine.js +99 -99
- package/dist/esm/NavNative.js +86 -86
- package/dist/esm/NavNormal.js +22 -22
- 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 +62 -62
- package/dist/esm/PdfDownload.js +7 -7
- package/dist/esm/PopUpModal.js +8 -8
- package/dist/esm/PubSection.js +14 -14
- package/dist/esm/PubToc.js +5 -5
- package/dist/esm/PublicationDeck.js +33 -33
- package/dist/esm/PublicationLanding.js +78 -78
- package/dist/esm/QueueDeckExpanded.js +246 -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 +19 -19
- package/dist/esm/{SeriesSlider-8414085b.js → SeriesSlider-c8477bf3.js} +23 -23
- package/dist/esm/SideFooter.js +21 -21
- package/dist/esm/SocialIcons.js +7 -7
- package/dist/esm/{SocialSearchComponent-116b1d5d.js → SocialSearchComponent-09775683.js} +22 -22
- package/dist/esm/SocialShare.js +27 -30
- package/dist/esm/TaxonomyCard.js +35 -35
- package/dist/esm/TaxonomyDescription.js +13 -13
- package/dist/esm/TemplateNormal.js +30 -30
- 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 +24 -24
- package/dist/esm/VideoSeriesCard.js +15 -15
- package/dist/esm/VideoSeriesFilter.js +6 -6
- package/dist/esm/VideoSeriesLandingPage.js +12 -12
- package/dist/esm/VideoSeriesListing.js +47 -47
- package/dist/esm/View.js +171 -174
- package/dist/esm/YahooHero.js +23 -23
- package/dist/esm/YoutubeGroup.js +32 -32
- package/dist/esm/{brightcove-react-player-loader.es-b43c695a.js → brightcove-react-player-loader.es-57a70a56.js} +3 -3
- package/dist/esm/getSerializers.js +8 -8
- package/dist/esm/{getTargeting-68291ce9.js → getTargeting-05c216d6.js} +9 -9
- package/dist/esm/getTargeting.js +1 -1
- package/dist/{cjs/iconBase-68959171.js → esm/iconBase-ccc56b97.js} +2 -5
- package/dist/esm/{index-888f9253.js → index-5cc7b406.js} +3 -3
- package/dist/esm/{index-35bdcc81.js → index-755f2cc2.js} +4 -4
- package/dist/esm/{index-68283a6a.js → index-c2daf449.js} +338 -338
- package/dist/esm/{index.es-c6222053.js → index.es-a6137319.js} +5 -5
- package/dist/esm/{index.esm-8016b507.js → index.esm-37268dca.js} +16 -16
- package/dist/esm/{index.esm-a8ff922c.js → index.esm-d4932dea.js} +1 -1
- package/dist/esm/{index.esm-d6f88d94.js → index.esm-e874e770.js} +1 -1
- package/dist/esm/{index.esm-3fdda599.js → index.esm-f6156a57.js} +1 -1
- package/dist/esm/index.js +38 -38
- package/dist/esm/{main-b5c5aac1.js → main-d4165069.js} +19 -19
- package/dist/esm/{react-social-icons-91f9716f.js → react-social-icons-9be47857.js} +5 -5
- package/dist/esm/{visibility-sensor-f40c2564.js → visibility-sensor-72fd8f8b.js} +2 -2
- package/package.json +108 -108
- /package/dist/cjs/{ADInfeed-e7aecdf9.js → ADInfeed-7cf51090.js} +0 -0
- /package/dist/cjs/{ADlgInfeed-0941023e.js → ADlgInfeed-bf24708d.js} +0 -0
package/dist/esm/View.js
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7f8f9219.js';
|
|
2
2
|
import { _ as _extends, a as _Object$assign } from './extends-60e0e1c6.js';
|
|
3
3
|
import { a as _getIterator, _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
|
|
4
|
-
import
|
|
4
|
+
import React__default, { 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-59c8f690.js';
|
|
8
8
|
import { _ as _toConsumableArray } from './toConsumableArray-6d9a4616.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-c99c9a8d.js';
|
|
11
|
+
import { m as main_43 } from './main-d4165069.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-72fd8f8b.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-c2daf449.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-c8477bf3.js';
|
|
21
|
+
import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-05c216d6.js';
|
|
22
22
|
import getKeywords from './getKeywords.js';
|
|
23
23
|
import urlFor from './urlFor.js';
|
|
24
24
|
import { _ as _typeof } from './typeof-a286cf0c.js';
|
|
25
|
-
import { b as FaMinus, c as FaPlus } from './index.esm-
|
|
25
|
+
import { b as FaMinus, c as FaPlus } from './index.esm-d4932dea.js';
|
|
26
26
|
import { s as styleInject } from './style-inject.es-1f59c1d0.js';
|
|
27
|
-
import './index-
|
|
27
|
+
import './index-755f2cc2.js';
|
|
28
28
|
import { DiscussionEmbed } from 'disqus-react';
|
|
29
29
|
import { _ as _Object$keys } from './keys-7a3adabf.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-a6137319.js';
|
|
31
|
+
import { l as lib_3 } from './index-5cc7b406.js';
|
|
32
32
|
import getRelatedArticle from './getRelatedArticle.js';
|
|
33
33
|
import getQuery from './getQuery.js';
|
|
34
34
|
import getSeriesDetail from './getSeriesDetail.js';
|
|
@@ -49,7 +49,7 @@ import './index-c7e2ac95.js';
|
|
|
49
49
|
import './util-3ab476bf.js';
|
|
50
50
|
import './Beam.js';
|
|
51
51
|
import './Segment.js';
|
|
52
|
-
import './brightcove-react-player-loader.es-
|
|
52
|
+
import './brightcove-react-player-loader.es-57a70a56.js';
|
|
53
53
|
import './GroupDeck.js';
|
|
54
54
|
import './smoothscroll-fa4e3f8c.js';
|
|
55
55
|
import './_is-array-3e99e06e.js';
|
|
@@ -61,8 +61,8 @@ import 'react-bootstrap/Col';
|
|
|
61
61
|
import './inherits-a41fe93f.js';
|
|
62
62
|
import './_object-sap-f353c2a9.js';
|
|
63
63
|
import './define-property-fe54dc9f.js';
|
|
64
|
-
import './index.esm-
|
|
65
|
-
import './iconBase-
|
|
64
|
+
import './index.esm-f6156a57.js';
|
|
65
|
+
import './iconBase-ccc56b97.js';
|
|
66
66
|
import 'react-bootstrap/Figure';
|
|
67
67
|
import './debounce-533d9748.js';
|
|
68
68
|
import './isSymbol-a7e9aafe.js';
|
|
@@ -145,17 +145,17 @@ var DocumentGroup = function DocumentGroup(_ref) {
|
|
|
145
145
|
thumbnailUrl = urlFor(client, article.documentGroup.thumbnail).url();
|
|
146
146
|
}
|
|
147
147
|
|
|
148
|
-
return
|
|
148
|
+
return React__default.createElement(
|
|
149
149
|
'a',
|
|
150
150
|
{
|
|
151
151
|
href: url,
|
|
152
152
|
className: 'doc-group',
|
|
153
153
|
style: { display: 'flex', flexDirection: 'column', padding: '0 1rem', justifyContent: thumbnailUrl ? 'center' : 'flex-start', alignItems: 'center' } },
|
|
154
|
-
thumbnailUrl &&
|
|
155
|
-
!thumbnailUrl &&
|
|
154
|
+
thumbnailUrl && React__default.createElement('img', { style: { maxWidth: '220px', maxHeight: '100px', marginTop: '1rem' }, src: thumbnailUrl, alt: name }),
|
|
155
|
+
!thumbnailUrl && React__default.createElement('p', {
|
|
156
156
|
style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main_43 ? 'left' : 'right', marginTop: '.25rem' },
|
|
157
157
|
dangerouslySetInnerHTML: { __html: name } }),
|
|
158
|
-
main_43 && !thumbnailUrl &&
|
|
158
|
+
main_43 && !thumbnailUrl && React__default.createElement(
|
|
159
159
|
'style',
|
|
160
160
|
{ jsx: 'true' },
|
|
161
161
|
'\n a.doc-group {\n display: block !important;\n padding: 0 !important;\n }\n '
|
|
@@ -295,38 +295,38 @@ var ISI = function ISI(props) {
|
|
|
295
295
|
}, 300);
|
|
296
296
|
}
|
|
297
297
|
};
|
|
298
|
-
return
|
|
299
|
-
|
|
298
|
+
return React__default.createElement(
|
|
299
|
+
React__default.Fragment,
|
|
300
300
|
null,
|
|
301
|
-
|
|
301
|
+
React__default.createElement(
|
|
302
302
|
'div',
|
|
303
303
|
{ id: 'isi', ref: isi },
|
|
304
|
-
|
|
304
|
+
React__default.createElement(
|
|
305
305
|
'div',
|
|
306
306
|
{ id: 'isiContent' },
|
|
307
|
-
|
|
307
|
+
React__default.createElement(
|
|
308
308
|
'div',
|
|
309
309
|
{ onClick: function onClick() {
|
|
310
310
|
return setActive(function (prev) {
|
|
311
311
|
return !prev;
|
|
312
312
|
});
|
|
313
313
|
}, id: 'isiToggle' },
|
|
314
|
-
active ?
|
|
314
|
+
active ? React__default.createElement(
|
|
315
315
|
'p',
|
|
316
316
|
null,
|
|
317
317
|
'Close ',
|
|
318
|
-
|
|
319
|
-
) :
|
|
318
|
+
React__default.createElement(FaMinus, null)
|
|
319
|
+
) : React__default.createElement(
|
|
320
320
|
'p',
|
|
321
321
|
null,
|
|
322
322
|
'See More ',
|
|
323
|
-
|
|
323
|
+
React__default.createElement(FaPlus, null)
|
|
324
324
|
)
|
|
325
325
|
),
|
|
326
326
|
children
|
|
327
327
|
)
|
|
328
328
|
),
|
|
329
|
-
|
|
329
|
+
React__default.createElement(
|
|
330
330
|
'style',
|
|
331
331
|
{ jsx: true },
|
|
332
332
|
'\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 '
|
|
@@ -334,7 +334,7 @@ var ISI = function ISI(props) {
|
|
|
334
334
|
);
|
|
335
335
|
};
|
|
336
336
|
|
|
337
|
-
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";
|
|
337
|
+
var css = ".RelatedArticles-module_mediaContainer__10h9k {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n margin: 0 -1rem;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn {\r\n margin: 0 1rem 1rem;\r\n width: calc(33% - 1rem);\r\n display: column;\r\n flex-direction: row;\r\n margin-bottom: 0.75rem;\r\n padding-bottom: 0.75rem;\r\n border-bottom: none;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\r\n border-bottom: none;\r\n}\r\n.RelatedArticles-module_cardTitle__3P-Ib {\r\n font-weight: bold;\r\n color: #252525;\r\n margin-bottom: 0.25rem;\r\n font-size: 15px;\r\n}\r\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\r\n color: #000;\r\n font-weight: bold;\r\n}\r\n.RelatedArticles-module_cardDate__1wOR5 {\r\n color: var(--dark);\r\n display: block;\r\n background: #fff !important;\r\n margin-bottom: 0;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 {\r\n display: block;\r\n text-align: center;\r\n margin-bottom: 0.5rem;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\r\n height: 135px;\r\n width: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n}\r\n@media screen and (max-width: 1064px) {\r\n}\r\n@media screen and (max-width: 968px) {\r\n .RelatedArticles-module_mediaContainer__10h9k {\r\n flex-wrap: wrap;\r\n }\r\n .RelatedArticles-module_imgWrapper__5Jx_4 {\r\n display: none;\r\n }\r\n .RelatedArticles-module_mediaCard__3wQbn {\r\n width: 100%;\r\n margin-bottom: 0.5rem;\r\n padding: 0;\r\n }\r\n .RelatedArticles-module_cardTitle__3P-Ib {\r\n font-size: 0.75rem;\r\n margin-bottom: 0;\r\n }\r\n}\r\n";
|
|
338
338
|
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" };
|
|
339
339
|
styleInject(css);
|
|
340
340
|
|
|
@@ -348,33 +348,33 @@ var RelatedArticle = function RelatedArticle(_ref) {
|
|
|
348
348
|
if (!articles || articles.length == 0 || !articles[0]) {
|
|
349
349
|
return null;
|
|
350
350
|
}
|
|
351
|
-
return
|
|
351
|
+
return React__default.createElement(
|
|
352
352
|
'div',
|
|
353
353
|
{ className: styles.mediaContainer },
|
|
354
354
|
articles.map(function (article, index) {
|
|
355
|
-
return
|
|
355
|
+
return React__default.createElement(
|
|
356
356
|
'div',
|
|
357
357
|
{ id: 'related-card', key: index, className: styles.mediaCard },
|
|
358
|
-
|
|
358
|
+
React__default.createElement(
|
|
359
359
|
'a',
|
|
360
360
|
{ className: styles.imgWrapper, href: '/view/' + (article.url ? article.url.current : '') },
|
|
361
|
-
article.thumbnail ?
|
|
361
|
+
article.thumbnail ? React__default.createElement('img', {
|
|
362
362
|
style: { objectFit: 'cover', objectPosition: 'center' },
|
|
363
363
|
src: article.thumbnail && urlFor(client, article.thumbnail.asset).width(250).url(),
|
|
364
364
|
alt: article.title
|
|
365
|
-
}) :
|
|
366
|
-
|
|
365
|
+
}) : React__default.createElement(
|
|
366
|
+
React__default.Fragment,
|
|
367
367
|
null,
|
|
368
|
-
fallbackImage && showRelatedArticleFallbackImage &&
|
|
368
|
+
fallbackImage && showRelatedArticleFallbackImage && React__default.createElement('img', { src: fallbackImage, alt: 'website logo', style: { objectFit: 'contain' } })
|
|
369
369
|
)
|
|
370
370
|
),
|
|
371
|
-
|
|
371
|
+
React__default.createElement(
|
|
372
372
|
'div',
|
|
373
373
|
{ className: styles.mediaBody },
|
|
374
|
-
|
|
374
|
+
React__default.createElement(
|
|
375
375
|
'a',
|
|
376
376
|
{ href: '/view/' + (article.url ? article.url.current : '') },
|
|
377
|
-
|
|
377
|
+
React__default.createElement(
|
|
378
378
|
'div',
|
|
379
379
|
{ className: styles.cardTitle },
|
|
380
380
|
article.title
|
|
@@ -568,7 +568,7 @@ var Article = forwardRef(function (props, ref) {
|
|
|
568
568
|
};
|
|
569
569
|
var renderAuthorBiography = function renderAuthorBiography(biography) {
|
|
570
570
|
if (biography) {
|
|
571
|
-
return
|
|
571
|
+
return React__default.createElement(BlockContent, _extends({
|
|
572
572
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, contextualADFlag),
|
|
573
573
|
blocks: [biography]
|
|
574
574
|
}, client.config()));
|
|
@@ -578,9 +578,9 @@ var Article = forwardRef(function (props, ref) {
|
|
|
578
578
|
var url = article.url.current;
|
|
579
579
|
|
|
580
580
|
if (regionalPages && ISIContent && regionalPages.includes(url)) {
|
|
581
|
-
return
|
|
581
|
+
return React__default.createElement(ISIContent, null);
|
|
582
582
|
} else if (nationalPage === url && ISIContent) {
|
|
583
|
-
return
|
|
583
|
+
return React__default.createElement(ISIContent, { national: true });
|
|
584
584
|
}
|
|
585
585
|
return null;
|
|
586
586
|
};
|
|
@@ -611,19 +611,19 @@ var Article = forwardRef(function (props, ref) {
|
|
|
611
611
|
relatedLinks = [].concat(_toConsumableArray(relatedLinks), [{ label: issueGroup.name, href: issueMapping + '/' + issueGroup.parent.identifier.current + '/' + issueGroup.identifier.current }]);
|
|
612
612
|
}
|
|
613
613
|
if (relatedLinks && relatedLinks.length > 0) {
|
|
614
|
-
return
|
|
614
|
+
return React__default.createElement(
|
|
615
615
|
'div',
|
|
616
616
|
null,
|
|
617
617
|
relatedLinks.map(function (relatedLink, index) {
|
|
618
|
-
return
|
|
618
|
+
return React__default.createElement(
|
|
619
619
|
'span',
|
|
620
620
|
{ key: index, className: 'related-link' },
|
|
621
|
-
|
|
621
|
+
React__default.createElement(
|
|
622
622
|
'a',
|
|
623
623
|
{ className: 'related-links', style: { color: 'blue' }, href: relatedLink.href },
|
|
624
624
|
relatedLink.label
|
|
625
625
|
),
|
|
626
|
-
|
|
626
|
+
React__default.createElement(
|
|
627
627
|
'style',
|
|
628
628
|
{ jsx: 'true' },
|
|
629
629
|
'\n .related-link:not(:first-child):before {\n content: \' | \';\n }\n '
|
|
@@ -638,23 +638,23 @@ var Article = forwardRef(function (props, ref) {
|
|
|
638
638
|
};
|
|
639
639
|
|
|
640
640
|
var RelatedContent = function RelatedContent() {
|
|
641
|
-
return
|
|
641
|
+
return React__default.createElement(
|
|
642
642
|
'section',
|
|
643
643
|
{ id: 'related-content-section', className: 'my-1' },
|
|
644
|
-
(article.relatedArticle || RelevantTopics()) &&
|
|
644
|
+
(article.relatedArticle || RelevantTopics()) && React__default.createElement(
|
|
645
645
|
'p',
|
|
646
646
|
{ className: 'mb-0' },
|
|
647
|
-
|
|
647
|
+
React__default.createElement(
|
|
648
648
|
'b',
|
|
649
649
|
null,
|
|
650
650
|
'Related Content:'
|
|
651
651
|
)
|
|
652
652
|
),
|
|
653
|
-
|
|
654
|
-
|
|
653
|
+
React__default.createElement(RelevantTopics, null),
|
|
654
|
+
React__default.createElement(
|
|
655
655
|
'div',
|
|
656
656
|
{ className: 'pt-2' },
|
|
657
|
-
|
|
657
|
+
React__default.createElement(RelatedArticle, {
|
|
658
658
|
articles: article.relatedArticle,
|
|
659
659
|
client: client,
|
|
660
660
|
fallbackImage: props.Settings.logo,
|
|
@@ -665,28 +665,28 @@ var Article = forwardRef(function (props, ref) {
|
|
|
665
665
|
};
|
|
666
666
|
|
|
667
667
|
var form = function form() {
|
|
668
|
-
return
|
|
669
|
-
|
|
668
|
+
return React__default.createElement(
|
|
669
|
+
React__default.Fragment,
|
|
670
670
|
null,
|
|
671
|
-
|
|
671
|
+
React__default.createElement(
|
|
672
672
|
Head,
|
|
673
673
|
null,
|
|
674
|
-
|
|
674
|
+
React__default.createElement('meta', { name: 'googlebot', content: 'noindex' })
|
|
675
675
|
),
|
|
676
|
-
|
|
676
|
+
React__default.createElement(
|
|
677
677
|
'div',
|
|
678
678
|
{ className: 'mt-5', style: { display: 'flex', justifyContent: 'center', alignItems: 'center' } },
|
|
679
|
-
|
|
679
|
+
React__default.createElement(
|
|
680
680
|
Form,
|
|
681
681
|
{
|
|
682
682
|
inline: true,
|
|
683
683
|
onSubmit: function onSubmit(e) {
|
|
684
684
|
e.preventDefault();
|
|
685
685
|
} },
|
|
686
|
-
|
|
686
|
+
React__default.createElement(FormControl, { type: 'text', className: 'mr-sm-2', value: passwordKey, onChange: function onChange(e) {
|
|
687
687
|
return setPasswordKey(e.target.value);
|
|
688
688
|
}, placeholder: 'Password' }),
|
|
689
|
-
|
|
689
|
+
React__default.createElement(
|
|
690
690
|
Button,
|
|
691
691
|
{
|
|
692
692
|
variant: 'primary',
|
|
@@ -736,31 +736,31 @@ var Article = forwardRef(function (props, ref) {
|
|
|
736
736
|
setContextualADFlag(true);
|
|
737
737
|
}
|
|
738
738
|
};
|
|
739
|
-
return
|
|
740
|
-
|
|
739
|
+
return React__default.createElement(
|
|
740
|
+
React__default.Fragment,
|
|
741
741
|
null,
|
|
742
|
-
|
|
742
|
+
React__default.createElement(BlockContent, _extends({
|
|
743
743
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, contextualADFlag, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
|
|
744
744
|
blocks: [].concat(_toConsumableArray(articleBody.slice(0, selectedIndex))),
|
|
745
745
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
746
746
|
}, client.config())),
|
|
747
|
-
|
|
748
|
-
article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo &&
|
|
749
|
-
|
|
747
|
+
React__default.createElement('span', { className: 'clearfix' }),
|
|
748
|
+
article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo && React__default.createElement(SeriesSlider, { dataset: props.sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true }),
|
|
749
|
+
React__default.createElement(
|
|
750
750
|
'div',
|
|
751
751
|
{ id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
|
|
752
|
-
|
|
752
|
+
React__default.createElement(DFPAdSlot, _extends({}, payload.contextualAD, {
|
|
753
753
|
refreshFlag: refreshFlag
|
|
754
754
|
// checkIsAdFound={previewAd ? null : checkIsAdFound}
|
|
755
755
|
}))
|
|
756
756
|
),
|
|
757
|
-
|
|
758
|
-
|
|
757
|
+
React__default.createElement('span', { className: 'clearfix' }),
|
|
758
|
+
React__default.createElement(
|
|
759
759
|
'div',
|
|
760
760
|
{ id: 'contextual-video-ad-' + payload._id, className: 'contextual-video-ad' },
|
|
761
|
-
|
|
761
|
+
React__default.createElement(DFPAdSlot, _extends({}, payload.contextualVideoAD, { refreshFlag: refreshFlag, checkIsAdFound: checkIsVideoAdFound }))
|
|
762
762
|
),
|
|
763
|
-
|
|
763
|
+
React__default.createElement(BlockContent, _extends({
|
|
764
764
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
|
|
765
765
|
blocks: [].concat(_toConsumableArray(articleBody.slice(selectedIndex))),
|
|
766
766
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
@@ -785,26 +785,26 @@ var Article = forwardRef(function (props, ref) {
|
|
|
785
785
|
if (seriesInfo.hasVideo) {
|
|
786
786
|
_selectedIndex = seriesInfo.videoIndex;
|
|
787
787
|
}
|
|
788
|
-
return
|
|
789
|
-
|
|
788
|
+
return React__default.createElement(
|
|
789
|
+
React__default.Fragment,
|
|
790
790
|
null,
|
|
791
|
-
|
|
791
|
+
React__default.createElement(BlockContent, _extends({
|
|
792
792
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, contextualADFlag, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
|
|
793
793
|
blocks: [].concat(_toConsumableArray(articleBody.slice(0, _selectedIndex))),
|
|
794
794
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
795
795
|
}, client.config())),
|
|
796
|
-
contextualADFlag &&
|
|
797
|
-
article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo &&
|
|
798
|
-
(visibleFlag || queueData && queueData.length === 1 || !props.infiniteScroll) &&
|
|
796
|
+
contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
|
|
797
|
+
article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo && React__default.createElement(SeriesSlider, { dataset: props.sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true }),
|
|
798
|
+
(visibleFlag || queueData && queueData.length === 1 || !props.infiniteScroll) && React__default.createElement(
|
|
799
799
|
'div',
|
|
800
800
|
{ id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
|
|
801
|
-
|
|
801
|
+
React__default.createElement(DFPAdSlot, _extends({}, payload.contextualAD, {
|
|
802
802
|
refreshFlag: refreshFlag
|
|
803
803
|
// checkIsAdFound={previewAd ? null : checkIsAdFound}
|
|
804
804
|
}))
|
|
805
805
|
),
|
|
806
|
-
contextualADFlag &&
|
|
807
|
-
|
|
806
|
+
contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
|
|
807
|
+
React__default.createElement(BlockContent, _extends({
|
|
808
808
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
|
|
809
809
|
blocks: [].concat(_toConsumableArray(articleBody.slice(_selectedIndex))),
|
|
810
810
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
@@ -834,22 +834,22 @@ var Article = forwardRef(function (props, ref) {
|
|
|
834
834
|
}
|
|
835
835
|
};
|
|
836
836
|
|
|
837
|
-
return
|
|
838
|
-
|
|
837
|
+
return React__default.createElement(
|
|
838
|
+
React__default.Fragment,
|
|
839
839
|
null,
|
|
840
|
-
|
|
840
|
+
React__default.createElement(BlockContent, _extends({
|
|
841
841
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, contextualADFlag, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
|
|
842
842
|
blocks: [].concat(_toConsumableArray(articleBody.slice(0, _selectedIndex2))),
|
|
843
843
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
844
844
|
}, client.config())),
|
|
845
|
-
|
|
846
|
-
article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo &&
|
|
847
|
-
|
|
845
|
+
React__default.createElement('span', { className: 'clearfix' }),
|
|
846
|
+
article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo && React__default.createElement(SeriesSlider, { dataset: props.sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true }),
|
|
847
|
+
React__default.createElement(
|
|
848
848
|
'div',
|
|
849
849
|
{ id: 'contextual-video-ad-' + payload._id, className: 'contextual-video-ad' },
|
|
850
|
-
|
|
850
|
+
React__default.createElement(DFPAdSlot, _extends({}, payload.contextualVideoAD, { refreshFlag: refreshFlag, checkIsAdFound: _checkIsAdFound2 }))
|
|
851
851
|
),
|
|
852
|
-
|
|
852
|
+
React__default.createElement(BlockContent, _extends({
|
|
853
853
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
|
|
854
854
|
blocks: [].concat(_toConsumableArray(articleBody.slice(_selectedIndex2))),
|
|
855
855
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
@@ -861,16 +861,16 @@ var Article = forwardRef(function (props, ref) {
|
|
|
861
861
|
_selectedIndex3 = seriesInfo.videoIndex;
|
|
862
862
|
}
|
|
863
863
|
|
|
864
|
-
return
|
|
864
|
+
return React__default.createElement(
|
|
865
865
|
'div',
|
|
866
866
|
null,
|
|
867
|
-
|
|
867
|
+
React__default.createElement(BlockContent, _extends({
|
|
868
868
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, false, null, props.article.Ads, targeting, article, meta, authorPrefix, authorImgHeight),
|
|
869
869
|
blocks: article.documentGroup && article.documentGroup.isSeries ? [].concat(_toConsumableArray(articleBody.slice(0, _selectedIndex3))) : articleBody,
|
|
870
870
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
871
871
|
}, client.config())),
|
|
872
|
-
article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo &&
|
|
873
|
-
article.documentGroup && article.documentGroup.isSeries &&
|
|
872
|
+
article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo && React__default.createElement(SeriesSlider, { dataset: props.sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true }),
|
|
873
|
+
article.documentGroup && article.documentGroup.isSeries && React__default.createElement(BlockContent, _extends({
|
|
874
874
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
|
|
875
875
|
blocks: [].concat(_toConsumableArray(articleBody.slice(_selectedIndex3))),
|
|
876
876
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
@@ -917,8 +917,6 @@ var Article = forwardRef(function (props, ref) {
|
|
|
917
917
|
shareImageDefault = shareOptions.shareImageDefault,
|
|
918
918
|
shareBaseUrl = shareOptions.shareBaseUrl;
|
|
919
919
|
shareOptions.shareSiteTitle;
|
|
920
|
-
var _shareOptions$showSoc = shareOptions.showSocialShare,
|
|
921
|
-
showSocialShare = _shareOptions$showSoc === undefined ? true : _shareOptions$showSoc;
|
|
922
920
|
|
|
923
921
|
var shareUrl = shareBaseUrl + props.article.url.current;
|
|
924
922
|
var shareTitle = article.title;
|
|
@@ -958,10 +956,10 @@ var Article = forwardRef(function (props, ref) {
|
|
|
958
956
|
var isMediaSeries = article.documentGroup && article.documentGroup.isSeries ? true : false;
|
|
959
957
|
var seriesInfo = checkIfMediaSeriesHasVideo(article);
|
|
960
958
|
|
|
961
|
-
return
|
|
962
|
-
|
|
959
|
+
return React__default.createElement(
|
|
960
|
+
React__default.Fragment,
|
|
963
961
|
null,
|
|
964
|
-
|
|
962
|
+
React__default.createElement(
|
|
965
963
|
VisibilitySensor,
|
|
966
964
|
{
|
|
967
965
|
partialVisibility: true,
|
|
@@ -974,61 +972,61 @@ var Article = forwardRef(function (props, ref) {
|
|
|
974
972
|
});
|
|
975
973
|
}
|
|
976
974
|
} },
|
|
977
|
-
|
|
975
|
+
React__default.createElement(
|
|
978
976
|
'div',
|
|
979
977
|
{ id: 'article__block', ref: ref },
|
|
980
|
-
|
|
978
|
+
React__default.createElement(
|
|
981
979
|
'div',
|
|
982
980
|
{ className: 'video-detail', style: { marginBottom: isCutomPage(props.article) || showIsi && Array.isArray(isi) && isi.length > 0 ? '15rem' : 0 } },
|
|
983
981
|
isVideoSeries && renderBlockContent(article, meta, authorImgHeight),
|
|
984
|
-
!isVideoSeries &&
|
|
982
|
+
!isVideoSeries && React__default.createElement(
|
|
985
983
|
'div',
|
|
986
984
|
null,
|
|
987
|
-
isMediaSeries && article.documentGroup && article.documentGroup.name &&
|
|
985
|
+
isMediaSeries && article.documentGroup && article.documentGroup.name && React__default.createElement(
|
|
988
986
|
'p',
|
|
989
987
|
{ style: { fontSize: '14px' } },
|
|
990
988
|
article.documentGroup.name,
|
|
991
989
|
' - Episode ',
|
|
992
990
|
episodeNumber
|
|
993
991
|
),
|
|
994
|
-
|
|
992
|
+
React__default.createElement(
|
|
995
993
|
'h1',
|
|
996
994
|
{ className: 'page-title', style: { fontSize: '1.9rem' } },
|
|
997
995
|
title
|
|
998
996
|
)
|
|
999
997
|
),
|
|
1000
|
-
|
|
998
|
+
React__default.createElement(
|
|
1001
999
|
'div',
|
|
1002
1000
|
{ className: 'mb-3 doc-group-container', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-end' } },
|
|
1003
|
-
|
|
1001
|
+
React__default.createElement(
|
|
1004
1002
|
'style',
|
|
1005
1003
|
{ jsx: 'true' },
|
|
1006
1004
|
'\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 '
|
|
1007
1005
|
),
|
|
1008
|
-
|
|
1006
|
+
React__default.createElement(
|
|
1009
1007
|
'div',
|
|
1010
1008
|
{ className: 'left-wrap' },
|
|
1011
|
-
!isVideoSeries && showPublished &&
|
|
1009
|
+
!isVideoSeries && showPublished && React__default.createElement(
|
|
1012
1010
|
'div',
|
|
1013
1011
|
null,
|
|
1014
1012
|
moment(published).format('LL')
|
|
1015
1013
|
)
|
|
1016
1014
|
/* Show Published date */
|
|
1017
1015
|
,
|
|
1018
|
-
|
|
1016
|
+
React__default.createElement(
|
|
1019
1017
|
'div',
|
|
1020
1018
|
{ className: 'mb-3' },
|
|
1021
1019
|
!isVideoSeries && authorDetails && authorDetails.map(function (authorDetail, index) {
|
|
1022
|
-
return
|
|
1020
|
+
return React__default.createElement(
|
|
1023
1021
|
'span',
|
|
1024
1022
|
{ key: index },
|
|
1025
1023
|
renderAuthor(authorDetail.displayName, authorDetail.url, index, authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor(props.client, authorDetail.profileImage).height(authorImgHeight).url())
|
|
1026
1024
|
);
|
|
1027
1025
|
}),
|
|
1028
|
-
|
|
1026
|
+
React__default.createElement(
|
|
1029
1027
|
'div',
|
|
1030
1028
|
null,
|
|
1031
|
-
source &&
|
|
1029
|
+
source && React__default.createElement(
|
|
1032
1030
|
'p',
|
|
1033
1031
|
{
|
|
1034
1032
|
style: {
|
|
@@ -1043,13 +1041,13 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1043
1041
|
source
|
|
1044
1042
|
)
|
|
1045
1043
|
),
|
|
1046
|
-
issue &&
|
|
1044
|
+
issue && React__default.createElement(
|
|
1047
1045
|
'div',
|
|
1048
1046
|
{ className: 'volume-issue' },
|
|
1049
|
-
issue.publication && issue.publication.name &&
|
|
1047
|
+
issue.publication && issue.publication.name && React__default.createElement(
|
|
1050
1048
|
'span',
|
|
1051
1049
|
{ className: 'mb-0' },
|
|
1052
|
-
|
|
1050
|
+
React__default.createElement(
|
|
1053
1051
|
'b',
|
|
1054
1052
|
null,
|
|
1055
1053
|
issue.publication.name
|
|
@@ -1057,34 +1055,34 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1057
1055
|
',',
|
|
1058
1056
|
' '
|
|
1059
1057
|
),
|
|
1060
|
-
issue.name &&
|
|
1058
|
+
issue.name && React__default.createElement(
|
|
1061
1059
|
'span',
|
|
1062
1060
|
{ className: 'mb-0' },
|
|
1063
1061
|
issue.name,
|
|
1064
1062
|
', '
|
|
1065
1063
|
),
|
|
1066
|
-
issue.volume &&
|
|
1064
|
+
issue.volume && React__default.createElement(
|
|
1067
1065
|
'span',
|
|
1068
1066
|
null,
|
|
1069
1067
|
'Volume ' + issue.volume,
|
|
1070
1068
|
','
|
|
1071
1069
|
),
|
|
1072
|
-
issue.issueNumber &&
|
|
1070
|
+
issue.issueNumber && React__default.createElement(
|
|
1073
1071
|
'span',
|
|
1074
1072
|
null,
|
|
1075
1073
|
' Issue ' + issue.issueNumber
|
|
1076
1074
|
)
|
|
1077
1075
|
),
|
|
1078
|
-
pageNumber &&
|
|
1076
|
+
pageNumber && React__default.createElement(
|
|
1079
1077
|
'div',
|
|
1080
1078
|
{ className: 'article-pageNumber' },
|
|
1081
1079
|
'Pages: ' + pageNumber
|
|
1082
1080
|
)
|
|
1083
1081
|
),
|
|
1084
|
-
!isVideoSeries &&
|
|
1082
|
+
!isVideoSeries && React__default.createElement(
|
|
1085
1083
|
'p',
|
|
1086
1084
|
null,
|
|
1087
|
-
|
|
1085
|
+
React__default.createElement(SocialShare, {
|
|
1088
1086
|
shareUrl: shareUrl,
|
|
1089
1087
|
shareTitle: shareTitle,
|
|
1090
1088
|
shareVia: shareVia,
|
|
@@ -1096,32 +1094,31 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1096
1094
|
twitterSiteName: twitterSiteName,
|
|
1097
1095
|
disableMeta: true,
|
|
1098
1096
|
hidePinterest: hidePinterestShare,
|
|
1099
|
-
hideFacebook: hideFBShare
|
|
1100
|
-
showSocialShare: showSocialShare
|
|
1097
|
+
hideFacebook: hideFBShare
|
|
1101
1098
|
})
|
|
1102
1099
|
)
|
|
1103
1100
|
),
|
|
1104
|
-
|
|
1101
|
+
React__default.createElement(
|
|
1105
1102
|
'div',
|
|
1106
1103
|
null,
|
|
1107
|
-
|
|
1104
|
+
React__default.createElement(DocumentGroup, { article: props.article, client: props.client })
|
|
1108
1105
|
)
|
|
1109
1106
|
),
|
|
1110
|
-
!isVideoSeries && summary && display_summary &&
|
|
1107
|
+
!isVideoSeries && summary && display_summary && React__default.createElement(
|
|
1111
1108
|
'p',
|
|
1112
1109
|
null,
|
|
1113
|
-
|
|
1110
|
+
React__default.createElement(
|
|
1114
1111
|
'em',
|
|
1115
1112
|
null,
|
|
1116
1113
|
summary
|
|
1117
1114
|
)
|
|
1118
1115
|
),
|
|
1119
|
-
|
|
1116
|
+
React__default.createElement(
|
|
1120
1117
|
'div',
|
|
1121
1118
|
{ className: 'ad-box', style: { textAlign: 'center' } },
|
|
1122
1119
|
main_43 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
|
|
1123
1120
|
if (index === 0) {
|
|
1124
|
-
return
|
|
1121
|
+
return React__default.createElement(
|
|
1125
1122
|
'div',
|
|
1126
1123
|
{
|
|
1127
1124
|
key: index,
|
|
@@ -1138,24 +1135,24 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1138
1135
|
}
|
|
1139
1136
|
})
|
|
1140
1137
|
),
|
|
1141
|
-
|
|
1138
|
+
React__default.createElement(
|
|
1142
1139
|
'div',
|
|
1143
1140
|
{ className: 'block-content mt-3' },
|
|
1144
1141
|
!isVideoSeries && renderBlockContent(article, meta),
|
|
1145
|
-
|
|
1146
|
-
|
|
1142
|
+
React__default.createElement('div', { className: 'clearfix' }),
|
|
1143
|
+
React__default.createElement(
|
|
1147
1144
|
'noscript',
|
|
1148
1145
|
null,
|
|
1149
|
-
|
|
1146
|
+
React__default.createElement(
|
|
1150
1147
|
'div',
|
|
1151
1148
|
{ style: { display: 'flex', justifyContent: 'center' }, className: 'series-links' },
|
|
1152
|
-
props.article.seriesDetail && props.article.seriesDetail.prevUrl &&
|
|
1149
|
+
props.article.seriesDetail && props.article.seriesDetail.prevUrl && React__default.createElement(
|
|
1153
1150
|
'a',
|
|
1154
1151
|
{ className: 'mx-3', href: props.article.seriesDetail.prevUrl },
|
|
1155
1152
|
'Previous ',
|
|
1156
1153
|
props.article.seriesDetail.type
|
|
1157
1154
|
),
|
|
1158
|
-
props.article.seriesDetail && props.article.seriesDetail.nextUrl &&
|
|
1155
|
+
props.article.seriesDetail && props.article.seriesDetail.nextUrl && React__default.createElement(
|
|
1159
1156
|
'a',
|
|
1160
1157
|
{ className: 'mx-3', href: props.article.seriesDetail.nextUrl },
|
|
1161
1158
|
'Next ',
|
|
@@ -1163,26 +1160,26 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1163
1160
|
)
|
|
1164
1161
|
)
|
|
1165
1162
|
),
|
|
1166
|
-
issue && issue.url &&
|
|
1163
|
+
issue && issue.url && React__default.createElement(
|
|
1167
1164
|
'a',
|
|
1168
1165
|
{ rel: 'noopener', href: issue.url, target: '_blank', title: 'Download issue' },
|
|
1169
|
-
|
|
1166
|
+
React__default.createElement('img', { style: { margin: '1rem', maxHeight: '40px', maxWidth: '40px' }, src: '/download.png', alt: 'download issue' }),
|
|
1170
1167
|
'Download Issue : ',
|
|
1171
1168
|
issue.name
|
|
1172
1169
|
)
|
|
1173
1170
|
),
|
|
1174
|
-
|
|
1175
|
-
article.documentGroup && article.documentGroup.isSeries && props.sliderData && !seriesInfo.hasVideo &&
|
|
1171
|
+
React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
|
|
1172
|
+
article.documentGroup && article.documentGroup.isSeries && props.sliderData && !seriesInfo.hasVideo && React__default.createElement(
|
|
1176
1173
|
'div',
|
|
1177
1174
|
null,
|
|
1178
1175
|
false ,
|
|
1179
|
-
|
|
1176
|
+
React__default.createElement(SeriesSlider, { dataset: props.sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true })
|
|
1180
1177
|
),
|
|
1181
|
-
showRelatedArticles && !showIsi &&
|
|
1182
|
-
disqusConfig && showDisqus &&
|
|
1178
|
+
showRelatedArticles && !showIsi && React__default.createElement(RelatedContent, null),
|
|
1179
|
+
disqusConfig && showDisqus && React__default.createElement(
|
|
1183
1180
|
'div',
|
|
1184
1181
|
{ id: 'disqusContainer' },
|
|
1185
|
-
|
|
1182
|
+
React__default.createElement(DiscussionEmbed, {
|
|
1186
1183
|
shortname: disqusConfig.shortname,
|
|
1187
1184
|
config: {
|
|
1188
1185
|
url: disqusConfig.url,
|
|
@@ -1195,30 +1192,30 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1195
1192
|
renderIsiContent(props.article)
|
|
1196
1193
|
)
|
|
1197
1194
|
),
|
|
1198
|
-
showIsi && Array.isArray(isi) && isi.length > 0 &&
|
|
1195
|
+
showIsi && Array.isArray(isi) && isi.length > 0 && React__default.createElement(
|
|
1199
1196
|
ISI,
|
|
1200
1197
|
null,
|
|
1201
|
-
|
|
1198
|
+
React__default.createElement(BlockContent, {
|
|
1202
1199
|
serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, false, null, props.article.Ads, targeting),
|
|
1203
1200
|
blocks: isi
|
|
1204
1201
|
})
|
|
1205
1202
|
),
|
|
1206
1203
|
main_43 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
|
|
1207
1204
|
if (index > 0) {
|
|
1208
|
-
return
|
|
1205
|
+
return React__default.createElement(
|
|
1209
1206
|
'div',
|
|
1210
1207
|
{ key: index, id: 'addid-' + index, style: { display: 'flex', flex: '1 0 auto' } },
|
|
1211
1208
|
ad.component
|
|
1212
1209
|
);
|
|
1213
1210
|
}
|
|
1214
1211
|
}),
|
|
1215
|
-
|
|
1212
|
+
React__default.createElement(
|
|
1216
1213
|
'noscript',
|
|
1217
1214
|
null,
|
|
1218
|
-
props.infiniteScroll && props.article.relatedArticle && props.article.relatedArticle[0] && props.article.relatedArticle[0].url && props.article.relatedArticle[0].url.current &&
|
|
1215
|
+
props.infiniteScroll && props.article.relatedArticle && props.article.relatedArticle[0] && props.article.relatedArticle[0].url && props.article.relatedArticle[0].url.current && React__default.createElement(
|
|
1219
1216
|
'div',
|
|
1220
1217
|
{ style: { textAlign: 'center' } },
|
|
1221
|
-
|
|
1218
|
+
React__default.createElement(
|
|
1222
1219
|
'a',
|
|
1223
1220
|
{ href: '/view/' + props.article.relatedArticle[0].url.current },
|
|
1224
1221
|
'Related Article ',
|
|
@@ -1226,7 +1223,7 @@ var Article = forwardRef(function (props, ref) {
|
|
|
1226
1223
|
)
|
|
1227
1224
|
)
|
|
1228
1225
|
),
|
|
1229
|
-
props.infiniteScroll &&
|
|
1226
|
+
props.infiniteScroll && React__default.createElement('hr', { className: 'article-seperater mb-5 mt-3' })
|
|
1230
1227
|
);
|
|
1231
1228
|
};
|
|
1232
1229
|
|
|
@@ -1463,14 +1460,14 @@ var ArticleQueue = function ArticleQueue(props) {
|
|
|
1463
1460
|
refreshAD(path);
|
|
1464
1461
|
};
|
|
1465
1462
|
|
|
1466
|
-
return
|
|
1463
|
+
return React__default.createElement(
|
|
1467
1464
|
InfiniteScroll,
|
|
1468
1465
|
{ dataLength: queueData.length, next: loadmore, scrollThreshold: '40%', hasMore: true, style: { overflow: 'hidden' } },
|
|
1469
1466
|
queueData.map(function (article, index) {
|
|
1470
|
-
return
|
|
1471
|
-
|
|
1467
|
+
return React__default.createElement(
|
|
1468
|
+
React__default.Fragment,
|
|
1472
1469
|
null,
|
|
1473
|
-
|
|
1470
|
+
React__default.createElement(Article, _extends({
|
|
1474
1471
|
key: index
|
|
1475
1472
|
}, props, {
|
|
1476
1473
|
containerHeight: containerHeight,
|
|
@@ -1612,63 +1609,63 @@ var View = function View(props) {
|
|
|
1612
1609
|
meta_description = seriesShareOptions && seriesShareOptions.seriesSummary ? '' + seriesShareOptions.seriesSummary + (currentPage > 0 ? ' | Page ' + currentPage : '') : '';
|
|
1613
1610
|
}
|
|
1614
1611
|
|
|
1615
|
-
return
|
|
1616
|
-
|
|
1612
|
+
return React__default.createElement(
|
|
1613
|
+
React__default.Fragment,
|
|
1617
1614
|
null,
|
|
1618
|
-
|
|
1615
|
+
React__default.createElement(
|
|
1619
1616
|
Head,
|
|
1620
1617
|
null,
|
|
1621
|
-
|
|
1618
|
+
React__default.createElement(
|
|
1622
1619
|
'title',
|
|
1623
1620
|
{ key: 'title' },
|
|
1624
1621
|
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 : '')
|
|
1625
1622
|
),
|
|
1626
|
-
meta_description &&
|
|
1627
|
-
|
|
1628
|
-
passwordLock &&
|
|
1629
|
-
|
|
1623
|
+
meta_description && React__default.createElement('meta', { name: 'description', key: 'description', content: meta_description }),
|
|
1624
|
+
React__default.createElement('meta', { name: 'keywords', content: getKeywords(article).join(','), key: 'keywords' }),
|
|
1625
|
+
passwordLock && React__default.createElement('meta', { name: 'robots', content: 'noindex, nofollow' }),
|
|
1626
|
+
React__default.createElement('meta', {
|
|
1630
1627
|
property: 'og:url',
|
|
1631
1628
|
content: seriesShareOptions && seriesShareOptions.seriesUrl ? shareOptions.shareUrl + seriesShareOptions.seriesUrl : shareOptions.shareUrl,
|
|
1632
1629
|
key: 'og:url'
|
|
1633
1630
|
}),
|
|
1634
|
-
|
|
1631
|
+
React__default.createElement('meta', {
|
|
1635
1632
|
property: 'og:title',
|
|
1636
1633
|
content: 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 : ''),
|
|
1637
1634
|
key: 'og:title'
|
|
1638
1635
|
}),
|
|
1639
|
-
|
|
1636
|
+
React__default.createElement('meta', {
|
|
1640
1637
|
property: 'og:image',
|
|
1641
1638
|
content: seriesShareOptions && seriesShareOptions.seriesThumbnail ? seriesShareOptions.seriesThumbnail : shareOptions.shareImage,
|
|
1642
1639
|
key: 'og:image'
|
|
1643
1640
|
}),
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
|
|
1647
|
-
|
|
1641
|
+
React__default.createElement('meta', { property: 'og:site_name', content: props.Settings.title, key: 'og:site_name' }),
|
|
1642
|
+
React__default.createElement('meta', { property: 'og:description', content: meta_description, key: 'og:description' }),
|
|
1643
|
+
React__default.createElement('meta', { name: 'twitter:card', content: 'summary', key: 'twitter:card' }),
|
|
1644
|
+
React__default.createElement('meta', {
|
|
1648
1645
|
name: 'twitter:title',
|
|
1649
1646
|
content: 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 : ''),
|
|
1650
1647
|
key: 'twitter:title'
|
|
1651
1648
|
}),
|
|
1652
|
-
|
|
1649
|
+
React__default.createElement('meta', {
|
|
1653
1650
|
name: 'twitter:image',
|
|
1654
1651
|
content: seriesShareOptions && seriesShareOptions.seriesThumbnail ? seriesShareOptions.seriesThumbnail : shareOptions.shareImage,
|
|
1655
1652
|
key: 'twitter:image'
|
|
1656
1653
|
}),
|
|
1657
|
-
|
|
1658
|
-
|
|
1659
|
-
canonicalTag &&
|
|
1654
|
+
React__default.createElement('meta', { name: 'twitter:site', content: '@' + props.Settings.title, key: 'twitter:site' }),
|
|
1655
|
+
React__default.createElement('meta', { name: 'twitter:description', content: meta_description, key: 'twitter:description' }),
|
|
1656
|
+
canonicalTag && React__default.createElement('link', {
|
|
1660
1657
|
rel: 'canonical',
|
|
1661
1658
|
href: seriesShareOptions && seriesShareOptions.seriesUrl ? shareOptions.shareUrl + seriesShareOptions.seriesUrl : shareOptions.shareUrl,
|
|
1662
1659
|
key: 'canonical'
|
|
1663
1660
|
}),
|
|
1664
|
-
|
|
1661
|
+
React__default.createElement(
|
|
1665
1662
|
'noscript',
|
|
1666
1663
|
null,
|
|
1667
|
-
props.article.seriesDetail && props.article.seriesDetail.prevUrl &&
|
|
1668
|
-
props.article.seriesDetail && props.article.seriesDetail.nextUrl &&
|
|
1664
|
+
props.article.seriesDetail && props.article.seriesDetail.prevUrl && React__default.createElement('link', { rel: 'prev', href: props.article.seriesDetail.prevUrl }),
|
|
1665
|
+
props.article.seriesDetail && props.article.seriesDetail.nextUrl && React__default.createElement('link', { rel: 'next', href: props.article.seriesDetail.nextUrl })
|
|
1669
1666
|
)
|
|
1670
1667
|
),
|
|
1671
|
-
!needInfiniteScroll ?
|
|
1668
|
+
!needInfiniteScroll ? React__default.createElement(Article, _extends({ infiniteScroll: false, showRelatedArticles: showRelatedArticles, showDisqus: showDisqus }, props)) : React__default.createElement(ArticleQueue, _extends({
|
|
1672
1669
|
infiniteScroll: true,
|
|
1673
1670
|
showRelatedArticles: showRelatedArticles,
|
|
1674
1671
|
canonicalTag: canonicalTag,
|