@mjhls/mjh-framework 1.0.1001-popup-polls → 1.0.1002-docgroup-fix-v1
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 +1 -1
- package/dist/cjs/AD.js +6 -6
- package/dist/cjs/AD300x250.js +5 -5
- package/dist/cjs/AD300x250x600.js +5 -5
- package/dist/cjs/AD728x90.js +6 -6
- package/dist/cjs/ADFloatingFooter.js +8 -8
- package/dist/cjs/ADFooter.js +5 -5
- package/dist/cjs/ADGutter.js +8 -8
- package/dist/cjs/{ADInfeed-0394f391.js → ADInfeed-e87afe8a.js} +5 -5
- package/dist/cjs/ADSkyscraper.js +8 -8
- package/dist/cjs/ADSponsoredResources.js +8 -8
- package/dist/cjs/ADWebcast.js +8 -8
- package/dist/cjs/ADWelcome.js +12 -12
- package/dist/cjs/{ADlgInfeed-759969d6.js → ADlgInfeed-b5a3d436.js} +3 -3
- package/dist/cjs/AccordionPanel.js +17 -17
- package/dist/cjs/AdSlot.js +9 -9
- package/dist/cjs/AdSlotsProvider.js +5 -5
- package/dist/cjs/AlgoliaSearch.js +573 -575
- package/dist/cjs/AlphabeticList.js +12 -12
- package/dist/cjs/ArticleCarousel.js +5 -5
- package/dist/cjs/ArticleProgramLandingPage.js +16 -17
- package/dist/cjs/ArticleSeriesLandingPage.js +11 -11
- package/dist/cjs/ArticleSeriesListing.js +29 -29
- package/dist/cjs/Auth.js +74 -74
- package/dist/cjs/AuthWrapper.js +24 -24
- package/dist/cjs/{AuthorComponent-7d00f6d5.js → AuthorComponent-39b37d84.js} +9 -9
- package/dist/cjs/{BlockContent-96b44364.js → BlockContent-9ebd251f.js} +18 -18
- package/dist/cjs/Breadcrumbs.js +17 -17
- package/dist/cjs/CMEDeck.js +61 -61
- package/dist/cjs/Column1.js +7 -7
- package/dist/cjs/Column2.js +15 -15
- package/dist/cjs/Column3.js +27 -27
- package/dist/cjs/ConferenceArticleCard.js +12 -12
- package/dist/cjs/{ConferenceBanner-213003ce.js → ConferenceBanner-6c9e718a.js} +3 -3
- package/dist/cjs/ContentCardPaginated.js +49 -49
- package/dist/cjs/DeckContent.js +58 -58
- package/dist/cjs/DeckQueue.js +57 -57
- package/dist/cjs/DeckQueuePaginated.js +46 -46
- package/dist/cjs/{Dfp-c313a700.js → Dfp-9be904d5.js} +17 -17
- package/dist/cjs/EventsDeck.js +89 -89
- package/dist/cjs/ExternalResources.js +35 -36
- package/dist/cjs/Feature.js +17 -17
- package/dist/cjs/ForbesHero.js +25 -25
- package/dist/cjs/GridContent.js +134 -134
- package/dist/cjs/GridContentPaginated.js +121 -121
- package/dist/cjs/GridHero.js +26 -26
- package/dist/cjs/GroupDeck.js +33 -33
- package/dist/cjs/HamMagazine.js +105 -105
- package/dist/cjs/Header.js +9 -9
- package/dist/cjs/HealthCareProfessionalModal.js +17 -17
- package/dist/cjs/Hero.js +5 -5
- package/dist/cjs/HighlightenVideo.js +13 -13
- package/dist/cjs/HorizontalArticleListing.js +30 -31
- package/dist/cjs/HorizontalHero.js +17 -17
- package/dist/cjs/{ImageSlider-17fdaf3b.js → ImageSlider-6c00b878.js} +72 -72
- package/dist/cjs/IssueContentDeck.js +49 -49
- package/dist/cjs/IssueDeck.js +48 -48
- package/dist/cjs/IssueLanding.js +21 -22
- package/dist/cjs/LeftNav.js +17 -17
- package/dist/cjs/MasterDeck.js +39 -39
- package/dist/cjs/MasterDeckPaginated.js +29 -29
- package/dist/cjs/{MediaSeriesCard-eacea66a.js → MediaSeriesCard-2e5cd247.js} +16 -16
- package/dist/cjs/MediaSeriesLanding.js +37 -38
- package/dist/cjs/MediaSeriesLandingPaginated.js +36 -37
- package/dist/cjs/NavDvm.js +57 -57
- package/dist/cjs/{NavFooter-880e9d87.js → NavFooter-4799de4b.js} +11 -11
- package/dist/cjs/NavMagazine.js +106 -106
- package/dist/cjs/NavNative.js +97 -97
- package/dist/cjs/OncliveHero.js +11 -11
- package/dist/cjs/OncliveLargeHero.js +49 -49
- package/dist/cjs/PageFilter.js +5 -5
- package/dist/cjs/{Pagination-842c556f.js → Pagination-2a3d0103.js} +13 -13
- package/dist/cjs/PartnerDetailListing.js +51 -52
- package/dist/cjs/PartnerDetailListingPaginated.js +50 -51
- package/dist/cjs/PdfDownload.js +4 -4
- package/dist/cjs/PixelTracking.js +9 -9
- package/dist/cjs/PodcastsLanding.js +23 -24
- package/dist/cjs/PopUpModal.js +9 -9
- package/dist/cjs/PtceDeck.js +13 -13
- package/dist/cjs/PubSection.js +13 -13
- package/dist/cjs/PubToc.js +4 -4
- package/dist/cjs/PublicationDeck.js +44 -44
- package/dist/cjs/{PublicationFeature-a989a2b3.js → PublicationFeature-5ccf9b13.js} +29 -29
- package/dist/cjs/PublicationLanding.js +73 -73
- package/dist/cjs/QueueDeckExpanded.js +245 -245
- package/dist/cjs/QueueDeckExpandedPaginated.js +222 -222
- package/dist/cjs/RecentNews.js +15 -15
- package/dist/cjs/RelatedContent.js +14 -14
- package/dist/cjs/RelatedTopicsDropdown.js +14 -14
- package/dist/cjs/RolesDeck.js +20 -20
- package/dist/cjs/Schema.js +54 -52
- package/dist/cjs/Search.js +6 -6
- package/dist/cjs/SeriesListingDeck.js +18 -18
- package/dist/cjs/{SeriesSlider-3d57985d.js → SeriesSlider-594b19eb.js} +22 -22
- package/dist/cjs/SideFooter.js +18 -18
- package/dist/cjs/SocialIcons.js +6 -6
- package/dist/cjs/{SocialSearchComponent-62bceb87.js → SocialSearchComponent-d2ab3d62.js} +28 -28
- package/dist/cjs/SocialShare.js +25 -25
- package/dist/cjs/TaxonomyCard.js +44 -44
- package/dist/cjs/TaxonomyDescription.js +13 -14
- package/dist/cjs/TemplateNormal.js +27 -27
- package/dist/cjs/ThumbnailCard.js +10 -10
- package/dist/cjs/{Tooltip-4cb8849a.js → Tooltip-f075b7ef.js} +440 -440
- package/dist/cjs/Ustream.js +9 -9
- package/dist/cjs/VerticalHero.js +10 -10
- package/dist/cjs/VideoProgramLandingPage.js +30 -31
- package/dist/cjs/VideoSeriesCard.js +13 -13
- package/dist/cjs/VideoSeriesFilter.js +5 -5
- package/dist/cjs/VideoSeriesLandingPage.js +11 -11
- package/dist/cjs/VideoSeriesListing.js +46 -46
- package/dist/cjs/View.js +230 -224
- package/dist/cjs/YahooHero.js +22 -22
- package/dist/cjs/YoutubeGroup.js +33 -33
- package/dist/cjs/{brightcove-react-player-loader.es-4c7825a1.js → brightcove-react-player-loader.es-a195642e.js} +2 -2
- package/dist/cjs/getQuery.js +2 -2
- package/dist/cjs/getSerializers.js +8 -9
- package/dist/cjs/iconBase-be4097c0.js +4 -2
- package/dist/cjs/{index-65621b6c.js → index-eadd5035.js} +5 -5
- package/dist/cjs/{index-19fbbcea.js → index-f95a3c0f.js} +571 -621
- package/dist/cjs/{index-d2a6ef75.js → index-fc2f1ca2.js} +4 -4
- package/dist/cjs/{index.es-1ab8dda7.js → index.es-f3e47207.js} +4 -4
- package/dist/cjs/{index.esm-f59ef5b4.js → index.esm-1461604c.js} +14 -14
- package/dist/cjs/index.js +100 -100
- package/dist/cjs/{main-3643d499.js → main-f1c77adb.js} +13 -13
- package/dist/cjs/{react-social-icons-2c5c389a.js → react-social-icons-af932527.js} +7 -7
- package/dist/cjs/ustream-api-3819e4aa.js +1 -1
- package/dist/cjs/{visibility-sensor-56020df6.js → visibility-sensor-eb2c5b69.js} +1 -1
- package/dist/esm/AlgoliaSearch.js +0 -2
- package/dist/esm/ArticleProgramLandingPage.js +3 -4
- package/dist/esm/ExternalResources.js +3 -4
- package/dist/esm/HorizontalArticleListing.js +3 -4
- package/dist/esm/IssueLanding.js +3 -4
- package/dist/esm/{MediaSeriesCard-f56c8274.js → MediaSeriesCard-afb517a5.js} +1 -1
- package/dist/esm/MediaSeriesLanding.js +3 -4
- package/dist/esm/MediaSeriesLandingPaginated.js +3 -4
- package/dist/esm/PartnerDetailListing.js +3 -4
- package/dist/esm/PartnerDetailListingPaginated.js +3 -4
- package/dist/esm/PodcastsLanding.js +3 -4
- package/dist/esm/Schema.js +54 -52
- package/dist/esm/TaxonomyDescription.js +3 -4
- package/dist/esm/VideoProgramLandingPage.js +3 -4
- package/dist/esm/View.js +10 -4
- package/dist/esm/getQuery.js +2 -2
- package/dist/esm/getSerializers.js +3 -4
- package/dist/esm/{index-5d8b0a9d.js → index-04817712.js} +91 -141
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ var React = require('react');
|
|
|
4
4
|
var slicedToArray = require('./slicedToArray-067dd3bc.js');
|
|
5
5
|
var reactBootstrap = require('react-bootstrap');
|
|
6
6
|
var urlFor = require('./urlFor.js');
|
|
7
|
-
var index = require('./index-
|
|
7
|
+
var index = require('./index-fc2f1ca2.js');
|
|
8
8
|
var Router = require('next/router');
|
|
9
9
|
var index$1 = require('./index-187c967e.js');
|
|
10
10
|
var PropTypes = require('prop-types');
|
|
@@ -12,18 +12,15 @@ var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
|
|
|
12
12
|
var util = require('./util-93a37fd0.js');
|
|
13
13
|
require('./Beam.js');
|
|
14
14
|
var Segment = require('./Segment.js');
|
|
15
|
-
var main = require('./main-
|
|
16
|
-
var BlockContent = require('./BlockContent-
|
|
15
|
+
var main = require('./main-f1c77adb.js');
|
|
16
|
+
var BlockContent = require('./BlockContent-9ebd251f.js');
|
|
17
17
|
var _extends = require('./extends-7c86182f.js');
|
|
18
18
|
var urlForFile = require('./urlForFile-29d3815a.js');
|
|
19
|
-
var index$2 = require('./index-
|
|
19
|
+
var index$2 = require('./index-eadd5035.js');
|
|
20
20
|
var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
|
|
21
21
|
var _typeof$1 = require('./typeof-567e31ff.js');
|
|
22
|
-
var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-
|
|
22
|
+
var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-a195642e.js');
|
|
23
23
|
var stringify = require('./stringify-f7a37a8d.js');
|
|
24
|
-
var core_getIteratorMethod = require('./core.get-iterator-method-5643aa10.js');
|
|
25
|
-
var _objectToArray = require('./_object-to-array-ce86cae7.js');
|
|
26
|
-
var keys = require('./keys-e982b3fa.js');
|
|
27
24
|
var Modal = require('react-bootstrap/Modal');
|
|
28
25
|
var Button = require('react-bootstrap/Button');
|
|
29
26
|
var Form = require('react-bootstrap/Form');
|
|
@@ -31,6 +28,8 @@ var ReactGA = require('react-ga');
|
|
|
31
28
|
var GroupDeck = require('./GroupDeck.js');
|
|
32
29
|
var moment = require('./moment-aca40de1.js');
|
|
33
30
|
var SocialShare = require('./SocialShare.js');
|
|
31
|
+
var core_getIteratorMethod = require('./core.get-iterator-method-5643aa10.js');
|
|
32
|
+
var _objectToArray = require('./_object-to-array-ce86cae7.js');
|
|
34
33
|
var toConsumableArray = require('./toConsumableArray-d7797c2b.js');
|
|
35
34
|
var Pagination = require('react-bootstrap/Pagination');
|
|
36
35
|
var entities = require('./entities-df1aed86.js');
|
|
@@ -67,7 +66,7 @@ var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
|
|
|
67
66
|
var onChangeSlide = function onChangeSlide(selectedIndex, router) {
|
|
68
67
|
var pageNumber = selectedIndex + 1;
|
|
69
68
|
var href = '/view/' + router.query.url + '?page=' + pageNumber;
|
|
70
|
-
Router__default[
|
|
69
|
+
Router__default['default'].push(router.pathname, pageNumber > 1 ? href : '/view/' + router.query.url, { shallow: true });
|
|
71
70
|
};
|
|
72
71
|
|
|
73
72
|
var Slideshow$1 = function Slideshow(_ref) {
|
|
@@ -97,27 +96,27 @@ var Slideshow$1 = function Slideshow(_ref) {
|
|
|
97
96
|
if (pageview) pageview(router.asPath);
|
|
98
97
|
}, [router]);
|
|
99
98
|
|
|
100
|
-
return React__default[
|
|
99
|
+
return React__default['default'].createElement(
|
|
101
100
|
'div',
|
|
102
101
|
{ className: 'mt-3 mb-3' },
|
|
103
|
-
React__default[
|
|
102
|
+
React__default['default'].createElement(
|
|
104
103
|
reactBootstrap.Carousel,
|
|
105
104
|
{ activeIndex: carouselIndex, onSelect: function onSelect(selectedIndex, e) {
|
|
106
105
|
return onChangeSlide(selectedIndex, router);
|
|
107
106
|
}, interval: null },
|
|
108
107
|
slides && slides.map(function (slide) {
|
|
109
|
-
return React__default[
|
|
108
|
+
return React__default['default'].createElement(
|
|
110
109
|
reactBootstrap.Carousel.Item,
|
|
111
110
|
{ key: slide._key },
|
|
112
|
-
React__default[
|
|
111
|
+
React__default['default'].createElement(
|
|
113
112
|
'picture',
|
|
114
113
|
null,
|
|
115
|
-
React__default[
|
|
116
|
-
React__default[
|
|
117
|
-
React__default[
|
|
118
|
-
React__default[
|
|
114
|
+
React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 1500, imageFit: 'max' }) }),
|
|
115
|
+
React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 1000, imageFit: 'max' }) }),
|
|
116
|
+
React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 500, imageFit: 'max' }) }),
|
|
117
|
+
React__default['default'].createElement('img', { src: urlFor({ source: slide.asset, client: client }), alt: slide.alt || '', style: { width: '100%' } })
|
|
119
118
|
),
|
|
120
|
-
slide.caption && React__default[
|
|
119
|
+
slide.caption && React__default['default'].createElement(
|
|
121
120
|
'p',
|
|
122
121
|
{ className: 'p-2' },
|
|
123
122
|
slide.caption
|
|
@@ -1864,9 +1863,9 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
|
|
|
1864
1863
|
}, {
|
|
1865
1864
|
key: "render",
|
|
1866
1865
|
value: function render() {
|
|
1867
|
-
return /*#__PURE__*/React__default[
|
|
1866
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1868
1867
|
className: this.props.containerClassName
|
|
1869
|
-
}, /*#__PURE__*/React__default[
|
|
1868
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1870
1869
|
id: this.props.id,
|
|
1871
1870
|
className: this.props.className,
|
|
1872
1871
|
ref: this.refContainer,
|
|
@@ -1876,7 +1875,7 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
|
|
|
1876
1875
|
}]);
|
|
1877
1876
|
|
|
1878
1877
|
return YouTube;
|
|
1879
|
-
}(React__default[
|
|
1878
|
+
}(React__default['default'].Component);
|
|
1880
1879
|
|
|
1881
1880
|
_defineProperty(YouTube, "PlayerState", {
|
|
1882
1881
|
UNSTARTED: -1,
|
|
@@ -1888,28 +1887,28 @@ _defineProperty(YouTube, "PlayerState", {
|
|
|
1888
1887
|
});
|
|
1889
1888
|
|
|
1890
1889
|
YouTube.propTypes = {
|
|
1891
|
-
videoId: PropTypes__default[
|
|
1890
|
+
videoId: PropTypes__default['default'].string,
|
|
1892
1891
|
// custom ID for player element
|
|
1893
|
-
id: PropTypes__default[
|
|
1892
|
+
id: PropTypes__default['default'].string,
|
|
1894
1893
|
// custom class name for player element
|
|
1895
|
-
className: PropTypes__default[
|
|
1894
|
+
className: PropTypes__default['default'].string,
|
|
1896
1895
|
// custom class name for player container element
|
|
1897
|
-
containerClassName: PropTypes__default[
|
|
1896
|
+
containerClassName: PropTypes__default['default'].string,
|
|
1898
1897
|
// custom title for the iFrame, see https://www.w3.org/TR/WCAG20-TECHS/H64.html
|
|
1899
|
-
title: PropTypes__default[
|
|
1898
|
+
title: PropTypes__default['default'].string,
|
|
1900
1899
|
// custom loading for player element
|
|
1901
|
-
loading: PropTypes__default[
|
|
1900
|
+
loading: PropTypes__default['default'].oneOf(['lazy', 'eager', 'auto']),
|
|
1902
1901
|
// https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player
|
|
1903
|
-
opts: PropTypes__default[
|
|
1902
|
+
opts: PropTypes__default['default'].objectOf(PropTypes__default['default'].any),
|
|
1904
1903
|
// event subscriptions
|
|
1905
|
-
onReady: PropTypes__default[
|
|
1906
|
-
onError: PropTypes__default[
|
|
1907
|
-
onPlay: PropTypes__default[
|
|
1908
|
-
onPause: PropTypes__default[
|
|
1909
|
-
onEnd: PropTypes__default[
|
|
1910
|
-
onStateChange: PropTypes__default[
|
|
1911
|
-
onPlaybackRateChange: PropTypes__default[
|
|
1912
|
-
onPlaybackQualityChange: PropTypes__default[
|
|
1904
|
+
onReady: PropTypes__default['default'].func,
|
|
1905
|
+
onError: PropTypes__default['default'].func,
|
|
1906
|
+
onPlay: PropTypes__default['default'].func,
|
|
1907
|
+
onPause: PropTypes__default['default'].func,
|
|
1908
|
+
onEnd: PropTypes__default['default'].func,
|
|
1909
|
+
onStateChange: PropTypes__default['default'].func,
|
|
1910
|
+
onPlaybackRateChange: PropTypes__default['default'].func,
|
|
1911
|
+
onPlaybackQualityChange: PropTypes__default['default'].func
|
|
1913
1912
|
};
|
|
1914
1913
|
YouTube.defaultProps = {
|
|
1915
1914
|
videoId: null,
|
|
@@ -2029,11 +2028,11 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
|
|
|
2029
2028
|
Segment.report_video_event('Video Pause', main.main_18, duration, current, segment);
|
|
2030
2029
|
};
|
|
2031
2030
|
|
|
2032
|
-
return React__default[
|
|
2031
|
+
return React__default['default'].createElement(
|
|
2033
2032
|
'div',
|
|
2034
2033
|
{ id: 'fluid-video-container' },
|
|
2035
|
-
React__default[
|
|
2036
|
-
React__default[
|
|
2034
|
+
React__default['default'].createElement(YouTube, { className: 'fluid-iframe', loading: 'lazy', videoId: id, opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd }),
|
|
2035
|
+
React__default['default'].createElement(
|
|
2037
2036
|
'style',
|
|
2038
2037
|
{ jsx: 'true' },
|
|
2039
2038
|
'\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 '
|
|
@@ -2046,20 +2045,20 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
2046
2045
|
content = _ref.content,
|
|
2047
2046
|
getSerializers = _ref.getSerializers;
|
|
2048
2047
|
|
|
2049
|
-
return React__default[
|
|
2048
|
+
return React__default['default'].createElement(
|
|
2050
2049
|
'article',
|
|
2051
2050
|
{ className: 'sidebar' },
|
|
2052
|
-
React__default[
|
|
2051
|
+
React__default['default'].createElement(
|
|
2053
2052
|
'div',
|
|
2054
2053
|
null,
|
|
2055
|
-
React__default[
|
|
2054
|
+
React__default['default'].createElement(
|
|
2056
2055
|
'h3',
|
|
2057
2056
|
null,
|
|
2058
2057
|
caption
|
|
2059
2058
|
),
|
|
2060
|
-
React__default[
|
|
2059
|
+
React__default['default'].createElement(BlockContent.BlockContent, { blocks: content, serializers: getSerializers })
|
|
2061
2060
|
),
|
|
2062
|
-
React__default[
|
|
2061
|
+
React__default['default'].createElement(
|
|
2063
2062
|
'style',
|
|
2064
2063
|
{ jsx: 'true' },
|
|
2065
2064
|
'\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 '
|
|
@@ -2070,18 +2069,18 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
2070
2069
|
var TableShow = function TableShow(_ref) {
|
|
2071
2070
|
var rows = _ref.rows;
|
|
2072
2071
|
|
|
2073
|
-
return React__default[
|
|
2072
|
+
return React__default['default'].createElement(
|
|
2074
2073
|
reactBootstrap.Table,
|
|
2075
2074
|
{ bordered: true, hover: true, responsive: true },
|
|
2076
|
-
React__default[
|
|
2075
|
+
React__default['default'].createElement(
|
|
2077
2076
|
'tbody',
|
|
2078
2077
|
null,
|
|
2079
2078
|
rows && rows.map(function (row) {
|
|
2080
|
-
return React__default[
|
|
2079
|
+
return React__default['default'].createElement(
|
|
2081
2080
|
'tr',
|
|
2082
2081
|
{ key: row._key },
|
|
2083
2082
|
row.cells && row.cells.map(function (cell, index) {
|
|
2084
|
-
return cell && React__default[
|
|
2083
|
+
return cell && React__default['default'].createElement(
|
|
2085
2084
|
'td',
|
|
2086
2085
|
{ key: index },
|
|
2087
2086
|
cell
|
|
@@ -2179,25 +2178,25 @@ var Media = function Media(_ref) {
|
|
|
2179
2178
|
margin: imageMargin
|
|
2180
2179
|
};
|
|
2181
2180
|
|
|
2182
|
-
return React__default[
|
|
2181
|
+
return React__default['default'].createElement(
|
|
2183
2182
|
reactBootstrap.Figure,
|
|
2184
2183
|
{ className: 'd-block ' + className, style: figureStyle },
|
|
2185
|
-
React__default[
|
|
2184
|
+
React__default['default'].createElement(
|
|
2186
2185
|
'a',
|
|
2187
2186
|
{ href: urlForFile.urlForFile({ asset: uploadDoc.asset }), target: blank ? '_blank' : '_self' },
|
|
2188
|
-
React__default[
|
|
2187
|
+
React__default['default'].createElement(
|
|
2189
2188
|
index$2.LazyLoad,
|
|
2190
2189
|
{ once: true },
|
|
2191
|
-
React__default[
|
|
2190
|
+
React__default['default'].createElement(
|
|
2192
2191
|
'picture',
|
|
2193
2192
|
null,
|
|
2194
|
-
React__default[
|
|
2195
|
-
React__default[
|
|
2196
|
-
React__default[
|
|
2197
|
-
React__default[
|
|
2193
|
+
React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 1500, imageFit: 'max' }) }),
|
|
2194
|
+
React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 1000, imageFit: 'max' }) }),
|
|
2195
|
+
React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 500, imageFit: 'max' }) }),
|
|
2196
|
+
React__default['default'].createElement('img', _extends._extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor({ source: poster, client: client }) }, alt && { alt: alt }))
|
|
2198
2197
|
)
|
|
2199
2198
|
),
|
|
2200
|
-
caption && React__default[
|
|
2199
|
+
caption && React__default['default'].createElement(
|
|
2201
2200
|
reactBootstrap.Figure.Caption,
|
|
2202
2201
|
{ className: 'media-caption' },
|
|
2203
2202
|
caption
|
|
@@ -2205,7 +2204,7 @@ var Media = function Media(_ref) {
|
|
|
2205
2204
|
)
|
|
2206
2205
|
);
|
|
2207
2206
|
} else if (caption && caption !== '') {
|
|
2208
|
-
return React__default[
|
|
2207
|
+
return React__default['default'].createElement(
|
|
2209
2208
|
'a',
|
|
2210
2209
|
_extends._extends({}, uploadDoc.downloadMedia ? {
|
|
2211
2210
|
href: urlForFile.urlForFile({ asset: uploadDoc.asset }) + '?dl='
|
|
@@ -2225,60 +2224,42 @@ var IFrame = function IFrame(_ref) {
|
|
|
2225
2224
|
needSegmentSupport = _ref$needSegmentSuppo === undefined ? false : _ref$needSegmentSuppo;
|
|
2226
2225
|
|
|
2227
2226
|
url = Segment.getURL(url, { needSegmentSupport: needSegmentSupport });
|
|
2228
|
-
return React__default[
|
|
2227
|
+
return React__default['default'].createElement(
|
|
2229
2228
|
'div',
|
|
2230
2229
|
{ className: 'd-block text-center mb-3' },
|
|
2231
|
-
React__default[
|
|
2230
|
+
React__default['default'].createElement('iframe', { className: 'w-100 iFrame-block', src: url, allowFullScreen: 'true', webkitallowfullscreen: 'true', mozallowfullscreen: 'true', frameBorder: '0' })
|
|
2232
2231
|
);
|
|
2233
2232
|
};
|
|
2234
2233
|
|
|
2235
|
-
// https://github.com/tc39/proposal-object-values-entries
|
|
2236
|
-
|
|
2237
|
-
var $values = _objectToArray._objectToArray(false);
|
|
2238
|
-
|
|
2239
|
-
core_getIteratorMethod._export(core_getIteratorMethod._export.S, 'Object', {
|
|
2240
|
-
values: function values(it) {
|
|
2241
|
-
return $values(it);
|
|
2242
|
-
}
|
|
2243
|
-
});
|
|
2244
|
-
|
|
2245
|
-
var values$1 = core_getIteratorMethod._core.Object.values;
|
|
2246
|
-
|
|
2247
|
-
var values = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
2248
|
-
module.exports = { "default": values$1, __esModule: true };
|
|
2249
|
-
});
|
|
2250
|
-
|
|
2251
|
-
var _Object$values = _commonjsHelpers.unwrapExports(values);
|
|
2252
|
-
|
|
2253
2234
|
var PopupMultiChoice = function PopupMultiChoice(_ref) {
|
|
2254
2235
|
var question = _ref.question,
|
|
2255
2236
|
choices = _ref.choices,
|
|
2256
2237
|
handlePollAnswer = _ref.handlePollAnswer;
|
|
2257
2238
|
|
|
2258
2239
|
var choiceArray = choices.map(function (choice) {
|
|
2259
|
-
return React__default[
|
|
2240
|
+
return React__default['default'].createElement(Form__default['default'].Check, {
|
|
2260
2241
|
inline: true,
|
|
2261
2242
|
label: choice.choiceText,
|
|
2262
2243
|
value: choice.choiceText,
|
|
2263
|
-
name:
|
|
2244
|
+
name: 'radioButton',
|
|
2264
2245
|
type: 'radio',
|
|
2265
2246
|
className: 'radioButton',
|
|
2266
2247
|
onClick: handlePollAnswer
|
|
2267
2248
|
});
|
|
2268
2249
|
});
|
|
2269
|
-
return React__default[
|
|
2250
|
+
return React__default['default'].createElement(
|
|
2270
2251
|
'div',
|
|
2271
2252
|
{
|
|
2272
2253
|
key: 'inline-radio',
|
|
2273
2254
|
className: 'radioContainer' },
|
|
2274
|
-
React__default[
|
|
2255
|
+
React__default['default'].createElement(
|
|
2275
2256
|
'h2',
|
|
2276
2257
|
{
|
|
2277
2258
|
className: 'radioLabelText'
|
|
2278
2259
|
},
|
|
2279
2260
|
question
|
|
2280
2261
|
),
|
|
2281
|
-
React__default[
|
|
2262
|
+
React__default['default'].createElement(
|
|
2282
2263
|
'div',
|
|
2283
2264
|
{
|
|
2284
2265
|
className: 'multiChoiceDiv'
|
|
@@ -2293,19 +2274,19 @@ var PopupPollTextInput = function PopupPollTextInput(_ref) {
|
|
|
2293
2274
|
textAnswer = _ref.textAnswer,
|
|
2294
2275
|
handleTextAnswer = _ref.handleTextAnswer;
|
|
2295
2276
|
|
|
2296
|
-
return React__default[
|
|
2277
|
+
return React__default['default'].createElement(
|
|
2297
2278
|
'div',
|
|
2298
2279
|
{
|
|
2299
2280
|
className: 'textInputDiv'
|
|
2300
2281
|
},
|
|
2301
|
-
React__default[
|
|
2282
|
+
React__default['default'].createElement(
|
|
2302
2283
|
'h2',
|
|
2303
2284
|
{
|
|
2304
2285
|
className: 'textInputQuestion'
|
|
2305
2286
|
},
|
|
2306
2287
|
textInputQuestion
|
|
2307
2288
|
),
|
|
2308
|
-
React__default[
|
|
2289
|
+
React__default['default'].createElement(Form__default['default'].Control, {
|
|
2309
2290
|
type: 'text',
|
|
2310
2291
|
className: 'textInput',
|
|
2311
2292
|
value: textAnswer,
|
|
@@ -2330,15 +2311,10 @@ var PopupPollModal = function PopupPollModal(props) {
|
|
|
2330
2311
|
pollAnswer = _useState2[0],
|
|
2331
2312
|
setPollAnswer = _useState2[1];
|
|
2332
2313
|
|
|
2333
|
-
var _useState3 = React.useState(
|
|
2314
|
+
var _useState3 = React.useState(''),
|
|
2334
2315
|
_useState4 = slicedToArray._slicedToArray(_useState3, 2),
|
|
2335
|
-
|
|
2336
|
-
|
|
2337
|
-
|
|
2338
|
-
var _useState5 = React.useState(''),
|
|
2339
|
-
_useState6 = slicedToArray._slicedToArray(_useState5, 2),
|
|
2340
|
-
textAnswer = _useState6[0],
|
|
2341
|
-
setTextAnswer = _useState6[1];
|
|
2316
|
+
textAnswer = _useState4[0],
|
|
2317
|
+
setTextAnswer = _useState4[1];
|
|
2342
2318
|
|
|
2343
2319
|
React.useEffect(function () {
|
|
2344
2320
|
var modal = document.getElementById('modalDiv');
|
|
@@ -2353,129 +2329,101 @@ var PopupPollModal = function PopupPollModal(props) {
|
|
|
2353
2329
|
setPollAnswer(e.target.value);
|
|
2354
2330
|
};
|
|
2355
2331
|
|
|
2356
|
-
var handleMultiItemPollAnswers = function handleMultiItemPollAnswers(e) {
|
|
2357
|
-
var question = e.target.name;
|
|
2358
|
-
var answer = e.target.value;
|
|
2359
|
-
var tempObj = {};
|
|
2360
|
-
tempObj[question] = answer;
|
|
2361
|
-
setMultiItemPollAnswers(function (prev) {
|
|
2362
|
-
return _extends._extends({}, prev, tempObj);
|
|
2363
|
-
});
|
|
2364
|
-
};
|
|
2365
|
-
|
|
2366
2332
|
var handleSubmit = function handleSubmit(e) {
|
|
2367
2333
|
var currentDate = new Date(Date.now()).toUTCString();
|
|
2368
2334
|
// eslint-disable-next-line no-undef
|
|
2369
2335
|
var anonymousID = typeof analytics !== 'undefined' && typeof analytics.user === 'function' && analytics.user() && analytics.user().anonymousId();
|
|
2370
|
-
var formData = {};
|
|
2371
|
-
|
|
2372
2336
|
pollItems.forEach(function (item) {
|
|
2373
|
-
|
|
2337
|
+
var submitAnswer = void 0;
|
|
2338
|
+
if (item.format === 'multiChoice') submitAnswer = pollAnswer;
|
|
2339
|
+
if (item.format === 'textInput') submitAnswer = textAnswer;
|
|
2340
|
+
var formData = {
|
|
2374
2341
|
uuid: anonymousID,
|
|
2375
2342
|
url: pollUrl,
|
|
2376
2343
|
date: currentDate,
|
|
2377
|
-
|
|
2378
|
-
|
|
2344
|
+
question: item.question,
|
|
2345
|
+
answer: submitAnswer
|
|
2379
2346
|
};
|
|
2380
|
-
|
|
2381
|
-
|
|
2382
|
-
|
|
2383
|
-
|
|
2384
|
-
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
|
-
|
|
2388
|
-
|
|
2389
|
-
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
|
|
2394
|
-
|
|
2395
|
-
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
|
|
2400
|
-
|
|
2401
|
-
|
|
2402
|
-
|
|
2403
|
-
|
|
2404
|
-
|
|
2405
|
-
|
|
2406
|
-
|
|
2407
|
-
|
|
2408
|
-
|
|
2409
|
-
|
|
2410
|
-
|
|
2411
|
-
|
|
2412
|
-
|
|
2413
|
-
case 8:
|
|
2414
|
-
case 'end':
|
|
2415
|
-
return _context.stop();
|
|
2347
|
+
var requestOptions = {
|
|
2348
|
+
method: 'POST',
|
|
2349
|
+
headers: { 'content-type': 'application/json' },
|
|
2350
|
+
body: stringify._JSON$stringify({ data: formData })
|
|
2351
|
+
};
|
|
2352
|
+
var insertData = function () {
|
|
2353
|
+
var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee() {
|
|
2354
|
+
return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
|
|
2355
|
+
while (1) {
|
|
2356
|
+
switch (_context.prev = _context.next) {
|
|
2357
|
+
case 0:
|
|
2358
|
+
_context.prev = 0;
|
|
2359
|
+
_context.next = 3;
|
|
2360
|
+
return fetch('/api/popup_polls', requestOptions).then(function (res) {
|
|
2361
|
+
return res.json();
|
|
2362
|
+
}).then(function (res) {
|
|
2363
|
+
return console.log(res);
|
|
2364
|
+
});
|
|
2365
|
+
|
|
2366
|
+
case 3:
|
|
2367
|
+
_context.next = 8;
|
|
2368
|
+
break;
|
|
2369
|
+
|
|
2370
|
+
case 5:
|
|
2371
|
+
_context.prev = 5;
|
|
2372
|
+
_context.t0 = _context['catch'](0);
|
|
2373
|
+
|
|
2374
|
+
if (_context.t0) console.log('There was an error in insertData in PopupPollModal.js: ' + _context.t0);
|
|
2375
|
+
|
|
2376
|
+
case 8:
|
|
2377
|
+
case 'end':
|
|
2378
|
+
return _context.stop();
|
|
2379
|
+
}
|
|
2416
2380
|
}
|
|
2417
|
-
}
|
|
2418
|
-
}
|
|
2419
|
-
}));
|
|
2381
|
+
}, _callee, _this, [[0, 5]]);
|
|
2382
|
+
}));
|
|
2420
2383
|
|
|
2421
|
-
|
|
2422
|
-
|
|
2423
|
-
|
|
2424
|
-
|
|
2425
|
-
|
|
2426
|
-
|
|
2384
|
+
return function insertData() {
|
|
2385
|
+
return _ref.apply(this, arguments);
|
|
2386
|
+
};
|
|
2387
|
+
}();
|
|
2388
|
+
console.log('formData', formData);
|
|
2389
|
+
insertData();
|
|
2390
|
+
});
|
|
2427
2391
|
restartPlayer();
|
|
2392
|
+
// setIsPollingTime(false)
|
|
2428
2393
|
e.preventDefault();
|
|
2429
2394
|
};
|
|
2430
2395
|
|
|
2431
2396
|
var pollArray = [];
|
|
2432
|
-
|
|
2433
2397
|
pollItems.forEach(function (item, ind) {
|
|
2434
|
-
if (
|
|
2435
|
-
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
pollArray.push(React__default["default"].createElement(PopupPollTextInput, { textInputQuestion: item.question, textanswer: textAnswer, handleTextAnswer: handleTextAnswer, key: ind }));
|
|
2440
|
-
}
|
|
2441
|
-
} else {
|
|
2442
|
-
if (item.pollItems[0] && item.pollItems[0].format === 'multiChoice') {
|
|
2443
|
-
pollArray.push(React__default["default"].createElement(PopupMultiChoice, { question: item.pollItems[0].question, choices: item.pollItems[0].choices, handlePollAnswer: handleMultiItemPollAnswers, key: ind }));
|
|
2444
|
-
}
|
|
2445
|
-
if (item.pollItems[0] && item.pollItems[0].format === 'textInput') {
|
|
2446
|
-
pollArray.push(React__default["default"].createElement(PopupPollTextInput, { textInputQuestion: item.pollItems[0].question, textanswer: textAnswer, handleTextAnswer: handleTextAnswer, key: ind }));
|
|
2447
|
-
}
|
|
2398
|
+
if (item.format === 'multiChoice') {
|
|
2399
|
+
pollArray.push(React__default['default'].createElement(PopupMultiChoice, { question: item.question, choices: item.choices, handlePollAnswer: handlePollAnswer, key: ind }));
|
|
2400
|
+
}
|
|
2401
|
+
if (item.format === 'textInput') {
|
|
2402
|
+
pollArray.push(React__default['default'].createElement(PopupPollTextInput, { textInputQuestion: item.question, textanswer: textAnswer, handleTextAnswer: handleTextAnswer, key: ind }));
|
|
2448
2403
|
}
|
|
2449
2404
|
});
|
|
2450
2405
|
|
|
2451
|
-
return React__default[
|
|
2406
|
+
return React__default['default'].createElement(
|
|
2452
2407
|
'div',
|
|
2453
2408
|
{ className: 'modalDiv', id: 'modalDiv' },
|
|
2454
|
-
React__default[
|
|
2455
|
-
Modal__default[
|
|
2456
|
-
|
|
2457
|
-
|
|
2458
|
-
|
|
2459
|
-
} }),
|
|
2460
|
-
React__default["default"].createElement(
|
|
2461
|
-
Modal__default["default"].Body,
|
|
2409
|
+
React__default['default'].createElement(
|
|
2410
|
+
Modal__default['default'].Dialog,
|
|
2411
|
+
null,
|
|
2412
|
+
React__default['default'].createElement(
|
|
2413
|
+
Modal__default['default'].Body,
|
|
2462
2414
|
null,
|
|
2463
|
-
React__default[
|
|
2464
|
-
Form__default[
|
|
2415
|
+
React__default['default'].createElement(
|
|
2416
|
+
Form__default['default'],
|
|
2465
2417
|
{ onSubmit: handleSubmit, className: 'modalForm' },
|
|
2466
2418
|
pollArray,
|
|
2467
|
-
textInputRender && !multiChoiceRender ? React__default[
|
|
2468
|
-
Button__default[
|
|
2419
|
+
textInputRender && !multiChoiceRender ? React__default['default'].createElement(
|
|
2420
|
+
Button__default['default'],
|
|
2469
2421
|
{ className: 'submitButton', type: 'submit', variant: 'success', disabled: !textAnswer },
|
|
2470
2422
|
'Submit'
|
|
2471
|
-
) :
|
|
2472
|
-
Button__default[
|
|
2423
|
+
) : React__default['default'].createElement(
|
|
2424
|
+
Button__default['default'],
|
|
2473
2425
|
{ className: 'submitButton', type: 'submit', variant: 'success', disabled: !pollAnswer },
|
|
2474
2426
|
'Submit'
|
|
2475
|
-
) : React__default["default"].createElement(
|
|
2476
|
-
Button__default["default"],
|
|
2477
|
-
{ className: 'submitButton', type: 'submit', variant: 'success' },
|
|
2478
|
-
'Submit'
|
|
2479
2427
|
)
|
|
2480
2428
|
)
|
|
2481
2429
|
)
|
|
@@ -2636,10 +2584,10 @@ var VideoMp4 = function VideoMp4(_ref) {
|
|
|
2636
2584
|
Segment.report_video_event('Video Pause', main.main_18, duration, current, segment, 'MP4');
|
|
2637
2585
|
};
|
|
2638
2586
|
|
|
2639
|
-
return React__default[
|
|
2587
|
+
return React__default['default'].createElement(
|
|
2640
2588
|
'div',
|
|
2641
2589
|
null,
|
|
2642
|
-
isPollingTime ? React__default[
|
|
2590
|
+
isPollingTime ? React__default['default'].createElement(PopupPollModal
|
|
2643
2591
|
// eslint-disable-next-line react/jsx-indent-props
|
|
2644
2592
|
, { pollItems: pollItems
|
|
2645
2593
|
// eslint-disable-next-line react/jsx-indent-props
|
|
@@ -2653,7 +2601,7 @@ var VideoMp4 = function VideoMp4(_ref) {
|
|
|
2653
2601
|
// eslint-disable-next-line react/jsx-indent-props
|
|
2654
2602
|
, multiChoiceRender: multiChoiceRender
|
|
2655
2603
|
}) : null,
|
|
2656
|
-
vidLoaded && React__default[
|
|
2604
|
+
vidLoaded && React__default['default'].createElement(
|
|
2657
2605
|
'video',
|
|
2658
2606
|
{
|
|
2659
2607
|
poster: thumbnail || '',
|
|
@@ -2671,7 +2619,7 @@ var VideoMp4 = function VideoMp4(_ref) {
|
|
|
2671
2619
|
onPlay: function onPlay(e) {
|
|
2672
2620
|
return handleOnPlay(e);
|
|
2673
2621
|
} },
|
|
2674
|
-
React__default[
|
|
2622
|
+
React__default['default'].createElement('source', { src: url, type: 'video/mp4' }),
|
|
2675
2623
|
'Your browser does not support the video tag.'
|
|
2676
2624
|
)
|
|
2677
2625
|
);
|
|
@@ -2694,7 +2642,6 @@ var Video = function Video(_ref) {
|
|
|
2694
2642
|
experienceID = node.experienceID;
|
|
2695
2643
|
|
|
2696
2644
|
var polls = void 0;
|
|
2697
|
-
|
|
2698
2645
|
if (node.polls) polls = node.polls;
|
|
2699
2646
|
|
|
2700
2647
|
var _useState = React.useState(false),
|
|
@@ -2739,16 +2686,10 @@ var Video = function Video(_ref) {
|
|
|
2739
2686
|
return minutes * 60 + seconds;
|
|
2740
2687
|
};
|
|
2741
2688
|
var modalTimes = [];
|
|
2742
|
-
var initPolls = [];
|
|
2743
|
-
var nonInitPolls = [];
|
|
2744
2689
|
if (polls) {
|
|
2745
2690
|
polls.forEach(function (pollObj) {
|
|
2746
|
-
return
|
|
2747
|
-
});
|
|
2748
|
-
polls.forEach(function (pollObj) {
|
|
2749
|
-
return pollObj.atStart ? initPolls.push(pollObj) : nonInitPolls.push(pollObj);
|
|
2691
|
+
return modalTimes.push(convertTime(pollObj.timestamp));
|
|
2750
2692
|
});
|
|
2751
|
-
if (nonInitPolls.length > 0) polls = nonInitPolls;
|
|
2752
2693
|
}
|
|
2753
2694
|
|
|
2754
2695
|
var restartPlayer = function restartPlayer() {
|
|
@@ -2823,14 +2764,7 @@ var Video = function Video(_ref) {
|
|
|
2823
2764
|
return _ref2.apply(this, arguments);
|
|
2824
2765
|
};
|
|
2825
2766
|
}();
|
|
2826
|
-
|
|
2827
|
-
if (initPolls.length > 0) {
|
|
2828
|
-
player.pause();
|
|
2829
|
-
setPollItems(initPolls);
|
|
2830
|
-
setPollUrl(targeting.document_url[0]);
|
|
2831
|
-
setIsPollingTime(true);
|
|
2832
|
-
initPolls = [];
|
|
2833
|
-
}
|
|
2767
|
+
|
|
2834
2768
|
if (autoplay) {
|
|
2835
2769
|
autoPlayVideo();
|
|
2836
2770
|
}
|
|
@@ -2838,15 +2772,20 @@ var Video = function Video(_ref) {
|
|
|
2838
2772
|
// Beam.report_beam_video('Ready', deviceType, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID)
|
|
2839
2773
|
Segment.report_video_event('Video Ready', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
|
|
2840
2774
|
});
|
|
2841
|
-
|
|
2775
|
+
// let intId
|
|
2776
|
+
// const convertTime = (timeStr) => {
|
|
2777
|
+
// const minutes = parseInt(timeStr.slice(0, 2))
|
|
2778
|
+
// const seconds = parseInt(timeStr.slice(3))
|
|
2779
|
+
// return minutes * 60 + seconds
|
|
2780
|
+
// }
|
|
2781
|
+
// const modalTimes = []
|
|
2782
|
+
// polls.forEach(pollObj => modalTimes.push(convertTime(pollObj.timestamp)))
|
|
2842
2783
|
player.on('play', function (evt) {
|
|
2843
|
-
console.log('in player.on');
|
|
2844
2784
|
var duration = player.mediainfo.duration;
|
|
2845
2785
|
var current = player.currentTime();
|
|
2846
2786
|
var queue = Math.floor(duration / 10);
|
|
2847
2787
|
var segment = Math.floor(current / queue);
|
|
2848
|
-
|
|
2849
|
-
if (polls && initPolls.length === 0) {
|
|
2788
|
+
if (polls) {
|
|
2850
2789
|
var vidPlayer = this;
|
|
2851
2790
|
intId = setInterval(function () {
|
|
2852
2791
|
var ct = player.currentTime();
|
|
@@ -2931,10 +2870,10 @@ var Video = function Video(_ref) {
|
|
|
2931
2870
|
|
|
2932
2871
|
if (source === 'brightcove' && accountIDs.brightcove) {
|
|
2933
2872
|
if (videoID) {
|
|
2934
|
-
return React__default[
|
|
2873
|
+
return React__default['default'].createElement(
|
|
2935
2874
|
'div',
|
|
2936
2875
|
null,
|
|
2937
|
-
isPollingTime ? React__default[
|
|
2876
|
+
isPollingTime ? React__default['default'].createElement(PopupPollModal
|
|
2938
2877
|
// eslint-disable-next-line react/jsx-indent-props
|
|
2939
2878
|
, { pollItems: pollItems
|
|
2940
2879
|
// eslint-disable-next-line react/jsx-indent-props
|
|
@@ -2947,10 +2886,8 @@ var Video = function Video(_ref) {
|
|
|
2947
2886
|
, textInputRender: textInputRender
|
|
2948
2887
|
// eslint-disable-next-line react/jsx-indent-props
|
|
2949
2888
|
, multiChoiceRender: multiChoiceRender
|
|
2950
|
-
// eslint-disable-next-line react/jsx-indent-props
|
|
2951
|
-
, closeable: node.polls && node.polls[0] ? node.polls[0].closeable : null
|
|
2952
2889
|
}) : null,
|
|
2953
|
-
React__default[
|
|
2890
|
+
React__default['default'].createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
|
|
2954
2891
|
onSuccess: onVideoSuccess,
|
|
2955
2892
|
onFailure: onVideoFailure,
|
|
2956
2893
|
accountId: accountIDs.brightcove.accountId,
|
|
@@ -2958,17 +2895,17 @@ var Video = function Video(_ref) {
|
|
|
2958
2895
|
playerId: accountIDs.brightcove.playerId,
|
|
2959
2896
|
attrs: { className: 'brightcove-fluid', autoPlay: 'muted' }
|
|
2960
2897
|
}),
|
|
2961
|
-
React__default[
|
|
2898
|
+
React__default['default'].createElement(
|
|
2962
2899
|
'style',
|
|
2963
2900
|
{ jsx: 'true' },
|
|
2964
2901
|
'\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 '
|
|
2965
2902
|
)
|
|
2966
2903
|
);
|
|
2967
2904
|
} else if (playlistID) {
|
|
2968
|
-
return React__default[
|
|
2905
|
+
return React__default['default'].createElement(
|
|
2969
2906
|
'div',
|
|
2970
2907
|
null,
|
|
2971
|
-
isPollingTime ? React__default[
|
|
2908
|
+
isPollingTime ? React__default['default'].createElement(PopupPollModal
|
|
2972
2909
|
// eslint-disable-next-line react/jsx-indent-props
|
|
2973
2910
|
, { pollItems: pollItems
|
|
2974
2911
|
// eslint-disable-next-line react/jsx-indent-props
|
|
@@ -2981,10 +2918,8 @@ var Video = function Video(_ref) {
|
|
|
2981
2918
|
, textInputRender: textInputRender
|
|
2982
2919
|
// eslint-disable-next-line react/jsx-indent-props
|
|
2983
2920
|
, multiChoiceRender: multiChoiceRender
|
|
2984
|
-
// eslint-disable-next-line react/jsx-indent-props
|
|
2985
|
-
, closeable: node.polls && node.polls[0] ? node.polls[0].closeable : null
|
|
2986
2921
|
}) : null,
|
|
2987
|
-
React__default[
|
|
2922
|
+
React__default['default'].createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
|
|
2988
2923
|
accountId: accountIDs.brightcove.accountId,
|
|
2989
2924
|
playlistId: playlistID,
|
|
2990
2925
|
playerId: accountIDs.brightcove.playerId,
|
|
@@ -2992,18 +2927,18 @@ var Video = function Video(_ref) {
|
|
|
2992
2927
|
onFailure: onVideoFailure,
|
|
2993
2928
|
attrs: { className: 'brightcove-fluid brightcove-playlist', autoplay: 'muted' }
|
|
2994
2929
|
}),
|
|
2995
|
-
React__default[
|
|
2930
|
+
React__default['default'].createElement(
|
|
2996
2931
|
'style',
|
|
2997
2932
|
{ jsx: 'true' },
|
|
2998
2933
|
'\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 '
|
|
2999
2934
|
)
|
|
3000
2935
|
);
|
|
3001
2936
|
} else if (experienceID) {
|
|
3002
|
-
return React__default[
|
|
2937
|
+
return React__default['default'].createElement(
|
|
3003
2938
|
'div',
|
|
3004
2939
|
{ className: 'brightcove-playlist', style: { position: 'relative', display: 'block', margin: '0px auto' } },
|
|
3005
|
-
React__default[
|
|
3006
|
-
isPollingTime ? React__default[
|
|
2940
|
+
React__default['default'].createElement('div', { 'data-experience': experienceID }),
|
|
2941
|
+
isPollingTime ? React__default['default'].createElement(PopupPollModal
|
|
3007
2942
|
// eslint-disable-next-line react/jsx-indent-props
|
|
3008
2943
|
, { pollItems: pollItems
|
|
3009
2944
|
// eslint-disable-next-line react/jsx-indent-props
|
|
@@ -3016,9 +2951,6 @@ var Video = function Video(_ref) {
|
|
|
3016
2951
|
, textInputRender: textInputRender
|
|
3017
2952
|
// eslint-disable-next-line react/jsx-indent-props
|
|
3018
2953
|
, multiChoiceRender: multiChoiceRender
|
|
3019
|
-
// eslint-disable-next-line react/jsx-indent-props
|
|
3020
|
-
, closeable: node.polls && node.polls[0] ? node.polls[0].closeable : null
|
|
3021
|
-
|
|
3022
2954
|
}) : null
|
|
3023
2955
|
);
|
|
3024
2956
|
}
|
|
@@ -3026,10 +2958,10 @@ var Video = function Video(_ref) {
|
|
|
3026
2958
|
}
|
|
3027
2959
|
|
|
3028
2960
|
if (source === 'mp4') {
|
|
3029
|
-
return React__default[
|
|
2961
|
+
return React__default['default'].createElement(
|
|
3030
2962
|
'div',
|
|
3031
2963
|
null,
|
|
3032
|
-
React__default[
|
|
2964
|
+
React__default['default'].createElement(VideoMp4, { url: node.mp4url, thumbnail: null, vidLoaded: true, polls: polls, modalTimes: modalTimes, targetingUrl: targeting.document_url[0] })
|
|
3033
2965
|
);
|
|
3034
2966
|
}
|
|
3035
2967
|
|
|
@@ -3044,7 +2976,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
3044
2976
|
});
|
|
3045
2977
|
exports.DEPRECATED_CONFIG_PROPS = exports.defaultProps = exports.propTypes = void 0;
|
|
3046
2978
|
|
|
3047
|
-
var _propTypes = _interopRequireDefault(PropTypes__default[
|
|
2979
|
+
var _propTypes = _interopRequireDefault(PropTypes__default['default']);
|
|
3048
2980
|
|
|
3049
2981
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
3050
2982
|
|
|
@@ -3634,7 +3566,7 @@ function isEqual(a, b) {
|
|
|
3634
3566
|
return true;
|
|
3635
3567
|
}
|
|
3636
3568
|
|
|
3637
|
-
if ((0, React__default[
|
|
3569
|
+
if ((0, React__default['default'].isValidElement)(a) && (0, React__default['default'].isValidElement)(b)) {
|
|
3638
3570
|
return true;
|
|
3639
3571
|
}
|
|
3640
3572
|
|
|
@@ -3696,7 +3628,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
3696
3628
|
});
|
|
3697
3629
|
exports["default"] = void 0;
|
|
3698
3630
|
|
|
3699
|
-
var _react = _interopRequireWildcard(React__default[
|
|
3631
|
+
var _react = _interopRequireWildcard(React__default['default']);
|
|
3700
3632
|
|
|
3701
3633
|
|
|
3702
3634
|
|
|
@@ -4106,7 +4038,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4106
4038
|
});
|
|
4107
4039
|
exports["default"] = createSinglePlayer;
|
|
4108
4040
|
|
|
4109
|
-
var _react = _interopRequireWildcard(React__default[
|
|
4041
|
+
var _react = _interopRequireWildcard(React__default['default']);
|
|
4110
4042
|
|
|
4111
4043
|
|
|
4112
4044
|
|
|
@@ -4264,7 +4196,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4264
4196
|
});
|
|
4265
4197
|
exports["default"] = exports.YouTube = void 0;
|
|
4266
4198
|
|
|
4267
|
-
var _react = _interopRequireWildcard(React__default[
|
|
4199
|
+
var _react = _interopRequireWildcard(React__default['default']);
|
|
4268
4200
|
|
|
4269
4201
|
|
|
4270
4202
|
|
|
@@ -4573,7 +4505,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4573
4505
|
});
|
|
4574
4506
|
exports["default"] = exports.SoundCloud = void 0;
|
|
4575
4507
|
|
|
4576
|
-
var _react = _interopRequireWildcard(React__default[
|
|
4508
|
+
var _react = _interopRequireWildcard(React__default['default']);
|
|
4577
4509
|
|
|
4578
4510
|
|
|
4579
4511
|
|
|
@@ -4790,7 +4722,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4790
4722
|
});
|
|
4791
4723
|
exports["default"] = exports.Vimeo = void 0;
|
|
4792
4724
|
|
|
4793
|
-
var _react = _interopRequireWildcard(React__default[
|
|
4725
|
+
var _react = _interopRequireWildcard(React__default['default']);
|
|
4794
4726
|
|
|
4795
4727
|
|
|
4796
4728
|
|
|
@@ -5046,7 +4978,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5046
4978
|
});
|
|
5047
4979
|
exports["default"] = exports.Facebook = void 0;
|
|
5048
4980
|
|
|
5049
|
-
var _react = _interopRequireWildcard(React__default[
|
|
4981
|
+
var _react = _interopRequireWildcard(React__default['default']);
|
|
5050
4982
|
|
|
5051
4983
|
|
|
5052
4984
|
|
|
@@ -5258,7 +5190,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5258
5190
|
});
|
|
5259
5191
|
exports["default"] = exports.Streamable = void 0;
|
|
5260
5192
|
|
|
5261
|
-
var _react = _interopRequireWildcard(React__default[
|
|
5193
|
+
var _react = _interopRequireWildcard(React__default['default']);
|
|
5262
5194
|
|
|
5263
5195
|
|
|
5264
5196
|
|
|
@@ -5469,7 +5401,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5469
5401
|
});
|
|
5470
5402
|
exports["default"] = exports.Wistia = void 0;
|
|
5471
5403
|
|
|
5472
|
-
var _react = _interopRequireWildcard(React__default[
|
|
5404
|
+
var _react = _interopRequireWildcard(React__default['default']);
|
|
5473
5405
|
|
|
5474
5406
|
|
|
5475
5407
|
|
|
@@ -5712,7 +5644,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5712
5644
|
});
|
|
5713
5645
|
exports["default"] = exports.Twitch = void 0;
|
|
5714
5646
|
|
|
5715
|
-
var _react = _interopRequireWildcard(React__default[
|
|
5647
|
+
var _react = _interopRequireWildcard(React__default['default']);
|
|
5716
5648
|
|
|
5717
5649
|
|
|
5718
5650
|
|
|
@@ -5928,7 +5860,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5928
5860
|
});
|
|
5929
5861
|
exports["default"] = exports.DailyMotion = void 0;
|
|
5930
5862
|
|
|
5931
|
-
var _react = _interopRequireWildcard(React__default[
|
|
5863
|
+
var _react = _interopRequireWildcard(React__default['default']);
|
|
5932
5864
|
|
|
5933
5865
|
|
|
5934
5866
|
|
|
@@ -6164,7 +6096,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6164
6096
|
});
|
|
6165
6097
|
exports["default"] = exports.Mixcloud = void 0;
|
|
6166
6098
|
|
|
6167
|
-
var _react = _interopRequireWildcard(React__default[
|
|
6099
|
+
var _react = _interopRequireWildcard(React__default['default']);
|
|
6168
6100
|
|
|
6169
6101
|
|
|
6170
6102
|
|
|
@@ -6363,7 +6295,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6363
6295
|
});
|
|
6364
6296
|
exports["default"] = exports.FilePlayer = void 0;
|
|
6365
6297
|
|
|
6366
|
-
var _react = _interopRequireWildcard(React__default[
|
|
6298
|
+
var _react = _interopRequireWildcard(React__default['default']);
|
|
6367
6299
|
|
|
6368
6300
|
|
|
6369
6301
|
|
|
@@ -6930,7 +6862,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6930
6862
|
});
|
|
6931
6863
|
exports["default"] = void 0;
|
|
6932
6864
|
|
|
6933
|
-
var _react = _interopRequireWildcard(React__default[
|
|
6865
|
+
var _react = _interopRequireWildcard(React__default['default']);
|
|
6934
6866
|
|
|
6935
6867
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
6936
6868
|
|
|
@@ -7109,7 +7041,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7109
7041
|
});
|
|
7110
7042
|
exports["default"] = renderPreloadPlayers;
|
|
7111
7043
|
|
|
7112
|
-
var _react = _interopRequireDefault(React__default[
|
|
7044
|
+
var _react = _interopRequireDefault(React__default['default']);
|
|
7113
7045
|
|
|
7114
7046
|
var _Player = _interopRequireDefault(Player_1);
|
|
7115
7047
|
|
|
@@ -7248,7 +7180,7 @@ Object.defineProperty(exports, "Mixcloud", {
|
|
|
7248
7180
|
});
|
|
7249
7181
|
exports["default"] = void 0;
|
|
7250
7182
|
|
|
7251
|
-
var _react = _interopRequireWildcard(React__default[
|
|
7183
|
+
var _react = _interopRequireWildcard(React__default['default']);
|
|
7252
7184
|
|
|
7253
7185
|
|
|
7254
7186
|
|
|
@@ -7564,7 +7496,7 @@ var Audio = function Audio(_ref) {
|
|
|
7564
7496
|
var audioSource = node && node.uploadAudio ? node.uploadAudio.asset.url : '';
|
|
7565
7497
|
var reportPlay = function reportPlay() {
|
|
7566
7498
|
console.log('Reporting audio playback play to GA');
|
|
7567
|
-
ReactGA__default[
|
|
7499
|
+
ReactGA__default['default'].event({
|
|
7568
7500
|
category: 'User',
|
|
7569
7501
|
action: 'Audio Play',
|
|
7570
7502
|
label: 'Play: ' + audioSource
|
|
@@ -7574,7 +7506,7 @@ var Audio = function Audio(_ref) {
|
|
|
7574
7506
|
};
|
|
7575
7507
|
var reportPause = function reportPause() {
|
|
7576
7508
|
console.log('Reporting audio playback pause to GA');
|
|
7577
|
-
ReactGA__default[
|
|
7509
|
+
ReactGA__default['default'].event({
|
|
7578
7510
|
category: 'User',
|
|
7579
7511
|
action: 'Audio Pause',
|
|
7580
7512
|
label: 'Pause: ' + audioSource
|
|
@@ -7584,7 +7516,7 @@ var Audio = function Audio(_ref) {
|
|
|
7584
7516
|
};
|
|
7585
7517
|
var reportEnd = function reportEnd() {
|
|
7586
7518
|
console.log('Reporting audio playback end to GA');
|
|
7587
|
-
ReactGA__default[
|
|
7519
|
+
ReactGA__default['default'].event({
|
|
7588
7520
|
category: 'User',
|
|
7589
7521
|
action: 'Audio Playback End',
|
|
7590
7522
|
label: 'Playback End: ' + audioSource
|
|
@@ -7593,10 +7525,10 @@ var Audio = function Audio(_ref) {
|
|
|
7593
7525
|
}));
|
|
7594
7526
|
};
|
|
7595
7527
|
if (node.uploadAudio) {
|
|
7596
|
-
return React__default[
|
|
7528
|
+
return React__default['default'].createElement(
|
|
7597
7529
|
'div',
|
|
7598
7530
|
{ className: 'audio d-block text-center mb-3' },
|
|
7599
|
-
React__default[
|
|
7531
|
+
React__default['default'].createElement(
|
|
7600
7532
|
'audio',
|
|
7601
7533
|
{
|
|
7602
7534
|
controls: true, controlsList: 'nodownload',
|
|
@@ -7605,14 +7537,14 @@ var Audio = function Audio(_ref) {
|
|
|
7605
7537
|
onPause: reportPause,
|
|
7606
7538
|
onEnded: reportEnd
|
|
7607
7539
|
},
|
|
7608
|
-
React__default[
|
|
7609
|
-
React__default[
|
|
7540
|
+
React__default['default'].createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/ogg' }),
|
|
7541
|
+
React__default['default'].createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/mpeg' }),
|
|
7610
7542
|
'Your browser does not support the audio element.'
|
|
7611
7543
|
),
|
|
7612
|
-
node.caption && React__default[
|
|
7544
|
+
node.caption && React__default['default'].createElement(
|
|
7613
7545
|
'p',
|
|
7614
7546
|
{ style: { fontSize: '.9rem' } },
|
|
7615
|
-
React__default[
|
|
7547
|
+
React__default['default'].createElement(
|
|
7616
7548
|
'em',
|
|
7617
7549
|
null,
|
|
7618
7550
|
node.caption
|
|
@@ -7622,15 +7554,15 @@ var Audio = function Audio(_ref) {
|
|
|
7622
7554
|
} else if (node.audioFilePth) {
|
|
7623
7555
|
var hostname = new URL(node.audioFilePth).hostname;
|
|
7624
7556
|
if (hostname === 'embeds.audioboom.com') {
|
|
7625
|
-
return React__default[
|
|
7557
|
+
return React__default['default'].createElement(
|
|
7626
7558
|
'div',
|
|
7627
7559
|
null,
|
|
7628
|
-
React__default[
|
|
7560
|
+
React__default['default'].createElement('iframe', { src: node.audioFilePth, width: '100%', height: '300', className: 'audio', style: { border: 'none' } }),
|
|
7629
7561
|
' ',
|
|
7630
|
-
node.caption && React__default[
|
|
7562
|
+
node.caption && React__default['default'].createElement(
|
|
7631
7563
|
'p',
|
|
7632
7564
|
{ style: { fontSize: '.9rem' } },
|
|
7633
|
-
React__default[
|
|
7565
|
+
React__default['default'].createElement(
|
|
7634
7566
|
'em',
|
|
7635
7567
|
null,
|
|
7636
7568
|
node.caption
|
|
@@ -7638,10 +7570,10 @@ var Audio = function Audio(_ref) {
|
|
|
7638
7570
|
)
|
|
7639
7571
|
);
|
|
7640
7572
|
}
|
|
7641
|
-
return React__default[
|
|
7573
|
+
return React__default['default'].createElement(
|
|
7642
7574
|
'div',
|
|
7643
7575
|
{ className: 'audio' },
|
|
7644
|
-
React__default[
|
|
7576
|
+
React__default['default'].createElement(ReactPlayer, { url: node.audioFilePth,
|
|
7645
7577
|
onPlay: reportPlay,
|
|
7646
7578
|
onPause: reportPause,
|
|
7647
7579
|
onEnded: reportEnd,
|
|
@@ -7649,10 +7581,10 @@ var Audio = function Audio(_ref) {
|
|
|
7649
7581
|
width: '100%',
|
|
7650
7582
|
height: '100%'
|
|
7651
7583
|
}),
|
|
7652
|
-
node.caption && React__default[
|
|
7584
|
+
node.caption && React__default['default'].createElement(
|
|
7653
7585
|
'p',
|
|
7654
7586
|
{ style: { fontSize: '.9rem' } },
|
|
7655
|
-
React__default[
|
|
7587
|
+
React__default['default'].createElement(
|
|
7656
7588
|
'em',
|
|
7657
7589
|
null,
|
|
7658
7590
|
node.caption
|
|
@@ -7671,34 +7603,34 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
|
|
|
7671
7603
|
var showAuthorDetails = arguments[7];
|
|
7672
7604
|
|
|
7673
7605
|
if (authorName && authorURL) {
|
|
7674
|
-
return React__default[
|
|
7606
|
+
return React__default['default'].createElement(
|
|
7675
7607
|
'span',
|
|
7676
7608
|
null,
|
|
7677
|
-
React__default[
|
|
7609
|
+
React__default['default'].createElement(
|
|
7678
7610
|
'a',
|
|
7679
7611
|
{ className: 'author-details-link-' + index, rel: 'author', href: '/' + defaultUrl + '/' + authorURL.current, key: index },
|
|
7680
7612
|
authorName
|
|
7681
7613
|
),
|
|
7682
|
-
showAuthorDetails && React__default[
|
|
7614
|
+
showAuthorDetails && React__default['default'].createElement(
|
|
7683
7615
|
reactBootstrap.Card,
|
|
7684
7616
|
{ className: 'author-details-card-' + index },
|
|
7685
|
-
React__default[
|
|
7617
|
+
React__default['default'].createElement(
|
|
7686
7618
|
reactBootstrap.Row,
|
|
7687
7619
|
null,
|
|
7688
|
-
profileImage && React__default[
|
|
7620
|
+
profileImage && React__default['default'].createElement(
|
|
7689
7621
|
reactBootstrap.Col,
|
|
7690
7622
|
{ sm: 12, md: 4, className: 'author-details-img-container' },
|
|
7691
|
-
React__default[
|
|
7623
|
+
React__default['default'].createElement(reactBootstrap.Card.Img, { className: 'author-details-img', src: profileImage, alt: authorName })
|
|
7692
7624
|
),
|
|
7693
|
-
React__default[
|
|
7625
|
+
React__default['default'].createElement(
|
|
7694
7626
|
reactBootstrap.Col,
|
|
7695
7627
|
{ className: 'author-details-col', sm: 12, md: profileImage ? 8 : 12 },
|
|
7696
|
-
React__default[
|
|
7628
|
+
React__default['default'].createElement(
|
|
7697
7629
|
'div',
|
|
7698
7630
|
{ style: { fontWidth: '500', fontSize: '1.15rem' } },
|
|
7699
7631
|
authorName
|
|
7700
7632
|
),
|
|
7701
|
-
React__default[
|
|
7633
|
+
React__default['default'].createElement(
|
|
7702
7634
|
'p',
|
|
7703
7635
|
null,
|
|
7704
7636
|
biography
|
|
@@ -7706,7 +7638,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
|
|
|
7706
7638
|
)
|
|
7707
7639
|
)
|
|
7708
7640
|
),
|
|
7709
|
-
React__default[
|
|
7641
|
+
React__default['default'].createElement(
|
|
7710
7642
|
'style',
|
|
7711
7643
|
{ jsx: 'true' },
|
|
7712
7644
|
'\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 '
|
|
@@ -7714,7 +7646,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
|
|
|
7714
7646
|
length !== index + 1 && ', '
|
|
7715
7647
|
);
|
|
7716
7648
|
} else if (authorName) {
|
|
7717
|
-
return React__default[
|
|
7649
|
+
return React__default['default'].createElement(
|
|
7718
7650
|
'span',
|
|
7719
7651
|
{ key: index },
|
|
7720
7652
|
authorName,
|
|
@@ -7986,44 +7918,44 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
7986
7918
|
}
|
|
7987
7919
|
};
|
|
7988
7920
|
|
|
7989
|
-
return React__default[
|
|
7921
|
+
return React__default['default'].createElement(
|
|
7990
7922
|
'div',
|
|
7991
7923
|
{ className: 'video-container', style: { marginBottom: '2rem' } },
|
|
7992
|
-
React__default[
|
|
7924
|
+
React__default['default'].createElement(
|
|
7993
7925
|
'div',
|
|
7994
7926
|
{ className: 'mt-2 mb-5' },
|
|
7995
|
-
series && React__default[
|
|
7927
|
+
series && React__default['default'].createElement(
|
|
7996
7928
|
'div',
|
|
7997
7929
|
{ style: { fontSize: '0.9rem' } },
|
|
7998
7930
|
article.title,
|
|
7999
7931
|
' - Episode ',
|
|
8000
7932
|
series
|
|
8001
7933
|
),
|
|
8002
|
-
Videos[series - 1] && React__default[
|
|
7934
|
+
Videos[series - 1] && React__default['default'].createElement(
|
|
8003
7935
|
'h1',
|
|
8004
7936
|
{ className: 'mb-3' },
|
|
8005
7937
|
Videos[series - 1].title
|
|
8006
7938
|
),
|
|
8007
|
-
React__default[
|
|
7939
|
+
React__default['default'].createElement(
|
|
8008
7940
|
'div',
|
|
8009
7941
|
null,
|
|
8010
7942
|
moment.moment(article.published).format('LL')
|
|
8011
7943
|
),
|
|
8012
|
-
React__default[
|
|
7944
|
+
React__default['default'].createElement(
|
|
8013
7945
|
'div',
|
|
8014
7946
|
{ className: 'mb-3' },
|
|
8015
7947
|
article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
|
|
8016
|
-
return React__default[
|
|
7948
|
+
return React__default['default'].createElement(
|
|
8017
7949
|
'span',
|
|
8018
7950
|
{ key: index },
|
|
8019
7951
|
renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, '', authorDetail.profileImage && urlFor({ client: client, source: authorDetail.profileImage, imageHeight: authorImgHeight }))
|
|
8020
7952
|
);
|
|
8021
7953
|
})
|
|
8022
7954
|
),
|
|
8023
|
-
React__default[
|
|
7955
|
+
React__default['default'].createElement(
|
|
8024
7956
|
'p',
|
|
8025
7957
|
null,
|
|
8026
|
-
React__default[
|
|
7958
|
+
React__default['default'].createElement(SocialShare, {
|
|
8027
7959
|
shareUrl: meta.shareUrl + '?seriesVid=' + series,
|
|
8028
7960
|
shareTitle: Videos[series - 1] && Videos[series - 1].title ? Videos[series - 1].title : meta.shareTitle,
|
|
8029
7961
|
shareVia: meta.shareVia,
|
|
@@ -8038,20 +7970,20 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
8038
7970
|
hideFacebook: meta.hideFBShare
|
|
8039
7971
|
})
|
|
8040
7972
|
),
|
|
8041
|
-
Videos[series - 1] && Videos[series - 1].intro && React__default[
|
|
7973
|
+
Videos[series - 1] && Videos[series - 1].intro && React__default['default'].createElement(
|
|
8042
7974
|
'p',
|
|
8043
7975
|
{ className: 'mb-3' },
|
|
8044
|
-
React__default[
|
|
7976
|
+
React__default['default'].createElement(
|
|
8045
7977
|
'em',
|
|
8046
7978
|
null,
|
|
8047
7979
|
Videos[series - 1].intro
|
|
8048
7980
|
)
|
|
8049
7981
|
)
|
|
8050
7982
|
),
|
|
8051
|
-
React__default[
|
|
7983
|
+
React__default['default'].createElement(
|
|
8052
7984
|
'div',
|
|
8053
7985
|
{ id: 'fluid-video-container', className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
|
|
8054
|
-
vidUrl && vidType == 'youtube' && React__default[
|
|
7986
|
+
vidUrl && vidType == 'youtube' && React__default['default'].createElement(YouTube, {
|
|
8055
7987
|
className: 'fluid-iframe',
|
|
8056
7988
|
loading: 'lazy',
|
|
8057
7989
|
videoId: index$1.getYoutubeId(vidUrl),
|
|
@@ -8063,10 +7995,10 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
8063
7995
|
return handleOnEnd(e);
|
|
8064
7996
|
}
|
|
8065
7997
|
}),
|
|
8066
|
-
vidUrl && vidType == 'mp4' && React__default[
|
|
8067
|
-
vidUrl && vidType == 'brightcove' && React__default[
|
|
8068
|
-
React__default[
|
|
8069
|
-
series && React__default[
|
|
7998
|
+
vidUrl && vidType == 'mp4' && React__default['default'].createElement(VideoMp4, { url: vidUrl, thumbnail: vidThumbnail, vidLoaded: vidLoaded }),
|
|
7999
|
+
vidUrl && vidType == 'brightcove' && React__default['default'].createElement(Video, { autoplay: true, node: { videoID: vidUrl, source: 'brightcove' }, accountIDs: accountIDs, autoplayNextVideo: autoplayNextVideo }),
|
|
8000
|
+
React__default['default'].createElement('hr', { style: { marginTop: '1.5rem', borderTop: '2px solid rgba(0,0,0,.35)' } }),
|
|
8001
|
+
series && React__default['default'].createElement(
|
|
8070
8002
|
'div',
|
|
8071
8003
|
{
|
|
8072
8004
|
className: 'vid-series',
|
|
@@ -8076,10 +8008,10 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
8076
8008
|
maxHeight: '100%',
|
|
8077
8009
|
paddingBottom: '0'
|
|
8078
8010
|
} },
|
|
8079
|
-
React__default[
|
|
8011
|
+
React__default['default'].createElement(
|
|
8080
8012
|
'p',
|
|
8081
8013
|
{ style: { color: '#484848', marginBottom: '0' } },
|
|
8082
|
-
React__default[
|
|
8014
|
+
React__default['default'].createElement(
|
|
8083
8015
|
'b',
|
|
8084
8016
|
{ style: { fontSize: '1.25em' } },
|
|
8085
8017
|
'Now Playing:'
|
|
@@ -8087,16 +8019,16 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
8087
8019
|
' ',
|
|
8088
8020
|
seriesData[series ? series - 1 : 0].title
|
|
8089
8021
|
),
|
|
8090
|
-
vidUrl && React__default[
|
|
8022
|
+
vidUrl && React__default['default'].createElement(GroupDeck, { dataset: seriesData, setState: setState, seriesVid: series, current: vidUrl, client: client, displayEpisodeNumber: true })
|
|
8091
8023
|
)
|
|
8092
8024
|
),
|
|
8093
|
-
React__default[
|
|
8094
|
-
React__default[
|
|
8025
|
+
React__default['default'].createElement('div', { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } }),
|
|
8026
|
+
React__default['default'].createElement(
|
|
8095
8027
|
'div',
|
|
8096
8028
|
{ className: 'vid-text' },
|
|
8097
|
-
Videos[series - 1] && Videos[series - 1].text && React__default[
|
|
8029
|
+
Videos[series - 1] && Videos[series - 1].text && React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers, blocks: Videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
|
|
8098
8030
|
),
|
|
8099
|
-
React__default[
|
|
8031
|
+
React__default['default'].createElement(
|
|
8100
8032
|
'style',
|
|
8101
8033
|
{ jsx: 'true' },
|
|
8102
8034
|
'\n span.btn {\n margin: 0 1rem;\n }\n '
|
|
@@ -8149,67 +8081,67 @@ var Poll$1 = function Poll(_ref) {
|
|
|
8149
8081
|
return acc;
|
|
8150
8082
|
}
|
|
8151
8083
|
}, 0);
|
|
8152
|
-
return React__default[
|
|
8153
|
-
React__default[
|
|
8084
|
+
return React__default['default'].createElement(
|
|
8085
|
+
React__default['default'].Fragment,
|
|
8154
8086
|
null,
|
|
8155
|
-
question && React__default[
|
|
8087
|
+
question && React__default['default'].createElement(
|
|
8156
8088
|
'p',
|
|
8157
8089
|
{ className: 'font-weight-bold' },
|
|
8158
8090
|
question
|
|
8159
8091
|
),
|
|
8160
|
-
!showAnswer && choices && choices.length > 0 && React__default[
|
|
8092
|
+
!showAnswer && choices && choices.length > 0 && React__default['default'].createElement(
|
|
8161
8093
|
'form',
|
|
8162
8094
|
{ onSubmit: function onSubmit(e) {
|
|
8163
8095
|
return onSubmitPoll(e);
|
|
8164
8096
|
} },
|
|
8165
8097
|
choices && choices.map(function (choice) {
|
|
8166
|
-
return React__default[
|
|
8098
|
+
return React__default['default'].createElement(
|
|
8167
8099
|
'div',
|
|
8168
8100
|
{ key: choice._key },
|
|
8169
|
-
React__default[
|
|
8101
|
+
React__default['default'].createElement(
|
|
8170
8102
|
'label',
|
|
8171
8103
|
{ className: 'pl-2' },
|
|
8172
|
-
React__default[
|
|
8104
|
+
React__default['default'].createElement('input', { type: 'radio', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
|
|
8173
8105
|
return setSelectedChoice(e.target.value);
|
|
8174
8106
|
} }),
|
|
8175
8107
|
' ' + choice.choiceText
|
|
8176
8108
|
)
|
|
8177
8109
|
);
|
|
8178
8110
|
}),
|
|
8179
|
-
React__default[
|
|
8111
|
+
React__default['default'].createElement(
|
|
8180
8112
|
reactBootstrap.Button,
|
|
8181
8113
|
{ disabled: !selectedChoice, type: 'submit' },
|
|
8182
8114
|
'Vote'
|
|
8183
8115
|
)
|
|
8184
8116
|
),
|
|
8185
|
-
React__default[
|
|
8117
|
+
React__default['default'].createElement(
|
|
8186
8118
|
'div',
|
|
8187
8119
|
{ className: 'progress-container' },
|
|
8188
8120
|
showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
|
|
8189
8121
|
var percentage = choicesTotalCount && choicesTotalCount > 0 ? choice.choiceCount ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0 : 0;
|
|
8190
|
-
return React__default[
|
|
8122
|
+
return React__default['default'].createElement(
|
|
8191
8123
|
'div',
|
|
8192
8124
|
{ key: choice._key, className: 'mb-3' },
|
|
8193
|
-
React__default[
|
|
8125
|
+
React__default['default'].createElement(
|
|
8194
8126
|
'div',
|
|
8195
8127
|
{ className: 'correct-answer' },
|
|
8196
|
-
React__default[
|
|
8128
|
+
React__default['default'].createElement(
|
|
8197
8129
|
'div',
|
|
8198
8130
|
null,
|
|
8199
8131
|
choice.choiceText
|
|
8200
8132
|
),
|
|
8201
|
-
choice.choiceAnswer === true && React__default[
|
|
8133
|
+
choice.choiceAnswer === true && React__default['default'].createElement(
|
|
8202
8134
|
'div',
|
|
8203
8135
|
null,
|
|
8204
|
-
React__default[
|
|
8136
|
+
React__default['default'].createElement(
|
|
8205
8137
|
'span',
|
|
8206
8138
|
{ style: { color: 'limegreen' } },
|
|
8207
8139
|
'Correct!'
|
|
8208
8140
|
)
|
|
8209
8141
|
)
|
|
8210
8142
|
),
|
|
8211
|
-
React__default[
|
|
8212
|
-
React__default[
|
|
8143
|
+
React__default['default'].createElement(reactBootstrap.ProgressBar, { now: percentage }),
|
|
8144
|
+
React__default['default'].createElement(
|
|
8213
8145
|
'span',
|
|
8214
8146
|
{ className: 'float-right' },
|
|
8215
8147
|
percentage,
|
|
@@ -8220,14 +8152,14 @@ var Poll$1 = function Poll(_ref) {
|
|
|
8220
8152
|
);
|
|
8221
8153
|
})
|
|
8222
8154
|
),
|
|
8223
|
-
showAnswer && React__default[
|
|
8155
|
+
showAnswer && React__default['default'].createElement(
|
|
8224
8156
|
'h4',
|
|
8225
8157
|
{ className: 'text-center small p-3' },
|
|
8226
8158
|
'Total Votes: ',
|
|
8227
8159
|
choicesTotalCount
|
|
8228
8160
|
),
|
|
8229
|
-
showAnswer && response && React__default[
|
|
8230
|
-
React__default[
|
|
8161
|
+
showAnswer && response && React__default['default'].createElement(BlockContent.BlockContent, { blocks: response, serializers: getSerializers }),
|
|
8162
|
+
React__default['default'].createElement(
|
|
8231
8163
|
'style',
|
|
8232
8164
|
{ jsx: 'true' },
|
|
8233
8165
|
'\n .correct-answer {\n display: flex;\n justify-content: space-between;\n }\n .progress-bar {\n color: #fff;\n }\n '
|
|
@@ -8235,6 +8167,24 @@ var Poll$1 = function Poll(_ref) {
|
|
|
8235
8167
|
);
|
|
8236
8168
|
};
|
|
8237
8169
|
|
|
8170
|
+
// https://github.com/tc39/proposal-object-values-entries
|
|
8171
|
+
|
|
8172
|
+
var $values = _objectToArray._objectToArray(false);
|
|
8173
|
+
|
|
8174
|
+
core_getIteratorMethod._export(core_getIteratorMethod._export.S, 'Object', {
|
|
8175
|
+
values: function values(it) {
|
|
8176
|
+
return $values(it);
|
|
8177
|
+
}
|
|
8178
|
+
});
|
|
8179
|
+
|
|
8180
|
+
var values$1 = core_getIteratorMethod._core.Object.values;
|
|
8181
|
+
|
|
8182
|
+
var values = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
8183
|
+
module.exports = { "default": values$1, __esModule: true };
|
|
8184
|
+
});
|
|
8185
|
+
|
|
8186
|
+
var _Object$values = _commonjsHelpers.unwrapExports(values);
|
|
8187
|
+
|
|
8238
8188
|
var Poll = function Poll(_ref) {
|
|
8239
8189
|
var node = _ref.node;
|
|
8240
8190
|
_ref.client;
|
|
@@ -8308,67 +8258,67 @@ var Poll = function Poll(_ref) {
|
|
|
8308
8258
|
return acc;
|
|
8309
8259
|
}
|
|
8310
8260
|
}, 0);
|
|
8311
|
-
return React__default[
|
|
8312
|
-
React__default[
|
|
8261
|
+
return React__default['default'].createElement(
|
|
8262
|
+
React__default['default'].Fragment,
|
|
8313
8263
|
null,
|
|
8314
|
-
question && React__default[
|
|
8264
|
+
question && React__default['default'].createElement(
|
|
8315
8265
|
'p',
|
|
8316
8266
|
{ className: 'font-weight-bold' },
|
|
8317
8267
|
question
|
|
8318
8268
|
),
|
|
8319
|
-
!showAnswer && choices && choices.length > 0 && React__default[
|
|
8269
|
+
!showAnswer && choices && choices.length > 0 && React__default['default'].createElement(
|
|
8320
8270
|
'form',
|
|
8321
8271
|
{ onSubmit: function onSubmit(e) {
|
|
8322
8272
|
return onSubmitPoll(e);
|
|
8323
8273
|
} },
|
|
8324
8274
|
choices && choices.map(function (choice) {
|
|
8325
|
-
return React__default[
|
|
8275
|
+
return React__default['default'].createElement(
|
|
8326
8276
|
'div',
|
|
8327
8277
|
{ key: choice._key },
|
|
8328
|
-
React__default[
|
|
8278
|
+
React__default['default'].createElement(
|
|
8329
8279
|
'label',
|
|
8330
8280
|
{ className: 'pl-2' },
|
|
8331
|
-
React__default[
|
|
8281
|
+
React__default['default'].createElement('input', { type: 'checkbox', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
|
|
8332
8282
|
return setSelectedChoice(e.target.value);
|
|
8333
8283
|
} }),
|
|
8334
8284
|
' ' + choice.choiceText
|
|
8335
8285
|
)
|
|
8336
8286
|
);
|
|
8337
8287
|
}),
|
|
8338
|
-
React__default[
|
|
8288
|
+
React__default['default'].createElement(
|
|
8339
8289
|
reactBootstrap.Button,
|
|
8340
8290
|
{ disabled: !selectedChoice, type: 'submit' },
|
|
8341
8291
|
'Vote'
|
|
8342
8292
|
)
|
|
8343
8293
|
),
|
|
8344
|
-
React__default[
|
|
8294
|
+
React__default['default'].createElement(
|
|
8345
8295
|
'div',
|
|
8346
8296
|
{ className: 'progress-container' },
|
|
8347
8297
|
showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
|
|
8348
8298
|
var percentage = choicesTotalCount && choicesTotalCount > 0 ? choice.choiceCount ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0 : 0;
|
|
8349
|
-
return React__default[
|
|
8299
|
+
return React__default['default'].createElement(
|
|
8350
8300
|
'div',
|
|
8351
8301
|
{ key: choice._key, className: 'mb-3' },
|
|
8352
|
-
React__default[
|
|
8302
|
+
React__default['default'].createElement(
|
|
8353
8303
|
'div',
|
|
8354
8304
|
{ className: 'correct-answer' },
|
|
8355
|
-
React__default[
|
|
8305
|
+
React__default['default'].createElement(
|
|
8356
8306
|
'div',
|
|
8357
8307
|
null,
|
|
8358
8308
|
choice.choiceText
|
|
8359
8309
|
),
|
|
8360
|
-
choice.choiceAnswer === true && React__default[
|
|
8310
|
+
choice.choiceAnswer === true && React__default['default'].createElement(
|
|
8361
8311
|
'div',
|
|
8362
8312
|
null,
|
|
8363
|
-
React__default[
|
|
8313
|
+
React__default['default'].createElement(
|
|
8364
8314
|
'span',
|
|
8365
8315
|
{ style: { color: 'limegreen' } },
|
|
8366
8316
|
'Correct!'
|
|
8367
8317
|
)
|
|
8368
8318
|
)
|
|
8369
8319
|
),
|
|
8370
|
-
React__default[
|
|
8371
|
-
React__default[
|
|
8320
|
+
React__default['default'].createElement(reactBootstrap.ProgressBar, { now: percentage }),
|
|
8321
|
+
React__default['default'].createElement(
|
|
8372
8322
|
'span',
|
|
8373
8323
|
{ className: 'float-right' },
|
|
8374
8324
|
percentage,
|
|
@@ -8379,14 +8329,14 @@ var Poll = function Poll(_ref) {
|
|
|
8379
8329
|
);
|
|
8380
8330
|
})
|
|
8381
8331
|
),
|
|
8382
|
-
showAnswer && React__default[
|
|
8332
|
+
showAnswer && React__default['default'].createElement(
|
|
8383
8333
|
'h4',
|
|
8384
8334
|
{ className: 'text-center small p-3' },
|
|
8385
8335
|
'Total Votes: ',
|
|
8386
8336
|
choicesTotalCount
|
|
8387
8337
|
),
|
|
8388
|
-
showAnswer && response && React__default[
|
|
8389
|
-
React__default[
|
|
8338
|
+
showAnswer && response && React__default['default'].createElement(BlockContent.BlockContent, { blocks: response, serializers: getSerializers }),
|
|
8339
|
+
React__default['default'].createElement(
|
|
8390
8340
|
'style',
|
|
8391
8341
|
{ jsx: 'true' },
|
|
8392
8342
|
'\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 '
|
|
@@ -8530,34 +8480,34 @@ var Quiz = function Quiz(_ref) {
|
|
|
8530
8480
|
};
|
|
8531
8481
|
|
|
8532
8482
|
var renderPagination = function renderPagination() {
|
|
8533
|
-
return React__default[
|
|
8534
|
-
Pagination__default[
|
|
8483
|
+
return React__default['default'].createElement(
|
|
8484
|
+
Pagination__default['default'],
|
|
8535
8485
|
{ className: 'p-0 m-0', size: main.main_42 && 'sm' },
|
|
8536
|
-
React__default[
|
|
8486
|
+
React__default['default'].createElement(Pagination__default['default'].First, { onClick: function onClick() {
|
|
8537
8487
|
return changePage('first');
|
|
8538
8488
|
}, disabled: currentPage === 1 }),
|
|
8539
|
-
React__default[
|
|
8489
|
+
React__default['default'].createElement(Pagination__default['default'].Prev, { onClick: function onClick() {
|
|
8540
8490
|
return changePage('prev');
|
|
8541
8491
|
}, disabled: currentPage === 1 }),
|
|
8542
|
-
React__default[
|
|
8492
|
+
React__default['default'].createElement(Pagination__default['default'].Ellipsis, { onClick: function onClick() {
|
|
8543
8493
|
return renderNewPages('prev');
|
|
8544
8494
|
}, disabled: !validateIndex(startIndex - numberOfPaginations) }),
|
|
8545
8495
|
pages.map(function (page) {
|
|
8546
|
-
return React__default[
|
|
8547
|
-
Pagination__default[
|
|
8496
|
+
return React__default['default'].createElement(
|
|
8497
|
+
Pagination__default['default'].Item,
|
|
8548
8498
|
{ key: page, active: page === parseInt(currentPage), onClick: function onClick() {
|
|
8549
8499
|
return changePage(page);
|
|
8550
8500
|
} },
|
|
8551
8501
|
page
|
|
8552
8502
|
);
|
|
8553
8503
|
}),
|
|
8554
|
-
React__default[
|
|
8504
|
+
React__default['default'].createElement(Pagination__default['default'].Ellipsis, { onClick: function onClick() {
|
|
8555
8505
|
return renderNewPages('next');
|
|
8556
8506
|
}, disabled: !validateIndex(startIndex + numberOfPaginations) }),
|
|
8557
|
-
React__default[
|
|
8507
|
+
React__default['default'].createElement(Pagination__default['default'].Next, { onClick: function onClick() {
|
|
8558
8508
|
return changePage('next');
|
|
8559
8509
|
}, disabled: currentPage === pageCount }),
|
|
8560
|
-
React__default[
|
|
8510
|
+
React__default['default'].createElement(Pagination__default['default'].Last, { onClick: function onClick() {
|
|
8561
8511
|
return changePage('last');
|
|
8562
8512
|
}, disabled: currentPage === pageCount })
|
|
8563
8513
|
);
|
|
@@ -8668,49 +8618,49 @@ var Quiz = function Quiz(_ref) {
|
|
|
8668
8618
|
}
|
|
8669
8619
|
};
|
|
8670
8620
|
|
|
8671
|
-
return React__default[
|
|
8672
|
-
React__default[
|
|
8621
|
+
return React__default['default'].createElement(
|
|
8622
|
+
React__default['default'].Fragment,
|
|
8673
8623
|
null,
|
|
8674
|
-
quizzes[currentPage - 1] && React__default[
|
|
8675
|
-
React__default[
|
|
8624
|
+
quizzes[currentPage - 1] && React__default['default'].createElement(
|
|
8625
|
+
React__default['default'].Fragment,
|
|
8676
8626
|
null,
|
|
8677
|
-
React__default[
|
|
8678
|
-
quizzes[currentPage - 1].quizAnswers && quizzes[currentPage - 1].quizAnswers.length > 0 && React__default[
|
|
8627
|
+
React__default['default'].createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
|
|
8628
|
+
quizzes[currentPage - 1].quizAnswers && quizzes[currentPage - 1].quizAnswers.length > 0 && React__default['default'].createElement(
|
|
8679
8629
|
'form',
|
|
8680
8630
|
{ ref: answersRef, onSubmit: function onSubmit(e) {
|
|
8681
8631
|
return e.preventDefault();
|
|
8682
8632
|
} },
|
|
8683
8633
|
quizzes[currentPage - 1].quizAnswers.map(function (answer, index) {
|
|
8684
|
-
return React__default[
|
|
8634
|
+
return React__default['default'].createElement(
|
|
8685
8635
|
'div',
|
|
8686
8636
|
{ key: answer._key },
|
|
8687
|
-
React__default[
|
|
8637
|
+
React__default['default'].createElement(
|
|
8688
8638
|
'label',
|
|
8689
8639
|
{ className: 'pl-2' },
|
|
8690
|
-
quizzes[currentPage - 1].multiAnswer ? React__default[
|
|
8640
|
+
quizzes[currentPage - 1].multiAnswer ? React__default['default'].createElement('input', { type: 'checkbox', id: 'male', disabled: showAnswer, name: answer._type, value: answer._key }) : React__default['default'].createElement('input', { type: 'radio', id: 'male', disabled: showAnswer, name: answer._type, value: answer._key }),
|
|
8691
8641
|
' ' + answer.answerText
|
|
8692
8642
|
)
|
|
8693
8643
|
);
|
|
8694
8644
|
})
|
|
8695
8645
|
)
|
|
8696
8646
|
),
|
|
8697
|
-
!showAnswer && React__default[
|
|
8698
|
-
Button__default[
|
|
8647
|
+
!showAnswer && React__default['default'].createElement(
|
|
8648
|
+
Button__default['default'],
|
|
8699
8649
|
{ onClick: function onClick(e) {
|
|
8700
8650
|
return checkAnswers(e);
|
|
8701
8651
|
}, variant: 'info', block: true },
|
|
8702
8652
|
'Please click here for answer'
|
|
8703
8653
|
),
|
|
8704
|
-
quizzes[currentPage - 1] && showAnswer && React__default[
|
|
8705
|
-
React__default[
|
|
8654
|
+
quizzes[currentPage - 1] && showAnswer && React__default['default'].createElement(
|
|
8655
|
+
React__default['default'].Fragment,
|
|
8706
8656
|
null,
|
|
8707
|
-
quizzes[currentPage - 1].answer && React__default[
|
|
8657
|
+
quizzes[currentPage - 1].answer && React__default['default'].createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers })
|
|
8708
8658
|
),
|
|
8709
|
-
React__default[
|
|
8710
|
-
firstRender && React__default[
|
|
8711
|
-
React__default[
|
|
8659
|
+
React__default['default'].createElement('br', null),
|
|
8660
|
+
firstRender && React__default['default'].createElement(
|
|
8661
|
+
React__default['default'].Fragment,
|
|
8712
8662
|
null,
|
|
8713
|
-
pageCount > 1 && currentPage && React__default[
|
|
8663
|
+
pageCount > 1 && currentPage && React__default['default'].createElement(
|
|
8714
8664
|
'div',
|
|
8715
8665
|
{ className: 'd-flex justify-content-center' },
|
|
8716
8666
|
renderPagination()
|
|
@@ -8722,15 +8672,15 @@ var Quiz = function Quiz(_ref) {
|
|
|
8722
8672
|
var Leads = function Leads(_ref) {
|
|
8723
8673
|
var url = _ref.url;
|
|
8724
8674
|
|
|
8725
|
-
return React__default[
|
|
8675
|
+
return React__default['default'].createElement(
|
|
8726
8676
|
'div',
|
|
8727
8677
|
{ className: 'd-block text-center mb-3' },
|
|
8728
|
-
React__default[
|
|
8678
|
+
React__default['default'].createElement(
|
|
8729
8679
|
'style',
|
|
8730
8680
|
{ jsx: 'true' },
|
|
8731
8681
|
'\n @media screen and (max-width: 1190px) {\n .leads-block {\n min-height: 2000px;\n }\n }\n @media screen and (min-width: 1191px) {\n .leads-block {\n min-height: 1500px;\n }\n }\n '
|
|
8732
8682
|
),
|
|
8733
|
-
url && React__default[
|
|
8683
|
+
url && React__default['default'].createElement('iframe', { className: 'w-100 h-100 leads-block', scrolling: 'no', src: url, frameBorder: '0', allow: 'fullscreen' })
|
|
8734
8684
|
);
|
|
8735
8685
|
};
|
|
8736
8686
|
|
|
@@ -8772,49 +8722,49 @@ var Slideshow = function Slideshow(_ref) {
|
|
|
8772
8722
|
if (pageview) pageview(href);
|
|
8773
8723
|
};
|
|
8774
8724
|
|
|
8775
|
-
return React__default[
|
|
8725
|
+
return React__default['default'].createElement(
|
|
8776
8726
|
'div',
|
|
8777
8727
|
{ className: 'mt-3 mb-4' },
|
|
8778
|
-
React__default[
|
|
8728
|
+
React__default['default'].createElement(
|
|
8779
8729
|
reactBootstrap.Carousel,
|
|
8780
8730
|
{ activeIndex: carouselIndex, onSelect: onChangeSlide, interval: null },
|
|
8781
8731
|
slides && slides.map(function (slide) {
|
|
8782
8732
|
if (slide.slideshowImage && slide.slideshowImage.asset) {
|
|
8783
|
-
return React__default[
|
|
8733
|
+
return React__default['default'].createElement(
|
|
8784
8734
|
reactBootstrap.Carousel.Item,
|
|
8785
8735
|
{ key: slide._key },
|
|
8786
|
-
React__default[
|
|
8736
|
+
React__default['default'].createElement(
|
|
8787
8737
|
'a',
|
|
8788
8738
|
{ href: slide.slideshowImage.link && slide.slideshowImage.link, target: slide.slideshowImage.blank ? '_blank' : '_self' },
|
|
8789
|
-
React__default[
|
|
8739
|
+
React__default['default'].createElement(
|
|
8790
8740
|
'div',
|
|
8791
8741
|
{ style: { textAlign: 'center' }, className: '' },
|
|
8792
|
-
React__default[
|
|
8742
|
+
React__default['default'].createElement(
|
|
8793
8743
|
'picture',
|
|
8794
8744
|
null,
|
|
8795
|
-
React__default[
|
|
8796
|
-
React__default[
|
|
8797
|
-
React__default[
|
|
8798
|
-
React__default[
|
|
8745
|
+
React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1500, imageFit: 'max' }) }),
|
|
8746
|
+
React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1000, imageFit: 'max' }) }),
|
|
8747
|
+
React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 500, imageFit: 'max' }) }),
|
|
8748
|
+
React__default['default'].createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', className: 'embed-item-img' })
|
|
8799
8749
|
)
|
|
8800
8750
|
)
|
|
8801
8751
|
),
|
|
8802
|
-
React__default[
|
|
8752
|
+
React__default['default'].createElement(
|
|
8803
8753
|
'div',
|
|
8804
8754
|
{ className: 'p-2' },
|
|
8805
|
-
slide.slideshowImage.caption && React__default[
|
|
8755
|
+
slide.slideshowImage.caption && React__default['default'].createElement(
|
|
8806
8756
|
'h3',
|
|
8807
8757
|
{ style: { padding: '0px' } },
|
|
8808
8758
|
slide.slideshowImage.caption
|
|
8809
8759
|
),
|
|
8810
|
-
slide.description && React__default[
|
|
8760
|
+
slide.description && React__default['default'].createElement(BlockContent.BlockContent, { blocks: slide.description, serializers: getSerializers })
|
|
8811
8761
|
)
|
|
8812
8762
|
);
|
|
8813
8763
|
}
|
|
8814
8764
|
return null;
|
|
8815
8765
|
})
|
|
8816
8766
|
),
|
|
8817
|
-
React__default[
|
|
8767
|
+
React__default['default'].createElement(
|
|
8818
8768
|
'style',
|
|
8819
8769
|
{ jsx: 'true' },
|
|
8820
8770
|
'\n .embed-item-img {\n max-width: 100%;\n max-height: 750px;\n }\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 '
|
|
@@ -8833,10 +8783,10 @@ var NativeAd = function NativeAd(props) {
|
|
|
8833
8783
|
sizes = _props$node.sizes,
|
|
8834
8784
|
sizeMapping = _props$node.sizeMapping;
|
|
8835
8785
|
|
|
8836
|
-
return React__default[
|
|
8786
|
+
return React__default['default'].createElement(
|
|
8837
8787
|
'div',
|
|
8838
8788
|
{ className: 'native-ad-wrapper', style: { textAlign: 'center' } },
|
|
8839
|
-
React__default[
|
|
8789
|
+
React__default['default'].createElement(AdSlot, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, className: className, sizes: sizes, sizeMapping: sizeMapping })
|
|
8840
8790
|
);
|
|
8841
8791
|
};
|
|
8842
8792
|
|
|
@@ -8847,15 +8797,15 @@ var Formstack = function Formstack(_ref) {
|
|
|
8847
8797
|
needSegmentSupport = _ref$needSegmentSuppo === undefined ? false : _ref$needSegmentSuppo;
|
|
8848
8798
|
|
|
8849
8799
|
var url = Segment.getURL('https://mjhlifesciences.formstack.com/forms/' + FormID, { needSegmentSupport: needSegmentSupport });
|
|
8850
|
-
return React__default[
|
|
8800
|
+
return React__default['default'].createElement(
|
|
8851
8801
|
'section',
|
|
8852
8802
|
{ id: 'formstack-section', className: 'formstack-section' },
|
|
8853
|
-
Caption && React__default[
|
|
8803
|
+
Caption && React__default['default'].createElement(
|
|
8854
8804
|
'h4',
|
|
8855
8805
|
{ className: 'formstack-caption' },
|
|
8856
8806
|
Caption
|
|
8857
8807
|
),
|
|
8858
|
-
React__default[
|
|
8808
|
+
React__default['default'].createElement('iframe', { src: url, title: Caption || '', width: '100%', height: '600', frameBorder: '0' })
|
|
8859
8809
|
);
|
|
8860
8810
|
};
|
|
8861
8811
|
|
|
@@ -8871,36 +8821,36 @@ var MultiMedia = function MultiMedia(props) {
|
|
|
8871
8821
|
}
|
|
8872
8822
|
});
|
|
8873
8823
|
if (medias && medias.length > 0) {
|
|
8874
|
-
return React__default[
|
|
8824
|
+
return React__default['default'].createElement(
|
|
8875
8825
|
'div',
|
|
8876
8826
|
{ className: 'multi-media-container' },
|
|
8877
|
-
React__default[
|
|
8878
|
-
Row__default[
|
|
8827
|
+
React__default['default'].createElement(
|
|
8828
|
+
Row__default['default'],
|
|
8879
8829
|
{ noGutters: true },
|
|
8880
8830
|
medias.map(function (media) {
|
|
8881
|
-
return React__default[
|
|
8882
|
-
Col__default[
|
|
8831
|
+
return React__default['default'].createElement(
|
|
8832
|
+
Col__default['default'],
|
|
8883
8833
|
{ xs: 12, md: 12 / medias.length, key: media._key },
|
|
8884
|
-
React__default[
|
|
8834
|
+
React__default['default'].createElement(
|
|
8885
8835
|
'a',
|
|
8886
8836
|
_extends._extends({}, media.upload_doc && media.upload_doc.asset && { href: urlForFile.urlForFile({ asset: media.upload_doc.asset }), target: media.blank ? '_blank' : '_self' }, {
|
|
8887
8837
|
style: { cursor: media.upload_doc && media.upload_doc.asset && media.upload_doc.asset.url ? 'pointer' : 'default' } }),
|
|
8888
|
-
React__default[
|
|
8838
|
+
React__default['default'].createElement(
|
|
8889
8839
|
'div',
|
|
8890
8840
|
{ className: 'multi-media-image-container' },
|
|
8891
|
-
imageBox && React__default[
|
|
8841
|
+
imageBox && React__default['default'].createElement(
|
|
8892
8842
|
index$2.LazyLoad,
|
|
8893
8843
|
{ once: true },
|
|
8894
|
-
React__default[
|
|
8844
|
+
React__default['default'].createElement(
|
|
8895
8845
|
'picture',
|
|
8896
8846
|
null,
|
|
8897
|
-
React__default[
|
|
8898
|
-
React__default[
|
|
8899
|
-
React__default[
|
|
8900
|
-
React__default[
|
|
8847
|
+
React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 1500, imageFit: 'max' }) }),
|
|
8848
|
+
React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 1000, imageFit: 'max' }) }),
|
|
8849
|
+
React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 500, imageFit: 'max' }) }),
|
|
8850
|
+
React__default['default'].createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor({ source: media.poster, client: client }), alt: media.alt || '' })
|
|
8901
8851
|
)
|
|
8902
8852
|
),
|
|
8903
|
-
media.caption && React__default[
|
|
8853
|
+
media.caption && React__default['default'].createElement(
|
|
8904
8854
|
'span',
|
|
8905
8855
|
{ className: 'multi-media-caption' },
|
|
8906
8856
|
media.caption
|
|
@@ -8910,7 +8860,7 @@ var MultiMedia = function MultiMedia(props) {
|
|
|
8910
8860
|
);
|
|
8911
8861
|
})
|
|
8912
8862
|
),
|
|
8913
|
-
React__default[
|
|
8863
|
+
React__default['default'].createElement(
|
|
8914
8864
|
'style',
|
|
8915
8865
|
{ jsx: 'true' },
|
|
8916
8866
|
'\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 '
|
|
@@ -8957,7 +8907,7 @@ var InscreenSensor = function (_React$Component) {
|
|
|
8957
8907
|
}
|
|
8958
8908
|
};
|
|
8959
8909
|
|
|
8960
|
-
_this.wraperRef = React__default[
|
|
8910
|
+
_this.wraperRef = React__default['default'].createRef();
|
|
8961
8911
|
_this.visible = false;
|
|
8962
8912
|
return _this;
|
|
8963
8913
|
}
|
|
@@ -8985,7 +8935,7 @@ var InscreenSensor = function (_React$Component) {
|
|
|
8985
8935
|
_props$id = _props.id,
|
|
8986
8936
|
id = _props$id === undefined ? '' : _props$id;
|
|
8987
8937
|
|
|
8988
|
-
return React__default[
|
|
8938
|
+
return React__default['default'].createElement(
|
|
8989
8939
|
'div',
|
|
8990
8940
|
{ ref: this.wraperRef, className: className, style: style, id: id },
|
|
8991
8941
|
this.props.children
|
|
@@ -8994,7 +8944,7 @@ var InscreenSensor = function (_React$Component) {
|
|
|
8994
8944
|
}]);
|
|
8995
8945
|
|
|
8996
8946
|
return InscreenSensor;
|
|
8997
|
-
}(React__default[
|
|
8947
|
+
}(React__default['default'].Component);
|
|
8998
8948
|
|
|
8999
8949
|
var ArticleSeries = function ArticleSeries(_ref) {
|
|
9000
8950
|
var nodes = _ref.nodes,
|
|
@@ -9105,33 +9055,33 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
9105
9055
|
if (!article || !article.is_visible && article.hasOwnProperty('is_visible') || today < article.published) return null;
|
|
9106
9056
|
var showReading = show ? 'showReading' : '';
|
|
9107
9057
|
var articleLabel = articles.length == 1 && articleNum != 0 || articles.length > 1 && index == 0 ? 'Previous' : 'Next';
|
|
9108
|
-
return React__default[
|
|
9058
|
+
return React__default['default'].createElement(
|
|
9109
9059
|
'div',
|
|
9110
9060
|
{ key: article.title + '_' + index, className: 'prevNextCards' },
|
|
9111
|
-
React__default[
|
|
9061
|
+
React__default['default'].createElement(
|
|
9112
9062
|
'a',
|
|
9113
9063
|
{ onClick: function onClick(e) {
|
|
9114
9064
|
return articleCardClickHandler(e);
|
|
9115
9065
|
}, 'data-cardlabel': '' + articleLabel, 'data-articleindex': '' + index, 'data-articleid': '' + article.param.current },
|
|
9116
|
-
React__default[
|
|
9066
|
+
React__default['default'].createElement(
|
|
9117
9067
|
'div',
|
|
9118
9068
|
{ className: 'prevNext-thumbnail' },
|
|
9119
|
-
React__default[
|
|
9120
|
-
React__default[
|
|
9069
|
+
React__default['default'].createElement('img', { src: urlFor({ client: client, source: article.thumbnail.asset }) }),
|
|
9070
|
+
React__default['default'].createElement(
|
|
9121
9071
|
'div',
|
|
9122
9072
|
{ className: 'prevNext-reading ' + showReading },
|
|
9123
9073
|
articleLabel
|
|
9124
9074
|
)
|
|
9125
9075
|
),
|
|
9126
|
-
React__default[
|
|
9076
|
+
React__default['default'].createElement(
|
|
9127
9077
|
'div',
|
|
9128
9078
|
{ className: 'prevNext-summary' },
|
|
9129
|
-
React__default[
|
|
9079
|
+
React__default['default'].createElement(
|
|
9130
9080
|
'div',
|
|
9131
9081
|
{ className: 'prevNext-publishDate' },
|
|
9132
9082
|
moment.moment(article.published).format('LL')
|
|
9133
9083
|
),
|
|
9134
|
-
React__default[
|
|
9084
|
+
React__default['default'].createElement(
|
|
9135
9085
|
'h2',
|
|
9136
9086
|
{ className: 'prevNext-title' },
|
|
9137
9087
|
article.title
|
|
@@ -9180,7 +9130,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
9180
9130
|
|
|
9181
9131
|
var renderAuthorBiography = function renderAuthorBiography(biography) {
|
|
9182
9132
|
if (biography) {
|
|
9183
|
-
return React__default[
|
|
9133
|
+
return React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers, blocks: [biography] }, client.config()));
|
|
9184
9134
|
}
|
|
9185
9135
|
};
|
|
9186
9136
|
|
|
@@ -9338,40 +9288,40 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
9338
9288
|
setSensorVisible(false);
|
|
9339
9289
|
};
|
|
9340
9290
|
|
|
9341
|
-
return React__default[
|
|
9342
|
-
React__default[
|
|
9291
|
+
return React__default['default'].createElement(
|
|
9292
|
+
React__default['default'].Fragment,
|
|
9343
9293
|
null,
|
|
9344
|
-
React__default[
|
|
9294
|
+
React__default['default'].createElement(
|
|
9345
9295
|
'div',
|
|
9346
9296
|
{ ref: arrowRef, className: 'scrollToTopArrow' },
|
|
9347
|
-
React__default[
|
|
9297
|
+
React__default['default'].createElement(index_esm.IoIosArrowDropupCircle, { style: { cursor: 'pointer' }, onClick: function onClick() {
|
|
9348
9298
|
return handleArrowClick();
|
|
9349
9299
|
} })
|
|
9350
9300
|
),
|
|
9351
|
-
React__default[
|
|
9352
|
-
React__default[
|
|
9301
|
+
React__default['default'].createElement('hr', { className: 'article-seperater my-4' }),
|
|
9302
|
+
React__default['default'].createElement(
|
|
9353
9303
|
'div',
|
|
9354
9304
|
{ className: 'objective-prevNext-Wrapper' },
|
|
9355
|
-
React__default[
|
|
9305
|
+
React__default['default'].createElement(
|
|
9356
9306
|
'h5',
|
|
9357
9307
|
{ className: 'objective-title' },
|
|
9358
9308
|
nodes.seriesTitle
|
|
9359
9309
|
),
|
|
9360
|
-
React__default[
|
|
9310
|
+
React__default['default'].createElement(
|
|
9361
9311
|
'div',
|
|
9362
9312
|
{ className: 'prevNextWrapper' },
|
|
9363
9313
|
PrevNextCards(false, -1)
|
|
9364
9314
|
)
|
|
9365
9315
|
),
|
|
9366
|
-
React__default[
|
|
9367
|
-
React__default[
|
|
9316
|
+
React__default['default'].createElement('hr', { className: 'article-seperater' }),
|
|
9317
|
+
React__default['default'].createElement(
|
|
9368
9318
|
'div',
|
|
9369
9319
|
{ ref: articleContainerRef, className: 'article-container', style: { marginBottom: '2rem' } },
|
|
9370
9320
|
Articles.map(function (article, index) {
|
|
9371
|
-
return React__default[
|
|
9321
|
+
return React__default['default'].createElement(
|
|
9372
9322
|
'div',
|
|
9373
9323
|
{ key: article.title },
|
|
9374
|
-
React__default[
|
|
9324
|
+
React__default['default'].createElement(
|
|
9375
9325
|
InscreenSensor,
|
|
9376
9326
|
{
|
|
9377
9327
|
visible: sensorVisible,
|
|
@@ -9389,82 +9339,82 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
9389
9339
|
}
|
|
9390
9340
|
}
|
|
9391
9341
|
} },
|
|
9392
|
-
React__default[
|
|
9393
|
-
Head__default[
|
|
9342
|
+
React__default['default'].createElement(
|
|
9343
|
+
Head__default['default'],
|
|
9394
9344
|
null,
|
|
9395
|
-
currentTitle !== null && React__default[
|
|
9345
|
+
currentTitle !== null && React__default['default'].createElement(
|
|
9396
9346
|
'title',
|
|
9397
9347
|
{ key: 'title' },
|
|
9398
9348
|
currentTitle
|
|
9399
9349
|
),
|
|
9400
|
-
currentSummary !== null && React__default[
|
|
9401
|
-
currentURL !== null && React__default[
|
|
9402
|
-
currentTitle !== null && React__default[
|
|
9403
|
-
currentThumbnail !== null && React__default[
|
|
9404
|
-
currentSummary !== null && React__default[
|
|
9405
|
-
currentTitle !== null && React__default[
|
|
9406
|
-
currentThumbnail !== null && React__default[
|
|
9407
|
-
currentSummary !== null && React__default[
|
|
9350
|
+
currentSummary !== null && React__default['default'].createElement('meta', { name: 'description', key: 'description', content: currentSummary }),
|
|
9351
|
+
currentURL !== null && React__default['default'].createElement('meta', { property: 'og:url', content: currentURL, key: 'og:url' }),
|
|
9352
|
+
currentTitle !== null && React__default['default'].createElement('meta', { property: 'og:title', content: currentTitle, key: 'og:title' }),
|
|
9353
|
+
currentThumbnail !== null && React__default['default'].createElement('meta', { property: 'og:image', content: currentThumbnail, key: 'og:image' }),
|
|
9354
|
+
currentSummary !== null && React__default['default'].createElement('meta', { property: 'og:description', content: currentSummary, key: 'og:description' }),
|
|
9355
|
+
currentTitle !== null && React__default['default'].createElement('meta', { name: 'twitter:title', content: currentTitle, key: 'twitter:title' }),
|
|
9356
|
+
currentThumbnail !== null && React__default['default'].createElement('meta', { name: 'twitter:image', content: currentThumbnail, key: 'twitter:image' }),
|
|
9357
|
+
currentSummary !== null && React__default['default'].createElement('meta', { name: 'twitter:description', content: currentSummary, key: 'twitter:description' })
|
|
9408
9358
|
),
|
|
9409
|
-
React__default[
|
|
9359
|
+
React__default['default'].createElement(
|
|
9410
9360
|
'article',
|
|
9411
9361
|
{ className: 'article-wrapper' },
|
|
9412
|
-
React__default[
|
|
9362
|
+
React__default['default'].createElement(
|
|
9413
9363
|
'div',
|
|
9414
9364
|
{ className: 'article-publishDate' },
|
|
9415
9365
|
moment.moment(article.published).format('LL')
|
|
9416
9366
|
),
|
|
9417
|
-
React__default[
|
|
9367
|
+
React__default['default'].createElement(
|
|
9418
9368
|
'div',
|
|
9419
9369
|
{ className: 'author-details-wrapper' },
|
|
9420
9370
|
article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
|
|
9421
|
-
return React__default[
|
|
9371
|
+
return React__default['default'].createElement(
|
|
9422
9372
|
'span',
|
|
9423
9373
|
{ key: index },
|
|
9424
9374
|
renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor({ client: client, source: authorDetail.profileImage }))
|
|
9425
9375
|
);
|
|
9426
9376
|
})
|
|
9427
9377
|
),
|
|
9428
|
-
React__default[
|
|
9378
|
+
React__default['default'].createElement(
|
|
9429
9379
|
'h2',
|
|
9430
9380
|
{ className: 'article-title' },
|
|
9431
9381
|
article.title
|
|
9432
9382
|
),
|
|
9433
|
-
React__default[
|
|
9383
|
+
React__default['default'].createElement(
|
|
9434
9384
|
'div',
|
|
9435
9385
|
{ className: 'mt-2 mb-2' },
|
|
9436
|
-
React__default[
|
|
9386
|
+
React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({
|
|
9437
9387
|
serializers: getSerializers,
|
|
9438
9388
|
videoAccountIDs: accountIDs,
|
|
9439
9389
|
blocks: article.text,
|
|
9440
9390
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
9441
9391
|
}, client.config())),
|
|
9442
|
-
React__default[
|
|
9392
|
+
React__default['default'].createElement('hr', { className: 'article-seperater my-4' })
|
|
9443
9393
|
),
|
|
9444
|
-
Articles.length > 1 && React__default[
|
|
9445
|
-
React__default[
|
|
9394
|
+
Articles.length > 1 && React__default['default'].createElement(
|
|
9395
|
+
React__default['default'].Fragment,
|
|
9446
9396
|
null,
|
|
9447
|
-
React__default[
|
|
9397
|
+
React__default['default'].createElement(
|
|
9448
9398
|
'div',
|
|
9449
9399
|
{ className: 'objective-prevNext-Wrapper' },
|
|
9450
|
-
React__default[
|
|
9400
|
+
React__default['default'].createElement(
|
|
9451
9401
|
'h5',
|
|
9452
9402
|
{ className: 'objective-title' },
|
|
9453
9403
|
nodes.seriesTitle
|
|
9454
9404
|
),
|
|
9455
|
-
React__default[
|
|
9405
|
+
React__default['default'].createElement(
|
|
9456
9406
|
'div',
|
|
9457
9407
|
{ className: 'prevNextWrapper' },
|
|
9458
9408
|
PrevNextCards(true, index)
|
|
9459
9409
|
)
|
|
9460
9410
|
),
|
|
9461
|
-
React__default[
|
|
9411
|
+
React__default['default'].createElement('hr', { className: 'article-seperater' })
|
|
9462
9412
|
)
|
|
9463
9413
|
)
|
|
9464
9414
|
)
|
|
9465
9415
|
);
|
|
9466
9416
|
}),
|
|
9467
|
-
React__default[
|
|
9417
|
+
React__default['default'].createElement(
|
|
9468
9418
|
'style',
|
|
9469
9419
|
{ jsx: 'true' },
|
|
9470
9420
|
'\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 '
|
|
@@ -9494,11 +9444,11 @@ var LightBox = function LightBox(_ref) {
|
|
|
9494
9444
|
};
|
|
9495
9445
|
}, [handleClickOutside]);
|
|
9496
9446
|
|
|
9497
|
-
return React__default[
|
|
9447
|
+
return React__default['default'].createElement(
|
|
9498
9448
|
'div',
|
|
9499
9449
|
{ ref: lightboxContainer, className: 'lightbox-target ' + (showLightbox ? 'open' : 'close') },
|
|
9500
|
-
React__default[
|
|
9501
|
-
React__default[
|
|
9450
|
+
React__default['default'].createElement('img', { ref: lightboxImage, src: lightboxImgSrc }),
|
|
9451
|
+
React__default['default'].createElement(
|
|
9502
9452
|
'style',
|
|
9503
9453
|
{ jsx: 'true' },
|
|
9504
9454
|
'\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 '
|
|
@@ -9512,7 +9462,7 @@ var compareProps = function compareProps(prevProps, nextProps) {
|
|
|
9512
9462
|
}
|
|
9513
9463
|
};
|
|
9514
9464
|
|
|
9515
|
-
var FigureImage$1 = React__default[
|
|
9465
|
+
var FigureImage$1 = React__default['default'].memo(function (_ref2) {
|
|
9516
9466
|
var node = _ref2.node,
|
|
9517
9467
|
client = _ref2.client,
|
|
9518
9468
|
imgAlt = _ref2.imgAlt,
|
|
@@ -9520,13 +9470,13 @@ var FigureImage$1 = React__default["default"].memo(function (_ref2) {
|
|
|
9520
9470
|
handleClickFigure = _ref2.handleClickFigure;
|
|
9521
9471
|
|
|
9522
9472
|
var figureImageStyle = link ? { maxWidth: '100%' } : { maxWidth: '100%', cursor: 'pointer', width: 'auto' };
|
|
9523
|
-
return React__default[
|
|
9473
|
+
return React__default['default'].createElement(
|
|
9524
9474
|
'picture',
|
|
9525
9475
|
null,
|
|
9526
|
-
React__default[
|
|
9527
|
-
React__default[
|
|
9528
|
-
React__default[
|
|
9529
|
-
React__default[
|
|
9476
|
+
React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1500, imageFit: 'max' }) }),
|
|
9477
|
+
React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1000, imageFit: 'max' }) }),
|
|
9478
|
+
React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 500, imageFit: 'max' }) }),
|
|
9479
|
+
React__default['default'].createElement('img', _extends._extends({
|
|
9530
9480
|
style: figureImageStyle,
|
|
9531
9481
|
className: 'figure-image',
|
|
9532
9482
|
src: urlFor({ source: node, client: client }),
|
|
@@ -9577,30 +9527,30 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9577
9527
|
|
|
9578
9528
|
var renderTooltip = function renderTooltip(props) {
|
|
9579
9529
|
if (infoBox[0].title) {
|
|
9580
|
-
return React__default[
|
|
9581
|
-
Popover__default[
|
|
9530
|
+
return React__default['default'].createElement(
|
|
9531
|
+
Popover__default['default'],
|
|
9582
9532
|
{ id: 'popover-basic-' + infoBox[0].title },
|
|
9583
|
-
React__default[
|
|
9584
|
-
Popover__default[
|
|
9533
|
+
React__default['default'].createElement(
|
|
9534
|
+
Popover__default['default'].Title,
|
|
9585
9535
|
{ as: 'h3' },
|
|
9586
9536
|
infoBox[0].title
|
|
9587
9537
|
),
|
|
9588
|
-
React__default[
|
|
9589
|
-
Popover__default[
|
|
9538
|
+
React__default['default'].createElement(
|
|
9539
|
+
Popover__default['default'].Content,
|
|
9590
9540
|
null,
|
|
9591
|
-
React__default[
|
|
9541
|
+
React__default['default'].createElement(BlockContent.BlockContent, { blocks: infoBox[0].infoText, serializers: getSerializers })
|
|
9592
9542
|
)
|
|
9593
9543
|
);
|
|
9594
9544
|
} else {
|
|
9595
|
-
return React__default[
|
|
9596
|
-
Tooltip__default[
|
|
9545
|
+
return React__default['default'].createElement(
|
|
9546
|
+
Tooltip__default['default'],
|
|
9597
9547
|
_extends._extends({ id: 'button-tooltip' }, props),
|
|
9598
|
-
React__default[
|
|
9548
|
+
React__default['default'].createElement(BlockContent.BlockContent, { blocks: infoBox[0].infoText, serializers: getSerializers })
|
|
9599
9549
|
);
|
|
9600
9550
|
}
|
|
9601
9551
|
};
|
|
9602
9552
|
|
|
9603
|
-
var FigureImageWOverLay = React__default[
|
|
9553
|
+
var FigureImageWOverLay = React__default['default'].memo(function (_ref3) {
|
|
9604
9554
|
var node = _ref3.node,
|
|
9605
9555
|
client = _ref3.client,
|
|
9606
9556
|
imgAlt = _ref3.imgAlt,
|
|
@@ -9610,13 +9560,13 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9610
9560
|
var figureImageStyle = link ? { maxWidth: '100%' } : { maxWidth: '100%', cursor: 'pointer', width: 'auto' };
|
|
9611
9561
|
var triggerAction = main.main_42 ? 'click' : 'hover';
|
|
9612
9562
|
var placementLocation = main.main_42 ? 'top' : infoBox[0].alignment ? infoBox[0].alignment : 'right';
|
|
9613
|
-
return React__default[
|
|
9563
|
+
return React__default['default'].createElement(
|
|
9614
9564
|
'picture',
|
|
9615
9565
|
null,
|
|
9616
|
-
React__default[
|
|
9617
|
-
React__default[
|
|
9618
|
-
React__default[
|
|
9619
|
-
main.main_42 && link ? React__default[
|
|
9566
|
+
React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1500, imageFit: 'max' }) }),
|
|
9567
|
+
React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1000, imageFit: 'max' }) }),
|
|
9568
|
+
React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 500, imageFit: 'max' }) }),
|
|
9569
|
+
main.main_42 && link ? React__default['default'].createElement('img', _extends._extends({
|
|
9620
9570
|
style: figureImageStyle,
|
|
9621
9571
|
className: 'figure-image',
|
|
9622
9572
|
src: urlFor({ source: node, client: client }),
|
|
@@ -9625,10 +9575,10 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9625
9575
|
onClick: function onClick() {
|
|
9626
9576
|
return handleClickFigure(node, client);
|
|
9627
9577
|
}
|
|
9628
|
-
})) : React__default[
|
|
9629
|
-
OverlayTrigger__default[
|
|
9578
|
+
})) : React__default['default'].createElement(
|
|
9579
|
+
OverlayTrigger__default['default'],
|
|
9630
9580
|
{ trigger: triggerAction, placement: placementLocation, delay: { show: 250, hide: 400 }, overlay: renderTooltip() },
|
|
9631
|
-
React__default[
|
|
9581
|
+
React__default['default'].createElement('img', _extends._extends({
|
|
9632
9582
|
style: figureImageStyle,
|
|
9633
9583
|
className: 'figure-image',
|
|
9634
9584
|
src: urlFor({ source: node, client: client }),
|
|
@@ -9682,13 +9632,13 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9682
9632
|
|
|
9683
9633
|
var FigureCaption = React.useCallback(function () {
|
|
9684
9634
|
if (imgcaption && imgcaption.length > 0) {
|
|
9685
|
-
return React__default[
|
|
9635
|
+
return React__default['default'].createElement(
|
|
9686
9636
|
'div',
|
|
9687
9637
|
{ className: 'figure-caption' },
|
|
9688
|
-
React__default[
|
|
9638
|
+
React__default['default'].createElement(BlockContent.BlockContent, { blocks: imgcaption, serializers: getSerializers })
|
|
9689
9639
|
);
|
|
9690
9640
|
} else if (caption) {
|
|
9691
|
-
return React__default[
|
|
9641
|
+
return React__default['default'].createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } });
|
|
9692
9642
|
} else return null;
|
|
9693
9643
|
}, [caption, imgcaption]);
|
|
9694
9644
|
|
|
@@ -9705,24 +9655,24 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9705
9655
|
setShowLightbox(true);
|
|
9706
9656
|
}, [node, client]);
|
|
9707
9657
|
|
|
9708
|
-
return React__default[
|
|
9709
|
-
React__default[
|
|
9658
|
+
return React__default['default'].createElement(
|
|
9659
|
+
React__default['default'].Fragment,
|
|
9710
9660
|
null,
|
|
9711
|
-
infoBox.length >= 1 ? React__default[
|
|
9712
|
-
Figure__default[
|
|
9661
|
+
infoBox.length >= 1 ? React__default['default'].createElement(
|
|
9662
|
+
Figure__default['default'],
|
|
9713
9663
|
{ className: '' + class_name, style: figureStyle },
|
|
9714
|
-
link ? React__default[
|
|
9664
|
+
link ? React__default['default'].createElement(
|
|
9715
9665
|
'a',
|
|
9716
9666
|
{ target: blank ? '_blank' : '_self', href: link },
|
|
9717
|
-
React__default[
|
|
9718
|
-
React__default[
|
|
9719
|
-
) : React__default[
|
|
9720
|
-
React__default[
|
|
9667
|
+
React__default['default'].createElement(FigureImageWOverLay, { node: node, client: client, imgAlt: alt, link: link }),
|
|
9668
|
+
React__default['default'].createElement(FigureCaption, null)
|
|
9669
|
+
) : React__default['default'].createElement(
|
|
9670
|
+
React__default['default'].Fragment,
|
|
9721
9671
|
null,
|
|
9722
|
-
React__default[
|
|
9723
|
-
React__default[
|
|
9672
|
+
React__default['default'].createElement(FigureImageWOverLay, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
|
|
9673
|
+
React__default['default'].createElement(FigureCaption, null)
|
|
9724
9674
|
),
|
|
9725
|
-
React__default[
|
|
9675
|
+
React__default['default'].createElement(LightBox, {
|
|
9726
9676
|
showLightbox: showLightbox,
|
|
9727
9677
|
lightboxImgSrc: lightboxImgSrc,
|
|
9728
9678
|
closeLightbox: function closeLightbox() {
|
|
@@ -9730,21 +9680,21 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9730
9680
|
setShowLightbox(false);
|
|
9731
9681
|
}
|
|
9732
9682
|
})
|
|
9733
|
-
) : React__default[
|
|
9734
|
-
Figure__default[
|
|
9683
|
+
) : React__default['default'].createElement(
|
|
9684
|
+
Figure__default['default'],
|
|
9735
9685
|
{ className: '' + class_name, style: figureStyle },
|
|
9736
|
-
link ? React__default[
|
|
9686
|
+
link ? React__default['default'].createElement(
|
|
9737
9687
|
'a',
|
|
9738
9688
|
{ target: blank ? '_blank' : '_self', href: link },
|
|
9739
|
-
React__default[
|
|
9740
|
-
React__default[
|
|
9741
|
-
) : React__default[
|
|
9742
|
-
React__default[
|
|
9689
|
+
React__default['default'].createElement(FigureImage$1, { node: node, client: client, imgAlt: alt, link: link }),
|
|
9690
|
+
React__default['default'].createElement(FigureCaption, null)
|
|
9691
|
+
) : React__default['default'].createElement(
|
|
9692
|
+
React__default['default'].Fragment,
|
|
9743
9693
|
null,
|
|
9744
|
-
React__default[
|
|
9745
|
-
React__default[
|
|
9694
|
+
React__default['default'].createElement(FigureImage$1, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
|
|
9695
|
+
React__default['default'].createElement(FigureCaption, null)
|
|
9746
9696
|
),
|
|
9747
|
-
React__default[
|
|
9697
|
+
React__default['default'].createElement(LightBox, {
|
|
9748
9698
|
showLightbox: showLightbox,
|
|
9749
9699
|
lightboxImgSrc: lightboxImgSrc,
|
|
9750
9700
|
closeLightbox: function closeLightbox() {
|
|
@@ -9753,7 +9703,7 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9753
9703
|
}
|
|
9754
9704
|
})
|
|
9755
9705
|
),
|
|
9756
|
-
React__default[
|
|
9706
|
+
React__default['default'].createElement(
|
|
9757
9707
|
'style',
|
|
9758
9708
|
{ jsx: 'true' },
|
|
9759
9709
|
'\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 '
|
|
@@ -9761,7 +9711,7 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9761
9711
|
);
|
|
9762
9712
|
};
|
|
9763
9713
|
|
|
9764
|
-
var Figure = React__default[
|
|
9714
|
+
var Figure = React__default['default'].memo(FigureComponent, compareProps);
|
|
9765
9715
|
|
|
9766
9716
|
function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
|
|
9767
9717
|
React.useEffect(function () {
|
|
@@ -9778,7 +9728,7 @@ function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
|
|
|
9778
9728
|
}, [ref]);
|
|
9779
9729
|
}
|
|
9780
9730
|
|
|
9781
|
-
var FigureImage = React__default[
|
|
9731
|
+
var FigureImage = React__default['default'].memo(function (_ref) {
|
|
9782
9732
|
var imagesCount = _ref.imagesCount,
|
|
9783
9733
|
image = _ref.image,
|
|
9784
9734
|
client = _ref.client,
|
|
@@ -9786,13 +9736,13 @@ var FigureImage = React__default["default"].memo(function (_ref) {
|
|
|
9786
9736
|
link = _ref.link,
|
|
9787
9737
|
handleClickFigure = _ref.handleClickFigure;
|
|
9788
9738
|
|
|
9789
|
-
return React__default[
|
|
9739
|
+
return React__default['default'].createElement(
|
|
9790
9740
|
'picture',
|
|
9791
9741
|
null,
|
|
9792
|
-
React__default[
|
|
9793
|
-
React__default[
|
|
9794
|
-
React__default[
|
|
9795
|
-
React__default[
|
|
9742
|
+
React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1500, imageFit: 'max' }) }),
|
|
9743
|
+
React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1000, imageFit: 'max' }) }),
|
|
9744
|
+
React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 500, imageFit: 'max' }) }),
|
|
9745
|
+
React__default['default'].createElement('img', _extends._extends({
|
|
9796
9746
|
'images-count': imagesCount,
|
|
9797
9747
|
className: 'multi-figure-image',
|
|
9798
9748
|
src: urlFor({ source: image, client: client }),
|
|
@@ -9829,13 +9779,13 @@ var MultiFigure = function MultiFigure(props) {
|
|
|
9829
9779
|
imgcaption = _ref2.imgcaption;
|
|
9830
9780
|
|
|
9831
9781
|
if (imgcaption && imgcaption.length > 0) {
|
|
9832
|
-
return React__default[
|
|
9782
|
+
return React__default['default'].createElement(
|
|
9833
9783
|
'div',
|
|
9834
9784
|
{ className: 'multi-figure-caption' },
|
|
9835
|
-
React__default[
|
|
9785
|
+
React__default['default'].createElement(BlockContent.BlockContent, { blocks: imgcaption, serializers: getSerializers })
|
|
9836
9786
|
);
|
|
9837
9787
|
} else if (caption) {
|
|
9838
|
-
return React__default[
|
|
9788
|
+
return React__default['default'].createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'multi-figure-caption\'>' + caption + '</span>' } });
|
|
9839
9789
|
} else return null;
|
|
9840
9790
|
};
|
|
9841
9791
|
|
|
@@ -9844,7 +9794,7 @@ var MultiFigure = function MultiFigure(props) {
|
|
|
9844
9794
|
setOpenImg(true);
|
|
9845
9795
|
}, [client]);
|
|
9846
9796
|
|
|
9847
|
-
var FigureImageWOverLay = React__default[
|
|
9797
|
+
var FigureImageWOverLay = React__default['default'].memo(function (_ref3) {
|
|
9848
9798
|
var imagesCount = _ref3.imagesCount,
|
|
9849
9799
|
image = _ref3.image,
|
|
9850
9800
|
client = _ref3.client,
|
|
@@ -9854,13 +9804,13 @@ var MultiFigure = function MultiFigure(props) {
|
|
|
9854
9804
|
|
|
9855
9805
|
var triggerAction = main.main_42 ? 'click' : 'hover';
|
|
9856
9806
|
var placementLocation = main.main_42 ? 'top' : image.infoBox[0] ? image.infoBox[0].alignment : 'right';
|
|
9857
|
-
return React__default[
|
|
9807
|
+
return React__default['default'].createElement(
|
|
9858
9808
|
'picture',
|
|
9859
9809
|
null,
|
|
9860
|
-
React__default[
|
|
9861
|
-
React__default[
|
|
9862
|
-
React__default[
|
|
9863
|
-
main.main_42 && link ? React__default[
|
|
9810
|
+
React__default['default'].createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1500, imageFit: 'max' }) }),
|
|
9811
|
+
React__default['default'].createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1000, imageFit: 'max' }) }),
|
|
9812
|
+
React__default['default'].createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 500, imageFit: 'max' }) }),
|
|
9813
|
+
main.main_42 && link ? React__default['default'].createElement('img', _extends._extends({
|
|
9864
9814
|
'images-count': imagesCount,
|
|
9865
9815
|
className: 'multi-figure-image',
|
|
9866
9816
|
src: urlFor({ source: image, client: client }),
|
|
@@ -9869,10 +9819,10 @@ var MultiFigure = function MultiFigure(props) {
|
|
|
9869
9819
|
onClick: function onClick() {
|
|
9870
9820
|
return handleClickFigure(image, client);
|
|
9871
9821
|
}
|
|
9872
|
-
})) : React__default[
|
|
9873
|
-
OverlayTrigger__default[
|
|
9822
|
+
})) : React__default['default'].createElement(
|
|
9823
|
+
OverlayTrigger__default['default'],
|
|
9874
9824
|
{ trigger: triggerAction, placement: placementLocation, delay: { show: 250, hide: 400 }, overlay: renderTooltip(image) },
|
|
9875
|
-
React__default[
|
|
9825
|
+
React__default['default'].createElement('img', _extends._extends({
|
|
9876
9826
|
'images-count': imagesCount,
|
|
9877
9827
|
className: 'multi-figure-image',
|
|
9878
9828
|
src: urlFor({ source: image, client: client }),
|
|
@@ -9888,102 +9838,102 @@ var MultiFigure = function MultiFigure(props) {
|
|
|
9888
9838
|
|
|
9889
9839
|
var renderTooltip = function renderTooltip(image) {
|
|
9890
9840
|
if (image.infoBox[0].title) {
|
|
9891
|
-
return React__default[
|
|
9892
|
-
Popover__default[
|
|
9841
|
+
return React__default['default'].createElement(
|
|
9842
|
+
Popover__default['default'],
|
|
9893
9843
|
{ id: 'popover-basic-' + image.infoBox[0].title },
|
|
9894
|
-
React__default[
|
|
9895
|
-
Popover__default[
|
|
9844
|
+
React__default['default'].createElement(
|
|
9845
|
+
Popover__default['default'].Title,
|
|
9896
9846
|
{ as: 'h3' },
|
|
9897
9847
|
image.infoBox[0].title
|
|
9898
9848
|
),
|
|
9899
|
-
React__default[
|
|
9900
|
-
Popover__default[
|
|
9849
|
+
React__default['default'].createElement(
|
|
9850
|
+
Popover__default['default'].Content,
|
|
9901
9851
|
null,
|
|
9902
|
-
React__default[
|
|
9852
|
+
React__default['default'].createElement(BlockContent.BlockContent, { blocks: image.infoBox[0].infoText, serializers: getSerializers })
|
|
9903
9853
|
)
|
|
9904
9854
|
);
|
|
9905
9855
|
} else {
|
|
9906
|
-
return React__default[
|
|
9907
|
-
Tooltip__default[
|
|
9856
|
+
return React__default['default'].createElement(
|
|
9857
|
+
Tooltip__default['default'],
|
|
9908
9858
|
_extends._extends({ id: 'button-tooltip' }, props),
|
|
9909
|
-
React__default[
|
|
9859
|
+
React__default['default'].createElement(BlockContent.BlockContent, { blocks: image.infoBox[0].infoText, serializers: getSerializers })
|
|
9910
9860
|
);
|
|
9911
9861
|
}
|
|
9912
9862
|
};
|
|
9913
9863
|
|
|
9914
9864
|
if (images && images.length > 0) {
|
|
9915
|
-
return React__default[
|
|
9865
|
+
return React__default['default'].createElement(
|
|
9916
9866
|
'div',
|
|
9917
9867
|
{ className: 'multi-figure-container' },
|
|
9918
|
-
React__default[
|
|
9919
|
-
Row__default[
|
|
9868
|
+
React__default['default'].createElement(
|
|
9869
|
+
Row__default['default'],
|
|
9920
9870
|
{ noGutters: true, style: { alignItems: 'center' } },
|
|
9921
9871
|
images.map(function (image, index) {
|
|
9922
9872
|
if (image.infoBox) {
|
|
9923
|
-
return React__default[
|
|
9924
|
-
Col__default[
|
|
9873
|
+
return React__default['default'].createElement(
|
|
9874
|
+
Col__default['default'],
|
|
9925
9875
|
{ xs: 12, md: 12 / images.length, key: index },
|
|
9926
|
-
image.link ? React__default[
|
|
9876
|
+
image.link ? React__default['default'].createElement(
|
|
9927
9877
|
'a',
|
|
9928
9878
|
_extends._extends({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'default' } }),
|
|
9929
|
-
React__default[
|
|
9879
|
+
React__default['default'].createElement(
|
|
9930
9880
|
'div',
|
|
9931
9881
|
{ className: 'multi-figure-image-container' },
|
|
9932
|
-
React__default[
|
|
9882
|
+
React__default['default'].createElement(
|
|
9933
9883
|
index$2.LazyLoad,
|
|
9934
9884
|
{ once: true },
|
|
9935
|
-
React__default[
|
|
9885
|
+
React__default['default'].createElement(FigureImageWOverLay, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
|
|
9936
9886
|
),
|
|
9937
|
-
React__default[
|
|
9887
|
+
React__default['default'].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
|
|
9938
9888
|
)
|
|
9939
|
-
) : React__default[
|
|
9889
|
+
) : React__default['default'].createElement(
|
|
9940
9890
|
'div',
|
|
9941
9891
|
{ className: 'multi-figure-image-container' },
|
|
9942
|
-
React__default[
|
|
9892
|
+
React__default['default'].createElement(
|
|
9943
9893
|
index$2.LazyLoad,
|
|
9944
9894
|
{ once: true },
|
|
9945
|
-
React__default[
|
|
9895
|
+
React__default['default'].createElement(FigureImageWOverLay, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
|
|
9946
9896
|
),
|
|
9947
|
-
React__default[
|
|
9897
|
+
React__default['default'].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
|
|
9948
9898
|
)
|
|
9949
9899
|
);
|
|
9950
9900
|
} else {
|
|
9951
|
-
return React__default[
|
|
9952
|
-
Col__default[
|
|
9901
|
+
return React__default['default'].createElement(
|
|
9902
|
+
Col__default['default'],
|
|
9953
9903
|
{ xs: 12, md: 12 / images.length, key: index },
|
|
9954
|
-
image.link ? React__default[
|
|
9904
|
+
image.link ? React__default['default'].createElement(
|
|
9955
9905
|
'a',
|
|
9956
9906
|
_extends._extends({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'default' } }),
|
|
9957
|
-
React__default[
|
|
9907
|
+
React__default['default'].createElement(
|
|
9958
9908
|
'div',
|
|
9959
9909
|
{ className: 'multi-figure-image-container' },
|
|
9960
|
-
React__default[
|
|
9910
|
+
React__default['default'].createElement(
|
|
9961
9911
|
index$2.LazyLoad,
|
|
9962
9912
|
{ once: true },
|
|
9963
|
-
React__default[
|
|
9913
|
+
React__default['default'].createElement(FigureImage, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
|
|
9964
9914
|
),
|
|
9965
|
-
React__default[
|
|
9915
|
+
React__default['default'].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
|
|
9966
9916
|
)
|
|
9967
|
-
) : React__default[
|
|
9917
|
+
) : React__default['default'].createElement(
|
|
9968
9918
|
'div',
|
|
9969
9919
|
{ className: 'multi-figure-image-container' },
|
|
9970
|
-
React__default[
|
|
9920
|
+
React__default['default'].createElement(
|
|
9971
9921
|
index$2.LazyLoad,
|
|
9972
9922
|
{ once: true },
|
|
9973
|
-
React__default[
|
|
9923
|
+
React__default['default'].createElement(FigureImage, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
|
|
9974
9924
|
),
|
|
9975
|
-
React__default[
|
|
9925
|
+
React__default['default'].createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
|
|
9976
9926
|
)
|
|
9977
9927
|
);
|
|
9978
9928
|
}
|
|
9979
9929
|
})
|
|
9980
9930
|
),
|
|
9981
|
-
React__default[
|
|
9931
|
+
React__default['default'].createElement(
|
|
9982
9932
|
'div',
|
|
9983
9933
|
{ ref: lightboxContainer, className: 'lightbox-target ' + (openImg ? 'open' : 'close') },
|
|
9984
|
-
React__default[
|
|
9934
|
+
React__default['default'].createElement('img', { ref: lightboxImage, src: openImgSrc })
|
|
9985
9935
|
),
|
|
9986
|
-
React__default[
|
|
9936
|
+
React__default['default'].createElement(
|
|
9987
9937
|
'style',
|
|
9988
9938
|
{ jsx: 'true' },
|
|
9989
9939
|
'\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 cursor: pointer;\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 '
|
|
@@ -10032,23 +9982,23 @@ var AnchorLinkElement = function AnchorLinkElement(props) {
|
|
|
10032
9982
|
if (hambergerNav) setOffsetHeight(hambergerNav.offsetHeight);else if (header) setOffsetHeight(header.offsetHeight);
|
|
10033
9983
|
}, []);
|
|
10034
9984
|
|
|
10035
|
-
return React__default[
|
|
10036
|
-
React__default[
|
|
9985
|
+
return React__default['default'].createElement(
|
|
9986
|
+
React__default['default'].Fragment,
|
|
10037
9987
|
null,
|
|
10038
|
-
React__default[
|
|
10039
|
-
Head__default[
|
|
9988
|
+
React__default['default'].createElement(
|
|
9989
|
+
Head__default['default'],
|
|
10040
9990
|
null,
|
|
10041
|
-
React__default[
|
|
9991
|
+
React__default['default'].createElement('script', {
|
|
10042
9992
|
dangerouslySetInnerHTML: {
|
|
10043
9993
|
__html: 'history.scrollRestoration = "manual"'
|
|
10044
9994
|
}
|
|
10045
9995
|
})
|
|
10046
9996
|
),
|
|
10047
|
-
React__default[
|
|
9997
|
+
React__default['default'].createElement(
|
|
10048
9998
|
'div',
|
|
10049
9999
|
{ id: elementId },
|
|
10050
|
-
React__default[
|
|
10051
|
-
React__default[
|
|
10000
|
+
React__default['default'].createElement(BlockContent.BlockContent, { blocks: content, serializers: getSerializers }),
|
|
10001
|
+
React__default['default'].createElement(
|
|
10052
10002
|
'style',
|
|
10053
10003
|
{ jsx: 'true' },
|
|
10054
10004
|
'\n #' + elementId + '::before {\n display: block;\n content: \' \';\n margin-top: -' + (offsetHeight + offsetHeightBuffer) + 'px;\n height: ' + (offsetHeight + offsetHeightBuffer) + 'px;\n visibility: hidden;\n pointer-events: none;\n }\n '
|
|
@@ -10102,11 +10052,11 @@ var _inherits3 = _interopRequireDefault(inherits.inherits);
|
|
|
10102
10052
|
|
|
10103
10053
|
|
|
10104
10054
|
|
|
10105
|
-
var _react2 = _interopRequireDefault(React__default[
|
|
10055
|
+
var _react2 = _interopRequireDefault(React__default['default']);
|
|
10106
10056
|
|
|
10107
10057
|
|
|
10108
10058
|
|
|
10109
|
-
var _propTypes2 = _interopRequireDefault(PropTypes__default[
|
|
10059
|
+
var _propTypes2 = _interopRequireDefault(PropTypes__default['default']);
|
|
10110
10060
|
|
|
10111
10061
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10112
10062
|
var noop = function noop() {};
|
|
@@ -10261,7 +10211,7 @@ var ScriptTag = function (_Component) {
|
|
|
10261
10211
|
};
|
|
10262
10212
|
|
|
10263
10213
|
return ScriptTag;
|
|
10264
|
-
}(React__default[
|
|
10214
|
+
}(React__default['default'].Component);
|
|
10265
10215
|
|
|
10266
10216
|
ScriptTag.propTypes = {
|
|
10267
10217
|
/**
|
|
@@ -10353,11 +10303,11 @@ var FormAssembly = function FormAssembly(props) {
|
|
|
10353
10303
|
}, [anonymousID]);
|
|
10354
10304
|
|
|
10355
10305
|
if (iframeSrc) {
|
|
10356
|
-
return React__default[
|
|
10306
|
+
return React__default['default'].createElement(
|
|
10357
10307
|
'section',
|
|
10358
10308
|
{ className: 'form-assembly' },
|
|
10359
|
-
iframeSrc && React__default[
|
|
10360
|
-
React__default[
|
|
10309
|
+
iframeSrc && React__default['default'].createElement('iframe', { src: iframeSrc, height: '800', width: '100%', frameBorder: '0' }),
|
|
10310
|
+
React__default['default'].createElement(ScriptTag, { type: 'text/javascript', src: '//' + enterpriseDomainName + '.tfaforms.net/js/iframe_resize_helper.js', async: true })
|
|
10361
10311
|
);
|
|
10362
10312
|
}
|
|
10363
10313
|
|
|
@@ -10394,27 +10344,27 @@ var BlockTable = function BlockTable(props) {
|
|
|
10394
10344
|
return window.removeEventListener('resize', handleResize);
|
|
10395
10345
|
};
|
|
10396
10346
|
}, []);
|
|
10397
|
-
return React__default[
|
|
10347
|
+
return React__default['default'].createElement(
|
|
10398
10348
|
'div',
|
|
10399
10349
|
{ className: 'blockTableHolder', ref: holder },
|
|
10400
|
-
React__default[
|
|
10350
|
+
React__default['default'].createElement(
|
|
10401
10351
|
'div',
|
|
10402
10352
|
{ className: 'blockTable' },
|
|
10403
10353
|
rows && rows.map(function (row) {
|
|
10404
|
-
return React__default[
|
|
10354
|
+
return React__default['default'].createElement(
|
|
10405
10355
|
'div',
|
|
10406
10356
|
{ className: 'blockTableRow' },
|
|
10407
10357
|
row.cells && row.cells.map(function (cell) {
|
|
10408
|
-
return React__default[
|
|
10358
|
+
return React__default['default'].createElement(
|
|
10409
10359
|
'div',
|
|
10410
10360
|
{ className: 'blockTableCell', style: { width: (100 / row.cells.length).toFixed(2) + '%' } },
|
|
10411
|
-
React__default[
|
|
10361
|
+
React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ blocks: cell.content, serializers: getSerializers }, client.config()))
|
|
10412
10362
|
);
|
|
10413
10363
|
})
|
|
10414
10364
|
);
|
|
10415
10365
|
})
|
|
10416
10366
|
),
|
|
10417
|
-
React__default[
|
|
10367
|
+
React__default['default'].createElement(
|
|
10418
10368
|
'style',
|
|
10419
10369
|
{ jsx: true },
|
|
10420
10370
|
'\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 '
|
|
@@ -10428,7 +10378,7 @@ var DigiohSmartTag = function DigiohSmartTag(props) {
|
|
|
10428
10378
|
_props$node.needSegmentSupport;
|
|
10429
10379
|
|
|
10430
10380
|
|
|
10431
|
-
return React__default[
|
|
10381
|
+
return React__default['default'].createElement('div', { id: FormID });
|
|
10432
10382
|
};
|
|
10433
10383
|
|
|
10434
10384
|
var checkUrlIsExternal = function checkUrlIsExternal(url) {
|
|
@@ -10488,7 +10438,7 @@ var ExternalLink = function ExternalLink(props) {
|
|
|
10488
10438
|
if (href && href.charAt(0) === '#') {
|
|
10489
10439
|
var elementId = href.slice(1);
|
|
10490
10440
|
if (articleId) elementId = elementId + '-' + articleId;
|
|
10491
|
-
return React__default[
|
|
10441
|
+
return React__default['default'].createElement(
|
|
10492
10442
|
'a',
|
|
10493
10443
|
{ onClick: function onClick() {
|
|
10494
10444
|
return ScrollToElement(elementId);
|
|
@@ -10498,11 +10448,11 @@ var ExternalLink = function ExternalLink(props) {
|
|
|
10498
10448
|
}
|
|
10499
10449
|
|
|
10500
10450
|
var linkRel = (href && checkNoFollow(href, nofollow)) + ' ' + (href && blank && !checkSisterSite.checkSisterSite(href) ? 'noreferrer noopener' : '');
|
|
10501
|
-
return href ? linkRel.trim().length > 0 ? React__default[
|
|
10451
|
+
return href ? linkRel.trim().length > 0 ? React__default['default'].createElement(
|
|
10502
10452
|
'a',
|
|
10503
10453
|
_extends._extends({ rel: linkRel.trim(), href: isExernalUrl ? href : '/' + href, target: blank ? '_blank' : '_self' }, color && color.hex && { style: { color: color.hex } }),
|
|
10504
10454
|
children
|
|
10505
|
-
) : React__default[
|
|
10455
|
+
) : React__default['default'].createElement(
|
|
10506
10456
|
'a',
|
|
10507
10457
|
_extends._extends({ href: isExernalUrl ? href : '/' + href, target: blank ? '_blank' : '_self' }, color && color.hex && { style: { color: color.hex } }),
|
|
10508
10458
|
children
|
|
@@ -10567,12 +10517,12 @@ var getSerializers = function getSerializers() {
|
|
|
10567
10517
|
var node = _ref.node;
|
|
10568
10518
|
var url = node.url;
|
|
10569
10519
|
|
|
10570
|
-
return React__default[
|
|
10520
|
+
return React__default['default'].createElement(YouTubePlayer, { autoplay: autoplay, url: url });
|
|
10571
10521
|
},
|
|
10572
10522
|
youtubeGallery: function youtubeGallery(_ref2) {
|
|
10573
10523
|
var node = _ref2.node;
|
|
10574
10524
|
|
|
10575
|
-
return React__default[
|
|
10525
|
+
return React__default['default'].createElement(YouTubeGallery, {
|
|
10576
10526
|
nodes: node,
|
|
10577
10527
|
article: article,
|
|
10578
10528
|
meta: meta,
|
|
@@ -10586,7 +10536,7 @@ var getSerializers = function getSerializers() {
|
|
|
10586
10536
|
articleSeries: function articleSeries(_ref3) {
|
|
10587
10537
|
var node = _ref3.node;
|
|
10588
10538
|
|
|
10589
|
-
return React__default[
|
|
10539
|
+
return React__default['default'].createElement(ArticleSeries, {
|
|
10590
10540
|
nodes: node,
|
|
10591
10541
|
accountIDs: videoAccountIDs || {},
|
|
10592
10542
|
pageview: pageview,
|
|
@@ -10599,61 +10549,61 @@ var getSerializers = function getSerializers() {
|
|
|
10599
10549
|
figure: function figure(_ref4) {
|
|
10600
10550
|
var node = _ref4.node;
|
|
10601
10551
|
|
|
10602
|
-
return React__default[
|
|
10552
|
+
return React__default['default'].createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag, getSerializers: getSerializers.apply(undefined, props) });
|
|
10603
10553
|
},
|
|
10604
10554
|
multifigure: function multifigure(_ref5) {
|
|
10605
10555
|
var node = _ref5.node;
|
|
10606
10556
|
|
|
10607
|
-
return React__default[
|
|
10557
|
+
return React__default['default'].createElement(MultiFigure, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
|
|
10608
10558
|
},
|
|
10609
10559
|
slideshow: function slideshow(_ref6) {
|
|
10610
10560
|
var node = _ref6.node;
|
|
10611
10561
|
var slides = node.slides;
|
|
10612
10562
|
|
|
10613
|
-
return React__default[
|
|
10563
|
+
return React__default['default'].createElement(Slideshow$1, { slides: slides, client: client, pageview: pageview });
|
|
10614
10564
|
},
|
|
10615
10565
|
sidebar: function sidebar(_ref7) {
|
|
10616
10566
|
var node = _ref7.node;
|
|
10617
10567
|
var caption = node.caption,
|
|
10618
10568
|
content = node.content;
|
|
10619
10569
|
|
|
10620
|
-
return React__default[
|
|
10570
|
+
return React__default['default'].createElement(Sidebar, { caption: caption, content: content, getSerializers: getSerializers.apply(undefined, props) });
|
|
10621
10571
|
},
|
|
10622
10572
|
datatable: function datatable(_ref8) {
|
|
10623
10573
|
var node = _ref8.node;
|
|
10624
10574
|
var table = node.table;
|
|
10625
10575
|
|
|
10626
|
-
return React__default[
|
|
10576
|
+
return React__default['default'].createElement(TableShow, { rows: table.rows });
|
|
10627
10577
|
},
|
|
10628
10578
|
media: function media(_ref9) {
|
|
10629
10579
|
var node = _ref9.node;
|
|
10630
10580
|
|
|
10631
|
-
return React__default[
|
|
10581
|
+
return React__default['default'].createElement(Media, { node: node, client: client });
|
|
10632
10582
|
},
|
|
10633
10583
|
iframe: function iframe(_ref10) {
|
|
10634
10584
|
var node = _ref10.node;
|
|
10635
10585
|
|
|
10636
|
-
return React__default[
|
|
10586
|
+
return React__default['default'].createElement(IFrame, { url: node.url, needSegmentSupport: node.needSegmentSupport });
|
|
10637
10587
|
},
|
|
10638
10588
|
video: function video(_ref11) {
|
|
10639
10589
|
var node = _ref11.node;
|
|
10640
10590
|
|
|
10641
|
-
return React__default[
|
|
10591
|
+
return React__default['default'].createElement(Video, { node: node, autoplay: autoplay, accountIDs: videoAccountIDs || {}, targeting: targeting, nextVideo: nextVideo });
|
|
10642
10592
|
},
|
|
10643
10593
|
audio: function audio(_ref12) {
|
|
10644
10594
|
var node = _ref12.node;
|
|
10645
10595
|
|
|
10646
|
-
return React__default[
|
|
10596
|
+
return React__default['default'].createElement(Audio, { node: node, audioAutoplay: audioAutoplay });
|
|
10647
10597
|
},
|
|
10648
10598
|
poll: function poll(_ref13) {
|
|
10649
10599
|
var node = _ref13.node;
|
|
10650
10600
|
|
|
10651
|
-
return React__default[
|
|
10601
|
+
return React__default['default'].createElement(Poll$1, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers.apply(undefined, props) });
|
|
10652
10602
|
},
|
|
10653
10603
|
pollMultiChoice: function pollMultiChoice(_ref14) {
|
|
10654
10604
|
var node = _ref14.node;
|
|
10655
10605
|
|
|
10656
|
-
return React__default[
|
|
10606
|
+
return React__default['default'].createElement(Poll, {
|
|
10657
10607
|
node: node,
|
|
10658
10608
|
client: client,
|
|
10659
10609
|
pageview: pageview,
|
|
@@ -10667,35 +10617,35 @@ var getSerializers = function getSerializers() {
|
|
|
10667
10617
|
var node = _ref15.node;
|
|
10668
10618
|
var quizzes = node.quizzes;
|
|
10669
10619
|
|
|
10670
|
-
return React__default[
|
|
10620
|
+
return React__default['default'].createElement(Quiz, { quizzes: quizzes, getSerializers: getSerializers.apply(undefined, props), pageview: pageview, currentPage: currentPage });
|
|
10671
10621
|
},
|
|
10672
10622
|
leads: function leads(_ref16) {
|
|
10673
10623
|
var node = _ref16.node;
|
|
10674
10624
|
var leadID = node.leadID;
|
|
10675
10625
|
|
|
10676
10626
|
var url = '' + drupalLeadSettings.baseUrl + leadID;
|
|
10677
|
-
return React__default[
|
|
10627
|
+
return React__default['default'].createElement(Leads, { url: url });
|
|
10678
10628
|
},
|
|
10679
10629
|
slideshows: function slideshows(_ref17) {
|
|
10680
10630
|
var node = _ref17.node;
|
|
10681
10631
|
|
|
10682
|
-
return React__default[
|
|
10632
|
+
return React__default['default'].createElement(Slideshow, { node: node, client: client, pageview: pageview, getSerializers: getSerializers.apply(undefined, props) });
|
|
10683
10633
|
},
|
|
10684
10634
|
nativeAd: function nativeAd(_ref18) {
|
|
10685
10635
|
var node = _ref18.node;
|
|
10686
10636
|
|
|
10687
|
-
return React__default[
|
|
10637
|
+
return React__default['default'].createElement(NativeAd, { node: node });
|
|
10688
10638
|
},
|
|
10689
10639
|
html_anchor_links: function html_anchor_links(_ref19) {
|
|
10690
10640
|
var node = _ref19.node;
|
|
10691
10641
|
|
|
10692
|
-
return React__default[
|
|
10642
|
+
return React__default['default'].createElement(AnchorLinkElement, { node: node, getSerializers: getSerializers.apply(undefined, props), articleId: articleId });
|
|
10693
10643
|
},
|
|
10694
10644
|
hrtag: function hrtag() {
|
|
10695
|
-
return React__default[
|
|
10645
|
+
return React__default['default'].createElement('hr', { style: { border: 'none', height: '2px', backgroundColor: 'var(--primary)', color: 'var(--primary)' }, className: 'horizontal-rule' });
|
|
10696
10646
|
},
|
|
10697
10647
|
brtag: function brtag() {
|
|
10698
|
-
return React__default[
|
|
10648
|
+
return React__default['default'].createElement('br', { className: 'line-break' });
|
|
10699
10649
|
},
|
|
10700
10650
|
formstack: function formstack(_ref20) {
|
|
10701
10651
|
var node = _ref20.node;
|
|
@@ -10703,30 +10653,30 @@ var getSerializers = function getSerializers() {
|
|
|
10703
10653
|
Caption = node.Caption,
|
|
10704
10654
|
needSegmentSupport = node.needSegmentSupport;
|
|
10705
10655
|
|
|
10706
|
-
return React__default[
|
|
10656
|
+
return React__default['default'].createElement(Formstack, { FormID: FormID, Caption: Caption, needSegmentSupport: needSegmentSupport });
|
|
10707
10657
|
},
|
|
10708
10658
|
formassembly: FormAssembly,
|
|
10709
10659
|
digiohSmartTag: DigiohSmartTag,
|
|
10710
10660
|
multimedia: function multimedia(_ref21) {
|
|
10711
10661
|
var node = _ref21.node;
|
|
10712
10662
|
|
|
10713
|
-
return React__default[
|
|
10663
|
+
return React__default['default'].createElement(MultiMedia, { node: node, client: client });
|
|
10714
10664
|
},
|
|
10715
10665
|
blockTable: function blockTable(_ref22) {
|
|
10716
10666
|
var node = _ref22.node;
|
|
10717
|
-
return React__default[
|
|
10667
|
+
return React__default['default'].createElement(BlockTable, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
|
|
10718
10668
|
}
|
|
10719
10669
|
},
|
|
10720
10670
|
marks: {
|
|
10721
10671
|
superscript: function superscript(props) {
|
|
10722
|
-
return React__default[
|
|
10672
|
+
return React__default['default'].createElement(
|
|
10723
10673
|
'sup',
|
|
10724
10674
|
null,
|
|
10725
10675
|
props.children
|
|
10726
10676
|
);
|
|
10727
10677
|
},
|
|
10728
10678
|
subscript: function subscript(props) {
|
|
10729
|
-
return React__default[
|
|
10679
|
+
return React__default['default'].createElement(
|
|
10730
10680
|
'sub',
|
|
10731
10681
|
null,
|
|
10732
10682
|
props.children
|
|
@@ -10736,11 +10686,11 @@ var getSerializers = function getSerializers() {
|
|
|
10736
10686
|
var children = props.children,
|
|
10737
10687
|
mark = props.mark;
|
|
10738
10688
|
|
|
10739
|
-
return React__default[
|
|
10689
|
+
return React__default['default'].createElement(ExternalLink, { children: children, mark: mark, articleId: articleId });
|
|
10740
10690
|
},
|
|
10741
10691
|
alignleft: function alignleft(_ref23) {
|
|
10742
10692
|
var children = _ref23.children;
|
|
10743
|
-
return React__default[
|
|
10693
|
+
return React__default['default'].createElement(
|
|
10744
10694
|
'div',
|
|
10745
10695
|
{ style: { textAlign: 'left' } },
|
|
10746
10696
|
children
|
|
@@ -10748,7 +10698,7 @@ var getSerializers = function getSerializers() {
|
|
|
10748
10698
|
},
|
|
10749
10699
|
alignright: function alignright(_ref24) {
|
|
10750
10700
|
var children = _ref24.children;
|
|
10751
|
-
return React__default[
|
|
10701
|
+
return React__default['default'].createElement(
|
|
10752
10702
|
'div',
|
|
10753
10703
|
{ style: { textAlign: 'right' } },
|
|
10754
10704
|
children
|
|
@@ -10756,7 +10706,7 @@ var getSerializers = function getSerializers() {
|
|
|
10756
10706
|
},
|
|
10757
10707
|
aligncenter: function aligncenter(_ref25) {
|
|
10758
10708
|
var children = _ref25.children;
|
|
10759
|
-
return React__default[
|
|
10709
|
+
return React__default['default'].createElement(
|
|
10760
10710
|
'div',
|
|
10761
10711
|
{ style: { textAlign: 'center' } },
|
|
10762
10712
|
children
|
|
@@ -10764,7 +10714,7 @@ var getSerializers = function getSerializers() {
|
|
|
10764
10714
|
},
|
|
10765
10715
|
alignjustify: function alignjustify(_ref26) {
|
|
10766
10716
|
var children = _ref26.children;
|
|
10767
|
-
return React__default[
|
|
10717
|
+
return React__default['default'].createElement(
|
|
10768
10718
|
'div',
|
|
10769
10719
|
{ style: { textAlign: 'justify' } },
|
|
10770
10720
|
children
|
|
@@ -10774,7 +10724,7 @@ var getSerializers = function getSerializers() {
|
|
|
10774
10724
|
var children = props.children,
|
|
10775
10725
|
color = props.mark.color;
|
|
10776
10726
|
|
|
10777
|
-
return React__default[
|
|
10727
|
+
return React__default['default'].createElement(
|
|
10778
10728
|
'span',
|
|
10779
10729
|
{ style: { color: color ? color.hex : null } },
|
|
10780
10730
|
children
|