@mjhls/mjh-framework 1.0.799-ad-initial-load-disabled → 1.0.799-social-share-flag
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 -2
- 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 +12 -23
- 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-2db54929.js → SeriesSlider-c022ce04.js} +5 -5
- package/dist/cjs/SideFooter.js +2 -2
- package/dist/cjs/{SocialSearchComponent-9cb50ae4.js → SocialSearchComponent-31afe61f.js} +3 -3
- package/dist/cjs/SocialShare.js +6 -3
- 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 +11 -9
- package/dist/cjs/YoutubeGroup.js +5 -5
- package/dist/cjs/getSerializers.js +4 -4
- package/dist/cjs/{getTargeting-a100d6e5.js → getTargeting-be6168ad.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-b310b11f.js → index-59b791eb.js} +2 -2
- package/dist/cjs/{index.esm-f27f80d9.js → index.esm-05850a2f.js} +1 -1
- package/dist/cjs/{index.esm-9225638f.js → index.esm-3b9b8952.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 +12 -12
- package/dist/cjs/{main-f1c77adb.js → main-025fdc78.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-8e1143df.js → ADInfeed-e1e18f87.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-dbaf7c64.js → ADlgInfeed-c6d2831b.js} +4 -4
- package/dist/esm/AccordionPanel.js +18 -18
- package/dist/esm/AdSlot.js +5 -6
- 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-30aeba69.js → AuthorComponent-5ae7409f.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 +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-8792ebd2.js → ConferenceBanner-9162d0ca.js} +4 -4
- package/dist/esm/DeckContent.js +57 -57
- package/dist/esm/DeckQueue.js +42 -42
- package/dist/esm/{Dfp-be030f2a.js → Dfp-a304d96c.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 +328 -339
- 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/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-c8477bf3.js → SeriesSlider-8414085b.js} +23 -23
- package/dist/esm/SideFooter.js +21 -21
- package/dist/esm/SocialIcons.js +7 -7
- package/dist/esm/{SocialSearchComponent-09775683.js → SocialSearchComponent-116b1d5d.js} +22 -22
- package/dist/esm/SocialShare.js +30 -27
- 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 +173 -171
- package/dist/esm/YahooHero.js +23 -23
- package/dist/esm/YoutubeGroup.js +32 -32
- package/dist/esm/{brightcove-react-player-loader.es-57a70a56.js → brightcove-react-player-loader.es-b43c695a.js} +3 -3
- package/dist/esm/getSerializers.js +8 -8
- package/dist/esm/{getTargeting-05c216d6.js → getTargeting-68291ce9.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-755f2cc2.js → index-35bdcc81.js} +4 -4
- package/dist/esm/{index-d0ce5597.js → index-68283a6a.js} +338 -338
- package/dist/esm/{index-5cc7b406.js → index-888f9253.js} +3 -3
- 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-e874e770.js → index.esm-d6f88d94.js} +1 -1
- package/dist/esm/index.js +38 -38
- package/dist/esm/{main-d4165069.js → main-b5c5aac1.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 +108 -108
- /package/dist/cjs/{ADInfeed-484d6d01.js → ADInfeed-e7aecdf9.js} +0 -0
- /package/dist/cjs/{ADlgInfeed-560406f8.js → ADlgInfeed-0941023e.js} +0 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useState, useEffect, useRef, useLayoutEffect, useCallback } from 'react';
|
|
2
2
|
import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-be2f7a22.js';
|
|
3
3
|
import { Carousel, Table, Figure as Figure$1, Card, Row, Col, Button, ProgressBar } from 'react-bootstrap';
|
|
4
4
|
import { i as imageUrlBuilder } from './index-0dbff1d1.js';
|
|
5
|
-
import { l as lib_3 } from './index-
|
|
5
|
+
import { l as lib_3 } from './index-888f9253.js';
|
|
6
6
|
import Router, { useRouter } from 'next/router';
|
|
7
7
|
import { g as getYoutubeId } from './index-c7e2ac95.js';
|
|
8
8
|
import PropTypes from 'prop-types';
|
|
@@ -10,12 +10,12 @@ import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelper
|
|
|
10
10
|
import { u as util } from './util-3ab476bf.js';
|
|
11
11
|
import Beam from './Beam.js';
|
|
12
12
|
import Segment from './Segment.js';
|
|
13
|
-
import { d as main_18, b as main_42, m as main_43 } from './main-
|
|
14
|
-
import { B as BlockContent } from './BlockContent-
|
|
13
|
+
import { d as main_18, b as main_42, m as main_43 } from './main-b5c5aac1.js';
|
|
14
|
+
import { B as BlockContent } from './BlockContent-52cf21c5.js';
|
|
15
15
|
import { _ as _extends, b as _extends$1 } from './extends-60e0e1c6.js';
|
|
16
|
-
import { L as LazyLoad } from './index-
|
|
16
|
+
import { L as LazyLoad } from './index-35bdcc81.js';
|
|
17
17
|
import { _ as _typeof$1 } from './typeof-a286cf0c.js';
|
|
18
|
-
import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-
|
|
18
|
+
import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-b43c695a.js';
|
|
19
19
|
import GroupDeck from './GroupDeck.js';
|
|
20
20
|
import { m as moment } from './moment-bc12cb97.js';
|
|
21
21
|
import SocialShare from './SocialShare.js';
|
|
@@ -30,7 +30,7 @@ import Row$1 from 'react-bootstrap/Row';
|
|
|
30
30
|
import Col$1 from 'react-bootstrap/Col';
|
|
31
31
|
import Head from 'next/head';
|
|
32
32
|
import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1, e as classCallCheck, p as possibleConstructorReturn, i as inherits } from './inherits-a41fe93f.js';
|
|
33
|
-
import { d as IoIosArrowDropupCircle } from './index.esm-
|
|
33
|
+
import { d as IoIosArrowDropupCircle } from './index.esm-3fdda599.js';
|
|
34
34
|
import Figure$2 from 'react-bootstrap/Figure';
|
|
35
35
|
|
|
36
36
|
var urlFor$4 = function urlFor(source, builder) {
|
|
@@ -72,20 +72,20 @@ var Slideshow$1 = function Slideshow(_ref) {
|
|
|
72
72
|
if (pageview) pageview(router.asPath);
|
|
73
73
|
}, [router]);
|
|
74
74
|
|
|
75
|
-
return
|
|
75
|
+
return React.createElement(
|
|
76
76
|
'div',
|
|
77
77
|
{ className: 'mt-3 mb-3' },
|
|
78
|
-
|
|
78
|
+
React.createElement(
|
|
79
79
|
Carousel,
|
|
80
80
|
{ activeIndex: carouselIndex, onSelect: function onSelect(selectedIndex, e) {
|
|
81
81
|
return onChangeSlide(selectedIndex, router);
|
|
82
82
|
}, interval: null },
|
|
83
83
|
slides && slides.map(function (slide) {
|
|
84
|
-
return
|
|
84
|
+
return React.createElement(
|
|
85
85
|
Carousel.Item,
|
|
86
86
|
{ key: slide._key },
|
|
87
|
-
|
|
88
|
-
slide.caption &&
|
|
87
|
+
React.createElement('img', { src: slide.asset && urlFor$4(slide.asset, builder).url(), alt: slide.alt && slide.alt, style: { width: '100%' } }),
|
|
88
|
+
slide.caption && React.createElement(
|
|
89
89
|
'p',
|
|
90
90
|
{ className: 'p-2' },
|
|
91
91
|
slide.caption
|
|
@@ -1827,9 +1827,9 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
|
|
|
1827
1827
|
}, {
|
|
1828
1828
|
key: "render",
|
|
1829
1829
|
value: function render() {
|
|
1830
|
-
return /*#__PURE__*/
|
|
1830
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
1831
1831
|
className: this.props.containerClassName
|
|
1832
|
-
}, /*#__PURE__*/
|
|
1832
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
1833
1833
|
id: this.props.id,
|
|
1834
1834
|
className: this.props.className,
|
|
1835
1835
|
ref: this.refContainer
|
|
@@ -1838,7 +1838,7 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
|
|
|
1838
1838
|
}]);
|
|
1839
1839
|
|
|
1840
1840
|
return YouTube;
|
|
1841
|
-
}(
|
|
1841
|
+
}(React.Component);
|
|
1842
1842
|
|
|
1843
1843
|
_defineProperty(YouTube, "PlayerState", {
|
|
1844
1844
|
UNSTARTED: -1,
|
|
@@ -1985,11 +1985,11 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
|
|
|
1985
1985
|
Segment.report_video_event('Video Pause', main_18, duration, current, segment);
|
|
1986
1986
|
};
|
|
1987
1987
|
|
|
1988
|
-
return
|
|
1988
|
+
return React.createElement(
|
|
1989
1989
|
'div',
|
|
1990
1990
|
{ id: 'fluid-video-container' },
|
|
1991
|
-
|
|
1992
|
-
|
|
1991
|
+
React.createElement(YouTube, { className: 'fluid-iframe', videoId: id, opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd }),
|
|
1992
|
+
React.createElement(
|
|
1993
1993
|
'style',
|
|
1994
1994
|
{ jsx: 'true' },
|
|
1995
1995
|
'\n #fluid-video-container {\n margin-bottom: 2rem;\n }\n #fluid-video-container > div {\n position: relative;\n padding-bottom: 56.25%; /* 16:9 */\n height: 0;\n }\n #fluid-video-container .fluid-iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100% !important;\n }\n '
|
|
@@ -2002,20 +2002,20 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
2002
2002
|
content = _ref.content,
|
|
2003
2003
|
getSerializers = _ref.getSerializers;
|
|
2004
2004
|
|
|
2005
|
-
return
|
|
2005
|
+
return React.createElement(
|
|
2006
2006
|
'article',
|
|
2007
2007
|
{ className: 'sidebar' },
|
|
2008
|
-
|
|
2008
|
+
React.createElement(
|
|
2009
2009
|
'div',
|
|
2010
2010
|
null,
|
|
2011
|
-
|
|
2011
|
+
React.createElement(
|
|
2012
2012
|
'h3',
|
|
2013
2013
|
null,
|
|
2014
2014
|
caption
|
|
2015
2015
|
),
|
|
2016
|
-
|
|
2016
|
+
React.createElement(BlockContent, { blocks: content, serializers: getSerializers })
|
|
2017
2017
|
),
|
|
2018
|
-
|
|
2018
|
+
React.createElement(
|
|
2019
2019
|
'style',
|
|
2020
2020
|
{ jsx: 'true' },
|
|
2021
2021
|
'\n .sidebar {\n clear: both;\n float: right;\n background-color: #eee;\n width: 40%;\n padding: 1rem;\n margin: 0 0 1rem 1rem;\n }\n /* resolving list items inside sidebar being shifted to center because of unusual margin */\n .sidebar ul {\n margin-left: 0;\n padding-left: 1rem;\n }\n @media screen and (max-width: 991px) {\n .sidebar {\n float: none;\n width: auto;\n margin: 1rem 0;\n }\n }\n '
|
|
@@ -2026,18 +2026,18 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
2026
2026
|
var TableShow = function TableShow(_ref) {
|
|
2027
2027
|
var rows = _ref.rows;
|
|
2028
2028
|
|
|
2029
|
-
return
|
|
2029
|
+
return React.createElement(
|
|
2030
2030
|
Table,
|
|
2031
2031
|
{ bordered: true, hover: true, responsive: true },
|
|
2032
|
-
|
|
2032
|
+
React.createElement(
|
|
2033
2033
|
'tbody',
|
|
2034
2034
|
null,
|
|
2035
2035
|
rows && rows.map(function (row) {
|
|
2036
|
-
return
|
|
2036
|
+
return React.createElement(
|
|
2037
2037
|
'tr',
|
|
2038
2038
|
{ key: row._key },
|
|
2039
2039
|
row.cells && row.cells.map(function (cell, index) {
|
|
2040
|
-
return cell &&
|
|
2040
|
+
return cell && React.createElement(
|
|
2041
2041
|
'td',
|
|
2042
2042
|
{ key: index },
|
|
2043
2043
|
cell
|
|
@@ -2140,18 +2140,18 @@ var Media = function Media(_ref) {
|
|
|
2140
2140
|
margin: imageMargin
|
|
2141
2141
|
};
|
|
2142
2142
|
|
|
2143
|
-
return
|
|
2143
|
+
return React.createElement(
|
|
2144
2144
|
Figure$1,
|
|
2145
2145
|
{ className: 'd-block ' + className, style: figureStyle },
|
|
2146
|
-
|
|
2146
|
+
React.createElement(
|
|
2147
2147
|
'a',
|
|
2148
2148
|
{ href: uploadDoc.asset.url, target: blank ? '_blank' : '_self' },
|
|
2149
|
-
|
|
2149
|
+
React.createElement(
|
|
2150
2150
|
LazyLoad,
|
|
2151
2151
|
{ once: true },
|
|
2152
|
-
|
|
2152
|
+
React.createElement(Figure$1.Image, _extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor(poster).url() }, alt && { alt: alt }))
|
|
2153
2153
|
),
|
|
2154
|
-
caption &&
|
|
2154
|
+
caption && React.createElement(
|
|
2155
2155
|
Figure$1.Caption,
|
|
2156
2156
|
{ className: 'media-caption' },
|
|
2157
2157
|
caption
|
|
@@ -2159,7 +2159,7 @@ var Media = function Media(_ref) {
|
|
|
2159
2159
|
)
|
|
2160
2160
|
);
|
|
2161
2161
|
} else if (caption && caption !== '') {
|
|
2162
|
-
return
|
|
2162
|
+
return React.createElement(
|
|
2163
2163
|
'a',
|
|
2164
2164
|
_extends({}, uploadDoc.downloadMedia ? {
|
|
2165
2165
|
href: uploadDoc.asset.url + '?dl='
|
|
@@ -2179,10 +2179,10 @@ var IFrame = function IFrame(_ref) {
|
|
|
2179
2179
|
needSegmentSupport = _ref$needSegmentSuppo === undefined ? false : _ref$needSegmentSuppo;
|
|
2180
2180
|
|
|
2181
2181
|
url = Segment.getURL(url, { needSegmentSupport: needSegmentSupport });
|
|
2182
|
-
return
|
|
2182
|
+
return React.createElement(
|
|
2183
2183
|
'div',
|
|
2184
2184
|
{ className: 'd-block text-center mb-3' },
|
|
2185
|
-
|
|
2185
|
+
React.createElement('iframe', { className: 'w-100 iFrame-block', src: url, allowFullScreen: 'true', webkitallowfullscreen: 'true', mozallowfullscreen: 'true', frameBorder: '0' })
|
|
2186
2186
|
);
|
|
2187
2187
|
};
|
|
2188
2188
|
|
|
@@ -2277,10 +2277,10 @@ var VideoMp4 = function VideoMp4(_ref) {
|
|
|
2277
2277
|
Segment.report_video_event('Video Pause', main_18, duration, current, segment, 'MP4');
|
|
2278
2278
|
};
|
|
2279
2279
|
|
|
2280
|
-
return
|
|
2280
|
+
return React.createElement(
|
|
2281
2281
|
'div',
|
|
2282
2282
|
null,
|
|
2283
|
-
vidLoaded &&
|
|
2283
|
+
vidLoaded && React.createElement(
|
|
2284
2284
|
'video',
|
|
2285
2285
|
{
|
|
2286
2286
|
poster: thumbnail || '',
|
|
@@ -2298,7 +2298,7 @@ var VideoMp4 = function VideoMp4(_ref) {
|
|
|
2298
2298
|
onPlay: function onPlay(e) {
|
|
2299
2299
|
return handleOnPlay(e);
|
|
2300
2300
|
} },
|
|
2301
|
-
|
|
2301
|
+
React.createElement('source', { src: url, type: 'video/mp4' }),
|
|
2302
2302
|
'Your browser does not support the video tag.'
|
|
2303
2303
|
)
|
|
2304
2304
|
);
|
|
@@ -2433,53 +2433,53 @@ var Video = function Video(_ref) {
|
|
|
2433
2433
|
|
|
2434
2434
|
if (source === 'brightcove' && accountIDs.brightcove) {
|
|
2435
2435
|
if (videoID) {
|
|
2436
|
-
return
|
|
2436
|
+
return React.createElement(
|
|
2437
2437
|
'div',
|
|
2438
2438
|
null,
|
|
2439
|
-
|
|
2439
|
+
React.createElement(ReactPlayerLoader, {
|
|
2440
2440
|
onSuccess: onVideoSuccess,
|
|
2441
2441
|
accountId: accountIDs.brightcove.accountId,
|
|
2442
2442
|
videoId: videoID,
|
|
2443
2443
|
playerId: accountIDs.brightcove.playerId,
|
|
2444
2444
|
attrs: { className: 'brightcove-fluid', autoplay: 'muted' }
|
|
2445
2445
|
}),
|
|
2446
|
-
|
|
2446
|
+
React.createElement(
|
|
2447
2447
|
'style',
|
|
2448
2448
|
{ jsx: 'true' },
|
|
2449
2449
|
'\n .brightcove-fluid {\n position: relative;\n padding-bottom: 56.25%; /* 16:9 */\n height: 0;\n width: 100%;\n margin-bottom: 1rem;\n }\n .brightcove-fluid .video-js {\n height: 100%;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n '
|
|
2450
2450
|
)
|
|
2451
2451
|
);
|
|
2452
2452
|
} else if (playlistID) {
|
|
2453
|
-
return
|
|
2453
|
+
return React.createElement(
|
|
2454
2454
|
'div',
|
|
2455
2455
|
null,
|
|
2456
|
-
|
|
2456
|
+
React.createElement(ReactPlayerLoader, {
|
|
2457
2457
|
accountId: accountIDs.brightcove.accountId,
|
|
2458
2458
|
playlistId: playlistID,
|
|
2459
2459
|
playerId: accountIDs.brightcove.playerId,
|
|
2460
2460
|
onSuccess: onVideoSuccess,
|
|
2461
2461
|
attrs: { className: 'brightcove-fluid brightcove-playlist', autoplay: 'muted' }
|
|
2462
2462
|
}),
|
|
2463
|
-
|
|
2463
|
+
React.createElement(
|
|
2464
2464
|
'style',
|
|
2465
2465
|
{ jsx: 'true' },
|
|
2466
2466
|
'\n .brightcove-fluid {\n position: relative;\n padding-bottom: 56.25%; /* 16:9 */\n height: 0;\n width: 100%;\n margin-bottom: 1rem;\n }\n .brightcove-fluid .video-js {\n height: 100%;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n '
|
|
2467
2467
|
)
|
|
2468
2468
|
);
|
|
2469
2469
|
} else if (experienceID) {
|
|
2470
|
-
return
|
|
2470
|
+
return React.createElement(
|
|
2471
2471
|
'div',
|
|
2472
2472
|
{ className: 'brightcove-playlist', style: { position: 'relative', display: 'block', margin: '0px auto' } },
|
|
2473
|
-
videoLoaded &&
|
|
2473
|
+
videoLoaded && React.createElement('div', { 'data-experience': experienceID })
|
|
2474
2474
|
);
|
|
2475
2475
|
}
|
|
2476
2476
|
return null;
|
|
2477
2477
|
}
|
|
2478
2478
|
if (source === 'mp4') {
|
|
2479
|
-
return
|
|
2479
|
+
return React.createElement(
|
|
2480
2480
|
'div',
|
|
2481
2481
|
null,
|
|
2482
|
-
|
|
2482
|
+
React.createElement(VideoMp4, { url: node.mp4url, thumbnail: null, vidLoaded: true })
|
|
2483
2483
|
);
|
|
2484
2484
|
}
|
|
2485
2485
|
|
|
@@ -3084,7 +3084,7 @@ function isEqual(a, b) {
|
|
|
3084
3084
|
return true;
|
|
3085
3085
|
}
|
|
3086
3086
|
|
|
3087
|
-
if ((0,
|
|
3087
|
+
if ((0, React.isValidElement)(a) && (0, React.isValidElement)(b)) {
|
|
3088
3088
|
return true;
|
|
3089
3089
|
}
|
|
3090
3090
|
|
|
@@ -3146,7 +3146,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
3146
3146
|
});
|
|
3147
3147
|
exports["default"] = void 0;
|
|
3148
3148
|
|
|
3149
|
-
var _react = _interopRequireWildcard(
|
|
3149
|
+
var _react = _interopRequireWildcard(React);
|
|
3150
3150
|
|
|
3151
3151
|
|
|
3152
3152
|
|
|
@@ -3556,7 +3556,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
3556
3556
|
});
|
|
3557
3557
|
exports["default"] = createSinglePlayer;
|
|
3558
3558
|
|
|
3559
|
-
var _react = _interopRequireWildcard(
|
|
3559
|
+
var _react = _interopRequireWildcard(React);
|
|
3560
3560
|
|
|
3561
3561
|
|
|
3562
3562
|
|
|
@@ -3714,7 +3714,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
3714
3714
|
});
|
|
3715
3715
|
exports["default"] = exports.YouTube = void 0;
|
|
3716
3716
|
|
|
3717
|
-
var _react = _interopRequireWildcard(
|
|
3717
|
+
var _react = _interopRequireWildcard(React);
|
|
3718
3718
|
|
|
3719
3719
|
|
|
3720
3720
|
|
|
@@ -4023,7 +4023,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4023
4023
|
});
|
|
4024
4024
|
exports["default"] = exports.SoundCloud = void 0;
|
|
4025
4025
|
|
|
4026
|
-
var _react = _interopRequireWildcard(
|
|
4026
|
+
var _react = _interopRequireWildcard(React);
|
|
4027
4027
|
|
|
4028
4028
|
|
|
4029
4029
|
|
|
@@ -4240,7 +4240,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4240
4240
|
});
|
|
4241
4241
|
exports["default"] = exports.Vimeo = void 0;
|
|
4242
4242
|
|
|
4243
|
-
var _react = _interopRequireWildcard(
|
|
4243
|
+
var _react = _interopRequireWildcard(React);
|
|
4244
4244
|
|
|
4245
4245
|
|
|
4246
4246
|
|
|
@@ -4496,7 +4496,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4496
4496
|
});
|
|
4497
4497
|
exports["default"] = exports.Facebook = void 0;
|
|
4498
4498
|
|
|
4499
|
-
var _react = _interopRequireWildcard(
|
|
4499
|
+
var _react = _interopRequireWildcard(React);
|
|
4500
4500
|
|
|
4501
4501
|
|
|
4502
4502
|
|
|
@@ -4708,7 +4708,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4708
4708
|
});
|
|
4709
4709
|
exports["default"] = exports.Streamable = void 0;
|
|
4710
4710
|
|
|
4711
|
-
var _react = _interopRequireWildcard(
|
|
4711
|
+
var _react = _interopRequireWildcard(React);
|
|
4712
4712
|
|
|
4713
4713
|
|
|
4714
4714
|
|
|
@@ -4919,7 +4919,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4919
4919
|
});
|
|
4920
4920
|
exports["default"] = exports.Wistia = void 0;
|
|
4921
4921
|
|
|
4922
|
-
var _react = _interopRequireWildcard(
|
|
4922
|
+
var _react = _interopRequireWildcard(React);
|
|
4923
4923
|
|
|
4924
4924
|
|
|
4925
4925
|
|
|
@@ -5162,7 +5162,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5162
5162
|
});
|
|
5163
5163
|
exports["default"] = exports.Twitch = void 0;
|
|
5164
5164
|
|
|
5165
|
-
var _react = _interopRequireWildcard(
|
|
5165
|
+
var _react = _interopRequireWildcard(React);
|
|
5166
5166
|
|
|
5167
5167
|
|
|
5168
5168
|
|
|
@@ -5378,7 +5378,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5378
5378
|
});
|
|
5379
5379
|
exports["default"] = exports.DailyMotion = void 0;
|
|
5380
5380
|
|
|
5381
|
-
var _react = _interopRequireWildcard(
|
|
5381
|
+
var _react = _interopRequireWildcard(React);
|
|
5382
5382
|
|
|
5383
5383
|
|
|
5384
5384
|
|
|
@@ -5614,7 +5614,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5614
5614
|
});
|
|
5615
5615
|
exports["default"] = exports.Mixcloud = void 0;
|
|
5616
5616
|
|
|
5617
|
-
var _react = _interopRequireWildcard(
|
|
5617
|
+
var _react = _interopRequireWildcard(React);
|
|
5618
5618
|
|
|
5619
5619
|
|
|
5620
5620
|
|
|
@@ -5813,7 +5813,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5813
5813
|
});
|
|
5814
5814
|
exports["default"] = exports.FilePlayer = void 0;
|
|
5815
5815
|
|
|
5816
|
-
var _react = _interopRequireWildcard(
|
|
5816
|
+
var _react = _interopRequireWildcard(React);
|
|
5817
5817
|
|
|
5818
5818
|
|
|
5819
5819
|
|
|
@@ -6380,7 +6380,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6380
6380
|
});
|
|
6381
6381
|
exports["default"] = void 0;
|
|
6382
6382
|
|
|
6383
|
-
var _react = _interopRequireWildcard(
|
|
6383
|
+
var _react = _interopRequireWildcard(React);
|
|
6384
6384
|
|
|
6385
6385
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
6386
6386
|
|
|
@@ -6559,7 +6559,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6559
6559
|
});
|
|
6560
6560
|
exports["default"] = renderPreloadPlayers;
|
|
6561
6561
|
|
|
6562
|
-
var _react = _interopRequireDefault(
|
|
6562
|
+
var _react = _interopRequireDefault(React);
|
|
6563
6563
|
|
|
6564
6564
|
var _Player = _interopRequireDefault(Player_1);
|
|
6565
6565
|
|
|
@@ -6698,7 +6698,7 @@ Object.defineProperty(exports, "Mixcloud", {
|
|
|
6698
6698
|
});
|
|
6699
6699
|
exports["default"] = void 0;
|
|
6700
6700
|
|
|
6701
|
-
var _react = _interopRequireWildcard(
|
|
6701
|
+
var _react = _interopRequireWildcard(React);
|
|
6702
6702
|
|
|
6703
6703
|
|
|
6704
6704
|
|
|
@@ -7012,20 +7012,20 @@ var Audio = function Audio(_ref) {
|
|
|
7012
7012
|
var node = _ref.node;
|
|
7013
7013
|
|
|
7014
7014
|
if (node.uploadAudio) {
|
|
7015
|
-
return
|
|
7015
|
+
return React.createElement(
|
|
7016
7016
|
'div',
|
|
7017
7017
|
{ className: 'audio d-block text-center mb-3' },
|
|
7018
|
-
|
|
7018
|
+
React.createElement(
|
|
7019
7019
|
'audio',
|
|
7020
7020
|
{ controls: true, controlsList: 'nodownload', className: 'audio' },
|
|
7021
|
-
|
|
7022
|
-
|
|
7021
|
+
React.createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/ogg' }),
|
|
7022
|
+
React.createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/mpeg' }),
|
|
7023
7023
|
'Your browser does not support the audio element.'
|
|
7024
7024
|
),
|
|
7025
|
-
node.caption &&
|
|
7025
|
+
node.caption && React.createElement(
|
|
7026
7026
|
'p',
|
|
7027
7027
|
{ style: { fontSize: '.9rem' } },
|
|
7028
|
-
|
|
7028
|
+
React.createElement(
|
|
7029
7029
|
'em',
|
|
7030
7030
|
null,
|
|
7031
7031
|
node.caption
|
|
@@ -7035,15 +7035,15 @@ var Audio = function Audio(_ref) {
|
|
|
7035
7035
|
} else if (node.audioFilePth) {
|
|
7036
7036
|
var hostname = new URL(node.audioFilePth).hostname;
|
|
7037
7037
|
if (hostname === 'embeds.audioboom.com') {
|
|
7038
|
-
return
|
|
7038
|
+
return React.createElement(
|
|
7039
7039
|
'div',
|
|
7040
7040
|
null,
|
|
7041
|
-
|
|
7041
|
+
React.createElement('iframe', { src: node.audioFilePth, width: '100%', height: '300', className: 'audio', style: { border: 'none' } }),
|
|
7042
7042
|
' ',
|
|
7043
|
-
node.caption &&
|
|
7043
|
+
node.caption && React.createElement(
|
|
7044
7044
|
'p',
|
|
7045
7045
|
{ style: { fontSize: '.9rem' } },
|
|
7046
|
-
|
|
7046
|
+
React.createElement(
|
|
7047
7047
|
'em',
|
|
7048
7048
|
null,
|
|
7049
7049
|
node.caption
|
|
@@ -7051,14 +7051,14 @@ var Audio = function Audio(_ref) {
|
|
|
7051
7051
|
)
|
|
7052
7052
|
);
|
|
7053
7053
|
}
|
|
7054
|
-
return
|
|
7054
|
+
return React.createElement(
|
|
7055
7055
|
'div',
|
|
7056
7056
|
{ className: 'audio' },
|
|
7057
|
-
|
|
7058
|
-
node.caption &&
|
|
7057
|
+
React.createElement(ReactPlayer, { url: node.audioFilePth, controls: true, width: '100%', height: '100%' }),
|
|
7058
|
+
node.caption && React.createElement(
|
|
7059
7059
|
'p',
|
|
7060
7060
|
{ style: { fontSize: '.9rem' } },
|
|
7061
|
-
|
|
7061
|
+
React.createElement(
|
|
7062
7062
|
'em',
|
|
7063
7063
|
null,
|
|
7064
7064
|
node.caption
|
|
@@ -7076,34 +7076,34 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
|
|
|
7076
7076
|
var profileImage = arguments[6];
|
|
7077
7077
|
|
|
7078
7078
|
if (authorName && authorURL) {
|
|
7079
|
-
return
|
|
7079
|
+
return React.createElement(
|
|
7080
7080
|
'span',
|
|
7081
7081
|
null,
|
|
7082
|
-
|
|
7082
|
+
React.createElement(
|
|
7083
7083
|
'a',
|
|
7084
7084
|
{ className: 'author-details-link-' + index, rel: 'author', href: '/' + defaultUrl + '/' + authorURL.current, key: index },
|
|
7085
7085
|
authorName
|
|
7086
7086
|
),
|
|
7087
|
-
|
|
7087
|
+
React.createElement(
|
|
7088
7088
|
Card,
|
|
7089
7089
|
{ className: 'author-details-card-' + index },
|
|
7090
|
-
|
|
7090
|
+
React.createElement(
|
|
7091
7091
|
Row,
|
|
7092
7092
|
null,
|
|
7093
|
-
profileImage &&
|
|
7093
|
+
profileImage && React.createElement(
|
|
7094
7094
|
Col,
|
|
7095
7095
|
{ sm: 12, md: 4, className: 'author-details-img-container' },
|
|
7096
|
-
|
|
7096
|
+
React.createElement(Card.Img, { className: 'author-details-img', src: profileImage, alt: authorName })
|
|
7097
7097
|
),
|
|
7098
|
-
|
|
7098
|
+
React.createElement(
|
|
7099
7099
|
Col,
|
|
7100
7100
|
{ className: 'author-details-col', sm: 12, md: profileImage ? 8 : 12 },
|
|
7101
|
-
|
|
7101
|
+
React.createElement(
|
|
7102
7102
|
'div',
|
|
7103
7103
|
{ style: { fontWidth: '500', fontSize: '1.15rem' } },
|
|
7104
7104
|
authorName
|
|
7105
7105
|
),
|
|
7106
|
-
|
|
7106
|
+
React.createElement(
|
|
7107
7107
|
'p',
|
|
7108
7108
|
null,
|
|
7109
7109
|
biography
|
|
@@ -7111,7 +7111,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
|
|
|
7111
7111
|
)
|
|
7112
7112
|
)
|
|
7113
7113
|
),
|
|
7114
|
-
|
|
7114
|
+
React.createElement(
|
|
7115
7115
|
'style',
|
|
7116
7116
|
{ jsx: 'true' },
|
|
7117
7117
|
'\n .author-details-card-' + index + ' {\n display: none;\n position: absolute;\n width: 90%;\n max-width: 450px;\n z-index: 9999;\n }\n .author-details-card-' + index + ' h5 {\n font-weight: 500;\n }\n .author-details-link-' + index + ':hover + .author-details-card-' + index + ', .author-details-card-' + index + ':hover {\n display: block;\n box-shadow: 0px 0px 5px #aaa;\n padding: 15px;\n border-radius: 5px;\n }\n '
|
|
@@ -7119,7 +7119,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
|
|
|
7119
7119
|
length !== index + 1 && ' , '
|
|
7120
7120
|
);
|
|
7121
7121
|
} else if (authorName) {
|
|
7122
|
-
return
|
|
7122
|
+
return React.createElement(
|
|
7123
7123
|
'span',
|
|
7124
7124
|
{ key: index },
|
|
7125
7125
|
authorName,
|
|
@@ -7396,44 +7396,44 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
7396
7396
|
}
|
|
7397
7397
|
};
|
|
7398
7398
|
|
|
7399
|
-
return
|
|
7399
|
+
return React.createElement(
|
|
7400
7400
|
'div',
|
|
7401
7401
|
{ className: 'video-container', style: { marginBottom: '2rem' } },
|
|
7402
|
-
|
|
7402
|
+
React.createElement(
|
|
7403
7403
|
'div',
|
|
7404
7404
|
{ className: 'mt-2 mb-5' },
|
|
7405
|
-
series &&
|
|
7405
|
+
series && React.createElement(
|
|
7406
7406
|
'div',
|
|
7407
7407
|
{ style: { fontSize: '0.9rem' } },
|
|
7408
7408
|
article.title,
|
|
7409
7409
|
' - Episode ',
|
|
7410
7410
|
series
|
|
7411
7411
|
),
|
|
7412
|
-
Videos[series - 1] &&
|
|
7412
|
+
Videos[series - 1] && React.createElement(
|
|
7413
7413
|
'h1',
|
|
7414
7414
|
{ className: 'mb-3' },
|
|
7415
7415
|
Videos[series - 1].title
|
|
7416
7416
|
),
|
|
7417
|
-
|
|
7417
|
+
React.createElement(
|
|
7418
7418
|
'div',
|
|
7419
7419
|
null,
|
|
7420
7420
|
moment(article.published).format('LL')
|
|
7421
7421
|
),
|
|
7422
|
-
|
|
7422
|
+
React.createElement(
|
|
7423
7423
|
'div',
|
|
7424
7424
|
{ className: 'mb-3' },
|
|
7425
7425
|
article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
|
|
7426
|
-
return
|
|
7426
|
+
return React.createElement(
|
|
7427
7427
|
'span',
|
|
7428
7428
|
{ key: index },
|
|
7429
7429
|
renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, '', authorDetail.profileImage && urlFor(client, authorDetail.profileImage).height(authorImgHeight).url())
|
|
7430
7430
|
);
|
|
7431
7431
|
})
|
|
7432
7432
|
),
|
|
7433
|
-
|
|
7433
|
+
React.createElement(
|
|
7434
7434
|
'p',
|
|
7435
7435
|
null,
|
|
7436
|
-
|
|
7436
|
+
React.createElement(SocialShare, {
|
|
7437
7437
|
shareUrl: meta.shareUrl + '?seriesVid=' + series,
|
|
7438
7438
|
shareTitle: Videos[series - 1] && Videos[series - 1].title ? Videos[series - 1].title : meta.shareTitle,
|
|
7439
7439
|
shareVia: meta.shareVia,
|
|
@@ -7448,20 +7448,20 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
7448
7448
|
hideFacebook: meta.hideFBShare
|
|
7449
7449
|
})
|
|
7450
7450
|
),
|
|
7451
|
-
Videos[series - 1] && Videos[series - 1].intro &&
|
|
7451
|
+
Videos[series - 1] && Videos[series - 1].intro && React.createElement(
|
|
7452
7452
|
'p',
|
|
7453
7453
|
{ className: 'mb-3' },
|
|
7454
|
-
|
|
7454
|
+
React.createElement(
|
|
7455
7455
|
'em',
|
|
7456
7456
|
null,
|
|
7457
7457
|
Videos[series - 1].intro
|
|
7458
7458
|
)
|
|
7459
7459
|
)
|
|
7460
7460
|
),
|
|
7461
|
-
|
|
7461
|
+
React.createElement(
|
|
7462
7462
|
'div',
|
|
7463
7463
|
{ id: 'fluid-video-container', className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
|
|
7464
|
-
vidUrl && vidType == 'youtube' &&
|
|
7464
|
+
vidUrl && vidType == 'youtube' && React.createElement(YouTube, {
|
|
7465
7465
|
className: 'fluid-iframe',
|
|
7466
7466
|
videoId: getYoutubeId(vidUrl),
|
|
7467
7467
|
opts: opts,
|
|
@@ -7472,10 +7472,10 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
7472
7472
|
return handleOnEnd(e);
|
|
7473
7473
|
}
|
|
7474
7474
|
}),
|
|
7475
|
-
vidUrl && vidType == 'mp4' &&
|
|
7476
|
-
vidUrl && vidType == 'brightcove' &&
|
|
7477
|
-
|
|
7478
|
-
series &&
|
|
7475
|
+
vidUrl && vidType == 'mp4' && React.createElement(VideoMp4, { url: vidUrl, thumbnail: vidThumbnail, vidLoaded: vidLoaded }),
|
|
7476
|
+
vidUrl && vidType == 'brightcove' && React.createElement(Video, { autoplay: true, node: { videoID: vidUrl, source: 'brightcove' }, accountIDs: accountIDs, autoplayNextVideo: autoplayNextVideo }),
|
|
7477
|
+
React.createElement('hr', { style: { marginTop: '1.5rem', borderTop: '2px solid rgba(0,0,0,.35)' } }),
|
|
7478
|
+
series && React.createElement(
|
|
7479
7479
|
'div',
|
|
7480
7480
|
{
|
|
7481
7481
|
className: 'vid-series',
|
|
@@ -7485,10 +7485,10 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
7485
7485
|
maxHeight: '100%',
|
|
7486
7486
|
paddingBottom: '0'
|
|
7487
7487
|
} },
|
|
7488
|
-
|
|
7488
|
+
React.createElement(
|
|
7489
7489
|
'p',
|
|
7490
7490
|
{ style: { color: '#484848', marginBottom: '0' } },
|
|
7491
|
-
|
|
7491
|
+
React.createElement(
|
|
7492
7492
|
'b',
|
|
7493
7493
|
{ style: { fontSize: '1.25em' } },
|
|
7494
7494
|
'Now Playing:'
|
|
@@ -7496,16 +7496,16 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
7496
7496
|
' ',
|
|
7497
7497
|
seriesData[series ? series - 1 : 0].title
|
|
7498
7498
|
),
|
|
7499
|
-
vidUrl &&
|
|
7499
|
+
vidUrl && React.createElement(GroupDeck, { dataset: seriesData, setState: setState, seriesVid: series, current: vidUrl, client: client, displayEpisodeNumber: true })
|
|
7500
7500
|
)
|
|
7501
7501
|
),
|
|
7502
|
-
|
|
7503
|
-
|
|
7502
|
+
React.createElement('div', { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } }),
|
|
7503
|
+
React.createElement(
|
|
7504
7504
|
'div',
|
|
7505
7505
|
{ className: 'vid-text' },
|
|
7506
|
-
Videos[series - 1] && Videos[series - 1].text &&
|
|
7506
|
+
Videos[series - 1] && Videos[series - 1].text && React.createElement(BlockContent, _extends({ serializers: getSerializers, blocks: Videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
|
|
7507
7507
|
),
|
|
7508
|
-
|
|
7508
|
+
React.createElement(
|
|
7509
7509
|
'style',
|
|
7510
7510
|
{ jsx: 'true' },
|
|
7511
7511
|
'\n span.btn {\n margin: 0 1rem;\n }\n '
|
|
@@ -7558,67 +7558,67 @@ var Poll$1 = function Poll(_ref) {
|
|
|
7558
7558
|
return acc;
|
|
7559
7559
|
}
|
|
7560
7560
|
}, 0);
|
|
7561
|
-
return
|
|
7562
|
-
|
|
7561
|
+
return React.createElement(
|
|
7562
|
+
React.Fragment,
|
|
7563
7563
|
null,
|
|
7564
|
-
question &&
|
|
7564
|
+
question && React.createElement(
|
|
7565
7565
|
'p',
|
|
7566
7566
|
{ className: 'font-weight-bold' },
|
|
7567
7567
|
question
|
|
7568
7568
|
),
|
|
7569
|
-
!showAnswer && choices && choices.length > 0 &&
|
|
7569
|
+
!showAnswer && choices && choices.length > 0 && React.createElement(
|
|
7570
7570
|
'form',
|
|
7571
7571
|
{ onSubmit: function onSubmit(e) {
|
|
7572
7572
|
return onSubmitPoll(e);
|
|
7573
7573
|
} },
|
|
7574
7574
|
choices && choices.map(function (choice) {
|
|
7575
|
-
return
|
|
7575
|
+
return React.createElement(
|
|
7576
7576
|
'div',
|
|
7577
7577
|
{ key: choice._key },
|
|
7578
|
-
|
|
7578
|
+
React.createElement(
|
|
7579
7579
|
'label',
|
|
7580
7580
|
{ className: 'pl-2' },
|
|
7581
|
-
|
|
7581
|
+
React.createElement('input', { type: 'radio', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
|
|
7582
7582
|
return setSelectedChoice(e.target.value);
|
|
7583
7583
|
} }),
|
|
7584
7584
|
' ' + choice.choiceText
|
|
7585
7585
|
)
|
|
7586
7586
|
);
|
|
7587
7587
|
}),
|
|
7588
|
-
|
|
7588
|
+
React.createElement(
|
|
7589
7589
|
Button,
|
|
7590
7590
|
{ disabled: !selectedChoice, type: 'submit' },
|
|
7591
7591
|
'Vote'
|
|
7592
7592
|
)
|
|
7593
7593
|
),
|
|
7594
|
-
|
|
7594
|
+
React.createElement(
|
|
7595
7595
|
'div',
|
|
7596
7596
|
{ className: 'progress-container' },
|
|
7597
7597
|
showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
|
|
7598
7598
|
var percentage = choicesTotalCount && choicesTotalCount > 0 ? choice.choiceCount ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0 : 0;
|
|
7599
|
-
return
|
|
7599
|
+
return React.createElement(
|
|
7600
7600
|
'div',
|
|
7601
7601
|
{ key: choice._key, className: 'mb-3' },
|
|
7602
|
-
|
|
7602
|
+
React.createElement(
|
|
7603
7603
|
'div',
|
|
7604
7604
|
{ className: 'correct-answer' },
|
|
7605
|
-
|
|
7605
|
+
React.createElement(
|
|
7606
7606
|
'div',
|
|
7607
7607
|
null,
|
|
7608
7608
|
choice.choiceText
|
|
7609
7609
|
),
|
|
7610
|
-
choice.choiceAnswer === true &&
|
|
7610
|
+
choice.choiceAnswer === true && React.createElement(
|
|
7611
7611
|
'div',
|
|
7612
7612
|
null,
|
|
7613
|
-
|
|
7613
|
+
React.createElement(
|
|
7614
7614
|
'span',
|
|
7615
7615
|
{ style: { color: 'limegreen' } },
|
|
7616
7616
|
'Correct!'
|
|
7617
7617
|
)
|
|
7618
7618
|
)
|
|
7619
7619
|
),
|
|
7620
|
-
|
|
7621
|
-
|
|
7620
|
+
React.createElement(ProgressBar, { now: percentage }),
|
|
7621
|
+
React.createElement(
|
|
7622
7622
|
'span',
|
|
7623
7623
|
{ className: 'float-right' },
|
|
7624
7624
|
percentage,
|
|
@@ -7629,14 +7629,14 @@ var Poll$1 = function Poll(_ref) {
|
|
|
7629
7629
|
);
|
|
7630
7630
|
})
|
|
7631
7631
|
),
|
|
7632
|
-
showAnswer &&
|
|
7632
|
+
showAnswer && React.createElement(
|
|
7633
7633
|
'h4',
|
|
7634
7634
|
{ className: 'text-center small p-3' },
|
|
7635
7635
|
'Total Votes: ',
|
|
7636
7636
|
choicesTotalCount
|
|
7637
7637
|
),
|
|
7638
|
-
showAnswer && response &&
|
|
7639
|
-
|
|
7638
|
+
showAnswer && response && React.createElement(BlockContent, { blocks: response, serializers: getSerializers }),
|
|
7639
|
+
React.createElement(
|
|
7640
7640
|
'style',
|
|
7641
7641
|
{ jsx: 'true' },
|
|
7642
7642
|
'\n .correct-answer {\n display: flex;\n justify-content: space-between;\n }\n .progress-bar {\n color: #fff;\n }\n '
|
|
@@ -7735,67 +7735,67 @@ var Poll = function Poll(_ref) {
|
|
|
7735
7735
|
return acc;
|
|
7736
7736
|
}
|
|
7737
7737
|
}, 0);
|
|
7738
|
-
return
|
|
7739
|
-
|
|
7738
|
+
return React.createElement(
|
|
7739
|
+
React.Fragment,
|
|
7740
7740
|
null,
|
|
7741
|
-
question &&
|
|
7741
|
+
question && React.createElement(
|
|
7742
7742
|
'p',
|
|
7743
7743
|
{ className: 'font-weight-bold' },
|
|
7744
7744
|
question
|
|
7745
7745
|
),
|
|
7746
|
-
!showAnswer && choices && choices.length > 0 &&
|
|
7746
|
+
!showAnswer && choices && choices.length > 0 && React.createElement(
|
|
7747
7747
|
'form',
|
|
7748
7748
|
{ onSubmit: function onSubmit(e) {
|
|
7749
7749
|
return onSubmitPoll(e);
|
|
7750
7750
|
} },
|
|
7751
7751
|
choices && choices.map(function (choice) {
|
|
7752
|
-
return
|
|
7752
|
+
return React.createElement(
|
|
7753
7753
|
'div',
|
|
7754
7754
|
{ key: choice._key },
|
|
7755
|
-
|
|
7755
|
+
React.createElement(
|
|
7756
7756
|
'label',
|
|
7757
7757
|
{ className: 'pl-2' },
|
|
7758
|
-
|
|
7758
|
+
React.createElement('input', { type: 'checkbox', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
|
|
7759
7759
|
return setSelectedChoice(e.target.value);
|
|
7760
7760
|
} }),
|
|
7761
7761
|
' ' + choice.choiceText
|
|
7762
7762
|
)
|
|
7763
7763
|
);
|
|
7764
7764
|
}),
|
|
7765
|
-
|
|
7765
|
+
React.createElement(
|
|
7766
7766
|
Button,
|
|
7767
7767
|
{ disabled: !selectedChoice, type: 'submit' },
|
|
7768
7768
|
'Vote'
|
|
7769
7769
|
)
|
|
7770
7770
|
),
|
|
7771
|
-
|
|
7771
|
+
React.createElement(
|
|
7772
7772
|
'div',
|
|
7773
7773
|
{ className: 'progress-container' },
|
|
7774
7774
|
showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
|
|
7775
7775
|
var percentage = choicesTotalCount && choicesTotalCount > 0 ? choice.choiceCount ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0 : 0;
|
|
7776
|
-
return
|
|
7776
|
+
return React.createElement(
|
|
7777
7777
|
'div',
|
|
7778
7778
|
{ key: choice._key, className: 'mb-3' },
|
|
7779
|
-
|
|
7779
|
+
React.createElement(
|
|
7780
7780
|
'div',
|
|
7781
7781
|
{ className: 'correct-answer' },
|
|
7782
|
-
|
|
7782
|
+
React.createElement(
|
|
7783
7783
|
'div',
|
|
7784
7784
|
null,
|
|
7785
7785
|
choice.choiceText
|
|
7786
7786
|
),
|
|
7787
|
-
choice.choiceAnswer === true &&
|
|
7787
|
+
choice.choiceAnswer === true && React.createElement(
|
|
7788
7788
|
'div',
|
|
7789
7789
|
null,
|
|
7790
|
-
|
|
7790
|
+
React.createElement(
|
|
7791
7791
|
'span',
|
|
7792
7792
|
{ style: { color: 'limegreen' } },
|
|
7793
7793
|
'Correct!'
|
|
7794
7794
|
)
|
|
7795
7795
|
)
|
|
7796
7796
|
),
|
|
7797
|
-
|
|
7798
|
-
|
|
7797
|
+
React.createElement(ProgressBar, { now: percentage }),
|
|
7798
|
+
React.createElement(
|
|
7799
7799
|
'span',
|
|
7800
7800
|
{ className: 'float-right' },
|
|
7801
7801
|
percentage,
|
|
@@ -7806,14 +7806,14 @@ var Poll = function Poll(_ref) {
|
|
|
7806
7806
|
);
|
|
7807
7807
|
})
|
|
7808
7808
|
),
|
|
7809
|
-
showAnswer &&
|
|
7809
|
+
showAnswer && React.createElement(
|
|
7810
7810
|
'h4',
|
|
7811
7811
|
{ className: 'text-center small p-3' },
|
|
7812
7812
|
'Total Votes: ',
|
|
7813
7813
|
choicesTotalCount
|
|
7814
7814
|
),
|
|
7815
|
-
showAnswer && response &&
|
|
7816
|
-
|
|
7815
|
+
showAnswer && response && React.createElement(BlockContent, { blocks: response, serializers: getSerializers }),
|
|
7816
|
+
React.createElement(
|
|
7817
7817
|
'style',
|
|
7818
7818
|
{ jsx: 'true' },
|
|
7819
7819
|
'\n .correct-answer {\n width: 100%;\n display: flex;\n justify-content: space-between;\n padding: 0 0.5rem;\n }\n .progress-bar {\n color: #fff;\n }\n '
|
|
@@ -7939,20 +7939,20 @@ var Quiz = function Quiz(_ref) {
|
|
|
7939
7939
|
};
|
|
7940
7940
|
|
|
7941
7941
|
var renderPagination = function renderPagination() {
|
|
7942
|
-
return
|
|
7942
|
+
return React.createElement(
|
|
7943
7943
|
Pagination,
|
|
7944
7944
|
{ className: 'p-0 m-0', size: main_42 && 'sm' },
|
|
7945
|
-
|
|
7945
|
+
React.createElement(Pagination.First, { onClick: function onClick() {
|
|
7946
7946
|
return changePage('first');
|
|
7947
7947
|
}, disabled: currentPage === 1 }),
|
|
7948
|
-
|
|
7948
|
+
React.createElement(Pagination.Prev, { onClick: function onClick() {
|
|
7949
7949
|
return changePage('prev');
|
|
7950
7950
|
}, disabled: currentPage === 1 }),
|
|
7951
|
-
|
|
7951
|
+
React.createElement(Pagination.Ellipsis, { onClick: function onClick() {
|
|
7952
7952
|
return renderNewPages('prev');
|
|
7953
7953
|
}, disabled: !validateIndex(startIndex - numberOfPaginations) }),
|
|
7954
7954
|
pages.map(function (page) {
|
|
7955
|
-
return
|
|
7955
|
+
return React.createElement(
|
|
7956
7956
|
Pagination.Item,
|
|
7957
7957
|
{ key: page, active: page === currentPage, onClick: function onClick() {
|
|
7958
7958
|
return changePage(page);
|
|
@@ -7960,13 +7960,13 @@ var Quiz = function Quiz(_ref) {
|
|
|
7960
7960
|
page
|
|
7961
7961
|
);
|
|
7962
7962
|
}),
|
|
7963
|
-
|
|
7963
|
+
React.createElement(Pagination.Ellipsis, { onClick: function onClick() {
|
|
7964
7964
|
return renderNewPages('next');
|
|
7965
7965
|
}, disabled: !validateIndex(startIndex + numberOfPaginations) }),
|
|
7966
|
-
|
|
7966
|
+
React.createElement(Pagination.Next, { onClick: function onClick() {
|
|
7967
7967
|
return changePage('next');
|
|
7968
7968
|
}, disabled: currentPage === pageCount }),
|
|
7969
|
-
|
|
7969
|
+
React.createElement(Pagination.Last, { onClick: function onClick() {
|
|
7970
7970
|
return changePage('last');
|
|
7971
7971
|
}, disabled: currentPage === pageCount })
|
|
7972
7972
|
);
|
|
@@ -8049,51 +8049,51 @@ var Quiz = function Quiz(_ref) {
|
|
|
8049
8049
|
}
|
|
8050
8050
|
};
|
|
8051
8051
|
|
|
8052
|
-
return
|
|
8053
|
-
|
|
8052
|
+
return React.createElement(
|
|
8053
|
+
React.Fragment,
|
|
8054
8054
|
null,
|
|
8055
|
-
quizzes[currentPage - 1] &&
|
|
8056
|
-
|
|
8055
|
+
quizzes[currentPage - 1] && React.createElement(
|
|
8056
|
+
React.Fragment,
|
|
8057
8057
|
null,
|
|
8058
|
-
|
|
8059
|
-
quizzes[currentPage - 1].quizAnswers && quizzes[currentPage - 1].quizAnswers.length > 0 &&
|
|
8058
|
+
React.createElement(BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
|
|
8059
|
+
quizzes[currentPage - 1].quizAnswers && quizzes[currentPage - 1].quizAnswers.length > 0 && React.createElement(
|
|
8060
8060
|
'form',
|
|
8061
8061
|
{ ref: answersRef, onSubmit: function onSubmit(e) {
|
|
8062
8062
|
return e.preventDefault();
|
|
8063
8063
|
} },
|
|
8064
8064
|
quizzes[currentPage - 1].quizAnswers.map(function (answer, index) {
|
|
8065
|
-
return
|
|
8065
|
+
return React.createElement(
|
|
8066
8066
|
'div',
|
|
8067
8067
|
{ key: answer._key },
|
|
8068
|
-
|
|
8068
|
+
React.createElement(
|
|
8069
8069
|
'label',
|
|
8070
8070
|
{ className: 'pl-2' },
|
|
8071
|
-
quizzes[currentPage - 1].multiAnswer ?
|
|
8071
|
+
quizzes[currentPage - 1].multiAnswer ? React.createElement('input', { type: 'checkbox', id: 'male', disabled: isDisabled, name: answer._type, value: answer._key }) : React.createElement('input', { type: 'radio', id: 'male', name: answer._type, value: answer._key }),
|
|
8072
8072
|
' ' + answer.answerText
|
|
8073
8073
|
)
|
|
8074
8074
|
);
|
|
8075
8075
|
})
|
|
8076
8076
|
)
|
|
8077
8077
|
),
|
|
8078
|
-
!showAnswer &&
|
|
8078
|
+
!showAnswer && React.createElement(
|
|
8079
8079
|
Button$1,
|
|
8080
8080
|
{ onClick: function onClick() {
|
|
8081
8081
|
return checkAnswers();
|
|
8082
8082
|
}, variant: 'info', block: true },
|
|
8083
8083
|
'Please click here for answer'
|
|
8084
8084
|
),
|
|
8085
|
-
quizzes[currentPage - 1] && showAnswer &&
|
|
8086
|
-
|
|
8085
|
+
quizzes[currentPage - 1] && showAnswer && React.createElement(
|
|
8086
|
+
React.Fragment,
|
|
8087
8087
|
null,
|
|
8088
|
-
|
|
8088
|
+
React.createElement(
|
|
8089
8089
|
'h4',
|
|
8090
8090
|
null,
|
|
8091
8091
|
'Answer:'
|
|
8092
8092
|
),
|
|
8093
|
-
quizzes[currentPage - 1].answer &&
|
|
8093
|
+
quizzes[currentPage - 1].answer && React.createElement(BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers })
|
|
8094
8094
|
),
|
|
8095
|
-
|
|
8096
|
-
pageCount > 1 &&
|
|
8095
|
+
React.createElement('br', null),
|
|
8096
|
+
pageCount > 1 && React.createElement(
|
|
8097
8097
|
'div',
|
|
8098
8098
|
{ className: 'd-flex justify-content-center' },
|
|
8099
8099
|
renderPagination()
|
|
@@ -8104,10 +8104,10 @@ var Quiz = function Quiz(_ref) {
|
|
|
8104
8104
|
var Leads = function Leads(_ref) {
|
|
8105
8105
|
var url = _ref.url;
|
|
8106
8106
|
|
|
8107
|
-
return
|
|
8107
|
+
return React.createElement(
|
|
8108
8108
|
'div',
|
|
8109
8109
|
{ className: 'd-block text-center mb-3' },
|
|
8110
|
-
url &&
|
|
8110
|
+
url && React.createElement('iframe', { className: 'w-100 h-100 leads-block', scrolling: 'no', src: url, frameBorder: '0', allow: 'fullscreen' })
|
|
8111
8111
|
);
|
|
8112
8112
|
};
|
|
8113
8113
|
|
|
@@ -8155,42 +8155,42 @@ var Slideshow = function Slideshow(_ref) {
|
|
|
8155
8155
|
}
|
|
8156
8156
|
};
|
|
8157
8157
|
|
|
8158
|
-
return
|
|
8158
|
+
return React.createElement(
|
|
8159
8159
|
'div',
|
|
8160
8160
|
{ ref: carouselRef, className: 'mt-3 mb-4' },
|
|
8161
|
-
|
|
8161
|
+
React.createElement(
|
|
8162
8162
|
Carousel,
|
|
8163
8163
|
{ activeIndex: carouselIndex, onSelect: onChangeSlide, interval: null },
|
|
8164
8164
|
slides && slides.map(function (slide) {
|
|
8165
8165
|
if (slide.slideshowImage && slide.slideshowImage.asset) {
|
|
8166
|
-
return
|
|
8166
|
+
return React.createElement(
|
|
8167
8167
|
Carousel.Item,
|
|
8168
8168
|
{ key: slide._key },
|
|
8169
|
-
|
|
8169
|
+
React.createElement(
|
|
8170
8170
|
'a',
|
|
8171
8171
|
{ href: slide.slideshowImage.link && slide.slideshowImage.link, target: slide.slideshowImage.blank ? '_blank' : '_self' },
|
|
8172
|
-
|
|
8172
|
+
React.createElement(
|
|
8173
8173
|
LazyLoad,
|
|
8174
8174
|
null,
|
|
8175
|
-
|
|
8175
|
+
React.createElement('img', { src: urlFor$3(slide.slideshowImage, client).url(), alt: slide.slideshowImage.alt || 'slideshow image', style: { width: '100%' } })
|
|
8176
8176
|
)
|
|
8177
8177
|
),
|
|
8178
|
-
|
|
8178
|
+
React.createElement(
|
|
8179
8179
|
'div',
|
|
8180
8180
|
{ className: 'p-2' },
|
|
8181
|
-
slide.slideshowImage.caption &&
|
|
8181
|
+
slide.slideshowImage.caption && React.createElement(
|
|
8182
8182
|
'h3',
|
|
8183
8183
|
{ style: { padding: '0px' } },
|
|
8184
8184
|
slide.slideshowImage.caption
|
|
8185
8185
|
),
|
|
8186
|
-
slide.description &&
|
|
8186
|
+
slide.description && React.createElement(BlockContent, { blocks: slide.description, serializers: getSerializers })
|
|
8187
8187
|
)
|
|
8188
8188
|
);
|
|
8189
8189
|
}
|
|
8190
8190
|
return null;
|
|
8191
8191
|
})
|
|
8192
8192
|
),
|
|
8193
|
-
|
|
8193
|
+
React.createElement(
|
|
8194
8194
|
'style',
|
|
8195
8195
|
{ jsx: 'true' },
|
|
8196
8196
|
'\n .carousel-indicators {\n bottom: -2.5rem !important;\n }\n .carousel-indicators li {\n width: 20px;\n height: 20px;\n border-radius: 50% !important;\n background-color: var(--secondary);\n }\n .carousel-control-prev {\n justify-content: flex-start;\n }\n .carousel-control-next {\n justify-content: flex-end;\n }\n '
|
|
@@ -8209,10 +8209,10 @@ var NativeAd = function NativeAd(props) {
|
|
|
8209
8209
|
sizes = _props$node.sizes,
|
|
8210
8210
|
sizeMapping = _props$node.sizeMapping;
|
|
8211
8211
|
|
|
8212
|
-
return
|
|
8212
|
+
return React.createElement(
|
|
8213
8213
|
'div',
|
|
8214
8214
|
{ className: 'native-ad-wrapper', style: { textAlign: 'center' } },
|
|
8215
|
-
|
|
8215
|
+
React.createElement(DFPAdSlot, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, className: className, sizes: sizes, sizeMapping: sizeMapping })
|
|
8216
8216
|
);
|
|
8217
8217
|
};
|
|
8218
8218
|
|
|
@@ -8223,15 +8223,15 @@ var Formstack = function Formstack(_ref) {
|
|
|
8223
8223
|
needSegmentSupport = _ref$needSegmentSuppo === undefined ? false : _ref$needSegmentSuppo;
|
|
8224
8224
|
|
|
8225
8225
|
var url = Segment.getURL('https://mjhlifesciences.formstack.com/forms/' + FormID, { needSegmentSupport: needSegmentSupport });
|
|
8226
|
-
return
|
|
8226
|
+
return React.createElement(
|
|
8227
8227
|
'section',
|
|
8228
8228
|
{ id: 'formstack-section', className: 'formstack-section' },
|
|
8229
|
-
Caption &&
|
|
8229
|
+
Caption && React.createElement(
|
|
8230
8230
|
'h4',
|
|
8231
8231
|
{ className: 'formstack-caption' },
|
|
8232
8232
|
Caption
|
|
8233
8233
|
),
|
|
8234
|
-
|
|
8234
|
+
React.createElement('iframe', { src: url, title: Caption || '', width: '100%', height: '600', frameBorder: '0' })
|
|
8235
8235
|
);
|
|
8236
8236
|
};
|
|
8237
8237
|
|
|
@@ -8251,29 +8251,29 @@ var MultiMedia = function MultiMedia(props) {
|
|
|
8251
8251
|
}
|
|
8252
8252
|
});
|
|
8253
8253
|
if (medias && medias.length > 0) {
|
|
8254
|
-
return
|
|
8254
|
+
return React.createElement(
|
|
8255
8255
|
'div',
|
|
8256
8256
|
{ className: 'multi-media-container' },
|
|
8257
|
-
|
|
8257
|
+
React.createElement(
|
|
8258
8258
|
Row$1,
|
|
8259
8259
|
{ noGutters: true },
|
|
8260
8260
|
medias.map(function (media) {
|
|
8261
|
-
return
|
|
8261
|
+
return React.createElement(
|
|
8262
8262
|
Col$1,
|
|
8263
8263
|
{ xs: 12, md: 12 / medias.length, key: media._key },
|
|
8264
|
-
|
|
8264
|
+
React.createElement(
|
|
8265
8265
|
'a',
|
|
8266
8266
|
_extends({}, media.upload_doc && media.upload_doc.asset && { href: media.upload_doc.asset.url, target: media.blank ? '_blank' : '_self' }, {
|
|
8267
8267
|
style: { cursor: media.upload_doc && media.upload_doc.asset && media.upload_doc.asset.url ? 'pointer' : 'default' } }),
|
|
8268
|
-
|
|
8268
|
+
React.createElement(
|
|
8269
8269
|
'div',
|
|
8270
8270
|
{ className: 'multi-media-image-container' },
|
|
8271
|
-
imageBox &&
|
|
8271
|
+
imageBox && React.createElement(
|
|
8272
8272
|
LazyLoad,
|
|
8273
8273
|
{ once: true },
|
|
8274
|
-
|
|
8274
|
+
React.createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor$2(media.poster, client).url(), alt: media.alt })
|
|
8275
8275
|
),
|
|
8276
|
-
media.caption &&
|
|
8276
|
+
media.caption && React.createElement(
|
|
8277
8277
|
'span',
|
|
8278
8278
|
{ className: 'multi-media-caption' },
|
|
8279
8279
|
media.caption
|
|
@@ -8283,7 +8283,7 @@ var MultiMedia = function MultiMedia(props) {
|
|
|
8283
8283
|
);
|
|
8284
8284
|
})
|
|
8285
8285
|
),
|
|
8286
|
-
|
|
8286
|
+
React.createElement(
|
|
8287
8287
|
'style',
|
|
8288
8288
|
{ jsx: 'true' },
|
|
8289
8289
|
'\n .multi-media-container {\n margin-bottom: 1rem;\n }\n .multi-media-image {\n width: 100%;\n height: auto;\n object-fit: cover;\n }\n\n /* Small devices (portrait tablets and phones, 767px and down) */\n @media (max-width: 767px) {\n .multi-media-image-container {\n margin-bottom: 1rem;\n }\n }\n\n /* Medium devices (landscape tablets, 768px and up) */\n @media (min-width: 768px) {\n .multi-media-image[images-count=\'4\'] {\n height: 100px;\n }\n .multi-media-image[images-count=\'3\'] {\n height: 130px;\n }\n .multi-media-image[images-count=\'2\'] {\n height: 200px;\n }\n .multi-media-container [class*=\'col-\'] + [class*=\'col-\'] {\n padding-left: 0.75rem;\n }\n }\n\n /* Large devices (laptops/desktops, 992px and up) */\n @media (min-width: 992px) {\n .multi-media-image[images-count=\'4\'] {\n height: 150px;\n }\n .multi-media-image[images-count=\'3\'] {\n height: 200px;\n }\n .multi-media-image[images-count=\'2\'] {\n height: 300px;\n }\n }\n\n .multi-media-caption {\n font-size: 90%;\n color: #6c757d;\n }\n '
|
|
@@ -8330,7 +8330,7 @@ var InscreenSensor = function (_React$Component) {
|
|
|
8330
8330
|
}
|
|
8331
8331
|
};
|
|
8332
8332
|
|
|
8333
|
-
_this.wraperRef =
|
|
8333
|
+
_this.wraperRef = React.createRef();
|
|
8334
8334
|
_this.visible = false;
|
|
8335
8335
|
return _this;
|
|
8336
8336
|
}
|
|
@@ -8358,7 +8358,7 @@ var InscreenSensor = function (_React$Component) {
|
|
|
8358
8358
|
_props$id = _props.id,
|
|
8359
8359
|
id = _props$id === undefined ? '' : _props$id;
|
|
8360
8360
|
|
|
8361
|
-
return
|
|
8361
|
+
return React.createElement(
|
|
8362
8362
|
'div',
|
|
8363
8363
|
{ ref: this.wraperRef, className: className, style: style, id: id },
|
|
8364
8364
|
this.props.children
|
|
@@ -8367,7 +8367,7 @@ var InscreenSensor = function (_React$Component) {
|
|
|
8367
8367
|
}]);
|
|
8368
8368
|
|
|
8369
8369
|
return InscreenSensor;
|
|
8370
|
-
}(
|
|
8370
|
+
}(React.Component);
|
|
8371
8371
|
|
|
8372
8372
|
var ArticleSeries = function ArticleSeries(_ref) {
|
|
8373
8373
|
var nodes = _ref.nodes,
|
|
@@ -8480,33 +8480,33 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
8480
8480
|
if (!article || !article.is_visible && article.hasOwnProperty('is_visible') || today < article.published) return null;
|
|
8481
8481
|
var showReading = show ? 'showReading' : '';
|
|
8482
8482
|
var articleLabel = articles.length == 1 && articleNum != 0 || articles.length > 1 && index == 0 ? 'Previous' : 'Next';
|
|
8483
|
-
return
|
|
8483
|
+
return React.createElement(
|
|
8484
8484
|
'div',
|
|
8485
8485
|
{ key: article.title + '_' + index, className: 'prevNextCards' },
|
|
8486
|
-
|
|
8486
|
+
React.createElement(
|
|
8487
8487
|
'a',
|
|
8488
8488
|
{ onClick: function onClick(e) {
|
|
8489
8489
|
return articleCardClickHandler(e);
|
|
8490
8490
|
}, 'data-cardlabel': '' + articleLabel, 'data-articleIndex': '' + index, 'data-articleid': '' + article.param.current },
|
|
8491
|
-
|
|
8491
|
+
React.createElement(
|
|
8492
8492
|
'div',
|
|
8493
8493
|
{ className: 'prevNext-thumbnail' },
|
|
8494
|
-
|
|
8495
|
-
|
|
8494
|
+
React.createElement('img', { src: urlFor(article.thumbnail.asset).url() }),
|
|
8495
|
+
React.createElement(
|
|
8496
8496
|
'div',
|
|
8497
8497
|
{ className: 'prevNext-reading ' + showReading },
|
|
8498
8498
|
articleLabel
|
|
8499
8499
|
)
|
|
8500
8500
|
),
|
|
8501
|
-
|
|
8501
|
+
React.createElement(
|
|
8502
8502
|
'div',
|
|
8503
8503
|
{ className: 'prevNext-summary' },
|
|
8504
|
-
|
|
8504
|
+
React.createElement(
|
|
8505
8505
|
'div',
|
|
8506
8506
|
{ className: 'prevNext-publishDate' },
|
|
8507
8507
|
moment(article.published).format('LL')
|
|
8508
8508
|
),
|
|
8509
|
-
|
|
8509
|
+
React.createElement(
|
|
8510
8510
|
'h2',
|
|
8511
8511
|
{ className: 'prevNext-title' },
|
|
8512
8512
|
article.title
|
|
@@ -8555,7 +8555,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
8555
8555
|
|
|
8556
8556
|
var renderAuthorBiography = function renderAuthorBiography(biography) {
|
|
8557
8557
|
if (biography) {
|
|
8558
|
-
return
|
|
8558
|
+
return React.createElement(BlockContent, _extends({ serializers: getSerializers, blocks: [biography] }, client.config()));
|
|
8559
8559
|
}
|
|
8560
8560
|
};
|
|
8561
8561
|
|
|
@@ -8713,38 +8713,38 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
8713
8713
|
setSensorVisible(false);
|
|
8714
8714
|
};
|
|
8715
8715
|
|
|
8716
|
-
return
|
|
8717
|
-
|
|
8716
|
+
return React.createElement(
|
|
8717
|
+
React.Fragment,
|
|
8718
8718
|
null,
|
|
8719
|
-
|
|
8719
|
+
React.createElement(
|
|
8720
8720
|
'div',
|
|
8721
8721
|
{ ref: arrowRef, className: 'scrollToTopArrow' },
|
|
8722
|
-
|
|
8722
|
+
React.createElement(IoIosArrowDropupCircle, { style: { cursor: 'pointer' }, onClick: function onClick() {
|
|
8723
8723
|
return handleArrowClick();
|
|
8724
8724
|
} })
|
|
8725
8725
|
),
|
|
8726
|
-
|
|
8727
|
-
|
|
8726
|
+
React.createElement('hr', { className: 'article-seperater my-4' }),
|
|
8727
|
+
React.createElement(
|
|
8728
8728
|
'div',
|
|
8729
8729
|
{ className: 'objective-prevNext-Wrapper' },
|
|
8730
|
-
|
|
8730
|
+
React.createElement(
|
|
8731
8731
|
'h5',
|
|
8732
8732
|
{ className: 'objective-title' },
|
|
8733
8733
|
nodes.seriesTitle
|
|
8734
8734
|
),
|
|
8735
|
-
|
|
8735
|
+
React.createElement(
|
|
8736
8736
|
'div',
|
|
8737
8737
|
{ className: 'prevNextWrapper' },
|
|
8738
8738
|
PrevNextCards(false, -1)
|
|
8739
8739
|
)
|
|
8740
8740
|
),
|
|
8741
|
-
|
|
8742
|
-
|
|
8741
|
+
React.createElement('hr', { className: 'article-seperater' }),
|
|
8742
|
+
React.createElement(
|
|
8743
8743
|
'div',
|
|
8744
8744
|
{ className: 'ad-box', style: { textAlign: 'center' } },
|
|
8745
8745
|
main_43 && Ads.map(function (ad, index) {
|
|
8746
8746
|
if (index === 0) {
|
|
8747
|
-
return
|
|
8747
|
+
return React.createElement(
|
|
8748
8748
|
'div',
|
|
8749
8749
|
{
|
|
8750
8750
|
key: 'addid-1',
|
|
@@ -8764,14 +8764,14 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
8764
8764
|
}
|
|
8765
8765
|
})
|
|
8766
8766
|
),
|
|
8767
|
-
|
|
8767
|
+
React.createElement(
|
|
8768
8768
|
'div',
|
|
8769
8769
|
{ ref: articleContainerRef, className: 'article-container', style: { marginBottom: '2rem' } },
|
|
8770
8770
|
Articles.map(function (article, index) {
|
|
8771
|
-
return
|
|
8771
|
+
return React.createElement(
|
|
8772
8772
|
'div',
|
|
8773
8773
|
{ key: article.title },
|
|
8774
|
-
|
|
8774
|
+
React.createElement(
|
|
8775
8775
|
InscreenSensor,
|
|
8776
8776
|
{
|
|
8777
8777
|
visible: sensorVisible,
|
|
@@ -8789,84 +8789,84 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
8789
8789
|
}
|
|
8790
8790
|
}
|
|
8791
8791
|
} },
|
|
8792
|
-
|
|
8792
|
+
React.createElement(
|
|
8793
8793
|
Head,
|
|
8794
8794
|
null,
|
|
8795
|
-
currentTitle !== null &&
|
|
8795
|
+
currentTitle !== null && React.createElement(
|
|
8796
8796
|
'title',
|
|
8797
8797
|
{ key: 'title' },
|
|
8798
8798
|
currentTitle
|
|
8799
8799
|
),
|
|
8800
|
-
currentSummary !== null &&
|
|
8801
|
-
currentURL !== null &&
|
|
8802
|
-
currentTitle !== null &&
|
|
8803
|
-
currentThumbnail !== null &&
|
|
8804
|
-
currentSummary !== null &&
|
|
8805
|
-
currentTitle !== null &&
|
|
8806
|
-
currentThumbnail !== null &&
|
|
8807
|
-
currentSummary !== null &&
|
|
8800
|
+
currentSummary !== null && React.createElement('meta', { name: 'description', key: 'description', content: currentSummary }),
|
|
8801
|
+
currentURL !== null && React.createElement('meta', { property: 'og:url', content: currentURL, key: 'og:url' }),
|
|
8802
|
+
currentTitle !== null && React.createElement('meta', { property: 'og:title', content: currentTitle, key: 'og:title' }),
|
|
8803
|
+
currentThumbnail !== null && React.createElement('meta', { property: 'og:image', content: currentThumbnail, key: 'og:image' }),
|
|
8804
|
+
currentSummary !== null && React.createElement('meta', { property: 'og:description', content: currentSummary, key: 'og:description' }),
|
|
8805
|
+
currentTitle !== null && React.createElement('meta', { name: 'twitter:title', content: currentTitle, key: 'twitter:title' }),
|
|
8806
|
+
currentThumbnail !== null && React.createElement('meta', { name: 'twitter:image', content: currentThumbnail, key: 'twitter:image' }),
|
|
8807
|
+
currentSummary !== null && React.createElement('meta', { name: 'twitter:description', content: currentSummary, key: 'twitter:description' })
|
|
8808
8808
|
),
|
|
8809
|
-
|
|
8809
|
+
React.createElement(
|
|
8810
8810
|
'article',
|
|
8811
8811
|
{ className: 'article-wrapper' },
|
|
8812
|
-
|
|
8812
|
+
React.createElement(
|
|
8813
8813
|
'div',
|
|
8814
8814
|
{ className: 'article-publishDate' },
|
|
8815
8815
|
moment(article.published).format('LL')
|
|
8816
8816
|
),
|
|
8817
|
-
|
|
8817
|
+
React.createElement(
|
|
8818
8818
|
'div',
|
|
8819
8819
|
{ className: 'author-details-wrapper' },
|
|
8820
8820
|
article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
|
|
8821
|
-
return
|
|
8821
|
+
return React.createElement(
|
|
8822
8822
|
'span',
|
|
8823
8823
|
{ key: index },
|
|
8824
8824
|
renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor(client, authorDetail.profileImage).url())
|
|
8825
8825
|
);
|
|
8826
8826
|
})
|
|
8827
8827
|
),
|
|
8828
|
-
|
|
8828
|
+
React.createElement(
|
|
8829
8829
|
'h2',
|
|
8830
8830
|
{ className: 'article-title' },
|
|
8831
8831
|
article.title
|
|
8832
8832
|
),
|
|
8833
|
-
|
|
8833
|
+
React.createElement(
|
|
8834
8834
|
'div',
|
|
8835
8835
|
{ className: 'mt-2 mb-2' },
|
|
8836
|
-
|
|
8836
|
+
React.createElement(BlockContent, _extends({
|
|
8837
8837
|
serializers: getSerializers,
|
|
8838
8838
|
videoAccountIDs: accountIDs,
|
|
8839
8839
|
blocks: article.text,
|
|
8840
8840
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
8841
8841
|
}, client.config())),
|
|
8842
|
-
|
|
8842
|
+
React.createElement('hr', { className: 'article-seperater my-4' })
|
|
8843
8843
|
),
|
|
8844
|
-
Articles.length > 1 &&
|
|
8845
|
-
|
|
8844
|
+
Articles.length > 1 && React.createElement(
|
|
8845
|
+
React.Fragment,
|
|
8846
8846
|
null,
|
|
8847
|
-
|
|
8847
|
+
React.createElement(
|
|
8848
8848
|
'div',
|
|
8849
8849
|
{ className: 'objective-prevNext-Wrapper' },
|
|
8850
|
-
|
|
8850
|
+
React.createElement(
|
|
8851
8851
|
'h5',
|
|
8852
8852
|
{ className: 'objective-title' },
|
|
8853
8853
|
nodes.seriesTitle
|
|
8854
8854
|
),
|
|
8855
|
-
|
|
8855
|
+
React.createElement(
|
|
8856
8856
|
'div',
|
|
8857
8857
|
{ className: 'prevNextWrapper' },
|
|
8858
8858
|
PrevNextCards(true, index)
|
|
8859
8859
|
)
|
|
8860
8860
|
),
|
|
8861
|
-
|
|
8861
|
+
React.createElement('hr', { className: 'article-seperater' })
|
|
8862
8862
|
)
|
|
8863
8863
|
),
|
|
8864
|
-
|
|
8864
|
+
React.createElement(
|
|
8865
8865
|
'div',
|
|
8866
8866
|
{ className: 'ad-box', style: { textAlign: 'center' } },
|
|
8867
8867
|
main_43 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
|
|
8868
8868
|
if (innerIndex === 0) {
|
|
8869
|
-
return
|
|
8869
|
+
return React.createElement(
|
|
8870
8870
|
'div',
|
|
8871
8871
|
{
|
|
8872
8872
|
key: 'addid-' + (index + 2),
|
|
@@ -8889,7 +8889,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
8889
8889
|
)
|
|
8890
8890
|
);
|
|
8891
8891
|
}),
|
|
8892
|
-
|
|
8892
|
+
React.createElement(
|
|
8893
8893
|
'style',
|
|
8894
8894
|
{ jsx: 'true' },
|
|
8895
8895
|
'\n .scrollToTopArrow {\n position: fixed;\n top: 150px;\n display: flex;\n justify-content: center;\n width: ' + contentWidth + 'px;\n opacity: 1;\n z-index: 99999999999;\n visibility: hidden;\n }\n .scrollToTopArrow > svg {\n min-height: 50px;\n min-width: 50px;\n max-height: 50px;\n max-width: 50px;\n }\n .block-content > div p {\n padding: 0;\n }\n\n h2.article-title {\n padding: 0;\n font-weight: 500;\n }\n h4.article-title {\n padding: 0;\n font-weight: 500;\n }\n h4.prevNext-title {\n padding: 0;\n font-size: 1rem;\n font-weight: 500;\n }\n .article-wrapper {\n border: 1px solid #252525;\n border-radius: 5px;\n padding: 1rem 1rem 0 1rem;\n margin-bottom: 1rem;\n }\n .prevNext-reading {\n margin-top: -10px;\n width: 75%;\n text-align: center;\n background: white;\n border: 1px solid #252525;\n align-self: center;\n display: none;\n }\n .showReading {\n display: block;\n }\n .author-details-wrapper a {\n color: #252525;\n }\n .objective-prevNext-Wrapper {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n .objective-title {\n padding: 0 !important;\n }\n .prevNext-thumbnail {\n display: flex;\n flex-direction: column;\n min-width: 225px;\n max-width: 225px;\n overflow: hidden;\n align-items: center;\n object-fit: contain;\n border-radius: 15px;\n }\n .prevNext-thumbnail img {\n height: 125px;\n object-fit: contain;\n border-radius: 15px;\n }\n .prevNext-summary {\n text-align: center;\n }\n .prevNext-publishDate {\n font-size: 0.75rem;\n margin-top: 0.5rem;\n }\n .prevNext-title {\n padding: 0 !important;\n line-height: 1 !important;\n font-weight: 500;\n }\n .prevNextWrapper {\n display: flex;\n flex-direction: row;\n justify-content: space-evenly;\n flex-wrap: wrap;\n }\n .prevNextWrapper a {\n display: flex;\n flex-direction: column;\n color: #252525;\n align-items: center;\n }\n .prevNextCards {\n max-width: 250px;\n margin-bottom: 1rem;\n }\n @media only screen and (max-width: 568px) {\n .prevNextWrapper {\n flex-direction: column;\n align-items: center;\n }\n .prevNextCards {\n margin-bottom: 2rem;\n }\n }\n @media only screen and (max-width: 568px) {\n }\n '
|
|
@@ -8919,11 +8919,11 @@ var LightBox = function LightBox(_ref) {
|
|
|
8919
8919
|
};
|
|
8920
8920
|
}, [handleClickOutside]);
|
|
8921
8921
|
|
|
8922
|
-
return
|
|
8922
|
+
return React.createElement(
|
|
8923
8923
|
'div',
|
|
8924
8924
|
{ ref: lightboxContainer, className: 'lightbox-target ' + (showLightbox ? 'open' : 'close') },
|
|
8925
|
-
|
|
8926
|
-
|
|
8925
|
+
React.createElement('img', { ref: lightboxImage, src: lightboxImgSrc }),
|
|
8926
|
+
React.createElement(
|
|
8927
8927
|
'style',
|
|
8928
8928
|
{ jsx: 'true' },
|
|
8929
8929
|
'\n /*Eliminates padding, centers the thumbnail */\n\n /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n .lightbox-target {\n position: fixed;\n top: -100%;\n width: 100%;\n background: rgba(0, 0, 0, 0.7);\n width: 100%;\n opacity: 0;\n -webkit-transition: opacity 0.5s ease-in-out;\n -moz-transition: opacity 0.5s ease-in-out;\n -o-transition: opacity 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n overflow: hidden;\n }\n\n .lightbox-target.close {\n opacity: 0;\n }\n\n /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n .lightbox-target img {\n margin: auto;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n max-height: 0%;\n max-width: 0%;\n border: 3px solid white;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n box-sizing: border-box;\n -webkit-transition: 0.5s ease-in-out;\n -moz-transition: 0.5s ease-in-out;\n -o-transition: 0.5s ease-in-out;\n transition: 0.5s ease-in-out;\n }\n\n /* Styles the close link, adds the slide down transition */\n\n a.lightbox-close {\n display: block;\n width: 50px;\n height: 50px;\n box-sizing: border-box;\n background: white;\n color: black;\n text-decoration: none;\n position: absolute;\n top: -80px;\n right: 0;\n -webkit-transition: 0.5s ease-in-out;\n -moz-transition: 0.5s ease-in-out;\n -o-transition: 0.5s ease-in-out;\n transition: 0.5s ease-in-out;\n }\n\n /* Provides part of the "X" to eliminate an image from the close link */\n\n a.lightbox-close:before {\n content: \'\';\n display: block;\n height: 30px;\n width: 1px;\n background: black;\n position: absolute;\n left: 26px;\n top: 10px;\n -webkit-transform: rotate(45deg);\n -moz-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n transform: rotate(45deg);\n }\n\n /* Provides part of the "X" to eliminate an image from the close link */\n\n a.lightbox-close:after {\n content: \'\';\n display: block;\n height: 30px;\n width: 1px;\n background: black;\n position: absolute;\n left: 26px;\n top: 10px;\n -webkit-transform: rotate(-45deg);\n -moz-transform: rotate(-45deg);\n -o-transform: rotate(-45deg);\n transform: rotate(-45deg);\n }\n\n /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n .lightbox-target.open {\n opacity: 1;\n top: 0;\n bottom: 0;\n right: 0;\n z-index: 3000000;\n }\n\n .lightbox-target.open img {\n max-height: 100%;\n max-width: 100%;\n }\n\n .lightbox-target.open a.lightbox-close {\n top: 0px;\n }\n '
|
|
@@ -9017,13 +9017,13 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9017
9017
|
|
|
9018
9018
|
var FigureCaption = useCallback(function () {
|
|
9019
9019
|
if (imgcaption && imgcaption.length > 0) {
|
|
9020
|
-
return
|
|
9020
|
+
return React.createElement(
|
|
9021
9021
|
'div',
|
|
9022
9022
|
{ className: 'figure-caption' },
|
|
9023
|
-
|
|
9023
|
+
React.createElement(BlockContent, { blocks: imgcaption, serializers: getSerializers })
|
|
9024
9024
|
);
|
|
9025
9025
|
} else if (caption) {
|
|
9026
|
-
return
|
|
9026
|
+
return React.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } });
|
|
9027
9027
|
} else return null;
|
|
9028
9028
|
}, [caption, imgcaption]);
|
|
9029
9029
|
|
|
@@ -9035,21 +9035,21 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9035
9035
|
margin: figureMargin
|
|
9036
9036
|
};
|
|
9037
9037
|
|
|
9038
|
-
return
|
|
9039
|
-
|
|
9038
|
+
return React.createElement(
|
|
9039
|
+
React.Fragment,
|
|
9040
9040
|
null,
|
|
9041
|
-
|
|
9041
|
+
React.createElement(
|
|
9042
9042
|
Figure$2,
|
|
9043
9043
|
{ className: '' + class_name, style: figureStyle },
|
|
9044
|
-
link ?
|
|
9044
|
+
link ? React.createElement(
|
|
9045
9045
|
'a',
|
|
9046
9046
|
{ target: blank ? '_blank' : '_self', href: link },
|
|
9047
|
-
|
|
9048
|
-
|
|
9049
|
-
) :
|
|
9050
|
-
|
|
9047
|
+
React.createElement(Figure$2.Image, { style: { maxWidth: '100%' }, className: 'figure-image', src: urlFor$1(node, client).url(), alt: alt && alt }),
|
|
9048
|
+
React.createElement(FigureCaption, null)
|
|
9049
|
+
) : React.createElement(
|
|
9050
|
+
React.Fragment,
|
|
9051
9051
|
null,
|
|
9052
|
-
|
|
9052
|
+
React.createElement(Figure$2.Image, {
|
|
9053
9053
|
style: { maxWidth: '100%', cursor: 'pointer', width: 'auto' },
|
|
9054
9054
|
className: 'figure-image',
|
|
9055
9055
|
src: urlFor$1(node, client).url(),
|
|
@@ -9059,9 +9059,9 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9059
9059
|
setShowLightbox(true);
|
|
9060
9060
|
}
|
|
9061
9061
|
}),
|
|
9062
|
-
|
|
9062
|
+
React.createElement(FigureCaption, null)
|
|
9063
9063
|
),
|
|
9064
|
-
|
|
9064
|
+
React.createElement(LightBox, {
|
|
9065
9065
|
showLightbox: showLightbox,
|
|
9066
9066
|
lightboxImgSrc: lightboxImgSrc,
|
|
9067
9067
|
closeLightbox: function closeLightbox() {
|
|
@@ -9070,7 +9070,7 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9070
9070
|
}
|
|
9071
9071
|
})
|
|
9072
9072
|
),
|
|
9073
|
-
|
|
9073
|
+
React.createElement(
|
|
9074
9074
|
'style',
|
|
9075
9075
|
{ jsx: 'true' },
|
|
9076
9076
|
'\n .figure-caption,\n .figure-caption h1,\n .figure-caption h2,\n .figure-caption h3,\n .figure-caption h4,\n .figure-caption h5,\n .figure-caption h6,\n .figure-caption p,\n .figure-caption ul {\n color: #6c757d;\n font-size: 0.875rem;\n }\n '
|
|
@@ -9078,7 +9078,7 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9078
9078
|
);
|
|
9079
9079
|
};
|
|
9080
9080
|
|
|
9081
|
-
var Figure =
|
|
9081
|
+
var Figure = React.memo(FigureComponent, compareProps);
|
|
9082
9082
|
|
|
9083
9083
|
var urlFor = function urlFor(source, client) {
|
|
9084
9084
|
var builder = imageUrlBuilder(client);
|
|
@@ -9124,47 +9124,47 @@ var MultiFigure = function MultiFigure(props) {
|
|
|
9124
9124
|
imgcaption = _ref.imgcaption;
|
|
9125
9125
|
|
|
9126
9126
|
if (imgcaption && imgcaption.length > 0) {
|
|
9127
|
-
return
|
|
9127
|
+
return React.createElement(
|
|
9128
9128
|
'div',
|
|
9129
9129
|
{ className: 'multi-figure-caption' },
|
|
9130
|
-
|
|
9130
|
+
React.createElement(BlockContent, { blocks: imgcaption, serializers: getSerializers })
|
|
9131
9131
|
);
|
|
9132
9132
|
} else if (caption) {
|
|
9133
|
-
return
|
|
9133
|
+
return React.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'multi-figure-caption\'>' + caption + '</span>' } });
|
|
9134
9134
|
} else return null;
|
|
9135
9135
|
};
|
|
9136
9136
|
|
|
9137
9137
|
if (images && images.length > 0) {
|
|
9138
|
-
return
|
|
9138
|
+
return React.createElement(
|
|
9139
9139
|
'div',
|
|
9140
9140
|
{ className: 'multi-figure-container' },
|
|
9141
|
-
|
|
9141
|
+
React.createElement(
|
|
9142
9142
|
Row$1,
|
|
9143
9143
|
{ noGutters: true, style: { alignItems: 'center' } },
|
|
9144
9144
|
images.map(function (image, index) {
|
|
9145
|
-
return
|
|
9145
|
+
return React.createElement(
|
|
9146
9146
|
Col$1,
|
|
9147
9147
|
{ xs: 12, md: 12 / images.length, key: index },
|
|
9148
|
-
image.link ?
|
|
9148
|
+
image.link ? React.createElement(
|
|
9149
9149
|
'a',
|
|
9150
9150
|
_extends({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'default' } }),
|
|
9151
|
-
|
|
9151
|
+
React.createElement(
|
|
9152
9152
|
'div',
|
|
9153
9153
|
{ className: 'multi-figure-image-container' },
|
|
9154
|
-
|
|
9154
|
+
React.createElement(
|
|
9155
9155
|
LazyLoad,
|
|
9156
9156
|
{ once: true },
|
|
9157
|
-
|
|
9157
|
+
React.createElement('img', { 'images-count': images.length, className: 'multi-figure-image', src: urlFor(image.asset, client).url(), alt: image.alt })
|
|
9158
9158
|
),
|
|
9159
|
-
|
|
9159
|
+
React.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
|
|
9160
9160
|
)
|
|
9161
|
-
) :
|
|
9161
|
+
) : React.createElement(
|
|
9162
9162
|
'div',
|
|
9163
9163
|
{ className: 'multi-figure-image-container' },
|
|
9164
|
-
|
|
9164
|
+
React.createElement(
|
|
9165
9165
|
LazyLoad,
|
|
9166
9166
|
{ once: true },
|
|
9167
|
-
|
|
9167
|
+
React.createElement('img', {
|
|
9168
9168
|
'images-count': images.length,
|
|
9169
9169
|
className: 'multi-figure-image',
|
|
9170
9170
|
src: urlFor(image.asset, client).url(),
|
|
@@ -9175,17 +9175,17 @@ var MultiFigure = function MultiFigure(props) {
|
|
|
9175
9175
|
}
|
|
9176
9176
|
})
|
|
9177
9177
|
),
|
|
9178
|
-
|
|
9178
|
+
React.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
|
|
9179
9179
|
)
|
|
9180
9180
|
);
|
|
9181
9181
|
})
|
|
9182
9182
|
),
|
|
9183
|
-
|
|
9183
|
+
React.createElement(
|
|
9184
9184
|
'div',
|
|
9185
9185
|
{ ref: lightboxContainer, className: 'lightbox-target ' + (openImg ? 'open' : 'close') },
|
|
9186
|
-
|
|
9186
|
+
React.createElement('img', { ref: lightboxImage, src: openImgSrc })
|
|
9187
9187
|
),
|
|
9188
|
-
|
|
9188
|
+
React.createElement(
|
|
9189
9189
|
'style',
|
|
9190
9190
|
{ jsx: 'true' },
|
|
9191
9191
|
'\n .multi-figure-caption,\n .multi-figure-caption h1,\n .multi-figure-caption h2,\n .multi-figure-caption h3,\n .multi-figure-caption h4,\n .multi-figure-caption h5,\n .multi-figure-caption h6,\n .multi-figure-caption p,\n .multi-figure-caption ul {\n color: #6c757d;\n font-size: 0.875rem;\n }\n\n .multi-figure-container {\n margin-bottom: 1rem;\n }\n .multi-figure-image {\n width: 100%;\n height: auto;\n object-fit: contain;\n }\n .multi-figure-image-container {\n padding-right: 0.5rem;\n }\n /* Small devices (portrait tablets and phones, 767px and down) */\n @media (max-width: 767px) {\n .multi-figure-image-container {\n margin-bottom: 1rem;\n }\n }\n\n /* Medium devices (landscape tablets, 768px and up) */\n @media (min-width: 768px) {\n .multi-figure-image[images-count=\'4\'] {\n max-height: 100px;\n }\n .multi-figure-image[images-count=\'3\'] {\n max-height: 130px;\n }\n .multi-figure-image[images-count=\'2\'] {\n max-height: 200px;\n }\n .multi-figure-container [class*=\'col-\'] + [class*=\'col-\'] {\n padding-left: 0.75rem;\n }\n }\n\n /* Large devices (laptops/desktops, 992px and up) */\n @media (min-width: 992px) {\n .multi-figure-image[images-count=\'4\'] {\n max-height: 150px;\n }\n .multi-figure-image[images-count=\'3\'] {\n max-height: 200px;\n }\n .multi-figure-image[images-count=\'2\'] {\n max-height: 300px;\n }\n }\n\n /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n .lightbox-target {\n position: fixed;\n top: -100%;\n width: 100%;\n background: rgba(0, 0, 0, 0.7);\n width: 100%;\n opacity: 0;\n -webkit-transition: opacity 0.5s ease-in-out;\n -moz-transition: opacity 0.5s ease-in-out;\n -o-transition: opacity 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n overflow: hidden;\n }\n\n .lightbox-target.close {\n opacity: 0;\n }\n\n /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n .lightbox-target img {\n margin: auto;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n max-height: 0%;\n max-width: 0%;\n border: 3px solid white;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n box-sizing: border-box;\n -webkit-transition: 0.5s ease-in-out;\n -moz-transition: 0.5s ease-in-out;\n -o-transition: 0.5s ease-in-out;\n transition: 0.5s ease-in-out;\n }\n\n /* Styles the close link, adds the slide down transition */\n\n a.lightbox-close {\n display: block;\n width: 50px;\n height: 50px;\n box-sizing: border-box;\n background: white;\n color: black;\n text-decoration: none;\n position: absolute;\n top: -80px;\n right: 0;\n -webkit-transition: 0.5s ease-in-out;\n -moz-transition: 0.5s ease-in-out;\n -o-transition: 0.5s ease-in-out;\n transition: 0.5s ease-in-out;\n }\n\n /* Provides part of the "X" to eliminate an image from the close link */\n\n a.lightbox-close:before {\n content: \'\';\n display: block;\n height: 30px;\n width: 1px;\n background: black;\n position: absolute;\n left: 26px;\n top: 10px;\n -webkit-transform: rotate(45deg);\n -moz-transform: rotate(45deg);\n -o-transform: rotate(45deg);\n transform: rotate(45deg);\n }\n\n /* Provides part of the "X" to eliminate an image from the close link */\n\n a.lightbox-close:after {\n content: \'\';\n display: block;\n height: 30px;\n width: 1px;\n background: black;\n position: absolute;\n left: 26px;\n top: 10px;\n -webkit-transform: rotate(-45deg);\n -moz-transform: rotate(-45deg);\n -o-transform: rotate(-45deg);\n transform: rotate(-45deg);\n }\n\n /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n .lightbox-target.open {\n opacity: 1;\n top: 0;\n bottom: 0;\n right: 0;\n z-index: 3000000;\n }\n\n .lightbox-target.open img {\n max-height: 100%;\n max-width: 100%;\n }\n\n .lightbox-target.open a.lightbox-close {\n top: 0px;\n }\n '
|
|
@@ -9207,10 +9207,10 @@ var AnchorLinkElement = function AnchorLinkElement(props) {
|
|
|
9207
9207
|
|
|
9208
9208
|
var elementId = articleId ? id + '-' + articleId : id;
|
|
9209
9209
|
|
|
9210
|
-
return
|
|
9210
|
+
return React.createElement(
|
|
9211
9211
|
'div',
|
|
9212
9212
|
{ id: elementId },
|
|
9213
|
-
|
|
9213
|
+
React.createElement(BlockContent, { blocks: content, serializers: getSerializers })
|
|
9214
9214
|
);
|
|
9215
9215
|
};
|
|
9216
9216
|
|
|
@@ -9259,7 +9259,7 @@ var _inherits3 = _interopRequireDefault(inherits);
|
|
|
9259
9259
|
|
|
9260
9260
|
|
|
9261
9261
|
|
|
9262
|
-
var _react2 = _interopRequireDefault(
|
|
9262
|
+
var _react2 = _interopRequireDefault(React);
|
|
9263
9263
|
|
|
9264
9264
|
|
|
9265
9265
|
|
|
@@ -9418,7 +9418,7 @@ var ScriptTag = function (_Component) {
|
|
|
9418
9418
|
};
|
|
9419
9419
|
|
|
9420
9420
|
return ScriptTag;
|
|
9421
|
-
}(
|
|
9421
|
+
}(React.Component);
|
|
9422
9422
|
|
|
9423
9423
|
ScriptTag.propTypes = {
|
|
9424
9424
|
/**
|
|
@@ -9488,11 +9488,11 @@ var FormAssembly = function FormAssembly(_ref) {
|
|
|
9488
9488
|
}, 1000);
|
|
9489
9489
|
}, []);
|
|
9490
9490
|
|
|
9491
|
-
return
|
|
9491
|
+
return React.createElement(
|
|
9492
9492
|
'section',
|
|
9493
9493
|
{ ref: formAssemblyRef, className: 'form-assembly' },
|
|
9494
|
-
|
|
9495
|
-
|
|
9494
|
+
React.createElement('iframe', { src: 'https://' + enterpriseDomainName + '.tfaforms.net/' + FormID, height: '800', width: '100%', frameBorder: '0' }),
|
|
9495
|
+
React.createElement(ScriptTag, { src: '//' + enterpriseDomainName + '.tfaforms.net/js/iframe_resize_helper.js', async: true })
|
|
9496
9496
|
);
|
|
9497
9497
|
};
|
|
9498
9498
|
|
|
@@ -9526,27 +9526,27 @@ var BlockTable = function BlockTable(props) {
|
|
|
9526
9526
|
return window.removeEventListener('resize', handleResize);
|
|
9527
9527
|
};
|
|
9528
9528
|
}, []);
|
|
9529
|
-
return
|
|
9529
|
+
return React.createElement(
|
|
9530
9530
|
'div',
|
|
9531
9531
|
{ className: 'blockTableHolder', ref: holder },
|
|
9532
|
-
|
|
9532
|
+
React.createElement(
|
|
9533
9533
|
'div',
|
|
9534
9534
|
{ className: 'blockTable' },
|
|
9535
9535
|
rows && rows.map(function (row) {
|
|
9536
|
-
return
|
|
9536
|
+
return React.createElement(
|
|
9537
9537
|
'div',
|
|
9538
9538
|
{ className: 'blockTableRow' },
|
|
9539
9539
|
row.cells && row.cells.map(function (cell) {
|
|
9540
|
-
return
|
|
9540
|
+
return React.createElement(
|
|
9541
9541
|
'div',
|
|
9542
9542
|
{ className: 'blockTableCell', style: { width: (100 / row.cells.length).toFixed(2) + '%' } },
|
|
9543
|
-
|
|
9543
|
+
React.createElement(BlockContent, _extends({ blocks: cell.content, serializers: getSerializers }, client.config()))
|
|
9544
9544
|
);
|
|
9545
9545
|
})
|
|
9546
9546
|
);
|
|
9547
9547
|
})
|
|
9548
9548
|
),
|
|
9549
|
-
|
|
9549
|
+
React.createElement(
|
|
9550
9550
|
'style',
|
|
9551
9551
|
{ jsx: true },
|
|
9552
9552
|
'\n .blockTableRow {\n display: flex;\n ' + (showBorders && 'border-top: ' + borderWidth + 'px solid ' + _borderColor) + ';\n }\n .blockTable {\n min-width: ' + minTableWidth + 'px;\n }\n .blockTableRow:last-of-type {\n ' + (showBorders && 'border-bottom: ' + borderWidth + 'px solid ' + _borderColor) + ';\n }\n .blockTableCell {\n padding: 0.5rem;\n ' + (showBorders && 'border-left: ' + borderWidth + 'px solid ' + _borderColor) + ';\n }\n .blockTableCell > div {\n width: 100%;\n }\n .blockTableCell > div p {\n margin: 0;\n }\n .blockTableCell > div figure {\n margin: 0 !important;\n }\n .blockTableCell > div figure img {\n margin: 0 !important;\n }\n .blockTableCell:last-of-type {\n ' + (showBorders && 'border-right: ' + borderWidth + 'px solid ' + _borderColor) + ';\n }\n @media only screen and (max-width: 800px) {\n .blockTableCell {\n padding: 0.25rem;\n }\n }\n '
|
|
@@ -9625,12 +9625,12 @@ var getSerializers = function getSerializers() {
|
|
|
9625
9625
|
var node = _ref.node;
|
|
9626
9626
|
var url = node.url;
|
|
9627
9627
|
|
|
9628
|
-
return
|
|
9628
|
+
return React.createElement(YouTubePlayer, { autoplay: autoplay, url: url });
|
|
9629
9629
|
},
|
|
9630
9630
|
youtubeGallery: function youtubeGallery(_ref2) {
|
|
9631
9631
|
var node = _ref2.node;
|
|
9632
9632
|
|
|
9633
|
-
return
|
|
9633
|
+
return React.createElement(YouTubeGallery, {
|
|
9634
9634
|
nodes: node,
|
|
9635
9635
|
article: article,
|
|
9636
9636
|
meta: meta,
|
|
@@ -9644,7 +9644,7 @@ var getSerializers = function getSerializers() {
|
|
|
9644
9644
|
articleSeries: function articleSeries(_ref3) {
|
|
9645
9645
|
var node = _ref3.node;
|
|
9646
9646
|
|
|
9647
|
-
return
|
|
9647
|
+
return React.createElement(ArticleSeries, {
|
|
9648
9648
|
nodes: node,
|
|
9649
9649
|
accountIDs: videoAccountIDs || {},
|
|
9650
9650
|
pageview: pageview,
|
|
@@ -9657,61 +9657,61 @@ var getSerializers = function getSerializers() {
|
|
|
9657
9657
|
figure: function figure(_ref4) {
|
|
9658
9658
|
var node = _ref4.node;
|
|
9659
9659
|
|
|
9660
|
-
return
|
|
9660
|
+
return React.createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag, getSerializers: getSerializers.apply(undefined, props) });
|
|
9661
9661
|
},
|
|
9662
9662
|
multifigure: function multifigure(_ref5) {
|
|
9663
9663
|
var node = _ref5.node;
|
|
9664
9664
|
|
|
9665
|
-
return
|
|
9665
|
+
return React.createElement(MultiFigure, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
|
|
9666
9666
|
},
|
|
9667
9667
|
slideshow: function slideshow(_ref6) {
|
|
9668
9668
|
var node = _ref6.node;
|
|
9669
9669
|
var slides = node.slides;
|
|
9670
9670
|
|
|
9671
|
-
return
|
|
9671
|
+
return React.createElement(Slideshow$1, { slides: slides, client: client, pageview: pageview });
|
|
9672
9672
|
},
|
|
9673
9673
|
sidebar: function sidebar(_ref7) {
|
|
9674
9674
|
var node = _ref7.node;
|
|
9675
9675
|
var caption = node.caption,
|
|
9676
9676
|
content = node.content;
|
|
9677
9677
|
|
|
9678
|
-
return
|
|
9678
|
+
return React.createElement(Sidebar, { caption: caption, content: content, getSerializers: getSerializers(props) });
|
|
9679
9679
|
},
|
|
9680
9680
|
datatable: function datatable(_ref8) {
|
|
9681
9681
|
var node = _ref8.node;
|
|
9682
9682
|
var table = node.table;
|
|
9683
9683
|
|
|
9684
|
-
return
|
|
9684
|
+
return React.createElement(TableShow, { rows: table.rows });
|
|
9685
9685
|
},
|
|
9686
9686
|
media: function media(_ref9) {
|
|
9687
9687
|
var node = _ref9.node;
|
|
9688
9688
|
|
|
9689
|
-
return
|
|
9689
|
+
return React.createElement(Media, { node: node, client: client });
|
|
9690
9690
|
},
|
|
9691
9691
|
iframe: function iframe(_ref10) {
|
|
9692
9692
|
var node = _ref10.node;
|
|
9693
9693
|
|
|
9694
|
-
return
|
|
9694
|
+
return React.createElement(IFrame, { url: node.url, needSegmentSupport: node.needSegmentSupport });
|
|
9695
9695
|
},
|
|
9696
9696
|
video: function video(_ref11) {
|
|
9697
9697
|
var node = _ref11.node;
|
|
9698
9698
|
|
|
9699
|
-
return
|
|
9699
|
+
return React.createElement(Video, { node: node, autoplay: autoplay, accountIDs: videoAccountIDs || {}, targeting: targeting });
|
|
9700
9700
|
},
|
|
9701
9701
|
audio: function audio(_ref12) {
|
|
9702
9702
|
var node = _ref12.node;
|
|
9703
9703
|
|
|
9704
|
-
return
|
|
9704
|
+
return React.createElement(Audio, { node: node });
|
|
9705
9705
|
},
|
|
9706
9706
|
poll: function poll(_ref13) {
|
|
9707
9707
|
var node = _ref13.node;
|
|
9708
9708
|
|
|
9709
|
-
return
|
|
9709
|
+
return React.createElement(Poll$1, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers(props) });
|
|
9710
9710
|
},
|
|
9711
9711
|
pollMultiChoice: function pollMultiChoice(_ref14) {
|
|
9712
9712
|
var node = _ref14.node;
|
|
9713
9713
|
|
|
9714
|
-
return
|
|
9714
|
+
return React.createElement(Poll, {
|
|
9715
9715
|
node: node,
|
|
9716
9716
|
client: client,
|
|
9717
9717
|
pageview: pageview,
|
|
@@ -9725,35 +9725,35 @@ var getSerializers = function getSerializers() {
|
|
|
9725
9725
|
var node = _ref15.node;
|
|
9726
9726
|
var quizzes = node.quizzes;
|
|
9727
9727
|
|
|
9728
|
-
return
|
|
9728
|
+
return React.createElement(Quiz, { quizzes: quizzes, getSerializers: getSerializers(props), pageview: pageview, currentPage: currentPage });
|
|
9729
9729
|
},
|
|
9730
9730
|
leads: function leads(_ref16) {
|
|
9731
9731
|
var node = _ref16.node;
|
|
9732
9732
|
var leadID = node.leadID;
|
|
9733
9733
|
|
|
9734
9734
|
var url = '' + drupalLeadSettings.baseUrl + leadID;
|
|
9735
|
-
return
|
|
9735
|
+
return React.createElement(Leads, { url: url });
|
|
9736
9736
|
},
|
|
9737
9737
|
slideshows: function slideshows(_ref17) {
|
|
9738
9738
|
var node = _ref17.node;
|
|
9739
9739
|
|
|
9740
|
-
return
|
|
9740
|
+
return React.createElement(Slideshow, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
|
|
9741
9741
|
},
|
|
9742
9742
|
nativeAd: function nativeAd(_ref18) {
|
|
9743
9743
|
var node = _ref18.node;
|
|
9744
9744
|
|
|
9745
|
-
return
|
|
9745
|
+
return React.createElement(NativeAd, { node: node });
|
|
9746
9746
|
},
|
|
9747
9747
|
html_anchor_links: function html_anchor_links(_ref19) {
|
|
9748
9748
|
var node = _ref19.node;
|
|
9749
9749
|
|
|
9750
|
-
return
|
|
9750
|
+
return React.createElement(AnchorLinkElement, { node: node, getSerializers: getSerializers.apply(undefined, props), articleId: articleId });
|
|
9751
9751
|
},
|
|
9752
9752
|
hrtag: function hrtag() {
|
|
9753
|
-
return
|
|
9753
|
+
return React.createElement('hr', { style: { border: 'none', height: '2px', backgroundColor: 'var(--primary)', color: 'var(--primary)' }, className: 'horizontal-rule' });
|
|
9754
9754
|
},
|
|
9755
9755
|
brtag: function brtag() {
|
|
9756
|
-
return
|
|
9756
|
+
return React.createElement('br', { className: 'line-break' });
|
|
9757
9757
|
},
|
|
9758
9758
|
formstack: function formstack(_ref20) {
|
|
9759
9759
|
var node = _ref20.node;
|
|
@@ -9761,33 +9761,33 @@ var getSerializers = function getSerializers() {
|
|
|
9761
9761
|
Caption = node.Caption,
|
|
9762
9762
|
needSegmentSupport = node.needSegmentSupport;
|
|
9763
9763
|
|
|
9764
|
-
return
|
|
9764
|
+
return React.createElement(Formstack, { FormID: FormID, Caption: Caption, needSegmentSupport: needSegmentSupport });
|
|
9765
9765
|
},
|
|
9766
9766
|
formassembly: function formassembly(_ref21) {
|
|
9767
9767
|
var node = _ref21.node;
|
|
9768
9768
|
|
|
9769
|
-
return
|
|
9769
|
+
return React.createElement(FormAssembly, { node: node });
|
|
9770
9770
|
},
|
|
9771
9771
|
multimedia: function multimedia(_ref22) {
|
|
9772
9772
|
var node = _ref22.node;
|
|
9773
9773
|
|
|
9774
|
-
return
|
|
9774
|
+
return React.createElement(MultiMedia, { node: node, client: client });
|
|
9775
9775
|
},
|
|
9776
9776
|
blockTable: function blockTable(_ref23) {
|
|
9777
9777
|
var node = _ref23.node;
|
|
9778
|
-
return
|
|
9778
|
+
return React.createElement(BlockTable, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
|
|
9779
9779
|
}
|
|
9780
9780
|
},
|
|
9781
9781
|
marks: {
|
|
9782
9782
|
superscript: function superscript(props) {
|
|
9783
|
-
return
|
|
9783
|
+
return React.createElement(
|
|
9784
9784
|
'sup',
|
|
9785
9785
|
null,
|
|
9786
9786
|
props.children
|
|
9787
9787
|
);
|
|
9788
9788
|
},
|
|
9789
9789
|
subscript: function subscript(props) {
|
|
9790
|
-
return
|
|
9790
|
+
return React.createElement(
|
|
9791
9791
|
'sub',
|
|
9792
9792
|
null,
|
|
9793
9793
|
props.children
|
|
@@ -9803,7 +9803,7 @@ var getSerializers = function getSerializers() {
|
|
|
9803
9803
|
if (href && href.charAt(0) === '#') {
|
|
9804
9804
|
var elementId = href.slice(1);
|
|
9805
9805
|
if (articleId) elementId = elementId + '-' + articleId;
|
|
9806
|
-
return
|
|
9806
|
+
return React.createElement(
|
|
9807
9807
|
'a',
|
|
9808
9808
|
{ onClick: function onClick() {
|
|
9809
9809
|
return ScrollToElement(elementId);
|
|
@@ -9813,7 +9813,7 @@ var getSerializers = function getSerializers() {
|
|
|
9813
9813
|
}
|
|
9814
9814
|
|
|
9815
9815
|
var isExernalUrl = checkUrlIsExternal(href);
|
|
9816
|
-
return
|
|
9816
|
+
return React.createElement(
|
|
9817
9817
|
'a',
|
|
9818
9818
|
{ rel: blank ? 'noopener' : '', href: isExernalUrl ? href : '/' + href, target: blank ? '_blank' : '_self' },
|
|
9819
9819
|
children
|
|
@@ -9821,7 +9821,7 @@ var getSerializers = function getSerializers() {
|
|
|
9821
9821
|
},
|
|
9822
9822
|
alignleft: function alignleft(_ref24) {
|
|
9823
9823
|
var children = _ref24.children;
|
|
9824
|
-
return
|
|
9824
|
+
return React.createElement(
|
|
9825
9825
|
'div',
|
|
9826
9826
|
{ style: { textAlign: 'left' } },
|
|
9827
9827
|
children
|
|
@@ -9829,7 +9829,7 @@ var getSerializers = function getSerializers() {
|
|
|
9829
9829
|
},
|
|
9830
9830
|
alignright: function alignright(_ref25) {
|
|
9831
9831
|
var children = _ref25.children;
|
|
9832
|
-
return
|
|
9832
|
+
return React.createElement(
|
|
9833
9833
|
'div',
|
|
9834
9834
|
{ style: { textAlign: 'right' } },
|
|
9835
9835
|
children
|
|
@@ -9837,7 +9837,7 @@ var getSerializers = function getSerializers() {
|
|
|
9837
9837
|
},
|
|
9838
9838
|
aligncenter: function aligncenter(_ref26) {
|
|
9839
9839
|
var children = _ref26.children;
|
|
9840
|
-
return
|
|
9840
|
+
return React.createElement(
|
|
9841
9841
|
'div',
|
|
9842
9842
|
{ style: { textAlign: 'center' } },
|
|
9843
9843
|
children
|
|
@@ -9845,7 +9845,7 @@ var getSerializers = function getSerializers() {
|
|
|
9845
9845
|
},
|
|
9846
9846
|
alignjustify: function alignjustify(_ref27) {
|
|
9847
9847
|
var children = _ref27.children;
|
|
9848
|
-
return
|
|
9848
|
+
return React.createElement(
|
|
9849
9849
|
'div',
|
|
9850
9850
|
{ style: { textAlign: 'justify' } },
|
|
9851
9851
|
children
|
|
@@ -9855,7 +9855,7 @@ var getSerializers = function getSerializers() {
|
|
|
9855
9855
|
var children = props.children,
|
|
9856
9856
|
color = props.mark.color;
|
|
9857
9857
|
|
|
9858
|
-
return
|
|
9858
|
+
return React.createElement(
|
|
9859
9859
|
'span',
|
|
9860
9860
|
{ style: { color: color ? color.hex : null } },
|
|
9861
9861
|
children
|