@mjhls/mjh-framework 1.0.856-beta.0 → 1.0.857
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +168 -168
- package/dist/cjs/AD.js +10 -9
- package/dist/cjs/AD300x250.js +11 -11
- package/dist/cjs/AD300x250x600.js +11 -11
- package/dist/cjs/AD728x90.js +12 -12
- package/dist/cjs/ADFloatingFooter.js +13 -13
- package/dist/cjs/ADFooter.js +9 -8
- package/dist/cjs/ADGutter.js +13 -13
- package/dist/cjs/{ADInfeed-98c71bcd.js → ADInfeed-ff26342c.js} +11 -9
- package/dist/cjs/ADSkyscraper.js +13 -13
- package/dist/cjs/ADSponsoredResources.js +13 -13
- package/dist/cjs/ADWebcast.js +13 -13
- package/dist/cjs/ADWelcome.js +17 -17
- package/dist/cjs/{ADlgInfeed-9de32585.js → ADlgInfeed-ad4953d4.js} +7 -6
- package/dist/cjs/AccordionPanel.js +24 -22
- package/dist/cjs/AdSlot.js +15 -15
- package/dist/cjs/AdSlotsProvider.js +11 -903
- package/dist/cjs/AlgoliaSearch.js +49 -14012
- package/dist/cjs/AlphabeticList.js +17 -16
- package/dist/cjs/ArticleCarousel.js +12 -11
- package/dist/cjs/ArticleProgramLandingPage.js +25 -24
- package/dist/cjs/ArticleSeriesLandingPage.js +21 -21
- package/dist/cjs/ArticleSeriesListing.js +41 -41
- package/dist/cjs/Auth.js +237 -1197
- package/dist/cjs/AuthWrapper.js +26 -561
- package/dist/cjs/{AuthorComponent-bb831b74.js → AuthorComponent-ac8972ce.js} +13 -12
- package/dist/cjs/{BlockContent-091a991f.js → BlockContent-8b494587.js} +25 -24
- package/dist/cjs/Breadcrumbs.js +23 -21
- package/dist/cjs/CMEDeck.js +64 -65
- package/dist/cjs/Column1.js +14 -11
- package/dist/cjs/Column2.js +22 -19
- package/dist/cjs/Column3.js +36 -34
- package/dist/cjs/ConferenceArticleCard.js +33 -32
- package/dist/cjs/ConferenceBanner-6c9e718a.js +24 -0
- package/dist/cjs/DeckContent.js +85 -82
- package/dist/cjs/DeckQueue.js +73 -70
- package/dist/cjs/{Dfp-26baccf1.js → Dfp-0bf098b5.js} +23 -23
- package/dist/cjs/EventsDeck.js +141 -134
- package/dist/cjs/ExternalResources.js +49 -48
- package/dist/cjs/Feature.js +25 -23
- package/dist/cjs/ForbesHero.js +35 -34
- package/dist/cjs/GridContent.js +209 -205
- package/dist/cjs/GridHero.js +36 -35
- package/dist/cjs/GroupDeck.js +49 -48
- package/dist/cjs/HamMagazine.js +130 -125
- package/dist/cjs/Header.js +14 -12
- package/dist/cjs/Hero.js +10 -9
- package/dist/cjs/HighlightenVideo.js +17 -16
- package/dist/cjs/HorizontalArticleListing.js +39 -38
- package/dist/cjs/HorizontalHero.js +24 -23
- package/dist/cjs/IssueContentDeck.js +70 -65
- package/dist/cjs/IssueDeck.js +66 -61
- package/dist/cjs/IssueLanding.js +60 -59
- package/dist/cjs/KMTracker.js +15 -15
- package/dist/cjs/LeftNav.js +23 -22
- package/dist/cjs/MasterDeck.js +59 -59
- package/dist/cjs/MediaSeriesLanding.js +801 -909
- package/dist/cjs/NavDvm.js +68 -63
- package/dist/cjs/{NavFooter-76c913e3.js → NavFooter-3dcd99a8.js} +15 -14
- package/dist/cjs/NavMagazine.js +131 -126
- package/dist/cjs/NavNative.js +125 -117
- package/dist/cjs/OncliveHero.js +17 -17
- package/dist/cjs/OncliveLargeHero.js +64 -63
- package/dist/cjs/PageFilter.js +9 -8
- package/dist/cjs/PartnerDetailListing.js +288 -188
- package/dist/cjs/PdfDownload.js +9 -8
- package/dist/cjs/PopUpModal.js +15 -13
- package/dist/cjs/PubSection.js +21 -21
- package/dist/cjs/PubToc.js +8 -7
- package/dist/cjs/PublicationDeck.js +64 -59
- package/dist/cjs/PublicationLanding.js +114 -110
- package/dist/cjs/QueueDeckExpanded.js +286 -287
- package/dist/cjs/RecentNews.js +20 -19
- package/dist/cjs/RelatedContent.js +51 -50
- package/dist/cjs/RelatedTopicsDropdown.js +32 -29
- package/dist/cjs/RolesDeck.js +32 -27
- package/dist/cjs/Search.js +16 -12
- package/dist/cjs/SeriesListingDeck.js +26 -27
- package/dist/cjs/{SeriesSlider-8bbc989f.js → SeriesSlider-60fa1342.js} +38 -37
- package/dist/cjs/SideFooter.js +26 -25
- package/dist/cjs/SocialIcons.js +10 -9
- package/dist/cjs/{SocialSearchComponent-cea213aa.js → SocialSearchComponent-19548e2a.js} +38 -34
- package/dist/cjs/SocialShare.js +31 -29
- package/dist/cjs/TaxonomyCard.js +60 -55
- package/dist/cjs/TaxonomyDescription.js +24 -23
- package/dist/cjs/TemplateNormal.js +36 -36
- package/dist/cjs/ThumbnailCard.js +19 -17
- package/dist/cjs/Ustream.js +22 -21
- package/dist/cjs/VerticalHero.js +16 -15
- package/dist/cjs/VideoProgramLandingPage.js +45 -41
- package/dist/cjs/VideoSeriesCard.js +24 -23
- package/dist/cjs/VideoSeriesFilter.js +9 -9
- package/dist/cjs/VideoSeriesLandingPage.js +26 -26
- package/dist/cjs/VideoSeriesListing.js +58 -58
- package/dist/cjs/View.js +212 -202
- package/dist/cjs/YahooHero.js +31 -30
- package/dist/cjs/YoutubeGroup.js +55 -54
- package/dist/cjs/{brightcove-react-player-loader.es-156bd4d6.js → brightcove-react-player-loader.es-5c98aec7.js} +10 -8
- package/dist/cjs/{extends-0a918631.js → extends-60837c34.js} +0 -1
- package/dist/cjs/faundadb.js +1 -1
- package/dist/cjs/getRelatedArticle.js +67 -131
- package/dist/cjs/getSerializers.js +13 -13
- package/dist/cjs/{getTargeting-f1821260.js → getTargeting-3e45e4d4.js} +11 -11
- package/dist/cjs/getTargeting.js +2 -2
- package/dist/cjs/iconBase-68959171.js +0 -3
- package/dist/cjs/{index-98e01cb9.js → index-44481153.js} +494 -47
- package/dist/cjs/{index-998ad42c.js → index-646379c4.js} +954 -1204
- package/dist/cjs/{index-3294d3bc.js → index-99edf08a.js} +1 -1
- package/dist/cjs/{index-96b3db50.js → index-9d365128.js} +12 -10
- package/dist/cjs/{index-be0c82be.js → index-b5eb3ff8.js} +20 -19
- package/dist/cjs/{index.es-9110add6.js → index.es-f3e47207.js} +31 -12
- package/dist/cjs/{index.esm-ff47db6f.js → index.esm-05850a2f.js} +5 -12
- package/dist/cjs/{index.esm-4d410430.js → index.esm-3ffa049c.js} +20 -20
- package/dist/cjs/{index.esm-e32d3e8e.js → index.esm-44f3e2d0.js} +3 -6
- package/dist/cjs/{index.esm-90433435.js → index.esm-974f47d9.js} +6 -15
- package/dist/cjs/index.js +65 -61
- package/dist/cjs/{inherits-452ff02c.js → inherits-87492b40.js} +1 -4
- package/dist/cjs/{lodash-fc2922d0.js → lodash-7fd85bcf.js} +71 -22
- package/dist/cjs/{main-02daeefe.js → main-7b5e57b0.js} +90 -54
- package/dist/cjs/{md5-5039b1a6.js → md5-e1ca5797.js} +1 -1
- package/dist/cjs/{moment-575fe24c.js → moment-ca3bd9fb.js} +10 -8
- package/dist/cjs/{react-social-icons-f7f48f71.js → react-social-icons-07939b41.js} +12 -11
- package/dist/cjs/timeDifferenceCalc.js +1 -1
- package/dist/cjs/{typeof-725500bc.js → typeof-9d7f610f.js} +1 -1
- package/dist/cjs/urlFor.js +3 -3
- package/dist/cjs/{visibility-sensor-ad5e3116.js → visibility-sensor-eb2c5b69.js} +7 -5
- package/dist/esm/AD.js +7 -7
- package/dist/esm/AD300x250.js +8 -9
- package/dist/esm/AD300x250x600.js +8 -9
- package/dist/esm/AD728x90.js +9 -10
- package/dist/esm/ADFloatingFooter.js +10 -11
- package/dist/esm/ADFooter.js +6 -6
- package/dist/esm/ADGutter.js +10 -11
- package/dist/esm/{ADInfeed-1cc9d817.js → ADInfeed-422ad6e6.js} +7 -7
- package/dist/esm/ADSkyscraper.js +10 -11
- package/dist/esm/ADSponsoredResources.js +10 -11
- package/dist/esm/ADWebcast.js +10 -11
- package/dist/esm/ADWelcome.js +14 -15
- package/dist/esm/{ADlgInfeed-8c4f129e.js → ADlgInfeed-f7468db8.js} +4 -4
- package/dist/esm/AccordionPanel.js +17 -17
- package/dist/esm/AdSlot.js +6 -7
- package/dist/esm/AdSlotsProvider.js +10 -903
- package/dist/esm/AlgoliaSearch.js +41 -14005
- package/dist/esm/AlphabeticList.js +14 -14
- package/dist/esm/ArticleCarousel.js +9 -9
- package/dist/esm/ArticleProgramLandingPage.js +22 -22
- package/dist/esm/ArticleSeriesLandingPage.js +18 -19
- package/dist/esm/ArticleSeriesListing.js +37 -38
- package/dist/esm/Auth.js +217 -1181
- package/dist/esm/AuthWrapper.js +24 -561
- package/dist/esm/{AuthorComponent-34b16174.js → AuthorComponent-8ffd4679.js} +10 -10
- package/dist/esm/{BlockContent-e9b4ddcf.js → BlockContent-d05b5b23.js} +4 -4
- package/dist/esm/Breadcrumbs.js +11 -11
- package/dist/esm/CMEDeck.js +61 -62
- package/dist/esm/Column1.js +9 -9
- package/dist/esm/Column2.js +17 -17
- package/dist/esm/Column3.js +31 -32
- package/dist/esm/ConferenceArticleCard.js +30 -30
- package/dist/esm/{ConferenceBanner-8792ebd2.js → ConferenceBanner-9162d0ca.js} +4 -4
- package/dist/esm/DeckContent.js +77 -78
- package/dist/esm/DeckQueue.js +65 -66
- package/dist/esm/{Dfp-b7236041.js → Dfp-85c9513e.js} +10 -11
- package/dist/esm/EventsDeck.js +110 -110
- package/dist/esm/ExternalResources.js +43 -43
- package/dist/esm/Feature.js +17 -17
- package/dist/esm/ForbesHero.js +28 -28
- package/dist/esm/GridContent.js +173 -174
- package/dist/esm/GridHero.js +29 -29
- package/dist/esm/GroupDeck.js +36 -36
- package/dist/esm/HamMagazine.js +100 -100
- package/dist/esm/Header.js +8 -8
- package/dist/esm/Hero.js +7 -7
- package/dist/esm/HighlightenVideo.js +14 -14
- package/dist/esm/HorizontalArticleListing.js +36 -36
- package/dist/esm/HorizontalHero.js +21 -21
- package/dist/esm/IssueContentDeck.js +53 -53
- package/dist/esm/IssueDeck.js +55 -55
- package/dist/esm/IssueLanding.js +57 -57
- package/dist/esm/KMTracker.js +15 -15
- package/dist/esm/LeftNav.js +17 -18
- package/dist/esm/MasterDeck.js +55 -56
- package/dist/esm/MediaSeriesLanding.js +561 -672
- package/dist/esm/NavDvm.js +46 -46
- package/dist/esm/{NavFooter-e27bd93b.js → NavFooter-c29526b7.js} +12 -12
- package/dist/esm/NavMagazine.js +103 -103
- package/dist/esm/NavNative.js +92 -92
- package/dist/esm/OncliveHero.js +14 -15
- package/dist/esm/OncliveLargeHero.js +52 -52
- package/dist/esm/PageFilter.js +6 -6
- package/dist/esm/PartnerDetailListing.js +178 -79
- package/dist/esm/PdfDownload.js +6 -6
- package/dist/esm/PopUpModal.js +8 -8
- package/dist/esm/PubSection.js +18 -19
- package/dist/esm/PubToc.js +5 -5
- package/dist/esm/PublicationDeck.js +51 -51
- package/dist/esm/PublicationLanding.js +96 -96
- package/dist/esm/QueueDeckExpanded.js +252 -253
- package/dist/esm/RecentNews.js +17 -17
- package/dist/esm/RelatedContent.js +45 -45
- package/dist/esm/RelatedTopicsDropdown.js +21 -21
- package/dist/esm/RolesDeck.js +25 -25
- package/dist/esm/Search.js +7 -7
- package/dist/esm/SeriesListingDeck.js +21 -22
- package/dist/esm/{SeriesSlider-a866bb21.js → SeriesSlider-05ecb544.js} +28 -28
- package/dist/esm/SideFooter.js +21 -21
- package/dist/esm/SocialIcons.js +7 -7
- package/dist/esm/{SocialSearchComponent-03c3e869.js → SocialSearchComponent-47815365.js} +28 -28
- package/dist/esm/SocialShare.js +25 -25
- package/dist/esm/TaxonomyCard.js +51 -51
- package/dist/esm/TaxonomyDescription.js +18 -18
- package/dist/esm/TemplateNormal.js +32 -33
- package/dist/esm/ThumbnailCard.js +10 -10
- package/dist/esm/Ustream.js +18 -18
- package/dist/esm/VerticalHero.js +13 -13
- package/dist/esm/VideoProgramLandingPage.js +34 -34
- package/dist/esm/VideoSeriesCard.js +18 -18
- package/dist/esm/VideoSeriesFilter.js +6 -6
- package/dist/esm/VideoSeriesLandingPage.js +18 -19
- package/dist/esm/VideoSeriesListing.js +54 -55
- package/dist/esm/View.js +191 -185
- package/dist/esm/YahooHero.js +25 -25
- package/dist/esm/YoutubeGroup.js +39 -39
- package/dist/esm/{brightcove-react-player-loader.es-83f53e4e.js → brightcove-react-player-loader.es-4abff0b1.js} +7 -6
- package/dist/esm/{extends-6f2fcc99.js → extends-eb69e8ac.js} +1 -1
- package/dist/esm/faundadb.js +1 -1
- package/dist/esm/getRelatedArticle.js +62 -126
- package/dist/esm/getSerializers.js +13 -13
- package/dist/esm/{getTargeting-bd800589.js → getTargeting-9cb7e014.js} +10 -10
- package/dist/esm/getTargeting.js +2 -2
- package/dist/esm/{index-41a678ea.js → index-1819118a.js} +487 -41
- package/dist/esm/{index-73819142.js → index-51a80699.js} +20 -19
- package/dist/esm/{index-5f7e79e7.js → index-6c12bdd5.js} +4 -4
- package/dist/esm/{index-2fccaa7f.js → index-d1dee060.js} +901 -1162
- package/dist/esm/{index-ef6d5dcf.js → index-fa2ffe86.js} +1 -1
- package/dist/esm/{index.es-29c1cef5.js → index.es-c6222053.js} +28 -10
- package/dist/esm/{index.esm-29e48d38.js → index.esm-3fdda599.js} +6 -15
- package/dist/esm/{index.esm-fd746768.js → index.esm-8ee5ff72.js} +17 -18
- package/dist/esm/{index.esm-cf08bf18.js → index.esm-a8ff922c.js} +5 -12
- package/dist/esm/{index.esm-f8aaeeeb.js → index.esm-c6715e80.js} +3 -6
- package/dist/esm/index.js +54 -53
- package/dist/esm/{inherits-cf8dde54.js → inherits-0d8cda6e.js} +2 -2
- package/dist/esm/{lodash-17fdfebb.js → lodash-ec8c6b48.js} +71 -22
- package/dist/esm/{main-e4a934b2.js → main-747e7d25.js} +87 -52
- package/dist/esm/{md5-9be0e905.js → md5-4e42248e.js} +1 -1
- package/dist/esm/{moment-e2f9b20c.js → moment-b6f49411.js} +10 -8
- package/dist/esm/{react-social-icons-a7d5c5c7.js → react-social-icons-3822f1ce.js} +5 -5
- package/dist/esm/timeDifferenceCalc.js +1 -1
- package/dist/esm/{typeof-6435ba1c.js → typeof-af9c50d8.js} +1 -1
- package/dist/esm/urlFor.js +1 -1
- package/dist/esm/{visibility-sensor-72fd8f8b.js → visibility-sensor-f40c2564.js} +2 -2
- package/package.json +110 -110
- package/dist/cjs/ConferenceBanner-4a16fddc.js +0 -23
- package/dist/cjs/events-1b438fe7.js +0 -469
- package/dist/cjs/index-e2e62963.js +0 -89
- package/dist/cjs/inherits-8d29278d.js +0 -110
- package/dist/esm/events-6c3a7a63.js +0 -467
- package/dist/esm/index-aaa2dae0.js +0 -85
- package/dist/esm/inherits-77d5e4fc.js +0 -101
|
@@ -1,40 +1,41 @@
|
|
|
1
1
|
import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
|
|
2
2
|
import { _ as _export, a as _core } from './_to-object-a4107da3.js';
|
|
3
3
|
import { a as _Array$from, _ as _toConsumableArray } from './toConsumableArray-43aa614d.js';
|
|
4
|
-
import { _ as _extends
|
|
5
|
-
import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1
|
|
6
|
-
import { _ as _typeof } from './typeof-
|
|
7
|
-
import
|
|
8
|
-
import { l as lib_3 } from './index-
|
|
4
|
+
import { _ as _extends } from './extends-eb69e8ac.js';
|
|
5
|
+
import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-0d8cda6e.js';
|
|
6
|
+
import { _ as _typeof$1 } from './typeof-af9c50d8.js';
|
|
7
|
+
import React, { useState, useEffect, useRef, useLayoutEffect, useCallback } from 'react';
|
|
8
|
+
import { l as lib_3 } from './index-1819118a.js';
|
|
9
9
|
import PropTypes from 'prop-types';
|
|
10
10
|
import Row$1 from 'react-bootstrap/Row';
|
|
11
11
|
import Col$1 from 'react-bootstrap/Col';
|
|
12
|
-
import { m as moment } from './moment-
|
|
12
|
+
import { m as moment } from './moment-b6f49411.js';
|
|
13
13
|
import Router, { useRouter } from 'next/router';
|
|
14
14
|
import urlFor from './urlFor.js';
|
|
15
|
-
import { L as LazyLoad } from './index-
|
|
16
|
-
import { d as main_16, b as
|
|
15
|
+
import { L as LazyLoad } from './index-6c12bdd5.js';
|
|
16
|
+
import { d as main_16, b as main_39, m as main_40 } from './main-747e7d25.js';
|
|
17
17
|
import { h as html_decode_1 } from './entities-7cc3bf45.js';
|
|
18
18
|
import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-641f241f.js';
|
|
19
19
|
import Segment from './Segment.js';
|
|
20
20
|
import Beam from './Beam.js';
|
|
21
21
|
import DFPAdSlot from './AdSlot.js';
|
|
22
22
|
import Button$1 from 'react-bootstrap/Button';
|
|
23
|
-
import { B as BlockContent } from './BlockContent-
|
|
23
|
+
import { B as BlockContent } from './BlockContent-d05b5b23.js';
|
|
24
24
|
import { g as getYoutubeId } from './index-c7e2ac95.js';
|
|
25
25
|
import GroupDeck from './GroupDeck.js';
|
|
26
26
|
import { Carousel, Table, Figure as Figure$1, Card, Row, Col, Button, ProgressBar } from 'react-bootstrap';
|
|
27
|
-
import { d as IoIosArrowDropupCircle } from './index.esm-
|
|
27
|
+
import { d as IoIosArrowDropupCircle } from './index.esm-3fdda599.js';
|
|
28
28
|
import { u as util } from './util-7700fc59.js';
|
|
29
|
-
import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-
|
|
29
|
+
import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-4abff0b1.js';
|
|
30
30
|
import Head from 'next/head';
|
|
31
31
|
import SocialShare from './SocialShare.js';
|
|
32
32
|
import { _ as _objectToArray } from './_object-to-array-7e804fce.js';
|
|
33
|
-
import Pagination
|
|
34
|
-
import Figure$
|
|
33
|
+
import Pagination from 'react-bootstrap/Pagination';
|
|
34
|
+
import Figure$2 from 'react-bootstrap/Figure';
|
|
35
35
|
import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
|
|
36
|
-
import Tooltip
|
|
37
|
-
import Popover
|
|
36
|
+
import Tooltip from 'react-bootstrap/Tooltip';
|
|
37
|
+
import Popover from 'react-bootstrap/Popover';
|
|
38
|
+
import ScriptTag from 'react-script-tag';
|
|
38
39
|
|
|
39
40
|
var onChangeSlide = function onChangeSlide(selectedIndex, router) {
|
|
40
41
|
var pageNumber = selectedIndex + 1;
|
|
@@ -69,27 +70,27 @@ var Slideshow = function Slideshow(_ref) {
|
|
|
69
70
|
if (pageview) pageview(router.asPath);
|
|
70
71
|
}, [router]);
|
|
71
72
|
|
|
72
|
-
return
|
|
73
|
+
return React.createElement(
|
|
73
74
|
'div',
|
|
74
75
|
{ className: 'mt-3 mb-3' },
|
|
75
|
-
|
|
76
|
+
React.createElement(
|
|
76
77
|
Carousel,
|
|
77
78
|
{ activeIndex: carouselIndex, onSelect: function onSelect(selectedIndex, e) {
|
|
78
79
|
return onChangeSlide(selectedIndex, router);
|
|
79
80
|
}, interval: null },
|
|
80
81
|
slides && slides.map(function (slide) {
|
|
81
|
-
return
|
|
82
|
+
return React.createElement(
|
|
82
83
|
Carousel.Item,
|
|
83
84
|
{ key: slide._key },
|
|
84
|
-
|
|
85
|
+
React.createElement(
|
|
85
86
|
'picture',
|
|
86
87
|
null,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
88
|
+
React.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 1500, imageFit: 'max' }) }),
|
|
89
|
+
React.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 1000, imageFit: 'max' }) }),
|
|
90
|
+
React.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.asset, client: client, imageWidth: 500, imageFit: 'max' }) }),
|
|
91
|
+
React.createElement('img', { src: urlFor({ source: slide.asset, client: client }), alt: slide.alt || '', style: { width: '100%' } })
|
|
91
92
|
),
|
|
92
|
-
slide.caption &&
|
|
93
|
+
slide.caption && React.createElement(
|
|
93
94
|
'p',
|
|
94
95
|
{ className: 'p-2' },
|
|
95
96
|
slide.caption
|
|
@@ -100,21 +101,18 @@ var Slideshow = function Slideshow(_ref) {
|
|
|
100
101
|
);
|
|
101
102
|
};
|
|
102
103
|
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
104
|
+
// do not edit .js files directly - edit src/index.jst
|
|
105
|
+
|
|
106
|
+
|
|
106
107
|
|
|
107
108
|
var fastDeepEqual = function equal(a, b) {
|
|
108
109
|
if (a === b) return true;
|
|
109
110
|
|
|
110
111
|
if (a && b && typeof a == 'object' && typeof b == 'object') {
|
|
111
|
-
|
|
112
|
-
, arrB = isArray(b)
|
|
113
|
-
, i
|
|
114
|
-
, length
|
|
115
|
-
, key;
|
|
112
|
+
if (a.constructor !== b.constructor) return false;
|
|
116
113
|
|
|
117
|
-
|
|
114
|
+
var length, i, keys;
|
|
115
|
+
if (Array.isArray(a)) {
|
|
118
116
|
length = a.length;
|
|
119
117
|
if (length != b.length) return false;
|
|
120
118
|
for (i = length; i-- !== 0;)
|
|
@@ -122,35 +120,29 @@ var fastDeepEqual = function equal(a, b) {
|
|
|
122
120
|
return true;
|
|
123
121
|
}
|
|
124
122
|
|
|
125
|
-
if (arrA != arrB) return false;
|
|
126
123
|
|
|
127
|
-
var dateA = a instanceof Date
|
|
128
|
-
, dateB = b instanceof Date;
|
|
129
|
-
if (dateA != dateB) return false;
|
|
130
|
-
if (dateA && dateB) return a.getTime() == b.getTime();
|
|
131
124
|
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
if (
|
|
135
|
-
if (regexpA && regexpB) return a.toString() == b.toString();
|
|
125
|
+
if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
|
|
126
|
+
if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
|
|
127
|
+
if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();
|
|
136
128
|
|
|
137
|
-
|
|
129
|
+
keys = Object.keys(a);
|
|
138
130
|
length = keys.length;
|
|
139
|
-
|
|
140
|
-
if (length !== keyList(b).length)
|
|
141
|
-
return false;
|
|
131
|
+
if (length !== Object.keys(b).length) return false;
|
|
142
132
|
|
|
143
133
|
for (i = length; i-- !== 0;)
|
|
144
|
-
if (!
|
|
134
|
+
if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
|
|
145
135
|
|
|
146
136
|
for (i = length; i-- !== 0;) {
|
|
147
|
-
key = keys[i];
|
|
137
|
+
var key = keys[i];
|
|
138
|
+
|
|
148
139
|
if (!equal(a[key], b[key])) return false;
|
|
149
140
|
}
|
|
150
141
|
|
|
151
142
|
return true;
|
|
152
143
|
}
|
|
153
144
|
|
|
145
|
+
// true if both NaN, false otherwise
|
|
154
146
|
return a!==a && b!==b;
|
|
155
147
|
};
|
|
156
148
|
|
|
@@ -1573,199 +1565,239 @@ module.exports = exports['default'];
|
|
|
1573
1565
|
|
|
1574
1566
|
var youTubePlayer = unwrapExports(dist);
|
|
1575
1567
|
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
|
|
1568
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
1579
1569
|
|
|
1580
1570
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
1581
1571
|
|
|
1582
|
-
function
|
|
1572
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
1573
|
+
|
|
1574
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
1575
|
+
|
|
1576
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
1577
|
+
|
|
1578
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
1579
|
+
|
|
1580
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
1581
|
+
|
|
1582
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
1583
|
+
|
|
1584
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
1585
|
+
|
|
1586
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
1587
|
+
|
|
1588
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
1589
|
+
|
|
1590
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
1583
1591
|
|
|
1584
|
-
function
|
|
1592
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
1585
1593
|
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
*
|
|
1589
|
-
*
|
|
1590
|
-
* @param {Object}
|
|
1594
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
1595
|
+
/**
|
|
1596
|
+
* Check whether a `props` change should result in the video being updated.
|
|
1597
|
+
*
|
|
1598
|
+
* @param {Object} prevProps
|
|
1599
|
+
* @param {Object} props
|
|
1591
1600
|
*/
|
|
1601
|
+
|
|
1592
1602
|
function shouldUpdateVideo(prevProps, props) {
|
|
1593
1603
|
// A changing video should always trigger an update
|
|
1594
1604
|
if (prevProps.videoId !== props.videoId) {
|
|
1595
1605
|
return true;
|
|
1596
|
-
}
|
|
1597
|
-
|
|
1598
|
-
// Otherwise, a change in the start/end time playerVars also requires a player
|
|
1606
|
+
} // Otherwise, a change in the start/end time playerVars also requires a player
|
|
1599
1607
|
// update.
|
|
1608
|
+
|
|
1609
|
+
|
|
1600
1610
|
var prevVars = prevProps.opts.playerVars || {};
|
|
1601
1611
|
var vars = props.opts.playerVars || {};
|
|
1602
|
-
|
|
1603
1612
|
return prevVars.start !== vars.start || prevVars.end !== vars.end;
|
|
1604
1613
|
}
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
*
|
|
1608
|
-
*
|
|
1609
|
-
*
|
|
1610
|
-
*
|
|
1611
|
-
* @param {Object} opts
|
|
1614
|
+
/**
|
|
1615
|
+
* Neutralize API options that only require a video update, leaving only options
|
|
1616
|
+
* that require a player reset. The results can then be compared to see if a
|
|
1617
|
+
* player reset is necessary.
|
|
1618
|
+
*
|
|
1619
|
+
* @param {Object} opts
|
|
1612
1620
|
*/
|
|
1621
|
+
|
|
1622
|
+
|
|
1613
1623
|
function filterResetOptions(opts) {
|
|
1614
|
-
return
|
|
1615
|
-
playerVars:
|
|
1624
|
+
return _objectSpread(_objectSpread({}, opts), {}, {
|
|
1625
|
+
playerVars: _objectSpread(_objectSpread({}, opts.playerVars), {}, {
|
|
1616
1626
|
autoplay: 0,
|
|
1617
1627
|
start: 0,
|
|
1618
1628
|
end: 0
|
|
1619
1629
|
})
|
|
1620
1630
|
});
|
|
1621
1631
|
}
|
|
1622
|
-
|
|
1623
|
-
|
|
1624
|
-
*
|
|
1625
|
-
*
|
|
1626
|
-
*
|
|
1627
|
-
*
|
|
1628
|
-
*
|
|
1629
|
-
* @param {Object}
|
|
1630
|
-
* @param {Object} props
|
|
1632
|
+
/**
|
|
1633
|
+
* Check whether a `props` change should result in the player being reset.
|
|
1634
|
+
* The player is reset when the `props.opts` change, except if the only change
|
|
1635
|
+
* is in the `start` and `end` playerVars, because a video update can deal with
|
|
1636
|
+
* those.
|
|
1637
|
+
*
|
|
1638
|
+
* @param {Object} prevProps
|
|
1639
|
+
* @param {Object} props
|
|
1631
1640
|
*/
|
|
1641
|
+
|
|
1642
|
+
|
|
1632
1643
|
function shouldResetPlayer(prevProps, props) {
|
|
1633
1644
|
return !fastDeepEqual(filterResetOptions(prevProps.opts), filterResetOptions(props.opts));
|
|
1634
1645
|
}
|
|
1635
|
-
|
|
1636
|
-
|
|
1637
|
-
*
|
|
1638
|
-
*
|
|
1639
|
-
* @param {Object}
|
|
1640
|
-
* @param {Object} props
|
|
1646
|
+
/**
|
|
1647
|
+
* Check whether a props change should result in an id or className update.
|
|
1648
|
+
*
|
|
1649
|
+
* @param {Object} prevProps
|
|
1650
|
+
* @param {Object} props
|
|
1641
1651
|
*/
|
|
1652
|
+
|
|
1653
|
+
|
|
1642
1654
|
function shouldUpdatePlayer(prevProps, props) {
|
|
1643
1655
|
return prevProps.id !== props.id || prevProps.className !== props.className;
|
|
1644
1656
|
}
|
|
1645
1657
|
|
|
1646
|
-
var YouTube = function (_React$Component) {
|
|
1658
|
+
var YouTube = /*#__PURE__*/function (_React$Component) {
|
|
1647
1659
|
_inherits(YouTube, _React$Component);
|
|
1648
1660
|
|
|
1661
|
+
var _super = _createSuper(YouTube);
|
|
1662
|
+
|
|
1663
|
+
/**
|
|
1664
|
+
* Expose PlayerState constants for convenience. These constants can also be
|
|
1665
|
+
* accessed through the global YT object after the YouTube IFrame API is instantiated.
|
|
1666
|
+
* https://developers.google.com/youtube/iframe_api_reference#onStateChange
|
|
1667
|
+
*/
|
|
1649
1668
|
function YouTube(props) {
|
|
1669
|
+
var _this;
|
|
1670
|
+
|
|
1650
1671
|
_classCallCheck(this, YouTube);
|
|
1651
1672
|
|
|
1652
|
-
|
|
1673
|
+
_this = _super.call(this, props);
|
|
1653
1674
|
|
|
1654
|
-
_this
|
|
1675
|
+
_defineProperty(_assertThisInitialized(_this), "onPlayerReady", function (event) {
|
|
1655
1676
|
return _this.props.onReady(event);
|
|
1656
|
-
};
|
|
1677
|
+
});
|
|
1657
1678
|
|
|
1658
|
-
_this
|
|
1679
|
+
_defineProperty(_assertThisInitialized(_this), "onPlayerError", function (event) {
|
|
1659
1680
|
return _this.props.onError(event);
|
|
1660
|
-
};
|
|
1681
|
+
});
|
|
1661
1682
|
|
|
1662
|
-
_this
|
|
1683
|
+
_defineProperty(_assertThisInitialized(_this), "onPlayerStateChange", function (event) {
|
|
1663
1684
|
_this.props.onStateChange(event);
|
|
1664
|
-
switch (event.data) {
|
|
1665
1685
|
|
|
1686
|
+
switch (event.data) {
|
|
1666
1687
|
case YouTube.PlayerState.ENDED:
|
|
1667
1688
|
_this.props.onEnd(event);
|
|
1689
|
+
|
|
1668
1690
|
break;
|
|
1669
1691
|
|
|
1670
1692
|
case YouTube.PlayerState.PLAYING:
|
|
1671
1693
|
_this.props.onPlay(event);
|
|
1694
|
+
|
|
1672
1695
|
break;
|
|
1673
1696
|
|
|
1674
1697
|
case YouTube.PlayerState.PAUSED:
|
|
1675
1698
|
_this.props.onPause(event);
|
|
1699
|
+
|
|
1676
1700
|
break;
|
|
1677
1701
|
}
|
|
1678
|
-
};
|
|
1702
|
+
});
|
|
1679
1703
|
|
|
1680
|
-
_this
|
|
1704
|
+
_defineProperty(_assertThisInitialized(_this), "onPlayerPlaybackRateChange", function (event) {
|
|
1681
1705
|
return _this.props.onPlaybackRateChange(event);
|
|
1682
|
-
};
|
|
1706
|
+
});
|
|
1683
1707
|
|
|
1684
|
-
_this
|
|
1708
|
+
_defineProperty(_assertThisInitialized(_this), "onPlayerPlaybackQualityChange", function (event) {
|
|
1685
1709
|
return _this.props.onPlaybackQualityChange(event);
|
|
1686
|
-
};
|
|
1710
|
+
});
|
|
1687
1711
|
|
|
1688
|
-
_this
|
|
1712
|
+
_defineProperty(_assertThisInitialized(_this), "createPlayer", function () {
|
|
1689
1713
|
// do not attempt to create a player server-side, it won't work
|
|
1690
|
-
if (typeof document === 'undefined') return;
|
|
1691
|
-
|
|
1692
|
-
var playerOpts =
|
|
1714
|
+
if (typeof document === 'undefined') return; // create player
|
|
1715
|
+
|
|
1716
|
+
var playerOpts = _objectSpread(_objectSpread({}, _this.props.opts), {}, {
|
|
1693
1717
|
// preload the `videoId` video if one is already given
|
|
1694
1718
|
videoId: _this.props.videoId
|
|
1695
1719
|
});
|
|
1696
|
-
|
|
1697
|
-
// attach event handlers
|
|
1720
|
+
|
|
1721
|
+
_this.internalPlayer = youTubePlayer(_this.container, playerOpts); // attach event handlers
|
|
1722
|
+
|
|
1698
1723
|
_this.internalPlayer.on('ready', _this.onPlayerReady);
|
|
1724
|
+
|
|
1699
1725
|
_this.internalPlayer.on('error', _this.onPlayerError);
|
|
1726
|
+
|
|
1700
1727
|
_this.internalPlayer.on('stateChange', _this.onPlayerStateChange);
|
|
1728
|
+
|
|
1701
1729
|
_this.internalPlayer.on('playbackRateChange', _this.onPlayerPlaybackRateChange);
|
|
1730
|
+
|
|
1702
1731
|
_this.internalPlayer.on('playbackQualityChange', _this.onPlayerPlaybackQualityChange);
|
|
1703
|
-
};
|
|
1732
|
+
});
|
|
1704
1733
|
|
|
1705
|
-
_this
|
|
1734
|
+
_defineProperty(_assertThisInitialized(_this), "resetPlayer", function () {
|
|
1706
1735
|
return _this.internalPlayer.destroy().then(_this.createPlayer);
|
|
1707
|
-
};
|
|
1736
|
+
});
|
|
1708
1737
|
|
|
1709
|
-
_this
|
|
1738
|
+
_defineProperty(_assertThisInitialized(_this), "updatePlayer", function () {
|
|
1710
1739
|
_this.internalPlayer.getIframe().then(function (iframe) {
|
|
1711
1740
|
if (_this.props.id) iframe.setAttribute('id', _this.props.id);else iframe.removeAttribute('id');
|
|
1712
1741
|
if (_this.props.className) iframe.setAttribute('class', _this.props.className);else iframe.removeAttribute('class');
|
|
1713
1742
|
});
|
|
1714
|
-
};
|
|
1743
|
+
});
|
|
1744
|
+
|
|
1745
|
+
_defineProperty(_assertThisInitialized(_this), "getInternalPlayer", function () {
|
|
1746
|
+
return _this.internalPlayer;
|
|
1747
|
+
});
|
|
1715
1748
|
|
|
1716
|
-
_this
|
|
1749
|
+
_defineProperty(_assertThisInitialized(_this), "updateVideo", function () {
|
|
1717
1750
|
if (typeof _this.props.videoId === 'undefined' || _this.props.videoId === null) {
|
|
1718
1751
|
_this.internalPlayer.stopVideo();
|
|
1752
|
+
|
|
1719
1753
|
return;
|
|
1720
|
-
}
|
|
1754
|
+
} // set queueing options
|
|
1755
|
+
|
|
1721
1756
|
|
|
1722
|
-
// set queueing options
|
|
1723
1757
|
var autoplay = false;
|
|
1724
1758
|
var opts = {
|
|
1725
1759
|
videoId: _this.props.videoId
|
|
1726
1760
|
};
|
|
1761
|
+
|
|
1727
1762
|
if ('playerVars' in _this.props.opts) {
|
|
1728
1763
|
autoplay = _this.props.opts.playerVars.autoplay === 1;
|
|
1764
|
+
|
|
1729
1765
|
if ('start' in _this.props.opts.playerVars) {
|
|
1730
1766
|
opts.startSeconds = _this.props.opts.playerVars.start;
|
|
1731
1767
|
}
|
|
1768
|
+
|
|
1732
1769
|
if ('end' in _this.props.opts.playerVars) {
|
|
1733
1770
|
opts.endSeconds = _this.props.opts.playerVars.end;
|
|
1734
1771
|
}
|
|
1735
|
-
}
|
|
1772
|
+
} // if autoplay is enabled loadVideoById
|
|
1773
|
+
|
|
1736
1774
|
|
|
1737
|
-
// if autoplay is enabled loadVideoById
|
|
1738
1775
|
if (autoplay) {
|
|
1739
1776
|
_this.internalPlayer.loadVideoById(opts);
|
|
1777
|
+
|
|
1740
1778
|
return;
|
|
1741
|
-
}
|
|
1742
|
-
|
|
1779
|
+
} // default behaviour just cues the video
|
|
1780
|
+
|
|
1781
|
+
|
|
1743
1782
|
_this.internalPlayer.cueVideoById(opts);
|
|
1744
|
-
};
|
|
1783
|
+
});
|
|
1745
1784
|
|
|
1746
|
-
_this
|
|
1785
|
+
_defineProperty(_assertThisInitialized(_this), "refContainer", function (container) {
|
|
1747
1786
|
_this.container = container;
|
|
1748
|
-
};
|
|
1787
|
+
});
|
|
1749
1788
|
|
|
1750
1789
|
_this.container = null;
|
|
1751
1790
|
_this.internalPlayer = null;
|
|
1752
1791
|
return _this;
|
|
1753
1792
|
}
|
|
1754
1793
|
|
|
1755
|
-
/**
|
|
1756
|
-
* Expose PlayerState constants for convenience. These constants can also be
|
|
1757
|
-
* accessed through the global YT object after the YouTube IFrame API is instantiated.
|
|
1758
|
-
* https://developers.google.com/youtube/iframe_api_reference#onStateChange
|
|
1759
|
-
*/
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
1794
|
_createClass(YouTube, [{
|
|
1763
|
-
key:
|
|
1795
|
+
key: "componentDidMount",
|
|
1764
1796
|
value: function componentDidMount() {
|
|
1765
1797
|
this.createPlayer();
|
|
1766
1798
|
}
|
|
1767
1799
|
}, {
|
|
1768
|
-
key:
|
|
1800
|
+
key: "componentDidUpdate",
|
|
1769
1801
|
value: function componentDidUpdate(prevProps) {
|
|
1770
1802
|
if (shouldUpdatePlayer(prevProps, this.props)) {
|
|
1771
1803
|
this.updatePlayer();
|
|
@@ -1780,112 +1812,58 @@ var YouTube = function (_React$Component) {
|
|
|
1780
1812
|
}
|
|
1781
1813
|
}
|
|
1782
1814
|
}, {
|
|
1783
|
-
key:
|
|
1815
|
+
key: "componentWillUnmount",
|
|
1784
1816
|
value: function componentWillUnmount() {
|
|
1785
|
-
/**
|
|
1786
|
-
* Note: The `youtube-player` package that is used promisifies all
|
|
1787
|
-
* Player API calls, which introduces a delay of a tick before it actually
|
|
1788
|
-
* gets destroyed. Since React attempts to remove the element instantly
|
|
1789
|
-
* this method isn't quick enough to reset the container element.
|
|
1817
|
+
/**
|
|
1818
|
+
* Note: The `youtube-player` package that is used promisifies all YouTube
|
|
1819
|
+
* Player API calls, which introduces a delay of a tick before it actually
|
|
1820
|
+
* gets destroyed. Since React attempts to remove the element instantly
|
|
1821
|
+
* this method isn't quick enough to reset the container element.
|
|
1790
1822
|
*/
|
|
1791
1823
|
this.internalPlayer.destroy();
|
|
1792
1824
|
}
|
|
1793
|
-
|
|
1794
|
-
|
|
1795
|
-
*
|
|
1796
|
-
*
|
|
1797
|
-
*
|
|
1798
|
-
* @param {Object} target - player object
|
|
1799
|
-
*/
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
/**
|
|
1803
|
-
* https://developers.google.com/youtube/iframe_api_reference#onError
|
|
1804
|
-
*
|
|
1805
|
-
* @param {Object} event
|
|
1806
|
-
* @param {Integer} data - error type
|
|
1807
|
-
* @param {Object} target - player object
|
|
1808
|
-
*/
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
/**
|
|
1812
|
-
* https://developers.google.com/youtube/iframe_api_reference#onStateChange
|
|
1813
|
-
*
|
|
1814
|
-
* @param {Object} event
|
|
1815
|
-
* @param {Integer} data - status change type
|
|
1816
|
-
* @param {Object} target - actual YT player
|
|
1817
|
-
*/
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
/**
|
|
1821
|
-
* https://developers.google.com/youtube/iframe_api_reference#onPlaybackRateChange
|
|
1822
|
-
*
|
|
1823
|
-
* @param {Object} event
|
|
1824
|
-
* @param {Float} data - playback rate
|
|
1825
|
-
* @param {Object} target - actual YT player
|
|
1826
|
-
*/
|
|
1827
|
-
|
|
1828
|
-
|
|
1829
|
-
/**
|
|
1830
|
-
* https://developers.google.com/youtube/iframe_api_reference#onPlaybackQualityChange
|
|
1831
|
-
*
|
|
1832
|
-
* @param {Object} event
|
|
1833
|
-
* @param {String} data - playback quality
|
|
1834
|
-
* @param {Object} target - actual YT player
|
|
1835
|
-
*/
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
/**
|
|
1839
|
-
* Initialize the Youtube Player API on the container and attach event handlers
|
|
1840
|
-
*/
|
|
1841
|
-
|
|
1842
|
-
|
|
1843
|
-
/**
|
|
1844
|
-
* Shorthand for destroying and then re-creating the Youtube Player
|
|
1845
|
-
*/
|
|
1846
|
-
|
|
1847
|
-
|
|
1848
|
-
/**
|
|
1849
|
-
* Method to update the id and class of the Youtube Player iframe.
|
|
1850
|
-
* React should update this automatically but since the Youtube Player API
|
|
1851
|
-
* replaced the DIV that is mounted by React we need to do this manually.
|
|
1852
|
-
*/
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
|
-
/**
|
|
1856
|
-
* Call Youtube Player API methods to update the currently playing video.
|
|
1857
|
-
* Depeding on the `opts.playerVars.autoplay` this function uses one of two
|
|
1858
|
-
* Youtube Player API methods to update the video.
|
|
1825
|
+
/**
|
|
1826
|
+
* https://developers.google.com/youtube/iframe_api_reference#onReady
|
|
1827
|
+
*
|
|
1828
|
+
* @param {Object} event
|
|
1829
|
+
* @param {Object} target - player object
|
|
1859
1830
|
*/
|
|
1860
1831
|
|
|
1861
1832
|
}, {
|
|
1862
|
-
key:
|
|
1833
|
+
key: "render",
|
|
1863
1834
|
value: function render() {
|
|
1864
|
-
return
|
|
1865
|
-
|
|
1866
|
-
|
|
1867
|
-
|
|
1868
|
-
|
|
1835
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
1836
|
+
className: this.props.containerClassName
|
|
1837
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
1838
|
+
id: this.props.id,
|
|
1839
|
+
className: this.props.className,
|
|
1840
|
+
ref: this.refContainer
|
|
1841
|
+
}));
|
|
1869
1842
|
}
|
|
1870
1843
|
}]);
|
|
1871
1844
|
|
|
1872
1845
|
return YouTube;
|
|
1873
|
-
}(
|
|
1846
|
+
}(React.Component);
|
|
1847
|
+
|
|
1848
|
+
_defineProperty(YouTube, "PlayerState", {
|
|
1849
|
+
UNSTARTED: -1,
|
|
1850
|
+
ENDED: 0,
|
|
1851
|
+
PLAYING: 1,
|
|
1852
|
+
PAUSED: 2,
|
|
1853
|
+
BUFFERING: 3,
|
|
1854
|
+
CUED: 5
|
|
1855
|
+
});
|
|
1874
1856
|
|
|
1875
1857
|
YouTube.propTypes = {
|
|
1876
1858
|
videoId: PropTypes.string,
|
|
1877
|
-
|
|
1878
1859
|
// custom ID for player element
|
|
1879
1860
|
id: PropTypes.string,
|
|
1880
|
-
|
|
1881
1861
|
// custom class name for player element
|
|
1882
1862
|
className: PropTypes.string,
|
|
1883
1863
|
// custom class name for player container element
|
|
1884
1864
|
containerClassName: PropTypes.string,
|
|
1885
|
-
|
|
1886
1865
|
// https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player
|
|
1887
1866
|
opts: PropTypes.objectOf(PropTypes.any),
|
|
1888
|
-
|
|
1889
1867
|
// event subscriptions
|
|
1890
1868
|
onReady: PropTypes.func,
|
|
1891
1869
|
onError: PropTypes.func,
|
|
@@ -1897,6 +1875,7 @@ YouTube.propTypes = {
|
|
|
1897
1875
|
onPlaybackQualityChange: PropTypes.func
|
|
1898
1876
|
};
|
|
1899
1877
|
YouTube.defaultProps = {
|
|
1878
|
+
videoId: null,
|
|
1900
1879
|
id: null,
|
|
1901
1880
|
className: null,
|
|
1902
1881
|
opts: {},
|
|
@@ -1910,14 +1889,6 @@ YouTube.defaultProps = {
|
|
|
1910
1889
|
onPlaybackRateChange: function onPlaybackRateChange() {},
|
|
1911
1890
|
onPlaybackQualityChange: function onPlaybackQualityChange() {}
|
|
1912
1891
|
};
|
|
1913
|
-
YouTube.PlayerState = {
|
|
1914
|
-
UNSTARTED: -1,
|
|
1915
|
-
ENDED: 0,
|
|
1916
|
-
PLAYING: 1,
|
|
1917
|
-
PAUSED: 2,
|
|
1918
|
-
BUFFERING: 3,
|
|
1919
|
-
CUED: 5
|
|
1920
|
-
};
|
|
1921
1892
|
|
|
1922
1893
|
var YouTubePlayer = function YouTubePlayer(_ref) {
|
|
1923
1894
|
var url = _ref.url,
|
|
@@ -2019,11 +1990,11 @@ var YouTubePlayer = function YouTubePlayer(_ref) {
|
|
|
2019
1990
|
Segment.report_video_event('Video Pause', main_16, duration, current, segment);
|
|
2020
1991
|
};
|
|
2021
1992
|
|
|
2022
|
-
return
|
|
1993
|
+
return React.createElement(
|
|
2023
1994
|
'div',
|
|
2024
1995
|
{ id: 'fluid-video-container' },
|
|
2025
|
-
|
|
2026
|
-
|
|
1996
|
+
React.createElement(YouTube, { className: 'fluid-iframe', videoId: id, opts: opts, onReady: handleOnReady, onPlay: handleOnPlay, onPause: handleOnPause, onEnd: handleOnEnd }),
|
|
1997
|
+
React.createElement(
|
|
2027
1998
|
'style',
|
|
2028
1999
|
{ jsx: 'true' },
|
|
2029
2000
|
'\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 '
|
|
@@ -2036,20 +2007,20 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
2036
2007
|
content = _ref.content,
|
|
2037
2008
|
getSerializers = _ref.getSerializers;
|
|
2038
2009
|
|
|
2039
|
-
return
|
|
2010
|
+
return React.createElement(
|
|
2040
2011
|
'article',
|
|
2041
2012
|
{ className: 'sidebar' },
|
|
2042
|
-
|
|
2013
|
+
React.createElement(
|
|
2043
2014
|
'div',
|
|
2044
2015
|
null,
|
|
2045
|
-
|
|
2016
|
+
React.createElement(
|
|
2046
2017
|
'h3',
|
|
2047
2018
|
null,
|
|
2048
2019
|
caption
|
|
2049
2020
|
),
|
|
2050
|
-
|
|
2021
|
+
React.createElement(BlockContent, { blocks: content, serializers: getSerializers })
|
|
2051
2022
|
),
|
|
2052
|
-
|
|
2023
|
+
React.createElement(
|
|
2053
2024
|
'style',
|
|
2054
2025
|
{ jsx: 'true' },
|
|
2055
2026
|
'\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 '
|
|
@@ -2060,18 +2031,18 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
2060
2031
|
var TableShow = function TableShow(_ref) {
|
|
2061
2032
|
var rows = _ref.rows;
|
|
2062
2033
|
|
|
2063
|
-
return
|
|
2034
|
+
return React.createElement(
|
|
2064
2035
|
Table,
|
|
2065
2036
|
{ bordered: true, hover: true, responsive: true },
|
|
2066
|
-
|
|
2037
|
+
React.createElement(
|
|
2067
2038
|
'tbody',
|
|
2068
2039
|
null,
|
|
2069
2040
|
rows && rows.map(function (row) {
|
|
2070
|
-
return
|
|
2041
|
+
return React.createElement(
|
|
2071
2042
|
'tr',
|
|
2072
2043
|
{ key: row._key },
|
|
2073
2044
|
row.cells && row.cells.map(function (cell, index) {
|
|
2074
|
-
return cell &&
|
|
2045
|
+
return cell && React.createElement(
|
|
2075
2046
|
'td',
|
|
2076
2047
|
{ key: index },
|
|
2077
2048
|
cell
|
|
@@ -2169,25 +2140,25 @@ var Media = function Media(_ref) {
|
|
|
2169
2140
|
margin: imageMargin
|
|
2170
2141
|
};
|
|
2171
2142
|
|
|
2172
|
-
return
|
|
2143
|
+
return React.createElement(
|
|
2173
2144
|
Figure$1,
|
|
2174
2145
|
{ className: 'd-block ' + className, style: figureStyle },
|
|
2175
|
-
|
|
2146
|
+
React.createElement(
|
|
2176
2147
|
'a',
|
|
2177
2148
|
{ href: uploadDoc.asset.url, target: blank ? '_blank' : '_self' },
|
|
2178
|
-
|
|
2149
|
+
React.createElement(
|
|
2179
2150
|
LazyLoad,
|
|
2180
2151
|
{ once: true },
|
|
2181
|
-
|
|
2152
|
+
React.createElement(
|
|
2182
2153
|
'picture',
|
|
2183
2154
|
null,
|
|
2184
|
-
|
|
2185
|
-
|
|
2186
|
-
|
|
2187
|
-
|
|
2155
|
+
React.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 1500, imageFit: 'max' }) }),
|
|
2156
|
+
React.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 1000, imageFit: 'max' }) }),
|
|
2157
|
+
React.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: poster, client: client, imageWidth: 500, imageFit: 'max' }) }),
|
|
2158
|
+
React.createElement('img', _extends({ className: 'media-image', style: { maxWidth: '100%' }, src: urlFor({ source: poster, client: client }) }, alt && { alt: alt }))
|
|
2188
2159
|
)
|
|
2189
2160
|
),
|
|
2190
|
-
caption &&
|
|
2161
|
+
caption && React.createElement(
|
|
2191
2162
|
Figure$1.Caption,
|
|
2192
2163
|
{ className: 'media-caption' },
|
|
2193
2164
|
caption
|
|
@@ -2195,9 +2166,9 @@ var Media = function Media(_ref) {
|
|
|
2195
2166
|
)
|
|
2196
2167
|
);
|
|
2197
2168
|
} else if (caption && caption !== '') {
|
|
2198
|
-
return
|
|
2169
|
+
return React.createElement(
|
|
2199
2170
|
'a',
|
|
2200
|
-
_extends
|
|
2171
|
+
_extends({}, uploadDoc.downloadMedia ? {
|
|
2201
2172
|
href: uploadDoc.asset.url + '?dl='
|
|
2202
2173
|
} : { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self', rel: 'noopener noreferrer' }, {
|
|
2203
2174
|
style: { paddingLeft: '4px', paddingRight: '4px' },
|
|
@@ -2215,10 +2186,10 @@ var IFrame = function IFrame(_ref) {
|
|
|
2215
2186
|
needSegmentSupport = _ref$needSegmentSuppo === undefined ? false : _ref$needSegmentSuppo;
|
|
2216
2187
|
|
|
2217
2188
|
url = Segment.getURL(url, { needSegmentSupport: needSegmentSupport });
|
|
2218
|
-
return
|
|
2189
|
+
return React.createElement(
|
|
2219
2190
|
'div',
|
|
2220
2191
|
{ className: 'd-block text-center mb-3' },
|
|
2221
|
-
|
|
2192
|
+
React.createElement('iframe', { className: 'w-100 iFrame-block', src: url, allowFullScreen: 'true', webkitallowfullscreen: 'true', mozallowfullscreen: 'true', frameBorder: '0' })
|
|
2222
2193
|
);
|
|
2223
2194
|
};
|
|
2224
2195
|
|
|
@@ -2313,10 +2284,10 @@ var VideoMp4 = function VideoMp4(_ref) {
|
|
|
2313
2284
|
Segment.report_video_event('Video Pause', main_16, duration, current, segment, 'MP4');
|
|
2314
2285
|
};
|
|
2315
2286
|
|
|
2316
|
-
return
|
|
2287
|
+
return React.createElement(
|
|
2317
2288
|
'div',
|
|
2318
2289
|
null,
|
|
2319
|
-
vidLoaded &&
|
|
2290
|
+
vidLoaded && React.createElement(
|
|
2320
2291
|
'video',
|
|
2321
2292
|
{
|
|
2322
2293
|
poster: thumbnail || '',
|
|
@@ -2334,7 +2305,7 @@ var VideoMp4 = function VideoMp4(_ref) {
|
|
|
2334
2305
|
onPlay: function onPlay(e) {
|
|
2335
2306
|
return handleOnPlay(e);
|
|
2336
2307
|
} },
|
|
2337
|
-
|
|
2308
|
+
React.createElement('source', { src: url, type: 'video/mp4' }),
|
|
2338
2309
|
'Your browser does not support the video tag.'
|
|
2339
2310
|
)
|
|
2340
2311
|
);
|
|
@@ -2371,7 +2342,7 @@ var Video = function Video(_ref) {
|
|
|
2371
2342
|
var onVideoSuccess = function onVideoSuccess(success) {
|
|
2372
2343
|
//console.log('success:', success.ref)
|
|
2373
2344
|
var player = success.ref;
|
|
2374
|
-
if (_typeof(player.ima3) === 'object' && player.ima3.settings && player.ima3.settings.serverUrl && targeting !== null) {
|
|
2345
|
+
if (_typeof$1(player.ima3) === 'object' && player.ima3.settings && player.ima3.settings.serverUrl && targeting !== null) {
|
|
2375
2346
|
player.ima3.settings.debug = true;
|
|
2376
2347
|
if (targeting.content_placement && targeting.document_url) {
|
|
2377
2348
|
player.ima3.settings.serverUrl = player.ima3.settings.serverUrl + '&cust_params=' + encodeURIComponent('content_placement=' + targeting.content_placement + '&document_url=' + targeting.document_url);
|
|
@@ -2469,53 +2440,53 @@ var Video = function Video(_ref) {
|
|
|
2469
2440
|
|
|
2470
2441
|
if (source === 'brightcove' && accountIDs.brightcove) {
|
|
2471
2442
|
if (videoID) {
|
|
2472
|
-
return
|
|
2443
|
+
return React.createElement(
|
|
2473
2444
|
'div',
|
|
2474
2445
|
null,
|
|
2475
|
-
|
|
2446
|
+
React.createElement(ReactPlayerLoader, {
|
|
2476
2447
|
onSuccess: onVideoSuccess,
|
|
2477
2448
|
accountId: accountIDs.brightcove.accountId,
|
|
2478
2449
|
videoId: videoID,
|
|
2479
2450
|
playerId: accountIDs.brightcove.playerId,
|
|
2480
2451
|
attrs: { className: 'brightcove-fluid', autoplay: 'muted' }
|
|
2481
2452
|
}),
|
|
2482
|
-
|
|
2453
|
+
React.createElement(
|
|
2483
2454
|
'style',
|
|
2484
2455
|
{ jsx: 'true' },
|
|
2485
2456
|
'\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 '
|
|
2486
2457
|
)
|
|
2487
2458
|
);
|
|
2488
2459
|
} else if (playlistID) {
|
|
2489
|
-
return
|
|
2460
|
+
return React.createElement(
|
|
2490
2461
|
'div',
|
|
2491
2462
|
null,
|
|
2492
|
-
|
|
2463
|
+
React.createElement(ReactPlayerLoader, {
|
|
2493
2464
|
accountId: accountIDs.brightcove.accountId,
|
|
2494
2465
|
playlistId: playlistID,
|
|
2495
2466
|
playerId: accountIDs.brightcove.playerId,
|
|
2496
2467
|
onSuccess: onVideoSuccess,
|
|
2497
2468
|
attrs: { className: 'brightcove-fluid brightcove-playlist', autoplay: 'muted' }
|
|
2498
2469
|
}),
|
|
2499
|
-
|
|
2470
|
+
React.createElement(
|
|
2500
2471
|
'style',
|
|
2501
2472
|
{ jsx: 'true' },
|
|
2502
2473
|
'\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 '
|
|
2503
2474
|
)
|
|
2504
2475
|
);
|
|
2505
2476
|
} else if (experienceID) {
|
|
2506
|
-
return
|
|
2477
|
+
return React.createElement(
|
|
2507
2478
|
'div',
|
|
2508
2479
|
{ className: 'brightcove-playlist', style: { position: 'relative', display: 'block', margin: '0px auto' } },
|
|
2509
|
-
videoLoaded &&
|
|
2480
|
+
videoLoaded && React.createElement('div', { 'data-experience': experienceID })
|
|
2510
2481
|
);
|
|
2511
2482
|
}
|
|
2512
2483
|
return null;
|
|
2513
2484
|
}
|
|
2514
2485
|
if (source === 'mp4') {
|
|
2515
|
-
return
|
|
2486
|
+
return React.createElement(
|
|
2516
2487
|
'div',
|
|
2517
2488
|
null,
|
|
2518
|
-
|
|
2489
|
+
React.createElement(VideoMp4, { url: node.mp4url, thumbnail: null, vidLoaded: true })
|
|
2519
2490
|
);
|
|
2520
2491
|
}
|
|
2521
2492
|
|
|
@@ -2893,11 +2864,17 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
|
|
|
2893
2864
|
|
|
2894
2865
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
2895
2866
|
|
|
2896
|
-
function
|
|
2867
|
+
function _createForOfIteratorHelper(o) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
2868
|
+
|
|
2869
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2870
|
+
|
|
2871
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
2897
2872
|
|
|
2898
|
-
function
|
|
2873
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
2899
2874
|
|
|
2900
|
-
function
|
|
2875
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
2876
|
+
|
|
2877
|
+
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
2901
2878
|
|
|
2902
2879
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
2903
2880
|
|
|
@@ -3027,12 +3004,12 @@ function getSDK(url, sdkGlobal) {
|
|
|
3027
3004
|
|
|
3028
3005
|
function getConfig(props$1, defaultProps, showWarning) {
|
|
3029
3006
|
var config = (0, _deepmerge["default"])(defaultProps.config, props$1.config);
|
|
3030
|
-
|
|
3031
|
-
var
|
|
3032
|
-
|
|
3007
|
+
|
|
3008
|
+
var _iterator = _createForOfIteratorHelper(props.DEPRECATED_CONFIG_PROPS),
|
|
3009
|
+
_step;
|
|
3033
3010
|
|
|
3034
3011
|
try {
|
|
3035
|
-
for (
|
|
3012
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
3036
3013
|
var p = _step.value;
|
|
3037
3014
|
|
|
3038
3015
|
if (props$1[p]) {
|
|
@@ -3047,18 +3024,9 @@ function getConfig(props$1, defaultProps, showWarning) {
|
|
|
3047
3024
|
}
|
|
3048
3025
|
}
|
|
3049
3026
|
} catch (err) {
|
|
3050
|
-
|
|
3051
|
-
_iteratorError = err;
|
|
3027
|
+
_iterator.e(err);
|
|
3052
3028
|
} finally {
|
|
3053
|
-
|
|
3054
|
-
if (!_iteratorNormalCompletion && _iterator["return"] != null) {
|
|
3055
|
-
_iterator["return"]();
|
|
3056
|
-
}
|
|
3057
|
-
} finally {
|
|
3058
|
-
if (_didIteratorError) {
|
|
3059
|
-
throw _iteratorError;
|
|
3060
|
-
}
|
|
3061
|
-
}
|
|
3029
|
+
_iterator.f();
|
|
3062
3030
|
}
|
|
3063
3031
|
|
|
3064
3032
|
return config;
|
|
@@ -3123,7 +3091,7 @@ function isEqual(a, b) {
|
|
|
3123
3091
|
return true;
|
|
3124
3092
|
}
|
|
3125
3093
|
|
|
3126
|
-
if ((0,
|
|
3094
|
+
if ((0, React.isValidElement)(a) && (0, React.isValidElement)(b)) {
|
|
3127
3095
|
return true;
|
|
3128
3096
|
}
|
|
3129
3097
|
|
|
@@ -3185,7 +3153,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
3185
3153
|
});
|
|
3186
3154
|
exports["default"] = void 0;
|
|
3187
3155
|
|
|
3188
|
-
var _react = _interopRequireWildcard(
|
|
3156
|
+
var _react = _interopRequireWildcard(React);
|
|
3189
3157
|
|
|
3190
3158
|
|
|
3191
3159
|
|
|
@@ -3205,12 +3173,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
3205
3173
|
|
|
3206
3174
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
3207
3175
|
|
|
3208
|
-
function
|
|
3176
|
+
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
3209
3177
|
|
|
3210
|
-
function
|
|
3178
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
3211
3179
|
|
|
3212
3180
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
3213
3181
|
|
|
3182
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
3183
|
+
|
|
3184
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
3185
|
+
|
|
3214
3186
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
3215
3187
|
|
|
3216
3188
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
@@ -3219,14 +3191,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
3219
3191
|
|
|
3220
3192
|
var SEEK_ON_PLAY_EXPIRY = 5000;
|
|
3221
3193
|
|
|
3222
|
-
var Player =
|
|
3223
|
-
/*#__PURE__*/
|
|
3224
|
-
function (_Component) {
|
|
3194
|
+
var Player = /*#__PURE__*/function (_Component) {
|
|
3225
3195
|
_inherits(Player, _Component);
|
|
3226
3196
|
|
|
3227
|
-
|
|
3228
|
-
var _getPrototypeOf2;
|
|
3197
|
+
var _super = _createSuper(Player);
|
|
3229
3198
|
|
|
3199
|
+
function Player() {
|
|
3230
3200
|
var _this;
|
|
3231
3201
|
|
|
3232
3202
|
_classCallCheck(this, Player);
|
|
@@ -3235,7 +3205,7 @@ function (_Component) {
|
|
|
3235
3205
|
_args[_key] = arguments[_key];
|
|
3236
3206
|
}
|
|
3237
3207
|
|
|
3238
|
-
_this =
|
|
3208
|
+
_this = _super.call.apply(_super, [this].concat(_args));
|
|
3239
3209
|
|
|
3240
3210
|
_defineProperty(_assertThisInitialized(_this), "mounted", false);
|
|
3241
3211
|
|
|
@@ -3560,7 +3530,7 @@ function (_Component) {
|
|
|
3560
3530
|
return null;
|
|
3561
3531
|
}
|
|
3562
3532
|
|
|
3563
|
-
return _react["default"].createElement(Player, _extends({}, this.props, {
|
|
3533
|
+
return /*#__PURE__*/_react["default"].createElement(Player, _extends({}, this.props, {
|
|
3564
3534
|
ref: this.ref,
|
|
3565
3535
|
onReady: this.handleReady,
|
|
3566
3536
|
onPlay: this.handlePlay,
|
|
@@ -3593,7 +3563,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
3593
3563
|
});
|
|
3594
3564
|
exports["default"] = createSinglePlayer;
|
|
3595
3565
|
|
|
3596
|
-
var _react = _interopRequireWildcard(
|
|
3566
|
+
var _react = _interopRequireWildcard(React);
|
|
3597
3567
|
|
|
3598
3568
|
|
|
3599
3569
|
|
|
@@ -3621,12 +3591,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
3621
3591
|
|
|
3622
3592
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
3623
3593
|
|
|
3624
|
-
function
|
|
3594
|
+
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
3625
3595
|
|
|
3626
|
-
function
|
|
3596
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
3627
3597
|
|
|
3628
3598
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
3629
3599
|
|
|
3600
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
3601
|
+
|
|
3602
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
3603
|
+
|
|
3630
3604
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
3631
3605
|
|
|
3632
3606
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
@@ -3638,14 +3612,12 @@ var SUPPORTED_PROPS = Object.keys(props.propTypes);
|
|
|
3638
3612
|
function createSinglePlayer(activePlayer) {
|
|
3639
3613
|
var _class, _temp;
|
|
3640
3614
|
|
|
3641
|
-
return _temp = _class =
|
|
3642
|
-
/*#__PURE__*/
|
|
3643
|
-
function (_Component) {
|
|
3615
|
+
return _temp = _class = /*#__PURE__*/function (_Component) {
|
|
3644
3616
|
_inherits(SinglePlayer, _Component);
|
|
3645
3617
|
|
|
3646
|
-
|
|
3647
|
-
var _getPrototypeOf2;
|
|
3618
|
+
var _super = _createSuper(SinglePlayer);
|
|
3648
3619
|
|
|
3620
|
+
function SinglePlayer() {
|
|
3649
3621
|
var _this;
|
|
3650
3622
|
|
|
3651
3623
|
_classCallCheck(this, SinglePlayer);
|
|
@@ -3654,7 +3626,7 @@ function createSinglePlayer(activePlayer) {
|
|
|
3654
3626
|
args[_key] = arguments[_key];
|
|
3655
3627
|
}
|
|
3656
3628
|
|
|
3657
|
-
_this =
|
|
3629
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
3658
3630
|
|
|
3659
3631
|
_defineProperty(_assertThisInitialized(_this), "config", (0, utils.getConfig)(_this.props, props.defaultProps, true));
|
|
3660
3632
|
|
|
@@ -3722,12 +3694,12 @@ function createSinglePlayer(activePlayer) {
|
|
|
3722
3694
|
height = _this$props.height,
|
|
3723
3695
|
Wrapper = _this$props.wrapper;
|
|
3724
3696
|
var otherProps = (0, utils.omit)(this.props, SUPPORTED_PROPS, props.DEPRECATED_CONFIG_PROPS);
|
|
3725
|
-
return _react["default"].createElement(Wrapper, _extends({
|
|
3697
|
+
return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
|
|
3726
3698
|
style: _objectSpread({}, style, {
|
|
3727
3699
|
width: width,
|
|
3728
3700
|
height: height
|
|
3729
3701
|
})
|
|
3730
|
-
}, otherProps), _react["default"].createElement(_Player["default"], _extends({}, this.props, {
|
|
3702
|
+
}, otherProps), /*#__PURE__*/_react["default"].createElement(_Player["default"], _extends({}, this.props, {
|
|
3731
3703
|
ref: this.ref,
|
|
3732
3704
|
activePlayer: activePlayer,
|
|
3733
3705
|
config: this.config
|
|
@@ -3749,7 +3721,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
3749
3721
|
});
|
|
3750
3722
|
exports["default"] = exports.YouTube = void 0;
|
|
3751
3723
|
|
|
3752
|
-
var _react = _interopRequireWildcard(
|
|
3724
|
+
var _react = _interopRequireWildcard(React);
|
|
3753
3725
|
|
|
3754
3726
|
|
|
3755
3727
|
|
|
@@ -3773,23 +3745,31 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
3773
3745
|
|
|
3774
3746
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
3775
3747
|
|
|
3776
|
-
function
|
|
3748
|
+
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
3777
3749
|
|
|
3778
|
-
function
|
|
3750
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
3779
3751
|
|
|
3780
3752
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
3781
3753
|
|
|
3754
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
3755
|
+
|
|
3756
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
3757
|
+
|
|
3782
3758
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
3783
3759
|
|
|
3784
3760
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
3785
3761
|
|
|
3786
3762
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
3787
3763
|
|
|
3788
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
|
|
3764
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
3765
|
+
|
|
3766
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3789
3767
|
|
|
3790
|
-
function
|
|
3768
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
3791
3769
|
|
|
3792
|
-
function
|
|
3770
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
3771
|
+
|
|
3772
|
+
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
3793
3773
|
|
|
3794
3774
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
3795
3775
|
|
|
@@ -3814,14 +3794,12 @@ function parsePlaylist(url) {
|
|
|
3814
3794
|
return {};
|
|
3815
3795
|
}
|
|
3816
3796
|
|
|
3817
|
-
var YouTube =
|
|
3818
|
-
/*#__PURE__*/
|
|
3819
|
-
function (_Component) {
|
|
3797
|
+
var YouTube = /*#__PURE__*/function (_Component) {
|
|
3820
3798
|
_inherits(YouTube, _Component);
|
|
3821
3799
|
|
|
3822
|
-
|
|
3823
|
-
var _getPrototypeOf2;
|
|
3800
|
+
var _super = _createSuper(YouTube);
|
|
3824
3801
|
|
|
3802
|
+
function YouTube() {
|
|
3825
3803
|
var _this;
|
|
3826
3804
|
|
|
3827
3805
|
_classCallCheck(this, YouTube);
|
|
@@ -3830,7 +3808,7 @@ function (_Component) {
|
|
|
3830
3808
|
args[_key] = arguments[_key];
|
|
3831
3809
|
}
|
|
3832
3810
|
|
|
3833
|
-
_this =
|
|
3811
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
3834
3812
|
|
|
3835
3813
|
_defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
|
|
3836
3814
|
|
|
@@ -4018,9 +3996,9 @@ function (_Component) {
|
|
|
4018
3996
|
height: '100%',
|
|
4019
3997
|
display: display
|
|
4020
3998
|
};
|
|
4021
|
-
return _react["default"].createElement("div", {
|
|
3999
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
4022
4000
|
style: style
|
|
4023
|
-
}, _react["default"].createElement("div", {
|
|
4001
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
4024
4002
|
ref: this.ref
|
|
4025
4003
|
}));
|
|
4026
4004
|
}
|
|
@@ -4052,7 +4030,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4052
4030
|
});
|
|
4053
4031
|
exports["default"] = exports.SoundCloud = void 0;
|
|
4054
4032
|
|
|
4055
|
-
var _react = _interopRequireWildcard(
|
|
4033
|
+
var _react = _interopRequireWildcard(React);
|
|
4056
4034
|
|
|
4057
4035
|
|
|
4058
4036
|
|
|
@@ -4076,12 +4054,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
4076
4054
|
|
|
4077
4055
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
4078
4056
|
|
|
4079
|
-
function
|
|
4057
|
+
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
4080
4058
|
|
|
4081
|
-
function
|
|
4059
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
4082
4060
|
|
|
4083
4061
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
4084
4062
|
|
|
4063
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
4064
|
+
|
|
4065
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
4066
|
+
|
|
4085
4067
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
4086
4068
|
|
|
4087
4069
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
@@ -4090,16 +4072,14 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
4090
4072
|
|
|
4091
4073
|
var SDK_URL = 'https://w.soundcloud.com/player/api.js';
|
|
4092
4074
|
var SDK_GLOBAL = 'SC';
|
|
4093
|
-
var MATCH_URL = /(soundcloud\.com|snd\.sc)
|
|
4075
|
+
var MATCH_URL = /(?:soundcloud\.com|snd\.sc)\/[^.]+$/;
|
|
4094
4076
|
|
|
4095
|
-
var SoundCloud =
|
|
4096
|
-
/*#__PURE__*/
|
|
4097
|
-
function (_Component) {
|
|
4077
|
+
var SoundCloud = /*#__PURE__*/function (_Component) {
|
|
4098
4078
|
_inherits(SoundCloud, _Component);
|
|
4099
4079
|
|
|
4100
|
-
|
|
4101
|
-
var _getPrototypeOf2;
|
|
4080
|
+
var _super = _createSuper(SoundCloud);
|
|
4102
4081
|
|
|
4082
|
+
function SoundCloud() {
|
|
4103
4083
|
var _this;
|
|
4104
4084
|
|
|
4105
4085
|
_classCallCheck(this, SoundCloud);
|
|
@@ -4108,7 +4088,7 @@ function (_Component) {
|
|
|
4108
4088
|
args[_key] = arguments[_key];
|
|
4109
4089
|
}
|
|
4110
4090
|
|
|
4111
|
-
_this =
|
|
4091
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
4112
4092
|
|
|
4113
4093
|
_defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
|
|
4114
4094
|
|
|
@@ -4229,7 +4209,7 @@ function (_Component) {
|
|
|
4229
4209
|
height: '100%',
|
|
4230
4210
|
display: display
|
|
4231
4211
|
};
|
|
4232
|
-
return _react["default"].createElement("iframe", {
|
|
4212
|
+
return /*#__PURE__*/_react["default"].createElement("iframe", {
|
|
4233
4213
|
ref: this.ref,
|
|
4234
4214
|
src: "https://w.soundcloud.com/player/?url=".concat(encodeURIComponent(this.props.url)),
|
|
4235
4215
|
style: style,
|
|
@@ -4267,7 +4247,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4267
4247
|
});
|
|
4268
4248
|
exports["default"] = exports.Vimeo = void 0;
|
|
4269
4249
|
|
|
4270
|
-
var _react = _interopRequireWildcard(
|
|
4250
|
+
var _react = _interopRequireWildcard(React);
|
|
4271
4251
|
|
|
4272
4252
|
|
|
4273
4253
|
|
|
@@ -4291,12 +4271,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
4291
4271
|
|
|
4292
4272
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
4293
4273
|
|
|
4294
|
-
function
|
|
4274
|
+
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
4295
4275
|
|
|
4296
|
-
function
|
|
4276
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
4297
4277
|
|
|
4298
4278
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
4299
4279
|
|
|
4280
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
4281
|
+
|
|
4282
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
4283
|
+
|
|
4300
4284
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
4301
4285
|
|
|
4302
4286
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
@@ -4308,14 +4292,12 @@ var SDK_GLOBAL = 'Vimeo';
|
|
|
4308
4292
|
var MATCH_URL = /vimeo\.com\/.+/;
|
|
4309
4293
|
var MATCH_FILE_URL = /vimeo\.com\/external\/[0-9]+\..+/;
|
|
4310
4294
|
|
|
4311
|
-
var Vimeo =
|
|
4312
|
-
/*#__PURE__*/
|
|
4313
|
-
function (_Component) {
|
|
4295
|
+
var Vimeo = /*#__PURE__*/function (_Component) {
|
|
4314
4296
|
_inherits(Vimeo, _Component);
|
|
4315
4297
|
|
|
4316
|
-
|
|
4317
|
-
var _getPrototypeOf2;
|
|
4298
|
+
var _super = _createSuper(Vimeo);
|
|
4318
4299
|
|
|
4300
|
+
function Vimeo() {
|
|
4319
4301
|
var _this;
|
|
4320
4302
|
|
|
4321
4303
|
_classCallCheck(this, Vimeo);
|
|
@@ -4324,7 +4306,7 @@ function (_Component) {
|
|
|
4324
4306
|
args[_key] = arguments[_key];
|
|
4325
4307
|
}
|
|
4326
4308
|
|
|
4327
|
-
_this =
|
|
4309
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
4328
4310
|
|
|
4329
4311
|
_defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
|
|
4330
4312
|
|
|
@@ -4481,7 +4463,7 @@ function (_Component) {
|
|
|
4481
4463
|
overflow: 'hidden',
|
|
4482
4464
|
display: display
|
|
4483
4465
|
};
|
|
4484
|
-
return _react["default"].createElement("div", {
|
|
4466
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
4485
4467
|
key: this.props.url,
|
|
4486
4468
|
ref: this.ref,
|
|
4487
4469
|
style: style
|
|
@@ -4521,7 +4503,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4521
4503
|
});
|
|
4522
4504
|
exports["default"] = exports.Facebook = void 0;
|
|
4523
4505
|
|
|
4524
|
-
var _react = _interopRequireWildcard(
|
|
4506
|
+
var _react = _interopRequireWildcard(React);
|
|
4525
4507
|
|
|
4526
4508
|
|
|
4527
4509
|
|
|
@@ -4541,12 +4523,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
4541
4523
|
|
|
4542
4524
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
4543
4525
|
|
|
4544
|
-
function
|
|
4526
|
+
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
4545
4527
|
|
|
4546
|
-
function
|
|
4528
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
4547
4529
|
|
|
4548
4530
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
4549
4531
|
|
|
4532
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
4533
|
+
|
|
4534
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
4535
|
+
|
|
4550
4536
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
4551
4537
|
|
|
4552
4538
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
@@ -4559,14 +4545,12 @@ var SDK_GLOBAL_READY = 'fbAsyncInit';
|
|
|
4559
4545
|
var MATCH_URL = /^https?:\/\/(www\.)?facebook\.com.*\/(video(s)?|watch|story)(\.php?|\/).+$/;
|
|
4560
4546
|
var PLAYER_ID_PREFIX = 'facebook-player-';
|
|
4561
4547
|
|
|
4562
|
-
var Facebook =
|
|
4563
|
-
/*#__PURE__*/
|
|
4564
|
-
function (_Component) {
|
|
4548
|
+
var Facebook = /*#__PURE__*/function (_Component) {
|
|
4565
4549
|
_inherits(Facebook, _Component);
|
|
4566
4550
|
|
|
4567
|
-
|
|
4568
|
-
var _getPrototypeOf2;
|
|
4551
|
+
var _super = _createSuper(Facebook);
|
|
4569
4552
|
|
|
4553
|
+
function Facebook() {
|
|
4570
4554
|
var _this;
|
|
4571
4555
|
|
|
4572
4556
|
_classCallCheck(this, Facebook);
|
|
@@ -4575,7 +4559,7 @@ function (_Component) {
|
|
|
4575
4559
|
args[_key] = arguments[_key];
|
|
4576
4560
|
}
|
|
4577
4561
|
|
|
4578
|
-
_this =
|
|
4562
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
4579
4563
|
|
|
4580
4564
|
_defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
|
|
4581
4565
|
|
|
@@ -4691,7 +4675,7 @@ function (_Component) {
|
|
|
4691
4675
|
width: '100%',
|
|
4692
4676
|
height: '100%'
|
|
4693
4677
|
};
|
|
4694
|
-
return _react["default"].createElement("div", {
|
|
4678
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
4695
4679
|
style: style,
|
|
4696
4680
|
id: this.playerID,
|
|
4697
4681
|
className: "fb-video",
|
|
@@ -4731,7 +4715,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4731
4715
|
});
|
|
4732
4716
|
exports["default"] = exports.Streamable = void 0;
|
|
4733
4717
|
|
|
4734
|
-
var _react = _interopRequireWildcard(
|
|
4718
|
+
var _react = _interopRequireWildcard(React);
|
|
4735
4719
|
|
|
4736
4720
|
|
|
4737
4721
|
|
|
@@ -4751,12 +4735,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
4751
4735
|
|
|
4752
4736
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
4753
4737
|
|
|
4754
|
-
function
|
|
4738
|
+
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
4755
4739
|
|
|
4756
|
-
function
|
|
4740
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
4757
4741
|
|
|
4758
4742
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
4759
4743
|
|
|
4744
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
4745
|
+
|
|
4746
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
4747
|
+
|
|
4760
4748
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
4761
4749
|
|
|
4762
4750
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
@@ -4767,14 +4755,12 @@ var SDK_URL = 'https://cdn.embed.ly/player-0.1.0.min.js';
|
|
|
4767
4755
|
var SDK_GLOBAL = 'playerjs';
|
|
4768
4756
|
var MATCH_URL = /streamable\.com\/([a-z0-9]+)$/;
|
|
4769
4757
|
|
|
4770
|
-
var Streamable =
|
|
4771
|
-
/*#__PURE__*/
|
|
4772
|
-
function (_Component) {
|
|
4758
|
+
var Streamable = /*#__PURE__*/function (_Component) {
|
|
4773
4759
|
_inherits(Streamable, _Component);
|
|
4774
4760
|
|
|
4775
|
-
|
|
4776
|
-
var _getPrototypeOf2;
|
|
4761
|
+
var _super = _createSuper(Streamable);
|
|
4777
4762
|
|
|
4763
|
+
function Streamable() {
|
|
4778
4764
|
var _this;
|
|
4779
4765
|
|
|
4780
4766
|
_classCallCheck(this, Streamable);
|
|
@@ -4783,7 +4769,7 @@ function (_Component) {
|
|
|
4783
4769
|
args[_key] = arguments[_key];
|
|
4784
4770
|
}
|
|
4785
4771
|
|
|
4786
|
-
_this =
|
|
4772
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
4787
4773
|
|
|
4788
4774
|
_defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
|
|
4789
4775
|
|
|
@@ -4903,7 +4889,7 @@ function (_Component) {
|
|
|
4903
4889
|
width: '100%',
|
|
4904
4890
|
height: '100%'
|
|
4905
4891
|
};
|
|
4906
|
-
return _react["default"].createElement("iframe", {
|
|
4892
|
+
return /*#__PURE__*/_react["default"].createElement("iframe", {
|
|
4907
4893
|
ref: this.ref,
|
|
4908
4894
|
src: "https://streamable.com/o/".concat(id),
|
|
4909
4895
|
frameBorder: "0",
|
|
@@ -4940,7 +4926,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4940
4926
|
});
|
|
4941
4927
|
exports["default"] = exports.Wistia = void 0;
|
|
4942
4928
|
|
|
4943
|
-
var _react = _interopRequireWildcard(
|
|
4929
|
+
var _react = _interopRequireWildcard(React);
|
|
4944
4930
|
|
|
4945
4931
|
|
|
4946
4932
|
|
|
@@ -4964,12 +4950,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
4964
4950
|
|
|
4965
4951
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
4966
4952
|
|
|
4967
|
-
function
|
|
4953
|
+
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
4968
4954
|
|
|
4969
|
-
function
|
|
4955
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
4970
4956
|
|
|
4971
4957
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
4972
4958
|
|
|
4959
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
4960
|
+
|
|
4961
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
4962
|
+
|
|
4973
4963
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
4974
4964
|
|
|
4975
4965
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
@@ -4980,26 +4970,48 @@ var SDK_URL = 'https://fast.wistia.com/assets/external/E-v1.js';
|
|
|
4980
4970
|
var SDK_GLOBAL = 'Wistia';
|
|
4981
4971
|
var MATCH_URL = /(?:wistia\.com|wi\.st)\/(?:medias|embed)\/(.*)$/;
|
|
4982
4972
|
|
|
4983
|
-
var Wistia =
|
|
4984
|
-
/*#__PURE__*/
|
|
4985
|
-
function (_Component) {
|
|
4973
|
+
var Wistia = /*#__PURE__*/function (_Component) {
|
|
4986
4974
|
_inherits(Wistia, _Component);
|
|
4987
4975
|
|
|
4988
|
-
|
|
4989
|
-
var _getPrototypeOf2;
|
|
4976
|
+
var _super = _createSuper(Wistia);
|
|
4990
4977
|
|
|
4978
|
+
function Wistia() {
|
|
4991
4979
|
var _this;
|
|
4992
4980
|
|
|
4993
4981
|
_classCallCheck(this, Wistia);
|
|
4994
4982
|
|
|
4995
|
-
for (var _len = arguments.length,
|
|
4996
|
-
|
|
4983
|
+
for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
4984
|
+
_args[_key] = arguments[_key];
|
|
4997
4985
|
}
|
|
4998
4986
|
|
|
4999
|
-
_this =
|
|
4987
|
+
_this = _super.call.apply(_super, [this].concat(_args));
|
|
5000
4988
|
|
|
5001
4989
|
_defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
|
|
5002
4990
|
|
|
4991
|
+
_defineProperty(_assertThisInitialized(_this), "onPlay", function () {
|
|
4992
|
+
var _this$props;
|
|
4993
|
+
|
|
4994
|
+
return (_this$props = _this.props).onPlay.apply(_this$props, arguments);
|
|
4995
|
+
});
|
|
4996
|
+
|
|
4997
|
+
_defineProperty(_assertThisInitialized(_this), "onPause", function () {
|
|
4998
|
+
var _this$props2;
|
|
4999
|
+
|
|
5000
|
+
return (_this$props2 = _this.props).onPause.apply(_this$props2, arguments);
|
|
5001
|
+
});
|
|
5002
|
+
|
|
5003
|
+
_defineProperty(_assertThisInitialized(_this), "onSeek", function () {
|
|
5004
|
+
var _this$props3;
|
|
5005
|
+
|
|
5006
|
+
return (_this$props3 = _this.props).onSeek.apply(_this$props3, arguments);
|
|
5007
|
+
});
|
|
5008
|
+
|
|
5009
|
+
_defineProperty(_assertThisInitialized(_this), "onEnded", function () {
|
|
5010
|
+
var _this$props4;
|
|
5011
|
+
|
|
5012
|
+
return (_this$props4 = _this.props).onEnded.apply(_this$props4, arguments);
|
|
5013
|
+
});
|
|
5014
|
+
|
|
5003
5015
|
_defineProperty(_assertThisInitialized(_this), "mute", function () {
|
|
5004
5016
|
_this.callPlayer('mute');
|
|
5005
5017
|
});
|
|
@@ -5021,17 +5033,13 @@ function (_Component) {
|
|
|
5021
5033
|
value: function load(url) {
|
|
5022
5034
|
var _this2 = this;
|
|
5023
5035
|
|
|
5024
|
-
var _this$
|
|
5025
|
-
playing = _this$
|
|
5026
|
-
muted = _this$
|
|
5027
|
-
controls = _this$
|
|
5028
|
-
_onReady = _this$
|
|
5029
|
-
|
|
5030
|
-
|
|
5031
|
-
onSeek = _this$props.onSeek,
|
|
5032
|
-
onEnded = _this$props.onEnded,
|
|
5033
|
-
config = _this$props.config,
|
|
5034
|
-
onError = _this$props.onError;
|
|
5036
|
+
var _this$props5 = this.props,
|
|
5037
|
+
playing = _this$props5.playing,
|
|
5038
|
+
muted = _this$props5.muted,
|
|
5039
|
+
controls = _this$props5.controls,
|
|
5040
|
+
_onReady = _this$props5.onReady,
|
|
5041
|
+
config = _this$props5.config,
|
|
5042
|
+
onError = _this$props5.onError;
|
|
5035
5043
|
(0, utils.getSDK)(SDK_URL, SDK_GLOBAL).then(function () {
|
|
5036
5044
|
window._wq = window._wq || [];
|
|
5037
5045
|
|
|
@@ -5048,19 +5056,28 @@ function (_Component) {
|
|
|
5048
5056
|
|
|
5049
5057
|
_this2.unbind();
|
|
5050
5058
|
|
|
5051
|
-
_this2.player.bind('play', onPlay);
|
|
5059
|
+
_this2.player.bind('play', _this2.onPlay);
|
|
5052
5060
|
|
|
5053
|
-
_this2.player.bind('pause', onPause);
|
|
5061
|
+
_this2.player.bind('pause', _this2.onPause);
|
|
5054
5062
|
|
|
5055
|
-
_this2.player.bind('seek', onSeek);
|
|
5063
|
+
_this2.player.bind('seek', _this2.onSeek);
|
|
5056
5064
|
|
|
5057
|
-
_this2.player.bind('end', onEnded);
|
|
5065
|
+
_this2.player.bind('end', _this2.onEnded);
|
|
5058
5066
|
|
|
5059
5067
|
_onReady();
|
|
5060
5068
|
}
|
|
5061
5069
|
});
|
|
5062
5070
|
}, onError);
|
|
5063
5071
|
}
|
|
5072
|
+
}, {
|
|
5073
|
+
key: "unbind",
|
|
5074
|
+
value: function unbind() {
|
|
5075
|
+
this.player.unbind('play', this.onPlay);
|
|
5076
|
+
this.player.unbind('pause', this.onPause);
|
|
5077
|
+
this.player.unbind('seek', this.onSeek);
|
|
5078
|
+
this.player.unbind('end', this.onEnded);
|
|
5079
|
+
} // Proxy methods to prevent listener leaks
|
|
5080
|
+
|
|
5064
5081
|
}, {
|
|
5065
5082
|
key: "play",
|
|
5066
5083
|
value: function play() {
|
|
@@ -5071,19 +5088,6 @@ function (_Component) {
|
|
|
5071
5088
|
value: function pause() {
|
|
5072
5089
|
this.callPlayer('pause');
|
|
5073
5090
|
}
|
|
5074
|
-
}, {
|
|
5075
|
-
key: "unbind",
|
|
5076
|
-
value: function unbind() {
|
|
5077
|
-
var _this$props2 = this.props,
|
|
5078
|
-
onPlay = _this$props2.onPlay,
|
|
5079
|
-
onPause = _this$props2.onPause,
|
|
5080
|
-
onSeek = _this$props2.onSeek,
|
|
5081
|
-
onEnded = _this$props2.onEnded;
|
|
5082
|
-
this.player.unbind('play', onPlay);
|
|
5083
|
-
this.player.unbind('pause', onPause);
|
|
5084
|
-
this.player.unbind('seek', onSeek);
|
|
5085
|
-
this.player.unbind('end', onEnded);
|
|
5086
|
-
}
|
|
5087
5091
|
}, {
|
|
5088
5092
|
key: "stop",
|
|
5089
5093
|
value: function stop() {
|
|
@@ -5129,7 +5133,7 @@ function (_Component) {
|
|
|
5129
5133
|
width: '100%',
|
|
5130
5134
|
height: '100%'
|
|
5131
5135
|
};
|
|
5132
|
-
return _react["default"].createElement("div", {
|
|
5136
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
5133
5137
|
key: id,
|
|
5134
5138
|
className: className,
|
|
5135
5139
|
style: style
|
|
@@ -5165,7 +5169,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5165
5169
|
});
|
|
5166
5170
|
exports["default"] = exports.Twitch = void 0;
|
|
5167
5171
|
|
|
5168
|
-
var _react = _interopRequireWildcard(
|
|
5172
|
+
var _react = _interopRequireWildcard(React);
|
|
5169
5173
|
|
|
5170
5174
|
|
|
5171
5175
|
|
|
@@ -5189,12 +5193,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
5189
5193
|
|
|
5190
5194
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
5191
5195
|
|
|
5192
|
-
function
|
|
5196
|
+
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
5193
5197
|
|
|
5194
|
-
function
|
|
5198
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
5195
5199
|
|
|
5196
5200
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
5197
5201
|
|
|
5202
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
5203
|
+
|
|
5204
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
5205
|
+
|
|
5198
5206
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
5199
5207
|
|
|
5200
5208
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
@@ -5207,14 +5215,12 @@ var MATCH_VIDEO_URL = /(?:www\.|go\.)?twitch\.tv\/videos\/(\d+)($|\?)/;
|
|
|
5207
5215
|
var MATCH_CHANNEL_URL = /(?:www\.|go\.)?twitch\.tv\/([a-z0-9_]+)($|\?)/;
|
|
5208
5216
|
var PLAYER_ID_PREFIX = 'twitch-player-';
|
|
5209
5217
|
|
|
5210
|
-
var Twitch =
|
|
5211
|
-
/*#__PURE__*/
|
|
5212
|
-
function (_Component) {
|
|
5218
|
+
var Twitch = /*#__PURE__*/function (_Component) {
|
|
5213
5219
|
_inherits(Twitch, _Component);
|
|
5214
5220
|
|
|
5215
|
-
|
|
5216
|
-
var _getPrototypeOf2;
|
|
5221
|
+
var _super = _createSuper(Twitch);
|
|
5217
5222
|
|
|
5223
|
+
function Twitch() {
|
|
5218
5224
|
var _this;
|
|
5219
5225
|
|
|
5220
5226
|
_classCallCheck(this, Twitch);
|
|
@@ -5223,7 +5229,7 @@ function (_Component) {
|
|
|
5223
5229
|
args[_key] = arguments[_key];
|
|
5224
5230
|
}
|
|
5225
5231
|
|
|
5226
|
-
_this =
|
|
5232
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
5227
5233
|
|
|
5228
5234
|
_defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
|
|
5229
5235
|
|
|
@@ -5344,7 +5350,7 @@ function (_Component) {
|
|
|
5344
5350
|
width: '100%',
|
|
5345
5351
|
height: '100%'
|
|
5346
5352
|
};
|
|
5347
|
-
return _react["default"].createElement("div", {
|
|
5353
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
5348
5354
|
style: style,
|
|
5349
5355
|
id: this.playerID
|
|
5350
5356
|
});
|
|
@@ -5379,7 +5385,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5379
5385
|
});
|
|
5380
5386
|
exports["default"] = exports.DailyMotion = void 0;
|
|
5381
5387
|
|
|
5382
|
-
var _react = _interopRequireWildcard(
|
|
5388
|
+
var _react = _interopRequireWildcard(React);
|
|
5383
5389
|
|
|
5384
5390
|
|
|
5385
5391
|
|
|
@@ -5397,11 +5403,15 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
|
|
|
5397
5403
|
|
|
5398
5404
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
5399
5405
|
|
|
5400
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
|
|
5406
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
5407
|
+
|
|
5408
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
5401
5409
|
|
|
5402
|
-
function
|
|
5410
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
5403
5411
|
|
|
5404
|
-
function
|
|
5412
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
5413
|
+
|
|
5414
|
+
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
5405
5415
|
|
|
5406
5416
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
5407
5417
|
|
|
@@ -5411,12 +5421,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
5411
5421
|
|
|
5412
5422
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
5413
5423
|
|
|
5414
|
-
function
|
|
5424
|
+
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
5415
5425
|
|
|
5416
|
-
function
|
|
5426
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
5417
5427
|
|
|
5418
5428
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
5419
5429
|
|
|
5430
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
5431
|
+
|
|
5432
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
5433
|
+
|
|
5420
5434
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
5421
5435
|
|
|
5422
5436
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
@@ -5428,14 +5442,12 @@ var SDK_GLOBAL = 'DM';
|
|
|
5428
5442
|
var SDK_GLOBAL_READY = 'dmAsyncInit';
|
|
5429
5443
|
var MATCH_URL = /^(?:(?:https?):)?(?:\/\/)?(?:www\.)?(?:(?:dailymotion\.com(?:\/embed)?\/video)|dai\.ly)\/([a-zA-Z0-9]+)(?:_[\w_-]+)?$/;
|
|
5430
5444
|
|
|
5431
|
-
var DailyMotion =
|
|
5432
|
-
/*#__PURE__*/
|
|
5433
|
-
function (_Component) {
|
|
5445
|
+
var DailyMotion = /*#__PURE__*/function (_Component) {
|
|
5434
5446
|
_inherits(DailyMotion, _Component);
|
|
5435
5447
|
|
|
5436
|
-
|
|
5437
|
-
var _getPrototypeOf2;
|
|
5448
|
+
var _super = _createSuper(DailyMotion);
|
|
5438
5449
|
|
|
5450
|
+
function DailyMotion() {
|
|
5439
5451
|
var _this;
|
|
5440
5452
|
|
|
5441
5453
|
_classCallCheck(this, DailyMotion);
|
|
@@ -5444,7 +5456,7 @@ function (_Component) {
|
|
|
5444
5456
|
args[_key] = arguments[_key];
|
|
5445
5457
|
}
|
|
5446
5458
|
|
|
5447
|
-
_this =
|
|
5459
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
5448
5460
|
|
|
5449
5461
|
_defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
|
|
5450
5462
|
|
|
@@ -5573,9 +5585,9 @@ function (_Component) {
|
|
|
5573
5585
|
height: '100%',
|
|
5574
5586
|
display: display
|
|
5575
5587
|
};
|
|
5576
|
-
return _react["default"].createElement("div", {
|
|
5588
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
5577
5589
|
style: style
|
|
5578
|
-
}, _react["default"].createElement("div", {
|
|
5590
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
5579
5591
|
ref: this.ref
|
|
5580
5592
|
}));
|
|
5581
5593
|
}
|
|
@@ -5609,7 +5621,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5609
5621
|
});
|
|
5610
5622
|
exports["default"] = exports.Mixcloud = void 0;
|
|
5611
5623
|
|
|
5612
|
-
var _react = _interopRequireWildcard(
|
|
5624
|
+
var _react = _interopRequireWildcard(React);
|
|
5613
5625
|
|
|
5614
5626
|
|
|
5615
5627
|
|
|
@@ -5633,12 +5645,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
5633
5645
|
|
|
5634
5646
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
5635
5647
|
|
|
5636
|
-
function
|
|
5648
|
+
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
5637
5649
|
|
|
5638
|
-
function
|
|
5650
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
5639
5651
|
|
|
5640
5652
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
5641
5653
|
|
|
5654
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
5655
|
+
|
|
5656
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
5657
|
+
|
|
5642
5658
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
5643
5659
|
|
|
5644
5660
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
@@ -5649,14 +5665,12 @@ var SDK_URL = 'https://widget.mixcloud.com/media/js/widgetApi.js';
|
|
|
5649
5665
|
var SDK_GLOBAL = 'Mixcloud';
|
|
5650
5666
|
var MATCH_URL = /mixcloud\.com\/([^/]+\/[^/]+)/;
|
|
5651
5667
|
|
|
5652
|
-
var Mixcloud =
|
|
5653
|
-
/*#__PURE__*/
|
|
5654
|
-
function (_Component) {
|
|
5668
|
+
var Mixcloud = /*#__PURE__*/function (_Component) {
|
|
5655
5669
|
_inherits(Mixcloud, _Component);
|
|
5656
5670
|
|
|
5657
|
-
|
|
5658
|
-
var _getPrototypeOf2;
|
|
5671
|
+
var _super = _createSuper(Mixcloud);
|
|
5659
5672
|
|
|
5673
|
+
function Mixcloud() {
|
|
5660
5674
|
var _this;
|
|
5661
5675
|
|
|
5662
5676
|
_classCallCheck(this, Mixcloud);
|
|
@@ -5665,7 +5679,7 @@ function (_Component) {
|
|
|
5665
5679
|
args[_key] = arguments[_key];
|
|
5666
5680
|
}
|
|
5667
5681
|
|
|
5668
|
-
_this =
|
|
5682
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
5669
5683
|
|
|
5670
5684
|
_defineProperty(_assertThisInitialized(_this), "callPlayer", utils.callPlayer);
|
|
5671
5685
|
|
|
@@ -5768,7 +5782,7 @@ function (_Component) {
|
|
|
5768
5782
|
})); // We have to give the iframe a key here to prevent a
|
|
5769
5783
|
// weird dialog appearing when loading a new track
|
|
5770
5784
|
|
|
5771
|
-
return _react["default"].createElement("iframe", {
|
|
5785
|
+
return /*#__PURE__*/_react["default"].createElement("iframe", {
|
|
5772
5786
|
key: id,
|
|
5773
5787
|
ref: this.ref,
|
|
5774
5788
|
style: style,
|
|
@@ -5806,7 +5820,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5806
5820
|
});
|
|
5807
5821
|
exports["default"] = exports.FilePlayer = void 0;
|
|
5808
5822
|
|
|
5809
|
-
var _react = _interopRequireWildcard(
|
|
5823
|
+
var _react = _interopRequireWildcard(React);
|
|
5810
5824
|
|
|
5811
5825
|
|
|
5812
5826
|
|
|
@@ -5828,23 +5842,33 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
5828
5842
|
|
|
5829
5843
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
5830
5844
|
|
|
5831
|
-
function
|
|
5845
|
+
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
5832
5846
|
|
|
5833
|
-
function
|
|
5847
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
5834
5848
|
|
|
5835
5849
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
5836
5850
|
|
|
5851
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
5852
|
+
|
|
5853
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
5854
|
+
|
|
5837
5855
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
5838
5856
|
|
|
5839
5857
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
5840
5858
|
|
|
5841
5859
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5842
5860
|
|
|
5861
|
+
function _createForOfIteratorHelper(o) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
5862
|
+
|
|
5863
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
5864
|
+
|
|
5865
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
5866
|
+
|
|
5843
5867
|
var IOS = typeof navigator !== 'undefined' && /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
|
|
5844
5868
|
var AUDIO_EXTENSIONS = /\.(m4a|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i;
|
|
5845
5869
|
var VIDEO_EXTENSIONS = /\.(mp4|og[gv]|webm|mov|m4v)($|\?)/i;
|
|
5846
5870
|
var HLS_EXTENSIONS = /\.(m3u8)($|\?)/i;
|
|
5847
|
-
var HLS_SDK_URL = 'https://cdn.jsdelivr.net/npm/hls.js@VERSION';
|
|
5871
|
+
var HLS_SDK_URL = 'https://cdn.jsdelivr.net/npm/hls.js@VERSION/dist/hls.min.js';
|
|
5848
5872
|
var HLS_GLOBAL = 'Hls';
|
|
5849
5873
|
var DASH_EXTENSIONS = /\.(mpd)($|\?)/i;
|
|
5850
5874
|
var DASH_SDK_URL = 'https://cdnjs.cloudflare.com/ajax/libs/dashjs/VERSION/dash.all.min.js';
|
|
@@ -5853,12 +5877,11 @@ var MATCH_DROPBOX_URL = /www\.dropbox\.com\/.+/;
|
|
|
5853
5877
|
|
|
5854
5878
|
function canPlay(url) {
|
|
5855
5879
|
if (url instanceof Array) {
|
|
5856
|
-
var
|
|
5857
|
-
|
|
5858
|
-
var _iteratorError = undefined;
|
|
5880
|
+
var _iterator = _createForOfIteratorHelper(url),
|
|
5881
|
+
_step;
|
|
5859
5882
|
|
|
5860
5883
|
try {
|
|
5861
|
-
for (
|
|
5884
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
5862
5885
|
var item = _step.value;
|
|
5863
5886
|
|
|
5864
5887
|
if (typeof item === 'string' && canPlay(item)) {
|
|
@@ -5870,18 +5893,9 @@ function canPlay(url) {
|
|
|
5870
5893
|
}
|
|
5871
5894
|
}
|
|
5872
5895
|
} catch (err) {
|
|
5873
|
-
|
|
5874
|
-
_iteratorError = err;
|
|
5896
|
+
_iterator.e(err);
|
|
5875
5897
|
} finally {
|
|
5876
|
-
|
|
5877
|
-
if (!_iteratorNormalCompletion && _iterator["return"] != null) {
|
|
5878
|
-
_iterator["return"]();
|
|
5879
|
-
}
|
|
5880
|
-
} finally {
|
|
5881
|
-
if (_didIteratorError) {
|
|
5882
|
-
throw _iteratorError;
|
|
5883
|
-
}
|
|
5884
|
-
}
|
|
5898
|
+
_iterator.f();
|
|
5885
5899
|
}
|
|
5886
5900
|
|
|
5887
5901
|
return false;
|
|
@@ -5905,14 +5919,12 @@ function canEnablePIP(url) {
|
|
|
5905
5919
|
return canPlay(url) && (!!document.pictureInPictureEnabled || supportsWebKitPresentationMode()) && !AUDIO_EXTENSIONS.test(url);
|
|
5906
5920
|
}
|
|
5907
5921
|
|
|
5908
|
-
var FilePlayer =
|
|
5909
|
-
/*#__PURE__*/
|
|
5910
|
-
function (_Component) {
|
|
5922
|
+
var FilePlayer = /*#__PURE__*/function (_Component) {
|
|
5911
5923
|
_inherits(FilePlayer, _Component);
|
|
5912
5924
|
|
|
5913
|
-
|
|
5914
|
-
var _getPrototypeOf2;
|
|
5925
|
+
var _super = _createSuper(FilePlayer);
|
|
5915
5926
|
|
|
5927
|
+
function FilePlayer() {
|
|
5916
5928
|
var _this;
|
|
5917
5929
|
|
|
5918
5930
|
_classCallCheck(this, FilePlayer);
|
|
@@ -5921,7 +5933,7 @@ function (_Component) {
|
|
|
5921
5933
|
_args[_key] = arguments[_key];
|
|
5922
5934
|
}
|
|
5923
5935
|
|
|
5924
|
-
_this =
|
|
5936
|
+
_this = _super.call.apply(_super, [this].concat(_args));
|
|
5925
5937
|
|
|
5926
5938
|
_defineProperty(_assertThisInitialized(_this), "onReady", function () {
|
|
5927
5939
|
var _this$props;
|
|
@@ -6008,19 +6020,19 @@ function (_Component) {
|
|
|
6008
6020
|
|
|
6009
6021
|
_defineProperty(_assertThisInitialized(_this), "renderSourceElement", function (source, index) {
|
|
6010
6022
|
if (typeof source === 'string') {
|
|
6011
|
-
return _react["default"].createElement("source", {
|
|
6023
|
+
return /*#__PURE__*/_react["default"].createElement("source", {
|
|
6012
6024
|
key: index,
|
|
6013
6025
|
src: source
|
|
6014
6026
|
});
|
|
6015
6027
|
}
|
|
6016
6028
|
|
|
6017
|
-
return _react["default"].createElement("source", _extends({
|
|
6029
|
+
return /*#__PURE__*/_react["default"].createElement("source", _extends({
|
|
6018
6030
|
key: index
|
|
6019
6031
|
}, source));
|
|
6020
6032
|
});
|
|
6021
6033
|
|
|
6022
6034
|
_defineProperty(_assertThisInitialized(_this), "renderTrack", function (track, index) {
|
|
6023
|
-
return _react["default"].createElement("track", _extends({
|
|
6035
|
+
return /*#__PURE__*/_react["default"].createElement("track", _extends({
|
|
6024
6036
|
key: index
|
|
6025
6037
|
}, track));
|
|
6026
6038
|
});
|
|
@@ -6058,6 +6070,10 @@ function (_Component) {
|
|
|
6058
6070
|
key: "componentWillUnmount",
|
|
6059
6071
|
value: function componentWillUnmount() {
|
|
6060
6072
|
this.removeListeners(this.player);
|
|
6073
|
+
|
|
6074
|
+
if (this.hls) {
|
|
6075
|
+
this.hls.destroy();
|
|
6076
|
+
}
|
|
6061
6077
|
}
|
|
6062
6078
|
}, {
|
|
6063
6079
|
key: "addListeners",
|
|
@@ -6188,10 +6204,6 @@ function (_Component) {
|
|
|
6188
6204
|
value: function stop() {
|
|
6189
6205
|
this.player.removeAttribute('src');
|
|
6190
6206
|
|
|
6191
|
-
if (this.hls) {
|
|
6192
|
-
this.hls.destroy();
|
|
6193
|
-
}
|
|
6194
|
-
|
|
6195
6207
|
if (this.dash) {
|
|
6196
6208
|
this.dash.reset();
|
|
6197
6209
|
}
|
|
@@ -6303,7 +6315,7 @@ function (_Component) {
|
|
|
6303
6315
|
width: width === 'auto' ? width : '100%',
|
|
6304
6316
|
height: height === 'auto' ? height : '100%'
|
|
6305
6317
|
};
|
|
6306
|
-
return _react["default"].createElement(Element, _extends({
|
|
6318
|
+
return /*#__PURE__*/_react["default"].createElement(Element, _extends({
|
|
6307
6319
|
ref: this.ref,
|
|
6308
6320
|
src: this.getSource(url),
|
|
6309
6321
|
style: style,
|
|
@@ -6375,7 +6387,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6375
6387
|
});
|
|
6376
6388
|
exports["default"] = void 0;
|
|
6377
6389
|
|
|
6378
|
-
var _react = _interopRequireWildcard(
|
|
6390
|
+
var _react = _interopRequireWildcard(React);
|
|
6379
6391
|
|
|
6380
6392
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
6381
6393
|
|
|
@@ -6393,12 +6405,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
6393
6405
|
|
|
6394
6406
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
6395
6407
|
|
|
6396
|
-
function
|
|
6408
|
+
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
6397
6409
|
|
|
6398
|
-
function
|
|
6410
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
6399
6411
|
|
|
6400
6412
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
6401
6413
|
|
|
6414
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
6415
|
+
|
|
6416
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
6417
|
+
|
|
6402
6418
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
6403
6419
|
|
|
6404
6420
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
@@ -6407,14 +6423,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
6407
6423
|
|
|
6408
6424
|
var ICON_SIZE = '64px';
|
|
6409
6425
|
|
|
6410
|
-
var Preview =
|
|
6411
|
-
/*#__PURE__*/
|
|
6412
|
-
function (_Component) {
|
|
6426
|
+
var Preview = /*#__PURE__*/function (_Component) {
|
|
6413
6427
|
_inherits(Preview, _Component);
|
|
6414
6428
|
|
|
6415
|
-
|
|
6416
|
-
var _getPrototypeOf2;
|
|
6429
|
+
var _super = _createSuper(Preview);
|
|
6417
6430
|
|
|
6431
|
+
function Preview() {
|
|
6418
6432
|
var _this;
|
|
6419
6433
|
|
|
6420
6434
|
_classCallCheck(this, Preview);
|
|
@@ -6423,7 +6437,7 @@ function (_Component) {
|
|
|
6423
6437
|
args[_key] = arguments[_key];
|
|
6424
6438
|
}
|
|
6425
6439
|
|
|
6426
|
-
_this =
|
|
6440
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
6427
6441
|
|
|
6428
6442
|
_defineProperty(_assertThisInitialized(_this), "mounted", false);
|
|
6429
6443
|
|
|
@@ -6521,15 +6535,15 @@ function (_Component) {
|
|
|
6521
6535
|
}
|
|
6522
6536
|
};
|
|
6523
6537
|
|
|
6524
|
-
var defaultPlayIcon = _react["default"].createElement("div", {
|
|
6538
|
+
var defaultPlayIcon = /*#__PURE__*/_react["default"].createElement("div", {
|
|
6525
6539
|
style: styles.shadow,
|
|
6526
6540
|
className: "react-player__shadow"
|
|
6527
|
-
}, _react["default"].createElement("div", {
|
|
6541
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
6528
6542
|
style: styles.playIcon,
|
|
6529
6543
|
className: "react-player__play-icon"
|
|
6530
6544
|
}));
|
|
6531
6545
|
|
|
6532
|
-
return _react["default"].createElement("div", {
|
|
6546
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
6533
6547
|
style: styles.preview,
|
|
6534
6548
|
className: "react-player__preview",
|
|
6535
6549
|
onClick: onClick
|
|
@@ -6552,7 +6566,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6552
6566
|
});
|
|
6553
6567
|
exports["default"] = renderPreloadPlayers;
|
|
6554
6568
|
|
|
6555
|
-
var _react = _interopRequireDefault(
|
|
6569
|
+
var _react = _interopRequireDefault(React);
|
|
6556
6570
|
|
|
6557
6571
|
var _Player = _interopRequireDefault(Player_1);
|
|
6558
6572
|
|
|
@@ -6566,6 +6580,12 @@ var _Player = _interopRequireDefault(Player_1);
|
|
|
6566
6580
|
|
|
6567
6581
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
6568
6582
|
|
|
6583
|
+
function _createForOfIteratorHelper(o) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
6584
|
+
|
|
6585
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
6586
|
+
|
|
6587
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
6588
|
+
|
|
6569
6589
|
var PRELOAD_PLAYERS = [{
|
|
6570
6590
|
Player: YouTube_1.YouTube,
|
|
6571
6591
|
configKey: 'youtube',
|
|
@@ -6586,16 +6606,16 @@ var PRELOAD_PLAYERS = [{
|
|
|
6586
6606
|
|
|
6587
6607
|
function renderPreloadPlayers(url, controls, config) {
|
|
6588
6608
|
var players = [];
|
|
6589
|
-
|
|
6590
|
-
var
|
|
6591
|
-
|
|
6609
|
+
|
|
6610
|
+
var _iterator = _createForOfIteratorHelper(PRELOAD_PLAYERS),
|
|
6611
|
+
_step;
|
|
6592
6612
|
|
|
6593
6613
|
try {
|
|
6594
|
-
for (
|
|
6614
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
6595
6615
|
var player = _step.value;
|
|
6596
6616
|
|
|
6597
6617
|
if (!player.Player.canPlay(url) && config[player.configKey].preload) {
|
|
6598
|
-
players.push(_react["default"].createElement(_Player["default"], {
|
|
6618
|
+
players.push( /*#__PURE__*/_react["default"].createElement(_Player["default"], {
|
|
6599
6619
|
key: player.Player.displayName,
|
|
6600
6620
|
activePlayer: player.Player,
|
|
6601
6621
|
url: player.url,
|
|
@@ -6607,18 +6627,9 @@ function renderPreloadPlayers(url, controls, config) {
|
|
|
6607
6627
|
}
|
|
6608
6628
|
}
|
|
6609
6629
|
} catch (err) {
|
|
6610
|
-
|
|
6611
|
-
_iteratorError = err;
|
|
6630
|
+
_iterator.e(err);
|
|
6612
6631
|
} finally {
|
|
6613
|
-
|
|
6614
|
-
if (!_iteratorNormalCompletion && _iterator["return"] != null) {
|
|
6615
|
-
_iterator["return"]();
|
|
6616
|
-
}
|
|
6617
|
-
} finally {
|
|
6618
|
-
if (_didIteratorError) {
|
|
6619
|
-
throw _iteratorError;
|
|
6620
|
-
}
|
|
6621
|
-
}
|
|
6632
|
+
_iterator.f();
|
|
6622
6633
|
}
|
|
6623
6634
|
|
|
6624
6635
|
return players;
|
|
@@ -6694,7 +6705,7 @@ Object.defineProperty(exports, "Mixcloud", {
|
|
|
6694
6705
|
});
|
|
6695
6706
|
exports["default"] = void 0;
|
|
6696
6707
|
|
|
6697
|
-
var _react = _interopRequireWildcard(
|
|
6708
|
+
var _react = _interopRequireWildcard(React);
|
|
6698
6709
|
|
|
6699
6710
|
|
|
6700
6711
|
|
|
@@ -6742,13 +6753,17 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
6742
6753
|
|
|
6743
6754
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6744
6755
|
|
|
6745
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
|
|
6756
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
6757
|
+
|
|
6758
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
6759
|
+
|
|
6760
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
6746
6761
|
|
|
6747
|
-
function
|
|
6762
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
|
|
6748
6763
|
|
|
6749
|
-
function
|
|
6764
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
6750
6765
|
|
|
6751
|
-
function
|
|
6766
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
6752
6767
|
|
|
6753
6768
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
6754
6769
|
|
|
@@ -6756,12 +6771,16 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
|
6756
6771
|
|
|
6757
6772
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
6758
6773
|
|
|
6759
|
-
function
|
|
6774
|
+
function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
6760
6775
|
|
|
6761
|
-
function
|
|
6776
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
6762
6777
|
|
|
6763
6778
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
6764
6779
|
|
|
6780
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
|
|
6781
|
+
|
|
6782
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
6783
|
+
|
|
6765
6784
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
6766
6785
|
|
|
6767
6786
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
@@ -6771,14 +6790,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
6771
6790
|
var SUPPORTED_PROPS = Object.keys(props.propTypes);
|
|
6772
6791
|
var customPlayers = [];
|
|
6773
6792
|
|
|
6774
|
-
var ReactPlayer =
|
|
6775
|
-
/*#__PURE__*/
|
|
6776
|
-
function (_Component) {
|
|
6793
|
+
var ReactPlayer = /*#__PURE__*/function (_Component) {
|
|
6777
6794
|
_inherits(ReactPlayer, _Component);
|
|
6778
6795
|
|
|
6779
|
-
|
|
6780
|
-
var _getPrototypeOf2;
|
|
6796
|
+
var _super = _createSuper(ReactPlayer);
|
|
6781
6797
|
|
|
6798
|
+
function ReactPlayer() {
|
|
6782
6799
|
var _this;
|
|
6783
6800
|
|
|
6784
6801
|
_classCallCheck(this, ReactPlayer);
|
|
@@ -6787,7 +6804,7 @@ function (_Component) {
|
|
|
6787
6804
|
args[_key] = arguments[_key];
|
|
6788
6805
|
}
|
|
6789
6806
|
|
|
6790
|
-
_this =
|
|
6807
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
6791
6808
|
|
|
6792
6809
|
_defineProperty(_assertThisInitialized(_this), "config", (0, utils.getConfig)(_this.props, props.defaultProps, true));
|
|
6793
6810
|
|
|
@@ -6898,7 +6915,7 @@ function (_Component) {
|
|
|
6898
6915
|
key: "renderActivePlayer",
|
|
6899
6916
|
value: function renderActivePlayer(url, activePlayer) {
|
|
6900
6917
|
if (!url) return null;
|
|
6901
|
-
return _react["default"].createElement(_Player4["default"], _extends({}, this.props, {
|
|
6918
|
+
return /*#__PURE__*/_react["default"].createElement(_Player4["default"], _extends({}, this.props, {
|
|
6902
6919
|
key: activePlayer.displayName,
|
|
6903
6920
|
ref: this.activePlayerRef,
|
|
6904
6921
|
config: this.config,
|
|
@@ -6935,14 +6952,14 @@ function (_Component) {
|
|
|
6935
6952
|
var preloadPlayers = (0, _preload["default"])(url, controls, this.config);
|
|
6936
6953
|
var players = [renderedActivePlayer].concat(_toConsumableArray(preloadPlayers)).sort(this.sortPlayers);
|
|
6937
6954
|
|
|
6938
|
-
var preview = _react["default"].createElement(_Preview["default"], {
|
|
6955
|
+
var preview = /*#__PURE__*/_react["default"].createElement(_Preview["default"], {
|
|
6939
6956
|
url: url,
|
|
6940
6957
|
light: light,
|
|
6941
6958
|
playIcon: playIcon,
|
|
6942
6959
|
onClick: this.handleClickPreview
|
|
6943
6960
|
});
|
|
6944
6961
|
|
|
6945
|
-
return _react["default"].createElement(Wrapper, _extends({
|
|
6962
|
+
return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
|
|
6946
6963
|
ref: this.wrapperRef,
|
|
6947
6964
|
style: _objectSpread({}, style, {
|
|
6948
6965
|
width: width,
|
|
@@ -7002,20 +7019,20 @@ var Audio = function Audio(_ref) {
|
|
|
7002
7019
|
var node = _ref.node;
|
|
7003
7020
|
|
|
7004
7021
|
if (node.uploadAudio) {
|
|
7005
|
-
return
|
|
7022
|
+
return React.createElement(
|
|
7006
7023
|
'div',
|
|
7007
7024
|
{ className: 'audio d-block text-center mb-3' },
|
|
7008
|
-
|
|
7025
|
+
React.createElement(
|
|
7009
7026
|
'audio',
|
|
7010
7027
|
{ controls: true, controlsList: 'nodownload', className: 'audio' },
|
|
7011
|
-
|
|
7012
|
-
|
|
7028
|
+
React.createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/ogg' }),
|
|
7029
|
+
React.createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/mpeg' }),
|
|
7013
7030
|
'Your browser does not support the audio element.'
|
|
7014
7031
|
),
|
|
7015
|
-
node.caption &&
|
|
7032
|
+
node.caption && React.createElement(
|
|
7016
7033
|
'p',
|
|
7017
7034
|
{ style: { fontSize: '.9rem' } },
|
|
7018
|
-
|
|
7035
|
+
React.createElement(
|
|
7019
7036
|
'em',
|
|
7020
7037
|
null,
|
|
7021
7038
|
node.caption
|
|
@@ -7025,15 +7042,15 @@ var Audio = function Audio(_ref) {
|
|
|
7025
7042
|
} else if (node.audioFilePth) {
|
|
7026
7043
|
var hostname = new URL(node.audioFilePth).hostname;
|
|
7027
7044
|
if (hostname === 'embeds.audioboom.com') {
|
|
7028
|
-
return
|
|
7045
|
+
return React.createElement(
|
|
7029
7046
|
'div',
|
|
7030
7047
|
null,
|
|
7031
|
-
|
|
7048
|
+
React.createElement('iframe', { src: node.audioFilePth, width: '100%', height: '300', className: 'audio', style: { border: 'none' } }),
|
|
7032
7049
|
' ',
|
|
7033
|
-
node.caption &&
|
|
7050
|
+
node.caption && React.createElement(
|
|
7034
7051
|
'p',
|
|
7035
7052
|
{ style: { fontSize: '.9rem' } },
|
|
7036
|
-
|
|
7053
|
+
React.createElement(
|
|
7037
7054
|
'em',
|
|
7038
7055
|
null,
|
|
7039
7056
|
node.caption
|
|
@@ -7041,14 +7058,14 @@ var Audio = function Audio(_ref) {
|
|
|
7041
7058
|
)
|
|
7042
7059
|
);
|
|
7043
7060
|
}
|
|
7044
|
-
return
|
|
7061
|
+
return React.createElement(
|
|
7045
7062
|
'div',
|
|
7046
7063
|
{ className: 'audio' },
|
|
7047
|
-
|
|
7048
|
-
node.caption &&
|
|
7064
|
+
React.createElement(ReactPlayer, { url: node.audioFilePth, controls: true, width: '100%', height: '100%' }),
|
|
7065
|
+
node.caption && React.createElement(
|
|
7049
7066
|
'p',
|
|
7050
7067
|
{ style: { fontSize: '.9rem' } },
|
|
7051
|
-
|
|
7068
|
+
React.createElement(
|
|
7052
7069
|
'em',
|
|
7053
7070
|
null,
|
|
7054
7071
|
node.caption
|
|
@@ -7066,34 +7083,34 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
|
|
|
7066
7083
|
var profileImage = arguments[6];
|
|
7067
7084
|
|
|
7068
7085
|
if (authorName && authorURL) {
|
|
7069
|
-
return
|
|
7086
|
+
return React.createElement(
|
|
7070
7087
|
'span',
|
|
7071
7088
|
null,
|
|
7072
|
-
|
|
7089
|
+
React.createElement(
|
|
7073
7090
|
'a',
|
|
7074
7091
|
{ className: 'author-details-link-' + index, rel: 'author', href: '/' + defaultUrl + '/' + authorURL.current, key: index },
|
|
7075
7092
|
authorName
|
|
7076
7093
|
),
|
|
7077
|
-
|
|
7094
|
+
React.createElement(
|
|
7078
7095
|
Card,
|
|
7079
7096
|
{ className: 'author-details-card-' + index },
|
|
7080
|
-
|
|
7097
|
+
React.createElement(
|
|
7081
7098
|
Row,
|
|
7082
7099
|
null,
|
|
7083
|
-
profileImage &&
|
|
7100
|
+
profileImage && React.createElement(
|
|
7084
7101
|
Col,
|
|
7085
7102
|
{ sm: 12, md: 4, className: 'author-details-img-container' },
|
|
7086
|
-
|
|
7103
|
+
React.createElement(Card.Img, { className: 'author-details-img', src: profileImage, alt: authorName })
|
|
7087
7104
|
),
|
|
7088
|
-
|
|
7105
|
+
React.createElement(
|
|
7089
7106
|
Col,
|
|
7090
7107
|
{ className: 'author-details-col', sm: 12, md: profileImage ? 8 : 12 },
|
|
7091
|
-
|
|
7108
|
+
React.createElement(
|
|
7092
7109
|
'div',
|
|
7093
7110
|
{ style: { fontWidth: '500', fontSize: '1.15rem' } },
|
|
7094
7111
|
authorName
|
|
7095
7112
|
),
|
|
7096
|
-
|
|
7113
|
+
React.createElement(
|
|
7097
7114
|
'p',
|
|
7098
7115
|
null,
|
|
7099
7116
|
biography
|
|
@@ -7101,7 +7118,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
|
|
|
7101
7118
|
)
|
|
7102
7119
|
)
|
|
7103
7120
|
),
|
|
7104
|
-
|
|
7121
|
+
React.createElement(
|
|
7105
7122
|
'style',
|
|
7106
7123
|
{ jsx: 'true' },
|
|
7107
7124
|
'\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 '
|
|
@@ -7109,7 +7126,7 @@ var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
|
|
|
7109
7126
|
length !== index + 1 && ' , '
|
|
7110
7127
|
);
|
|
7111
7128
|
} else if (authorName) {
|
|
7112
|
-
return
|
|
7129
|
+
return React.createElement(
|
|
7113
7130
|
'span',
|
|
7114
7131
|
{ key: index },
|
|
7115
7132
|
authorName,
|
|
@@ -7381,44 +7398,44 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
7381
7398
|
}
|
|
7382
7399
|
};
|
|
7383
7400
|
|
|
7384
|
-
return
|
|
7401
|
+
return React.createElement(
|
|
7385
7402
|
'div',
|
|
7386
7403
|
{ className: 'video-container', style: { marginBottom: '2rem' } },
|
|
7387
|
-
|
|
7404
|
+
React.createElement(
|
|
7388
7405
|
'div',
|
|
7389
7406
|
{ className: 'mt-2 mb-5' },
|
|
7390
|
-
series &&
|
|
7407
|
+
series && React.createElement(
|
|
7391
7408
|
'div',
|
|
7392
7409
|
{ style: { fontSize: '0.9rem' } },
|
|
7393
7410
|
article.title,
|
|
7394
7411
|
' - Episode ',
|
|
7395
7412
|
series
|
|
7396
7413
|
),
|
|
7397
|
-
Videos[series - 1] &&
|
|
7414
|
+
Videos[series - 1] && React.createElement(
|
|
7398
7415
|
'h1',
|
|
7399
7416
|
{ className: 'mb-3' },
|
|
7400
7417
|
Videos[series - 1].title
|
|
7401
7418
|
),
|
|
7402
|
-
|
|
7419
|
+
React.createElement(
|
|
7403
7420
|
'div',
|
|
7404
7421
|
null,
|
|
7405
7422
|
moment(article.published).format('LL')
|
|
7406
7423
|
),
|
|
7407
|
-
|
|
7424
|
+
React.createElement(
|
|
7408
7425
|
'div',
|
|
7409
7426
|
{ className: 'mb-3' },
|
|
7410
7427
|
article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
|
|
7411
|
-
return
|
|
7428
|
+
return React.createElement(
|
|
7412
7429
|
'span',
|
|
7413
7430
|
{ key: index },
|
|
7414
7431
|
renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, '', authorDetail.profileImage && urlFor({ client: client, source: authorDetail.profileImage, imageHeight: authorImgHeight }))
|
|
7415
7432
|
);
|
|
7416
7433
|
})
|
|
7417
7434
|
),
|
|
7418
|
-
|
|
7435
|
+
React.createElement(
|
|
7419
7436
|
'p',
|
|
7420
7437
|
null,
|
|
7421
|
-
|
|
7438
|
+
React.createElement(SocialShare, {
|
|
7422
7439
|
shareUrl: meta.shareUrl + '?seriesVid=' + series,
|
|
7423
7440
|
shareTitle: Videos[series - 1] && Videos[series - 1].title ? Videos[series - 1].title : meta.shareTitle,
|
|
7424
7441
|
shareVia: meta.shareVia,
|
|
@@ -7433,20 +7450,20 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
7433
7450
|
hideFacebook: meta.hideFBShare
|
|
7434
7451
|
})
|
|
7435
7452
|
),
|
|
7436
|
-
Videos[series - 1] && Videos[series - 1].intro &&
|
|
7453
|
+
Videos[series - 1] && Videos[series - 1].intro && React.createElement(
|
|
7437
7454
|
'p',
|
|
7438
7455
|
{ className: 'mb-3' },
|
|
7439
|
-
|
|
7456
|
+
React.createElement(
|
|
7440
7457
|
'em',
|
|
7441
7458
|
null,
|
|
7442
7459
|
Videos[series - 1].intro
|
|
7443
7460
|
)
|
|
7444
7461
|
)
|
|
7445
7462
|
),
|
|
7446
|
-
|
|
7463
|
+
React.createElement(
|
|
7447
7464
|
'div',
|
|
7448
7465
|
{ id: 'fluid-video-container', className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
|
|
7449
|
-
vidUrl && vidType == 'youtube' &&
|
|
7466
|
+
vidUrl && vidType == 'youtube' && React.createElement(YouTube, {
|
|
7450
7467
|
className: 'fluid-iframe',
|
|
7451
7468
|
videoId: getYoutubeId(vidUrl),
|
|
7452
7469
|
opts: opts,
|
|
@@ -7457,10 +7474,10 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
7457
7474
|
return handleOnEnd(e);
|
|
7458
7475
|
}
|
|
7459
7476
|
}),
|
|
7460
|
-
vidUrl && vidType == 'mp4' &&
|
|
7461
|
-
vidUrl && vidType == 'brightcove' &&
|
|
7462
|
-
|
|
7463
|
-
series &&
|
|
7477
|
+
vidUrl && vidType == 'mp4' && React.createElement(VideoMp4, { url: vidUrl, thumbnail: vidThumbnail, vidLoaded: vidLoaded }),
|
|
7478
|
+
vidUrl && vidType == 'brightcove' && React.createElement(Video, { autoplay: true, node: { videoID: vidUrl, source: 'brightcove' }, accountIDs: accountIDs, autoplayNextVideo: autoplayNextVideo }),
|
|
7479
|
+
React.createElement('hr', { style: { marginTop: '1.5rem', borderTop: '2px solid rgba(0,0,0,.35)' } }),
|
|
7480
|
+
series && React.createElement(
|
|
7464
7481
|
'div',
|
|
7465
7482
|
{
|
|
7466
7483
|
className: 'vid-series',
|
|
@@ -7470,10 +7487,10 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
7470
7487
|
maxHeight: '100%',
|
|
7471
7488
|
paddingBottom: '0'
|
|
7472
7489
|
} },
|
|
7473
|
-
|
|
7490
|
+
React.createElement(
|
|
7474
7491
|
'p',
|
|
7475
7492
|
{ style: { color: '#484848', marginBottom: '0' } },
|
|
7476
|
-
|
|
7493
|
+
React.createElement(
|
|
7477
7494
|
'b',
|
|
7478
7495
|
{ style: { fontSize: '1.25em' } },
|
|
7479
7496
|
'Now Playing:'
|
|
@@ -7481,16 +7498,16 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
|
|
|
7481
7498
|
' ',
|
|
7482
7499
|
seriesData[series ? series - 1 : 0].title
|
|
7483
7500
|
),
|
|
7484
|
-
vidUrl &&
|
|
7501
|
+
vidUrl && React.createElement(GroupDeck, { dataset: seriesData, setState: setState, seriesVid: series, current: vidUrl, client: client, displayEpisodeNumber: true })
|
|
7485
7502
|
)
|
|
7486
7503
|
),
|
|
7487
|
-
|
|
7488
|
-
|
|
7504
|
+
React.createElement('div', { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } }),
|
|
7505
|
+
React.createElement(
|
|
7489
7506
|
'div',
|
|
7490
7507
|
{ className: 'vid-text' },
|
|
7491
|
-
Videos[series - 1] && Videos[series - 1].text &&
|
|
7508
|
+
Videos[series - 1] && Videos[series - 1].text && React.createElement(BlockContent, _extends({ serializers: getSerializers, blocks: Videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
|
|
7492
7509
|
),
|
|
7493
|
-
|
|
7510
|
+
React.createElement(
|
|
7494
7511
|
'style',
|
|
7495
7512
|
{ jsx: 'true' },
|
|
7496
7513
|
'\n span.btn {\n margin: 0 1rem;\n }\n '
|
|
@@ -7543,67 +7560,67 @@ var Poll = function Poll(_ref) {
|
|
|
7543
7560
|
return acc;
|
|
7544
7561
|
}
|
|
7545
7562
|
}, 0);
|
|
7546
|
-
return
|
|
7547
|
-
|
|
7563
|
+
return React.createElement(
|
|
7564
|
+
React.Fragment,
|
|
7548
7565
|
null,
|
|
7549
|
-
question &&
|
|
7566
|
+
question && React.createElement(
|
|
7550
7567
|
'p',
|
|
7551
7568
|
{ className: 'font-weight-bold' },
|
|
7552
7569
|
question
|
|
7553
7570
|
),
|
|
7554
|
-
!showAnswer && choices && choices.length > 0 &&
|
|
7571
|
+
!showAnswer && choices && choices.length > 0 && React.createElement(
|
|
7555
7572
|
'form',
|
|
7556
7573
|
{ onSubmit: function onSubmit(e) {
|
|
7557
7574
|
return onSubmitPoll(e);
|
|
7558
7575
|
} },
|
|
7559
7576
|
choices && choices.map(function (choice) {
|
|
7560
|
-
return
|
|
7577
|
+
return React.createElement(
|
|
7561
7578
|
'div',
|
|
7562
7579
|
{ key: choice._key },
|
|
7563
|
-
|
|
7580
|
+
React.createElement(
|
|
7564
7581
|
'label',
|
|
7565
7582
|
{ className: 'pl-2' },
|
|
7566
|
-
|
|
7583
|
+
React.createElement('input', { type: 'radio', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
|
|
7567
7584
|
return setSelectedChoice(e.target.value);
|
|
7568
7585
|
} }),
|
|
7569
7586
|
' ' + choice.choiceText
|
|
7570
7587
|
)
|
|
7571
7588
|
);
|
|
7572
7589
|
}),
|
|
7573
|
-
|
|
7590
|
+
React.createElement(
|
|
7574
7591
|
Button,
|
|
7575
7592
|
{ disabled: !selectedChoice, type: 'submit' },
|
|
7576
7593
|
'Vote'
|
|
7577
7594
|
)
|
|
7578
7595
|
),
|
|
7579
|
-
|
|
7596
|
+
React.createElement(
|
|
7580
7597
|
'div',
|
|
7581
7598
|
{ className: 'progress-container' },
|
|
7582
7599
|
showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
|
|
7583
7600
|
var percentage = choicesTotalCount && choicesTotalCount > 0 ? choice.choiceCount ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0 : 0;
|
|
7584
|
-
return
|
|
7601
|
+
return React.createElement(
|
|
7585
7602
|
'div',
|
|
7586
7603
|
{ key: choice._key, className: 'mb-3' },
|
|
7587
|
-
|
|
7604
|
+
React.createElement(
|
|
7588
7605
|
'div',
|
|
7589
7606
|
{ className: 'correct-answer' },
|
|
7590
|
-
|
|
7607
|
+
React.createElement(
|
|
7591
7608
|
'div',
|
|
7592
7609
|
null,
|
|
7593
7610
|
choice.choiceText
|
|
7594
7611
|
),
|
|
7595
|
-
choice.choiceAnswer === true &&
|
|
7612
|
+
choice.choiceAnswer === true && React.createElement(
|
|
7596
7613
|
'div',
|
|
7597
7614
|
null,
|
|
7598
|
-
|
|
7615
|
+
React.createElement(
|
|
7599
7616
|
'span',
|
|
7600
7617
|
{ style: { color: 'limegreen' } },
|
|
7601
7618
|
'Correct!'
|
|
7602
7619
|
)
|
|
7603
7620
|
)
|
|
7604
7621
|
),
|
|
7605
|
-
|
|
7606
|
-
|
|
7622
|
+
React.createElement(ProgressBar, { now: percentage }),
|
|
7623
|
+
React.createElement(
|
|
7607
7624
|
'span',
|
|
7608
7625
|
{ className: 'float-right' },
|
|
7609
7626
|
percentage,
|
|
@@ -7614,14 +7631,14 @@ var Poll = function Poll(_ref) {
|
|
|
7614
7631
|
);
|
|
7615
7632
|
})
|
|
7616
7633
|
),
|
|
7617
|
-
showAnswer &&
|
|
7634
|
+
showAnswer && React.createElement(
|
|
7618
7635
|
'h4',
|
|
7619
7636
|
{ className: 'text-center small p-3' },
|
|
7620
7637
|
'Total Votes: ',
|
|
7621
7638
|
choicesTotalCount
|
|
7622
7639
|
),
|
|
7623
|
-
showAnswer && response &&
|
|
7624
|
-
|
|
7640
|
+
showAnswer && response && React.createElement(BlockContent, { blocks: response, serializers: getSerializers }),
|
|
7641
|
+
React.createElement(
|
|
7625
7642
|
'style',
|
|
7626
7643
|
{ jsx: 'true' },
|
|
7627
7644
|
'\n .correct-answer {\n display: flex;\n justify-content: space-between;\n }\n .progress-bar {\n color: #fff;\n }\n '
|
|
@@ -7720,67 +7737,67 @@ var Poll$1 = function Poll(_ref) {
|
|
|
7720
7737
|
return acc;
|
|
7721
7738
|
}
|
|
7722
7739
|
}, 0);
|
|
7723
|
-
return
|
|
7724
|
-
|
|
7740
|
+
return React.createElement(
|
|
7741
|
+
React.Fragment,
|
|
7725
7742
|
null,
|
|
7726
|
-
question &&
|
|
7743
|
+
question && React.createElement(
|
|
7727
7744
|
'p',
|
|
7728
7745
|
{ className: 'font-weight-bold' },
|
|
7729
7746
|
question
|
|
7730
7747
|
),
|
|
7731
|
-
!showAnswer && choices && choices.length > 0 &&
|
|
7748
|
+
!showAnswer && choices && choices.length > 0 && React.createElement(
|
|
7732
7749
|
'form',
|
|
7733
7750
|
{ onSubmit: function onSubmit(e) {
|
|
7734
7751
|
return onSubmitPoll(e);
|
|
7735
7752
|
} },
|
|
7736
7753
|
choices && choices.map(function (choice) {
|
|
7737
|
-
return
|
|
7754
|
+
return React.createElement(
|
|
7738
7755
|
'div',
|
|
7739
7756
|
{ key: choice._key },
|
|
7740
|
-
|
|
7757
|
+
React.createElement(
|
|
7741
7758
|
'label',
|
|
7742
7759
|
{ className: 'pl-2' },
|
|
7743
|
-
|
|
7760
|
+
React.createElement('input', { type: 'checkbox', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
|
|
7744
7761
|
return setSelectedChoice(e.target.value);
|
|
7745
7762
|
} }),
|
|
7746
7763
|
' ' + choice.choiceText
|
|
7747
7764
|
)
|
|
7748
7765
|
);
|
|
7749
7766
|
}),
|
|
7750
|
-
|
|
7767
|
+
React.createElement(
|
|
7751
7768
|
Button,
|
|
7752
7769
|
{ disabled: !selectedChoice, type: 'submit' },
|
|
7753
7770
|
'Vote'
|
|
7754
7771
|
)
|
|
7755
7772
|
),
|
|
7756
|
-
|
|
7773
|
+
React.createElement(
|
|
7757
7774
|
'div',
|
|
7758
7775
|
{ className: 'progress-container' },
|
|
7759
7776
|
showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
|
|
7760
7777
|
var percentage = choicesTotalCount && choicesTotalCount > 0 ? choice.choiceCount ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0 : 0;
|
|
7761
|
-
return
|
|
7778
|
+
return React.createElement(
|
|
7762
7779
|
'div',
|
|
7763
7780
|
{ key: choice._key, className: 'mb-3' },
|
|
7764
|
-
|
|
7781
|
+
React.createElement(
|
|
7765
7782
|
'div',
|
|
7766
7783
|
{ className: 'correct-answer' },
|
|
7767
|
-
|
|
7784
|
+
React.createElement(
|
|
7768
7785
|
'div',
|
|
7769
7786
|
null,
|
|
7770
7787
|
choice.choiceText
|
|
7771
7788
|
),
|
|
7772
|
-
choice.choiceAnswer === true &&
|
|
7789
|
+
choice.choiceAnswer === true && React.createElement(
|
|
7773
7790
|
'div',
|
|
7774
7791
|
null,
|
|
7775
|
-
|
|
7792
|
+
React.createElement(
|
|
7776
7793
|
'span',
|
|
7777
7794
|
{ style: { color: 'limegreen' } },
|
|
7778
7795
|
'Correct!'
|
|
7779
7796
|
)
|
|
7780
7797
|
)
|
|
7781
7798
|
),
|
|
7782
|
-
|
|
7783
|
-
|
|
7799
|
+
React.createElement(ProgressBar, { now: percentage }),
|
|
7800
|
+
React.createElement(
|
|
7784
7801
|
'span',
|
|
7785
7802
|
{ className: 'float-right' },
|
|
7786
7803
|
percentage,
|
|
@@ -7791,14 +7808,14 @@ var Poll$1 = function Poll(_ref) {
|
|
|
7791
7808
|
);
|
|
7792
7809
|
})
|
|
7793
7810
|
),
|
|
7794
|
-
showAnswer &&
|
|
7811
|
+
showAnswer && React.createElement(
|
|
7795
7812
|
'h4',
|
|
7796
7813
|
{ className: 'text-center small p-3' },
|
|
7797
7814
|
'Total Votes: ',
|
|
7798
7815
|
choicesTotalCount
|
|
7799
7816
|
),
|
|
7800
|
-
showAnswer && response &&
|
|
7801
|
-
|
|
7817
|
+
showAnswer && response && React.createElement(BlockContent, { blocks: response, serializers: getSerializers }),
|
|
7818
|
+
React.createElement(
|
|
7802
7819
|
'style',
|
|
7803
7820
|
{ jsx: 'true' },
|
|
7804
7821
|
'\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 '
|
|
@@ -7806,7 +7823,7 @@ var Poll$1 = function Poll(_ref) {
|
|
|
7806
7823
|
);
|
|
7807
7824
|
};
|
|
7808
7825
|
|
|
7809
|
-
var numberOfPaginations =
|
|
7826
|
+
var numberOfPaginations = main_39 ? 4 : 10;
|
|
7810
7827
|
|
|
7811
7828
|
var Quiz = function Quiz(_ref) {
|
|
7812
7829
|
var quizzes = _ref.quizzes,
|
|
@@ -7924,34 +7941,34 @@ var Quiz = function Quiz(_ref) {
|
|
|
7924
7941
|
};
|
|
7925
7942
|
|
|
7926
7943
|
var renderPagination = function renderPagination() {
|
|
7927
|
-
return
|
|
7928
|
-
Pagination
|
|
7929
|
-
{ className: 'p-0 m-0', size:
|
|
7930
|
-
|
|
7944
|
+
return React.createElement(
|
|
7945
|
+
Pagination,
|
|
7946
|
+
{ className: 'p-0 m-0', size: main_39 && 'sm' },
|
|
7947
|
+
React.createElement(Pagination.First, { onClick: function onClick() {
|
|
7931
7948
|
return changePage('first');
|
|
7932
7949
|
}, disabled: currentPage === 1 }),
|
|
7933
|
-
|
|
7950
|
+
React.createElement(Pagination.Prev, { onClick: function onClick() {
|
|
7934
7951
|
return changePage('prev');
|
|
7935
7952
|
}, disabled: currentPage === 1 }),
|
|
7936
|
-
|
|
7953
|
+
React.createElement(Pagination.Ellipsis, { onClick: function onClick() {
|
|
7937
7954
|
return renderNewPages('prev');
|
|
7938
7955
|
}, disabled: !validateIndex(startIndex - numberOfPaginations) }),
|
|
7939
7956
|
pages.map(function (page) {
|
|
7940
|
-
return
|
|
7941
|
-
Pagination
|
|
7957
|
+
return React.createElement(
|
|
7958
|
+
Pagination.Item,
|
|
7942
7959
|
{ key: page, active: page === currentPage, onClick: function onClick() {
|
|
7943
7960
|
return changePage(page);
|
|
7944
7961
|
} },
|
|
7945
7962
|
page
|
|
7946
7963
|
);
|
|
7947
7964
|
}),
|
|
7948
|
-
|
|
7965
|
+
React.createElement(Pagination.Ellipsis, { onClick: function onClick() {
|
|
7949
7966
|
return renderNewPages('next');
|
|
7950
7967
|
}, disabled: !validateIndex(startIndex + numberOfPaginations) }),
|
|
7951
|
-
|
|
7968
|
+
React.createElement(Pagination.Next, { onClick: function onClick() {
|
|
7952
7969
|
return changePage('next');
|
|
7953
7970
|
}, disabled: currentPage === pageCount }),
|
|
7954
|
-
|
|
7971
|
+
React.createElement(Pagination.Last, { onClick: function onClick() {
|
|
7955
7972
|
return changePage('last');
|
|
7956
7973
|
}, disabled: currentPage === pageCount })
|
|
7957
7974
|
);
|
|
@@ -8034,51 +8051,51 @@ var Quiz = function Quiz(_ref) {
|
|
|
8034
8051
|
}
|
|
8035
8052
|
};
|
|
8036
8053
|
|
|
8037
|
-
return
|
|
8038
|
-
|
|
8054
|
+
return React.createElement(
|
|
8055
|
+
React.Fragment,
|
|
8039
8056
|
null,
|
|
8040
|
-
quizzes[currentPage - 1] &&
|
|
8041
|
-
|
|
8057
|
+
quizzes[currentPage - 1] && React.createElement(
|
|
8058
|
+
React.Fragment,
|
|
8042
8059
|
null,
|
|
8043
|
-
|
|
8044
|
-
quizzes[currentPage - 1].quizAnswers && quizzes[currentPage - 1].quizAnswers.length > 0 &&
|
|
8060
|
+
React.createElement(BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
|
|
8061
|
+
quizzes[currentPage - 1].quizAnswers && quizzes[currentPage - 1].quizAnswers.length > 0 && React.createElement(
|
|
8045
8062
|
'form',
|
|
8046
8063
|
{ ref: answersRef, onSubmit: function onSubmit(e) {
|
|
8047
8064
|
return e.preventDefault();
|
|
8048
8065
|
} },
|
|
8049
8066
|
quizzes[currentPage - 1].quizAnswers.map(function (answer, index) {
|
|
8050
|
-
return
|
|
8067
|
+
return React.createElement(
|
|
8051
8068
|
'div',
|
|
8052
8069
|
{ key: answer._key },
|
|
8053
|
-
|
|
8070
|
+
React.createElement(
|
|
8054
8071
|
'label',
|
|
8055
8072
|
{ className: 'pl-2' },
|
|
8056
|
-
quizzes[currentPage - 1].multiAnswer ?
|
|
8073
|
+
quizzes[currentPage - 1].multiAnswer ? React.createElement('input', { type: 'checkbox', id: 'male', disabled: isDisabled, name: answer._type, value: answer._key }) : React.createElement('input', { type: 'radio', id: 'male', name: answer._type, value: answer._key }),
|
|
8057
8074
|
' ' + answer.answerText
|
|
8058
8075
|
)
|
|
8059
8076
|
);
|
|
8060
8077
|
})
|
|
8061
8078
|
)
|
|
8062
8079
|
),
|
|
8063
|
-
!showAnswer &&
|
|
8080
|
+
!showAnswer && React.createElement(
|
|
8064
8081
|
Button$1,
|
|
8065
8082
|
{ onClick: function onClick() {
|
|
8066
8083
|
return checkAnswers();
|
|
8067
8084
|
}, variant: 'info', block: true },
|
|
8068
8085
|
'Please click here for answer'
|
|
8069
8086
|
),
|
|
8070
|
-
quizzes[currentPage - 1] && showAnswer &&
|
|
8071
|
-
|
|
8087
|
+
quizzes[currentPage - 1] && showAnswer && React.createElement(
|
|
8088
|
+
React.Fragment,
|
|
8072
8089
|
null,
|
|
8073
|
-
|
|
8090
|
+
React.createElement(
|
|
8074
8091
|
'h4',
|
|
8075
8092
|
null,
|
|
8076
8093
|
'Answer:'
|
|
8077
8094
|
),
|
|
8078
|
-
quizzes[currentPage - 1].answer &&
|
|
8095
|
+
quizzes[currentPage - 1].answer && React.createElement(BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers })
|
|
8079
8096
|
),
|
|
8080
|
-
|
|
8081
|
-
pageCount > 1 &&
|
|
8097
|
+
React.createElement('br', null),
|
|
8098
|
+
pageCount > 1 && React.createElement(
|
|
8082
8099
|
'div',
|
|
8083
8100
|
{ className: 'd-flex justify-content-center' },
|
|
8084
8101
|
renderPagination()
|
|
@@ -8089,10 +8106,10 @@ var Quiz = function Quiz(_ref) {
|
|
|
8089
8106
|
var Leads = function Leads(_ref) {
|
|
8090
8107
|
var url = _ref.url;
|
|
8091
8108
|
|
|
8092
|
-
return
|
|
8109
|
+
return React.createElement(
|
|
8093
8110
|
'div',
|
|
8094
8111
|
{ className: 'd-block text-center mb-3' },
|
|
8095
|
-
url &&
|
|
8112
|
+
url && React.createElement('iframe', { className: 'w-100 h-100 leads-block', scrolling: 'no', src: url, frameBorder: '0', allow: 'fullscreen' })
|
|
8096
8113
|
);
|
|
8097
8114
|
};
|
|
8098
8115
|
|
|
@@ -8132,53 +8149,53 @@ var Slideshow$1 = function Slideshow(_ref) {
|
|
|
8132
8149
|
setCarouselIndex(selectedIndex);
|
|
8133
8150
|
};
|
|
8134
8151
|
|
|
8135
|
-
return
|
|
8152
|
+
return React.createElement(
|
|
8136
8153
|
'div',
|
|
8137
8154
|
{ className: 'mt-3 mb-4' },
|
|
8138
|
-
|
|
8155
|
+
React.createElement(
|
|
8139
8156
|
Carousel,
|
|
8140
8157
|
{ activeIndex: carouselIndex, onSelect: onChangeSlide, interval: null },
|
|
8141
8158
|
slides && slides.map(function (slide) {
|
|
8142
8159
|
if (slide.slideshowImage && slide.slideshowImage.asset) {
|
|
8143
|
-
return
|
|
8160
|
+
return React.createElement(
|
|
8144
8161
|
Carousel.Item,
|
|
8145
8162
|
{ key: slide._key },
|
|
8146
|
-
|
|
8163
|
+
React.createElement(
|
|
8147
8164
|
'a',
|
|
8148
8165
|
{ href: slide.slideshowImage.link && slide.slideshowImage.link, target: slide.slideshowImage.blank ? '_blank' : '_self' },
|
|
8149
|
-
|
|
8166
|
+
React.createElement(
|
|
8150
8167
|
'div',
|
|
8151
8168
|
{ style: { textAlign: 'center' }, className: '' },
|
|
8152
|
-
|
|
8169
|
+
React.createElement(
|
|
8153
8170
|
LazyLoad,
|
|
8154
8171
|
null,
|
|
8155
|
-
|
|
8172
|
+
React.createElement(
|
|
8156
8173
|
'picture',
|
|
8157
8174
|
null,
|
|
8158
|
-
|
|
8159
|
-
|
|
8160
|
-
|
|
8161
|
-
|
|
8175
|
+
React.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1500, imageFit: 'max' }) }),
|
|
8176
|
+
React.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 1000, imageFit: 'max' }) }),
|
|
8177
|
+
React.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: slide.slideshowImage, client: client, imageWidth: 500, imageFit: 'max' }) }),
|
|
8178
|
+
React.createElement('img', { src: urlFor({ source: slide.slideshowImage, client: client }), alt: slide.slideshowImage.alt || 'slideshow image', className: 'embed-item-img' })
|
|
8162
8179
|
)
|
|
8163
8180
|
)
|
|
8164
8181
|
)
|
|
8165
8182
|
),
|
|
8166
|
-
|
|
8183
|
+
React.createElement(
|
|
8167
8184
|
'div',
|
|
8168
8185
|
{ className: 'p-2' },
|
|
8169
|
-
slide.slideshowImage.caption &&
|
|
8186
|
+
slide.slideshowImage.caption && React.createElement(
|
|
8170
8187
|
'h3',
|
|
8171
8188
|
{ style: { padding: '0px' } },
|
|
8172
8189
|
slide.slideshowImage.caption
|
|
8173
8190
|
),
|
|
8174
|
-
slide.description &&
|
|
8191
|
+
slide.description && React.createElement(BlockContent, { blocks: slide.description, serializers: getSerializers })
|
|
8175
8192
|
)
|
|
8176
8193
|
);
|
|
8177
8194
|
}
|
|
8178
8195
|
return null;
|
|
8179
8196
|
})
|
|
8180
8197
|
),
|
|
8181
|
-
|
|
8198
|
+
React.createElement(
|
|
8182
8199
|
'style',
|
|
8183
8200
|
{ jsx: 'true' },
|
|
8184
8201
|
'\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 '
|
|
@@ -8197,10 +8214,10 @@ var NativeAd = function NativeAd(props) {
|
|
|
8197
8214
|
sizes = _props$node.sizes,
|
|
8198
8215
|
sizeMapping = _props$node.sizeMapping;
|
|
8199
8216
|
|
|
8200
|
-
return
|
|
8217
|
+
return React.createElement(
|
|
8201
8218
|
'div',
|
|
8202
8219
|
{ className: 'native-ad-wrapper', style: { textAlign: 'center' } },
|
|
8203
|
-
|
|
8220
|
+
React.createElement(DFPAdSlot, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: targeting, className: className, sizes: sizes, sizeMapping: sizeMapping })
|
|
8204
8221
|
);
|
|
8205
8222
|
};
|
|
8206
8223
|
|
|
@@ -8211,15 +8228,15 @@ var Formstack = function Formstack(_ref) {
|
|
|
8211
8228
|
needSegmentSupport = _ref$needSegmentSuppo === undefined ? false : _ref$needSegmentSuppo;
|
|
8212
8229
|
|
|
8213
8230
|
var url = Segment.getURL('https://mjhlifesciences.formstack.com/forms/' + FormID, { needSegmentSupport: needSegmentSupport });
|
|
8214
|
-
return
|
|
8231
|
+
return React.createElement(
|
|
8215
8232
|
'section',
|
|
8216
8233
|
{ id: 'formstack-section', className: 'formstack-section' },
|
|
8217
|
-
Caption &&
|
|
8234
|
+
Caption && React.createElement(
|
|
8218
8235
|
'h4',
|
|
8219
8236
|
{ className: 'formstack-caption' },
|
|
8220
8237
|
Caption
|
|
8221
8238
|
),
|
|
8222
|
-
|
|
8239
|
+
React.createElement('iframe', { src: url, title: Caption || '', width: '100%', height: '600', frameBorder: '0' })
|
|
8223
8240
|
);
|
|
8224
8241
|
};
|
|
8225
8242
|
|
|
@@ -8235,36 +8252,36 @@ var MultiMedia = function MultiMedia(props) {
|
|
|
8235
8252
|
}
|
|
8236
8253
|
});
|
|
8237
8254
|
if (medias && medias.length > 0) {
|
|
8238
|
-
return
|
|
8255
|
+
return React.createElement(
|
|
8239
8256
|
'div',
|
|
8240
8257
|
{ className: 'multi-media-container' },
|
|
8241
|
-
|
|
8258
|
+
React.createElement(
|
|
8242
8259
|
Row$1,
|
|
8243
8260
|
{ noGutters: true },
|
|
8244
8261
|
medias.map(function (media) {
|
|
8245
|
-
return
|
|
8262
|
+
return React.createElement(
|
|
8246
8263
|
Col$1,
|
|
8247
8264
|
{ xs: 12, md: 12 / medias.length, key: media._key },
|
|
8248
|
-
|
|
8265
|
+
React.createElement(
|
|
8249
8266
|
'a',
|
|
8250
|
-
_extends
|
|
8267
|
+
_extends({}, media.upload_doc && media.upload_doc.asset && { href: media.upload_doc.asset.url, target: media.blank ? '_blank' : '_self' }, {
|
|
8251
8268
|
style: { cursor: media.upload_doc && media.upload_doc.asset && media.upload_doc.asset.url ? 'pointer' : 'default' } }),
|
|
8252
|
-
|
|
8269
|
+
React.createElement(
|
|
8253
8270
|
'div',
|
|
8254
8271
|
{ className: 'multi-media-image-container' },
|
|
8255
|
-
imageBox &&
|
|
8272
|
+
imageBox && React.createElement(
|
|
8256
8273
|
LazyLoad,
|
|
8257
8274
|
{ once: true },
|
|
8258
|
-
|
|
8275
|
+
React.createElement(
|
|
8259
8276
|
'picture',
|
|
8260
8277
|
null,
|
|
8261
|
-
|
|
8262
|
-
|
|
8263
|
-
|
|
8264
|
-
|
|
8278
|
+
React.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 1500, imageFit: 'max' }) }),
|
|
8279
|
+
React.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 1000, imageFit: 'max' }) }),
|
|
8280
|
+
React.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: media.poster, client: client, imageWidth: 500, imageFit: 'max' }) }),
|
|
8281
|
+
React.createElement('img', { 'images-count': medias.length, className: 'multi-media-image', src: urlFor({ source: media.poster, client: client }), alt: media.alt || '' })
|
|
8265
8282
|
)
|
|
8266
8283
|
),
|
|
8267
|
-
media.caption &&
|
|
8284
|
+
media.caption && React.createElement(
|
|
8268
8285
|
'span',
|
|
8269
8286
|
{ className: 'multi-media-caption' },
|
|
8270
8287
|
media.caption
|
|
@@ -8274,7 +8291,7 @@ var MultiMedia = function MultiMedia(props) {
|
|
|
8274
8291
|
);
|
|
8275
8292
|
})
|
|
8276
8293
|
),
|
|
8277
|
-
|
|
8294
|
+
React.createElement(
|
|
8278
8295
|
'style',
|
|
8279
8296
|
{ jsx: 'true' },
|
|
8280
8297
|
'\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 '
|
|
@@ -8321,7 +8338,7 @@ var InscreenSensor = function (_React$Component) {
|
|
|
8321
8338
|
}
|
|
8322
8339
|
};
|
|
8323
8340
|
|
|
8324
|
-
_this.wraperRef =
|
|
8341
|
+
_this.wraperRef = React.createRef();
|
|
8325
8342
|
_this.visible = false;
|
|
8326
8343
|
return _this;
|
|
8327
8344
|
}
|
|
@@ -8349,7 +8366,7 @@ var InscreenSensor = function (_React$Component) {
|
|
|
8349
8366
|
_props$id = _props.id,
|
|
8350
8367
|
id = _props$id === undefined ? '' : _props$id;
|
|
8351
8368
|
|
|
8352
|
-
return
|
|
8369
|
+
return React.createElement(
|
|
8353
8370
|
'div',
|
|
8354
8371
|
{ ref: this.wraperRef, className: className, style: style, id: id },
|
|
8355
8372
|
this.props.children
|
|
@@ -8358,7 +8375,7 @@ var InscreenSensor = function (_React$Component) {
|
|
|
8358
8375
|
}]);
|
|
8359
8376
|
|
|
8360
8377
|
return InscreenSensor;
|
|
8361
|
-
}(
|
|
8378
|
+
}(React.Component);
|
|
8362
8379
|
|
|
8363
8380
|
var ArticleSeries = function ArticleSeries(_ref) {
|
|
8364
8381
|
var nodes = _ref.nodes,
|
|
@@ -8467,33 +8484,33 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
8467
8484
|
if (!article || !article.is_visible && article.hasOwnProperty('is_visible') || today < article.published) return null;
|
|
8468
8485
|
var showReading = show ? 'showReading' : '';
|
|
8469
8486
|
var articleLabel = articles.length == 1 && articleNum != 0 || articles.length > 1 && index == 0 ? 'Previous' : 'Next';
|
|
8470
|
-
return
|
|
8487
|
+
return React.createElement(
|
|
8471
8488
|
'div',
|
|
8472
8489
|
{ key: article.title + '_' + index, className: 'prevNextCards' },
|
|
8473
|
-
|
|
8490
|
+
React.createElement(
|
|
8474
8491
|
'a',
|
|
8475
8492
|
{ onClick: function onClick(e) {
|
|
8476
8493
|
return articleCardClickHandler(e);
|
|
8477
8494
|
}, 'data-cardlabel': '' + articleLabel, 'data-articleIndex': '' + index, 'data-articleid': '' + article.param.current },
|
|
8478
|
-
|
|
8495
|
+
React.createElement(
|
|
8479
8496
|
'div',
|
|
8480
8497
|
{ className: 'prevNext-thumbnail' },
|
|
8481
|
-
|
|
8482
|
-
|
|
8498
|
+
React.createElement('img', { src: urlFor({ client: client, source: article.thumbnail.asset }) }),
|
|
8499
|
+
React.createElement(
|
|
8483
8500
|
'div',
|
|
8484
8501
|
{ className: 'prevNext-reading ' + showReading },
|
|
8485
8502
|
articleLabel
|
|
8486
8503
|
)
|
|
8487
8504
|
),
|
|
8488
|
-
|
|
8505
|
+
React.createElement(
|
|
8489
8506
|
'div',
|
|
8490
8507
|
{ className: 'prevNext-summary' },
|
|
8491
|
-
|
|
8508
|
+
React.createElement(
|
|
8492
8509
|
'div',
|
|
8493
8510
|
{ className: 'prevNext-publishDate' },
|
|
8494
8511
|
moment(article.published).format('LL')
|
|
8495
8512
|
),
|
|
8496
|
-
|
|
8513
|
+
React.createElement(
|
|
8497
8514
|
'h2',
|
|
8498
8515
|
{ className: 'prevNext-title' },
|
|
8499
8516
|
article.title
|
|
@@ -8542,7 +8559,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
8542
8559
|
|
|
8543
8560
|
var renderAuthorBiography = function renderAuthorBiography(biography) {
|
|
8544
8561
|
if (biography) {
|
|
8545
|
-
return
|
|
8562
|
+
return React.createElement(BlockContent, _extends({ serializers: getSerializers, blocks: [biography] }, client.config()));
|
|
8546
8563
|
}
|
|
8547
8564
|
};
|
|
8548
8565
|
|
|
@@ -8628,7 +8645,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
8628
8645
|
//console.log('useLayoutEffect')
|
|
8629
8646
|
if (!firstLoad) {
|
|
8630
8647
|
setUpArrowClicked(false);
|
|
8631
|
-
if (
|
|
8648
|
+
if (main_40) {
|
|
8632
8649
|
grabLoadedAds();
|
|
8633
8650
|
} else {
|
|
8634
8651
|
scrollToArticle();
|
|
@@ -8652,7 +8669,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
8652
8669
|
//let targeting = getTargeting({ article: activeArticle, cpModificationRequired, position: props.position, prevUrl })
|
|
8653
8670
|
if (pageview) pageview(path);
|
|
8654
8671
|
|
|
8655
|
-
if (!
|
|
8672
|
+
if (!main_40) {
|
|
8656
8673
|
lib_3.getGoogletag().then(function (googletag) {
|
|
8657
8674
|
if (window.googletag && googletag.pubadsReady) {
|
|
8658
8675
|
lib_3.refresh();
|
|
@@ -8660,7 +8677,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
8660
8677
|
});
|
|
8661
8678
|
}
|
|
8662
8679
|
//Refresh leaderboard ad on mobile
|
|
8663
|
-
if (
|
|
8680
|
+
if (main_40) {
|
|
8664
8681
|
var leaderboardSlotId = '';
|
|
8665
8682
|
lib_3.getGoogletag().then(function (googletag) {
|
|
8666
8683
|
if (window.googletag && googletag.pubadsReady) {
|
|
@@ -8700,38 +8717,38 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
8700
8717
|
setSensorVisible(false);
|
|
8701
8718
|
};
|
|
8702
8719
|
|
|
8703
|
-
return
|
|
8704
|
-
|
|
8720
|
+
return React.createElement(
|
|
8721
|
+
React.Fragment,
|
|
8705
8722
|
null,
|
|
8706
|
-
|
|
8723
|
+
React.createElement(
|
|
8707
8724
|
'div',
|
|
8708
8725
|
{ ref: arrowRef, className: 'scrollToTopArrow' },
|
|
8709
|
-
|
|
8726
|
+
React.createElement(IoIosArrowDropupCircle, { style: { cursor: 'pointer' }, onClick: function onClick() {
|
|
8710
8727
|
return handleArrowClick();
|
|
8711
8728
|
} })
|
|
8712
8729
|
),
|
|
8713
|
-
|
|
8714
|
-
|
|
8730
|
+
React.createElement('hr', { className: 'article-seperater my-4' }),
|
|
8731
|
+
React.createElement(
|
|
8715
8732
|
'div',
|
|
8716
8733
|
{ className: 'objective-prevNext-Wrapper' },
|
|
8717
|
-
|
|
8734
|
+
React.createElement(
|
|
8718
8735
|
'h5',
|
|
8719
8736
|
{ className: 'objective-title' },
|
|
8720
8737
|
nodes.seriesTitle
|
|
8721
8738
|
),
|
|
8722
|
-
|
|
8739
|
+
React.createElement(
|
|
8723
8740
|
'div',
|
|
8724
8741
|
{ className: 'prevNextWrapper' },
|
|
8725
8742
|
PrevNextCards(false, -1)
|
|
8726
8743
|
)
|
|
8727
8744
|
),
|
|
8728
|
-
|
|
8729
|
-
|
|
8745
|
+
React.createElement('hr', { className: 'article-seperater' }),
|
|
8746
|
+
React.createElement(
|
|
8730
8747
|
'div',
|
|
8731
8748
|
{ className: 'ad-box', style: { textAlign: 'center' } },
|
|
8732
|
-
|
|
8749
|
+
main_40 && Ads.map(function (ad, index) {
|
|
8733
8750
|
if (index === 0) {
|
|
8734
|
-
return
|
|
8751
|
+
return React.createElement(
|
|
8735
8752
|
'div',
|
|
8736
8753
|
{
|
|
8737
8754
|
key: 'addid-1',
|
|
@@ -8751,14 +8768,14 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
8751
8768
|
}
|
|
8752
8769
|
})
|
|
8753
8770
|
),
|
|
8754
|
-
|
|
8771
|
+
React.createElement(
|
|
8755
8772
|
'div',
|
|
8756
8773
|
{ ref: articleContainerRef, className: 'article-container', style: { marginBottom: '2rem' } },
|
|
8757
8774
|
Articles.map(function (article, index) {
|
|
8758
|
-
return
|
|
8775
|
+
return React.createElement(
|
|
8759
8776
|
'div',
|
|
8760
8777
|
{ key: article.title },
|
|
8761
|
-
|
|
8778
|
+
React.createElement(
|
|
8762
8779
|
InscreenSensor,
|
|
8763
8780
|
{
|
|
8764
8781
|
visible: sensorVisible,
|
|
@@ -8776,84 +8793,84 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
8776
8793
|
}
|
|
8777
8794
|
}
|
|
8778
8795
|
} },
|
|
8779
|
-
|
|
8796
|
+
React.createElement(
|
|
8780
8797
|
Head,
|
|
8781
8798
|
null,
|
|
8782
|
-
currentTitle !== null &&
|
|
8799
|
+
currentTitle !== null && React.createElement(
|
|
8783
8800
|
'title',
|
|
8784
8801
|
{ key: 'title' },
|
|
8785
8802
|
currentTitle
|
|
8786
8803
|
),
|
|
8787
|
-
currentSummary !== null &&
|
|
8788
|
-
currentURL !== null &&
|
|
8789
|
-
currentTitle !== null &&
|
|
8790
|
-
currentThumbnail !== null &&
|
|
8791
|
-
currentSummary !== null &&
|
|
8792
|
-
currentTitle !== null &&
|
|
8793
|
-
currentThumbnail !== null &&
|
|
8794
|
-
currentSummary !== null &&
|
|
8804
|
+
currentSummary !== null && React.createElement('meta', { name: 'description', key: 'description', content: currentSummary }),
|
|
8805
|
+
currentURL !== null && React.createElement('meta', { property: 'og:url', content: currentURL, key: 'og:url' }),
|
|
8806
|
+
currentTitle !== null && React.createElement('meta', { property: 'og:title', content: currentTitle, key: 'og:title' }),
|
|
8807
|
+
currentThumbnail !== null && React.createElement('meta', { property: 'og:image', content: currentThumbnail, key: 'og:image' }),
|
|
8808
|
+
currentSummary !== null && React.createElement('meta', { property: 'og:description', content: currentSummary, key: 'og:description' }),
|
|
8809
|
+
currentTitle !== null && React.createElement('meta', { name: 'twitter:title', content: currentTitle, key: 'twitter:title' }),
|
|
8810
|
+
currentThumbnail !== null && React.createElement('meta', { name: 'twitter:image', content: currentThumbnail, key: 'twitter:image' }),
|
|
8811
|
+
currentSummary !== null && React.createElement('meta', { name: 'twitter:description', content: currentSummary, key: 'twitter:description' })
|
|
8795
8812
|
),
|
|
8796
|
-
|
|
8813
|
+
React.createElement(
|
|
8797
8814
|
'article',
|
|
8798
8815
|
{ className: 'article-wrapper' },
|
|
8799
|
-
|
|
8816
|
+
React.createElement(
|
|
8800
8817
|
'div',
|
|
8801
8818
|
{ className: 'article-publishDate' },
|
|
8802
8819
|
moment(article.published).format('LL')
|
|
8803
8820
|
),
|
|
8804
|
-
|
|
8821
|
+
React.createElement(
|
|
8805
8822
|
'div',
|
|
8806
8823
|
{ className: 'author-details-wrapper' },
|
|
8807
8824
|
article.authorDetails && article.authorDetails.map(function (authorDetail, index) {
|
|
8808
|
-
return
|
|
8825
|
+
return React.createElement(
|
|
8809
8826
|
'span',
|
|
8810
8827
|
{ key: index },
|
|
8811
8828
|
renderAuthor(authorDetail.displayName, authorDetail.url, index, article.authorDetails.length, authorPrefix, authorDetail.biography && renderAuthorBiography(authorDetail.biography[0]), authorDetail.profileImage && urlFor({ client: client, source: authorDetail.profileImage }))
|
|
8812
8829
|
);
|
|
8813
8830
|
})
|
|
8814
8831
|
),
|
|
8815
|
-
|
|
8832
|
+
React.createElement(
|
|
8816
8833
|
'h2',
|
|
8817
8834
|
{ className: 'article-title' },
|
|
8818
8835
|
article.title
|
|
8819
8836
|
),
|
|
8820
|
-
|
|
8837
|
+
React.createElement(
|
|
8821
8838
|
'div',
|
|
8822
8839
|
{ className: 'mt-2 mb-2' },
|
|
8823
|
-
|
|
8840
|
+
React.createElement(BlockContent, _extends({
|
|
8824
8841
|
serializers: getSerializers,
|
|
8825
8842
|
videoAccountIDs: accountIDs,
|
|
8826
8843
|
blocks: article.text,
|
|
8827
8844
|
imageOptions: { w: 320, h: 240, fit: 'max' }
|
|
8828
8845
|
}, client.config())),
|
|
8829
|
-
|
|
8846
|
+
React.createElement('hr', { className: 'article-seperater my-4' })
|
|
8830
8847
|
),
|
|
8831
|
-
Articles.length > 1 &&
|
|
8832
|
-
|
|
8848
|
+
Articles.length > 1 && React.createElement(
|
|
8849
|
+
React.Fragment,
|
|
8833
8850
|
null,
|
|
8834
|
-
|
|
8851
|
+
React.createElement(
|
|
8835
8852
|
'div',
|
|
8836
8853
|
{ className: 'objective-prevNext-Wrapper' },
|
|
8837
|
-
|
|
8854
|
+
React.createElement(
|
|
8838
8855
|
'h5',
|
|
8839
8856
|
{ className: 'objective-title' },
|
|
8840
8857
|
nodes.seriesTitle
|
|
8841
8858
|
),
|
|
8842
|
-
|
|
8859
|
+
React.createElement(
|
|
8843
8860
|
'div',
|
|
8844
8861
|
{ className: 'prevNextWrapper' },
|
|
8845
8862
|
PrevNextCards(true, index)
|
|
8846
8863
|
)
|
|
8847
8864
|
),
|
|
8848
|
-
|
|
8865
|
+
React.createElement('hr', { className: 'article-seperater' })
|
|
8849
8866
|
)
|
|
8850
8867
|
),
|
|
8851
|
-
|
|
8868
|
+
React.createElement(
|
|
8852
8869
|
'div',
|
|
8853
8870
|
{ className: 'ad-box', style: { textAlign: 'center' } },
|
|
8854
|
-
|
|
8871
|
+
main_40 && Articles.length - 1 !== index && Ads.map(function (ad, innerIndex) {
|
|
8855
8872
|
if (innerIndex === 0) {
|
|
8856
|
-
return
|
|
8873
|
+
return React.createElement(
|
|
8857
8874
|
'div',
|
|
8858
8875
|
{
|
|
8859
8876
|
key: 'addid-' + (index + 2),
|
|
@@ -8876,7 +8893,7 @@ var ArticleSeries = function ArticleSeries(_ref) {
|
|
|
8876
8893
|
)
|
|
8877
8894
|
);
|
|
8878
8895
|
}),
|
|
8879
|
-
|
|
8896
|
+
React.createElement(
|
|
8880
8897
|
'style',
|
|
8881
8898
|
{ jsx: 'true' },
|
|
8882
8899
|
'\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 '
|
|
@@ -8906,11 +8923,11 @@ var LightBox = function LightBox(_ref) {
|
|
|
8906
8923
|
};
|
|
8907
8924
|
}, [handleClickOutside]);
|
|
8908
8925
|
|
|
8909
|
-
return
|
|
8926
|
+
return React.createElement(
|
|
8910
8927
|
'div',
|
|
8911
8928
|
{ ref: lightboxContainer, className: 'lightbox-target ' + (showLightbox ? 'open' : 'close') },
|
|
8912
|
-
|
|
8913
|
-
|
|
8929
|
+
React.createElement('img', { ref: lightboxImage, src: lightboxImgSrc }),
|
|
8930
|
+
React.createElement(
|
|
8914
8931
|
'style',
|
|
8915
8932
|
{ jsx: 'true' },
|
|
8916
8933
|
'\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 '
|
|
@@ -8924,7 +8941,7 @@ var compareProps = function compareProps(prevProps, nextProps) {
|
|
|
8924
8941
|
}
|
|
8925
8942
|
};
|
|
8926
8943
|
|
|
8927
|
-
var FigureImage =
|
|
8944
|
+
var FigureImage = React.memo(function (_ref2) {
|
|
8928
8945
|
var node = _ref2.node,
|
|
8929
8946
|
client = _ref2.client,
|
|
8930
8947
|
imgAlt = _ref2.imgAlt,
|
|
@@ -8932,13 +8949,13 @@ var FigureImage = React__default.memo(function (_ref2) {
|
|
|
8932
8949
|
handleClickFigure = _ref2.handleClickFigure;
|
|
8933
8950
|
|
|
8934
8951
|
var figureImageStyle = link ? { maxWidth: '100%' } : { maxWidth: '100%', cursor: 'pointer', width: 'auto' };
|
|
8935
|
-
return
|
|
8952
|
+
return React.createElement(
|
|
8936
8953
|
'picture',
|
|
8937
8954
|
null,
|
|
8938
|
-
|
|
8939
|
-
|
|
8940
|
-
|
|
8941
|
-
|
|
8955
|
+
React.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1500, imageFit: 'max' }) }),
|
|
8956
|
+
React.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1000, imageFit: 'max' }) }),
|
|
8957
|
+
React.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 500, imageFit: 'max' }) }),
|
|
8958
|
+
React.createElement('img', _extends({
|
|
8942
8959
|
style: figureImageStyle,
|
|
8943
8960
|
className: 'figure-image',
|
|
8944
8961
|
src: urlFor({ source: node, client: client }),
|
|
@@ -8989,30 +9006,30 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
8989
9006
|
|
|
8990
9007
|
var renderTooltip = function renderTooltip(props) {
|
|
8991
9008
|
if (infoBox[0].title) {
|
|
8992
|
-
return
|
|
8993
|
-
Popover
|
|
9009
|
+
return React.createElement(
|
|
9010
|
+
Popover,
|
|
8994
9011
|
{ id: 'popover-basic-' + infoBox[0].title },
|
|
8995
|
-
|
|
8996
|
-
Popover
|
|
9012
|
+
React.createElement(
|
|
9013
|
+
Popover.Title,
|
|
8997
9014
|
{ as: 'h3' },
|
|
8998
9015
|
infoBox[0].title
|
|
8999
9016
|
),
|
|
9000
|
-
|
|
9001
|
-
Popover
|
|
9017
|
+
React.createElement(
|
|
9018
|
+
Popover.Content,
|
|
9002
9019
|
null,
|
|
9003
|
-
|
|
9020
|
+
React.createElement(BlockContent, { blocks: infoBox[0].infoText, serializers: getSerializers })
|
|
9004
9021
|
)
|
|
9005
9022
|
);
|
|
9006
9023
|
} else {
|
|
9007
|
-
return
|
|
9008
|
-
Tooltip
|
|
9009
|
-
_extends
|
|
9010
|
-
|
|
9024
|
+
return React.createElement(
|
|
9025
|
+
Tooltip,
|
|
9026
|
+
_extends({ id: 'button-tooltip' }, props),
|
|
9027
|
+
React.createElement(BlockContent, { blocks: infoBox[0].infoText, serializers: getSerializers })
|
|
9011
9028
|
);
|
|
9012
9029
|
}
|
|
9013
9030
|
};
|
|
9014
9031
|
|
|
9015
|
-
var FigureImageWOverLay =
|
|
9032
|
+
var FigureImageWOverLay = React.memo(function (_ref3) {
|
|
9016
9033
|
var node = _ref3.node,
|
|
9017
9034
|
client = _ref3.client,
|
|
9018
9035
|
imgAlt = _ref3.imgAlt,
|
|
@@ -9020,32 +9037,32 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9020
9037
|
handleClickFigure = _ref3.handleClickFigure;
|
|
9021
9038
|
|
|
9022
9039
|
var figureImageStyle = link ? { maxWidth: '100%' } : { maxWidth: '100%', cursor: 'pointer', width: 'auto' };
|
|
9023
|
-
var triggerAction =
|
|
9024
|
-
var placementLocation =
|
|
9025
|
-
return
|
|
9040
|
+
var triggerAction = main_39 ? 'click' : 'hover';
|
|
9041
|
+
var placementLocation = main_39 ? 'top' : infoBox[0].alignment ? infoBox[0].alignment : 'right';
|
|
9042
|
+
return React.createElement(
|
|
9026
9043
|
'picture',
|
|
9027
9044
|
null,
|
|
9028
|
-
|
|
9029
|
-
|
|
9030
|
-
|
|
9031
|
-
|
|
9045
|
+
React.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1500, imageFit: 'max' }) }),
|
|
9046
|
+
React.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 1000, imageFit: 'max' }) }),
|
|
9047
|
+
React.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: node, client: client, imageWidth: 500, imageFit: 'max' }) }),
|
|
9048
|
+
main_39 && link ? React.createElement('img', _extends({
|
|
9032
9049
|
style: figureImageStyle,
|
|
9033
9050
|
className: 'figure-image',
|
|
9034
9051
|
src: urlFor({ source: node, client: client }),
|
|
9035
9052
|
alt: imgAlt ? imgAlt : 'figure image'
|
|
9036
|
-
}, !link && !
|
|
9053
|
+
}, !link && !main_39 && {
|
|
9037
9054
|
onClick: function onClick() {
|
|
9038
9055
|
return handleClickFigure(node, client);
|
|
9039
9056
|
}
|
|
9040
|
-
})) :
|
|
9057
|
+
})) : React.createElement(
|
|
9041
9058
|
OverlayTrigger,
|
|
9042
9059
|
{ trigger: triggerAction, placement: placementLocation, delay: { show: 250, hide: 400 }, overlay: renderTooltip() },
|
|
9043
|
-
|
|
9060
|
+
React.createElement('img', _extends({
|
|
9044
9061
|
style: figureImageStyle,
|
|
9045
9062
|
className: 'figure-image',
|
|
9046
9063
|
src: urlFor({ source: node, client: client }),
|
|
9047
9064
|
alt: imgAlt ? imgAlt : 'figure image'
|
|
9048
|
-
}, !link && !
|
|
9065
|
+
}, !link && !main_39 && {
|
|
9049
9066
|
onClick: function onClick() {
|
|
9050
9067
|
return handleClickFigure(node, client);
|
|
9051
9068
|
}
|
|
@@ -9094,13 +9111,13 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9094
9111
|
|
|
9095
9112
|
var FigureCaption = useCallback(function () {
|
|
9096
9113
|
if (imgcaption && imgcaption.length > 0) {
|
|
9097
|
-
return
|
|
9114
|
+
return React.createElement(
|
|
9098
9115
|
'div',
|
|
9099
9116
|
{ className: 'figure-caption' },
|
|
9100
|
-
|
|
9117
|
+
React.createElement(BlockContent, { blocks: imgcaption, serializers: getSerializers })
|
|
9101
9118
|
);
|
|
9102
9119
|
} else if (caption) {
|
|
9103
|
-
return
|
|
9120
|
+
return React.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } });
|
|
9104
9121
|
} else return null;
|
|
9105
9122
|
}, [caption, imgcaption]);
|
|
9106
9123
|
|
|
@@ -9117,24 +9134,24 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9117
9134
|
setShowLightbox(true);
|
|
9118
9135
|
}, [node, client]);
|
|
9119
9136
|
|
|
9120
|
-
return
|
|
9121
|
-
|
|
9137
|
+
return React.createElement(
|
|
9138
|
+
React.Fragment,
|
|
9122
9139
|
null,
|
|
9123
|
-
infoBox.length >= 1 ?
|
|
9124
|
-
Figure$
|
|
9140
|
+
infoBox.length >= 1 ? React.createElement(
|
|
9141
|
+
Figure$2,
|
|
9125
9142
|
{ className: '' + class_name, style: figureStyle },
|
|
9126
|
-
link ?
|
|
9143
|
+
link ? React.createElement(
|
|
9127
9144
|
'a',
|
|
9128
9145
|
{ target: blank ? '_blank' : '_self', href: link },
|
|
9129
|
-
|
|
9130
|
-
|
|
9131
|
-
) :
|
|
9132
|
-
|
|
9146
|
+
React.createElement(FigureImageWOverLay, { node: node, client: client, imgAlt: alt, link: link }),
|
|
9147
|
+
React.createElement(FigureCaption, null)
|
|
9148
|
+
) : React.createElement(
|
|
9149
|
+
React.Fragment,
|
|
9133
9150
|
null,
|
|
9134
|
-
|
|
9135
|
-
|
|
9151
|
+
React.createElement(FigureImageWOverLay, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
|
|
9152
|
+
React.createElement(FigureCaption, null)
|
|
9136
9153
|
),
|
|
9137
|
-
|
|
9154
|
+
React.createElement(LightBox, {
|
|
9138
9155
|
showLightbox: showLightbox,
|
|
9139
9156
|
lightboxImgSrc: lightboxImgSrc,
|
|
9140
9157
|
closeLightbox: function closeLightbox() {
|
|
@@ -9142,21 +9159,21 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9142
9159
|
setShowLightbox(false);
|
|
9143
9160
|
}
|
|
9144
9161
|
})
|
|
9145
|
-
) :
|
|
9146
|
-
Figure$
|
|
9162
|
+
) : React.createElement(
|
|
9163
|
+
Figure$2,
|
|
9147
9164
|
{ className: '' + class_name, style: figureStyle },
|
|
9148
|
-
link ?
|
|
9165
|
+
link ? React.createElement(
|
|
9149
9166
|
'a',
|
|
9150
9167
|
{ target: blank ? '_blank' : '_self', href: link },
|
|
9151
|
-
|
|
9152
|
-
|
|
9153
|
-
) :
|
|
9154
|
-
|
|
9168
|
+
React.createElement(FigureImage, { node: node, client: client, imgAlt: alt, link: link }),
|
|
9169
|
+
React.createElement(FigureCaption, null)
|
|
9170
|
+
) : React.createElement(
|
|
9171
|
+
React.Fragment,
|
|
9155
9172
|
null,
|
|
9156
|
-
|
|
9157
|
-
|
|
9173
|
+
React.createElement(FigureImage, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
|
|
9174
|
+
React.createElement(FigureCaption, null)
|
|
9158
9175
|
),
|
|
9159
|
-
|
|
9176
|
+
React.createElement(LightBox, {
|
|
9160
9177
|
showLightbox: showLightbox,
|
|
9161
9178
|
lightboxImgSrc: lightboxImgSrc,
|
|
9162
9179
|
closeLightbox: function closeLightbox() {
|
|
@@ -9165,7 +9182,7 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9165
9182
|
}
|
|
9166
9183
|
})
|
|
9167
9184
|
),
|
|
9168
|
-
|
|
9185
|
+
React.createElement(
|
|
9169
9186
|
'style',
|
|
9170
9187
|
{ jsx: 'true' },
|
|
9171
9188
|
'\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 '
|
|
@@ -9173,7 +9190,7 @@ var FigureComponent = function FigureComponent(props) {
|
|
|
9173
9190
|
);
|
|
9174
9191
|
};
|
|
9175
9192
|
|
|
9176
|
-
var Figure =
|
|
9193
|
+
var Figure = React.memo(FigureComponent, compareProps);
|
|
9177
9194
|
|
|
9178
9195
|
function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
|
|
9179
9196
|
useEffect(function () {
|
|
@@ -9190,7 +9207,7 @@ function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
|
|
|
9190
9207
|
}, [ref]);
|
|
9191
9208
|
}
|
|
9192
9209
|
|
|
9193
|
-
var FigureImage$1 =
|
|
9210
|
+
var FigureImage$1 = React.memo(function (_ref) {
|
|
9194
9211
|
var imagesCount = _ref.imagesCount,
|
|
9195
9212
|
image = _ref.image,
|
|
9196
9213
|
client = _ref.client,
|
|
@@ -9198,13 +9215,13 @@ var FigureImage$1 = React__default.memo(function (_ref) {
|
|
|
9198
9215
|
link = _ref.link,
|
|
9199
9216
|
handleClickFigure = _ref.handleClickFigure;
|
|
9200
9217
|
|
|
9201
|
-
return
|
|
9218
|
+
return React.createElement(
|
|
9202
9219
|
'picture',
|
|
9203
9220
|
null,
|
|
9204
|
-
|
|
9205
|
-
|
|
9206
|
-
|
|
9207
|
-
|
|
9221
|
+
React.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1500, imageFit: 'max' }) }),
|
|
9222
|
+
React.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1000, imageFit: 'max' }) }),
|
|
9223
|
+
React.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 500, imageFit: 'max' }) }),
|
|
9224
|
+
React.createElement('img', _extends({
|
|
9208
9225
|
'images-count': imagesCount,
|
|
9209
9226
|
className: 'multi-figure-image',
|
|
9210
9227
|
src: urlFor({ source: image, client: client }),
|
|
@@ -9241,13 +9258,13 @@ var MultiFigure = function MultiFigure(props) {
|
|
|
9241
9258
|
imgcaption = _ref2.imgcaption;
|
|
9242
9259
|
|
|
9243
9260
|
if (imgcaption && imgcaption.length > 0) {
|
|
9244
|
-
return
|
|
9261
|
+
return React.createElement(
|
|
9245
9262
|
'div',
|
|
9246
9263
|
{ className: 'multi-figure-caption' },
|
|
9247
|
-
|
|
9264
|
+
React.createElement(BlockContent, { blocks: imgcaption, serializers: getSerializers })
|
|
9248
9265
|
);
|
|
9249
9266
|
} else if (caption) {
|
|
9250
|
-
return
|
|
9267
|
+
return React.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'multi-figure-caption\'>' + caption + '</span>' } });
|
|
9251
9268
|
} else return null;
|
|
9252
9269
|
};
|
|
9253
9270
|
|
|
@@ -9256,7 +9273,7 @@ var MultiFigure = function MultiFigure(props) {
|
|
|
9256
9273
|
setOpenImg(true);
|
|
9257
9274
|
}, [client]);
|
|
9258
9275
|
|
|
9259
|
-
var FigureImageWOverLay =
|
|
9276
|
+
var FigureImageWOverLay = React.memo(function (_ref3) {
|
|
9260
9277
|
var imagesCount = _ref3.imagesCount,
|
|
9261
9278
|
image = _ref3.image,
|
|
9262
9279
|
client = _ref3.client,
|
|
@@ -9264,32 +9281,32 @@ var MultiFigure = function MultiFigure(props) {
|
|
|
9264
9281
|
link = _ref3.link,
|
|
9265
9282
|
handleClickFigure = _ref3.handleClickFigure;
|
|
9266
9283
|
|
|
9267
|
-
var triggerAction =
|
|
9268
|
-
var placementLocation =
|
|
9269
|
-
return
|
|
9284
|
+
var triggerAction = main_39 ? 'click' : 'hover';
|
|
9285
|
+
var placementLocation = main_39 ? 'top' : image.infoBox[0] ? image.infoBox[0].alignment : 'right';
|
|
9286
|
+
return React.createElement(
|
|
9270
9287
|
'picture',
|
|
9271
9288
|
null,
|
|
9272
|
-
|
|
9273
|
-
|
|
9274
|
-
|
|
9275
|
-
|
|
9289
|
+
React.createElement('source', { media: '(min-width: 1200px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1500, imageFit: 'max' }) }),
|
|
9290
|
+
React.createElement('source', { media: '(min-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 1000, imageFit: 'max' }) }),
|
|
9291
|
+
React.createElement('source', { media: '(max-width: 600px)', srcSet: urlFor({ source: image, client: client, imageWidth: 500, imageFit: 'max' }) }),
|
|
9292
|
+
main_39 && link ? React.createElement('img', _extends({
|
|
9276
9293
|
'images-count': imagesCount,
|
|
9277
9294
|
className: 'multi-figure-image',
|
|
9278
9295
|
src: urlFor({ source: image, client: client }),
|
|
9279
9296
|
alt: imgAlt ? imgAlt : 'multi figure'
|
|
9280
|
-
}, !link && !
|
|
9297
|
+
}, !link && !main_39 && {
|
|
9281
9298
|
onClick: function onClick() {
|
|
9282
9299
|
return handleClickFigure(image, client);
|
|
9283
9300
|
}
|
|
9284
|
-
})) :
|
|
9301
|
+
})) : React.createElement(
|
|
9285
9302
|
OverlayTrigger,
|
|
9286
9303
|
{ trigger: triggerAction, placement: placementLocation, delay: { show: 250, hide: 400 }, overlay: renderTooltip(image) },
|
|
9287
|
-
|
|
9304
|
+
React.createElement('img', _extends({
|
|
9288
9305
|
'images-count': imagesCount,
|
|
9289
9306
|
className: 'multi-figure-image',
|
|
9290
9307
|
src: urlFor({ source: image, client: client }),
|
|
9291
9308
|
alt: imgAlt ? imgAlt : 'multi figure'
|
|
9292
|
-
}, !link && !
|
|
9309
|
+
}, !link && !main_39 && {
|
|
9293
9310
|
onClick: function onClick() {
|
|
9294
9311
|
return handleClickFigure(image, client);
|
|
9295
9312
|
}
|
|
@@ -9300,102 +9317,102 @@ var MultiFigure = function MultiFigure(props) {
|
|
|
9300
9317
|
|
|
9301
9318
|
var renderTooltip = function renderTooltip(image) {
|
|
9302
9319
|
if (image.infoBox[0].title) {
|
|
9303
|
-
return
|
|
9304
|
-
Popover
|
|
9320
|
+
return React.createElement(
|
|
9321
|
+
Popover,
|
|
9305
9322
|
{ id: 'popover-basic-' + image.infoBox[0].title },
|
|
9306
|
-
|
|
9307
|
-
Popover
|
|
9323
|
+
React.createElement(
|
|
9324
|
+
Popover.Title,
|
|
9308
9325
|
{ as: 'h3' },
|
|
9309
9326
|
image.infoBox[0].title
|
|
9310
9327
|
),
|
|
9311
|
-
|
|
9312
|
-
Popover
|
|
9328
|
+
React.createElement(
|
|
9329
|
+
Popover.Content,
|
|
9313
9330
|
null,
|
|
9314
|
-
|
|
9331
|
+
React.createElement(BlockContent, { blocks: image.infoBox[0].infoText, serializers: getSerializers })
|
|
9315
9332
|
)
|
|
9316
9333
|
);
|
|
9317
9334
|
} else {
|
|
9318
|
-
return
|
|
9319
|
-
Tooltip
|
|
9320
|
-
_extends
|
|
9321
|
-
|
|
9335
|
+
return React.createElement(
|
|
9336
|
+
Tooltip,
|
|
9337
|
+
_extends({ id: 'button-tooltip' }, props),
|
|
9338
|
+
React.createElement(BlockContent, { blocks: image.infoBox[0].infoText, serializers: getSerializers })
|
|
9322
9339
|
);
|
|
9323
9340
|
}
|
|
9324
9341
|
};
|
|
9325
9342
|
|
|
9326
9343
|
if (images && images.length > 0) {
|
|
9327
|
-
return
|
|
9344
|
+
return React.createElement(
|
|
9328
9345
|
'div',
|
|
9329
9346
|
{ className: 'multi-figure-container' },
|
|
9330
|
-
|
|
9347
|
+
React.createElement(
|
|
9331
9348
|
Row$1,
|
|
9332
9349
|
{ noGutters: true, style: { alignItems: 'center' } },
|
|
9333
9350
|
images.map(function (image, index) {
|
|
9334
9351
|
if (image.infoBox) {
|
|
9335
|
-
return
|
|
9352
|
+
return React.createElement(
|
|
9336
9353
|
Col$1,
|
|
9337
9354
|
{ xs: 12, md: 12 / images.length, key: index },
|
|
9338
|
-
image.link ?
|
|
9355
|
+
image.link ? React.createElement(
|
|
9339
9356
|
'a',
|
|
9340
|
-
_extends
|
|
9341
|
-
|
|
9357
|
+
_extends({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'default' } }),
|
|
9358
|
+
React.createElement(
|
|
9342
9359
|
'div',
|
|
9343
9360
|
{ className: 'multi-figure-image-container' },
|
|
9344
|
-
|
|
9361
|
+
React.createElement(
|
|
9345
9362
|
LazyLoad,
|
|
9346
9363
|
{ once: true },
|
|
9347
|
-
|
|
9364
|
+
React.createElement(FigureImageWOverLay, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
|
|
9348
9365
|
),
|
|
9349
|
-
|
|
9366
|
+
React.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
|
|
9350
9367
|
)
|
|
9351
|
-
) :
|
|
9368
|
+
) : React.createElement(
|
|
9352
9369
|
'div',
|
|
9353
9370
|
{ className: 'multi-figure-image-container' },
|
|
9354
|
-
|
|
9371
|
+
React.createElement(
|
|
9355
9372
|
LazyLoad,
|
|
9356
9373
|
{ once: true },
|
|
9357
|
-
|
|
9374
|
+
React.createElement(FigureImageWOverLay, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
|
|
9358
9375
|
),
|
|
9359
|
-
|
|
9376
|
+
React.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
|
|
9360
9377
|
)
|
|
9361
9378
|
);
|
|
9362
9379
|
} else {
|
|
9363
|
-
return
|
|
9380
|
+
return React.createElement(
|
|
9364
9381
|
Col$1,
|
|
9365
9382
|
{ xs: 12, md: 12 / images.length, key: index },
|
|
9366
|
-
image.link ?
|
|
9383
|
+
image.link ? React.createElement(
|
|
9367
9384
|
'a',
|
|
9368
|
-
_extends
|
|
9369
|
-
|
|
9385
|
+
_extends({}, image.link && { href: image.link, target: image.blank ? '_blank' : '_self' }, { style: { cursor: image.link ? 'pointer' : 'default' } }),
|
|
9386
|
+
React.createElement(
|
|
9370
9387
|
'div',
|
|
9371
9388
|
{ className: 'multi-figure-image-container' },
|
|
9372
|
-
|
|
9389
|
+
React.createElement(
|
|
9373
9390
|
LazyLoad,
|
|
9374
9391
|
{ once: true },
|
|
9375
|
-
|
|
9392
|
+
React.createElement(FigureImage$1, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
|
|
9376
9393
|
),
|
|
9377
|
-
|
|
9394
|
+
React.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
|
|
9378
9395
|
)
|
|
9379
|
-
) :
|
|
9396
|
+
) : React.createElement(
|
|
9380
9397
|
'div',
|
|
9381
9398
|
{ className: 'multi-figure-image-container' },
|
|
9382
|
-
|
|
9399
|
+
React.createElement(
|
|
9383
9400
|
LazyLoad,
|
|
9384
9401
|
{ once: true },
|
|
9385
|
-
|
|
9402
|
+
React.createElement(FigureImage$1, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
|
|
9386
9403
|
),
|
|
9387
|
-
|
|
9404
|
+
React.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
|
|
9388
9405
|
)
|
|
9389
9406
|
);
|
|
9390
9407
|
}
|
|
9391
9408
|
})
|
|
9392
9409
|
),
|
|
9393
|
-
|
|
9410
|
+
React.createElement(
|
|
9394
9411
|
'div',
|
|
9395
9412
|
{ ref: lightboxContainer, className: 'lightbox-target ' + (openImg ? 'open' : 'close') },
|
|
9396
|
-
|
|
9413
|
+
React.createElement('img', { ref: lightboxImage, src: openImgSrc })
|
|
9397
9414
|
),
|
|
9398
|
-
|
|
9415
|
+
React.createElement(
|
|
9399
9416
|
'style',
|
|
9400
9417
|
{ jsx: 'true' },
|
|
9401
9418
|
'\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 '
|
|
@@ -9405,8 +9422,6 @@ var MultiFigure = function MultiFigure(props) {
|
|
|
9405
9422
|
return null;
|
|
9406
9423
|
};
|
|
9407
9424
|
|
|
9408
|
-
var offsetHeightBuffer = 50;
|
|
9409
|
-
|
|
9410
9425
|
var AnchorLinkElement = function AnchorLinkElement(props) {
|
|
9411
9426
|
var articleId = props.articleId,
|
|
9412
9427
|
_props$node = props.node,
|
|
@@ -9433,294 +9448,18 @@ var AnchorLinkElement = function AnchorLinkElement(props) {
|
|
|
9433
9448
|
};
|
|
9434
9449
|
}, []);
|
|
9435
9450
|
|
|
9436
|
-
|
|
9437
|
-
|
|
9438
|
-
|
|
9439
|
-
|
|
9440
|
-
|
|
9441
|
-
|
|
9442
|
-
|
|
9443
|
-
|
|
9444
|
-
if (hambergerNav) setOffsetHeight(hambergerNav.offsetHeight);else if (header) setOffsetHeight(header.offsetHeight);
|
|
9445
|
-
}, []);
|
|
9446
|
-
|
|
9447
|
-
return React__default.createElement(
|
|
9448
|
-
React__default.Fragment,
|
|
9449
|
-
null,
|
|
9450
|
-
React__default.createElement(
|
|
9451
|
-
Head,
|
|
9452
|
-
null,
|
|
9453
|
-
React__default.createElement('script', {
|
|
9454
|
-
dangerouslySetInnerHTML: {
|
|
9455
|
-
__html: 'history.scrollRestoration = "manual"'
|
|
9456
|
-
}
|
|
9457
|
-
})
|
|
9458
|
-
),
|
|
9459
|
-
React__default.createElement(
|
|
9460
|
-
'div',
|
|
9461
|
-
{ id: elementId },
|
|
9462
|
-
React__default.createElement(BlockContent, { blocks: content, serializers: getSerializers }),
|
|
9463
|
-
React__default.createElement(
|
|
9464
|
-
'style',
|
|
9465
|
-
{ jsx: 'true' },
|
|
9466
|
-
'\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 '
|
|
9467
|
-
)
|
|
9451
|
+
return React.createElement(
|
|
9452
|
+
'div',
|
|
9453
|
+
{ id: elementId },
|
|
9454
|
+
React.createElement(BlockContent, { blocks: content, serializers: getSerializers }),
|
|
9455
|
+
React.createElement(
|
|
9456
|
+
'style',
|
|
9457
|
+
{ jsx: 'true' },
|
|
9458
|
+
'\n #' + elementId + '::before {\n display: block;\n content: \' \';\n margin-top: -100px;\n height: 100px;\n visibility: hidden;\n pointer-events: none;\n }\n '
|
|
9468
9459
|
)
|
|
9469
9460
|
);
|
|
9470
9461
|
};
|
|
9471
9462
|
|
|
9472
|
-
var objectWithoutProperties = createCommonjsModule(function (module, exports) {
|
|
9473
|
-
|
|
9474
|
-
exports.__esModule = true;
|
|
9475
|
-
|
|
9476
|
-
exports.default = function (obj, keys) {
|
|
9477
|
-
var target = {};
|
|
9478
|
-
|
|
9479
|
-
for (var i in obj) {
|
|
9480
|
-
if (keys.indexOf(i) >= 0) continue;
|
|
9481
|
-
if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
|
|
9482
|
-
target[i] = obj[i];
|
|
9483
|
-
}
|
|
9484
|
-
|
|
9485
|
-
return target;
|
|
9486
|
-
};
|
|
9487
|
-
});
|
|
9488
|
-
|
|
9489
|
-
unwrapExports(objectWithoutProperties);
|
|
9490
|
-
|
|
9491
|
-
var ScriptTag_1 = createCommonjsModule(function (module, exports) {
|
|
9492
|
-
|
|
9493
|
-
exports.__esModule = true;
|
|
9494
|
-
|
|
9495
|
-
|
|
9496
|
-
|
|
9497
|
-
var _extends3 = _interopRequireDefault(_extends$2);
|
|
9498
|
-
|
|
9499
|
-
|
|
9500
|
-
|
|
9501
|
-
var _objectWithoutProperties3 = _interopRequireDefault(objectWithoutProperties);
|
|
9502
|
-
|
|
9503
|
-
|
|
9504
|
-
|
|
9505
|
-
var _classCallCheck3 = _interopRequireDefault(classCallCheck);
|
|
9506
|
-
|
|
9507
|
-
|
|
9508
|
-
|
|
9509
|
-
var _possibleConstructorReturn3 = _interopRequireDefault(possibleConstructorReturn);
|
|
9510
|
-
|
|
9511
|
-
|
|
9512
|
-
|
|
9513
|
-
var _inherits3 = _interopRequireDefault(inherits);
|
|
9514
|
-
|
|
9515
|
-
|
|
9516
|
-
|
|
9517
|
-
var _react2 = _interopRequireDefault(React__default);
|
|
9518
|
-
|
|
9519
|
-
|
|
9520
|
-
|
|
9521
|
-
var _propTypes2 = _interopRequireDefault(PropTypes);
|
|
9522
|
-
|
|
9523
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9524
|
-
var noop = function noop() {};
|
|
9525
|
-
|
|
9526
|
-
var ScriptTag = function (_Component) {
|
|
9527
|
-
(0, _inherits3.default)(ScriptTag, _Component);
|
|
9528
|
-
|
|
9529
|
-
ScriptTag.removeNode = function removeNode(node) {
|
|
9530
|
-
if (node) {
|
|
9531
|
-
node.parentNode.removeChild(node);
|
|
9532
|
-
}
|
|
9533
|
-
};
|
|
9534
|
-
|
|
9535
|
-
function ScriptTag(props, context) {
|
|
9536
|
-
(0, _classCallCheck3.default)(this, ScriptTag);
|
|
9537
|
-
|
|
9538
|
-
var _this = (0, _possibleConstructorReturn3.default)(this, _Component.call(this, props, context));
|
|
9539
|
-
|
|
9540
|
-
_this.domRef = null;
|
|
9541
|
-
_this.state = {
|
|
9542
|
-
isHydrated: props.isHydrating,
|
|
9543
|
-
additionalNode: null,
|
|
9544
|
-
removeAdditionalNode: null
|
|
9545
|
-
};
|
|
9546
|
-
return _this;
|
|
9547
|
-
}
|
|
9548
|
-
|
|
9549
|
-
ScriptTag.prototype.appendAdditionalElement = function appendAdditionalElement() {
|
|
9550
|
-
var _props = this.props,
|
|
9551
|
-
onError = _props.onError,
|
|
9552
|
-
onLoad = _props.onLoad,
|
|
9553
|
-
nonce = _props.nonce;
|
|
9554
|
-
|
|
9555
|
-
// Create a new HTML script element
|
|
9556
|
-
|
|
9557
|
-
var newElement = document.createElement("script");
|
|
9558
|
-
|
|
9559
|
-
// Copy all attribute values
|
|
9560
|
-
for (var i = 0, len = this.domRef.attributes.length; i < len; i++) {
|
|
9561
|
-
var attr = this.domRef.attributes[i];
|
|
9562
|
-
if (attr.nodeName === 'nonce') {
|
|
9563
|
-
// The browser clears the nonce value - grab from props
|
|
9564
|
-
newElement.setAttribute(attr.nodeName, nonce);
|
|
9565
|
-
} else {
|
|
9566
|
-
newElement.setAttribute(attr.nodeName, attr.nodeValue);
|
|
9567
|
-
}
|
|
9568
|
-
}
|
|
9569
|
-
|
|
9570
|
-
// Copy the inner script
|
|
9571
|
-
if (this.domRef.src === '' && this.domRef.innerHTML && this.domRef.innerHTML !== '') {
|
|
9572
|
-
newElement.innerHTML = this.domRef.innerHTML;
|
|
9573
|
-
}
|
|
9574
|
-
|
|
9575
|
-
// Bind event listeners
|
|
9576
|
-
newElement.addEventListener('load', onLoad);
|
|
9577
|
-
newElement.addEventListener('error', onError);
|
|
9578
|
-
|
|
9579
|
-
// Append the new script tag
|
|
9580
|
-
this.domRef.parentNode.appendChild(newElement);
|
|
9581
|
-
return newElement;
|
|
9582
|
-
};
|
|
9583
|
-
|
|
9584
|
-
ScriptTag.prototype.componentDidMount = function componentDidMount() {
|
|
9585
|
-
var isHydrated = this.state.isHydrated;
|
|
9586
|
-
|
|
9587
|
-
if (isHydrated) {
|
|
9588
|
-
// was rendered on server, don't replace elements when hydrating
|
|
9589
|
-
return;
|
|
9590
|
-
}
|
|
9591
|
-
|
|
9592
|
-
this.setState({
|
|
9593
|
-
additionalNode: this.appendAdditionalElement(),
|
|
9594
|
-
removeAdditionalNode: null
|
|
9595
|
-
});
|
|
9596
|
-
};
|
|
9597
|
-
|
|
9598
|
-
ScriptTag.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
|
|
9599
|
-
// This logic assumes that the <script> only need to be updated if the 'src' or 'innerHTML' has changed
|
|
9600
|
-
// - this prevents the <script> from updating unnecessarily, which prevents additional 'onload' events
|
|
9601
|
-
|
|
9602
|
-
// This isn't perfect - but it keeps the component very simple, and should cover most use-cases
|
|
9603
|
-
// Other props SHOULD be assigned at the same time as either the 'src' or 'innerHTML' property
|
|
9604
|
-
// -> If this is to change and support updating on ANY prop change, the 'appendAdditionalElement()' method
|
|
9605
|
-
// and state management will need to be modified to manipulate the DOM script tag based on each prop change.
|
|
9606
|
-
// This really complicates the component - for now we'll leave it as is.
|
|
9607
|
-
var _props2 = this.props,
|
|
9608
|
-
src = _props2.src,
|
|
9609
|
-
dangerouslySetInnerHTML = _props2.dangerouslySetInnerHTML;
|
|
9610
|
-
|
|
9611
|
-
if (src && src === nextProps.src) {
|
|
9612
|
-
// The 'src' attribute has not changed
|
|
9613
|
-
return;
|
|
9614
|
-
}
|
|
9615
|
-
|
|
9616
|
-
if (dangerouslySetInnerHTML && dangerouslySetInnerHTML.__html === nextProps.dangerouslySetInnerHTML.__html) {
|
|
9617
|
-
// The 'dangerouslySetInnerHTML' attribute has not changed
|
|
9618
|
-
return;
|
|
9619
|
-
}
|
|
9620
|
-
|
|
9621
|
-
this.setState({
|
|
9622
|
-
removeAdditionalNode: this.state.additionalNode,
|
|
9623
|
-
additionalNode: null
|
|
9624
|
-
});
|
|
9625
|
-
};
|
|
9626
|
-
|
|
9627
|
-
ScriptTag.prototype.componentWillUpdate = function componentWillUpdate(nextProps, nextState) {
|
|
9628
|
-
ScriptTag.removeNode(nextState.removeAdditionalNode);
|
|
9629
|
-
};
|
|
9630
|
-
|
|
9631
|
-
ScriptTag.prototype.componentDidUpdate = function componentDidUpdate() {
|
|
9632
|
-
var _state = this.state,
|
|
9633
|
-
additionalNode = _state.additionalNode,
|
|
9634
|
-
removeAdditionalNode = _state.removeAdditionalNode;
|
|
9635
|
-
|
|
9636
|
-
if (additionalNode === null) {
|
|
9637
|
-
this.setState({
|
|
9638
|
-
additionalNode: this.appendAdditionalElement()
|
|
9639
|
-
});
|
|
9640
|
-
}
|
|
9641
|
-
|
|
9642
|
-
if (removeAdditionalNode !== null) {
|
|
9643
|
-
// Was removed in 'componentWillUpdate', but can not update state there
|
|
9644
|
-
this.setState({
|
|
9645
|
-
removeAdditionalNode: null
|
|
9646
|
-
});
|
|
9647
|
-
}
|
|
9648
|
-
};
|
|
9649
|
-
|
|
9650
|
-
ScriptTag.prototype.componentWillUnmount = function componentWillUnmount() {
|
|
9651
|
-
ScriptTag.removeNode(this.state.removeAdditionalNode);
|
|
9652
|
-
ScriptTag.removeNode(this.state.additionalNode);
|
|
9653
|
-
};
|
|
9654
|
-
|
|
9655
|
-
ScriptTag.prototype.render = function render() {
|
|
9656
|
-
var _this2 = this;
|
|
9657
|
-
|
|
9658
|
-
var additionalNode = this.state.additionalNode;
|
|
9659
|
-
|
|
9660
|
-
if (additionalNode !== null) {
|
|
9661
|
-
return null;
|
|
9662
|
-
}
|
|
9663
|
-
|
|
9664
|
-
// The 'isHydrating' prop must NOT be passed to the script tag
|
|
9665
|
-
// eslint-disable-next-line no-unused-vars
|
|
9666
|
-
var _props3 = this.props,
|
|
9667
|
-
isHydrating = _props3.isHydrating,
|
|
9668
|
-
tagProps = (0, _objectWithoutProperties3.default)(_props3, ['isHydrating']);
|
|
9669
|
-
|
|
9670
|
-
return _react2.default.createElement('script', (0, _extends3.default)({}, tagProps, { ref: function ref(tag) {
|
|
9671
|
-
return _this2.domRef = tag;
|
|
9672
|
-
} }));
|
|
9673
|
-
};
|
|
9674
|
-
|
|
9675
|
-
return ScriptTag;
|
|
9676
|
-
}(React__default.Component);
|
|
9677
|
-
|
|
9678
|
-
ScriptTag.propTypes = {
|
|
9679
|
-
/**
|
|
9680
|
-
* True if the <ScriptTag> is being hydrated on the client, otherwise false.
|
|
9681
|
-
*/
|
|
9682
|
-
isHydrating: _propTypes2.default.bool,
|
|
9683
|
-
|
|
9684
|
-
// Standard <script> tag props
|
|
9685
|
-
async: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.number]),
|
|
9686
|
-
crossOrigin: _propTypes2.default.string,
|
|
9687
|
-
defer: _propTypes2.default.bool,
|
|
9688
|
-
integrity: _propTypes2.default.string,
|
|
9689
|
-
nonce: _propTypes2.default.string,
|
|
9690
|
-
src: _propTypes2.default.string,
|
|
9691
|
-
text: _propTypes2.default.string,
|
|
9692
|
-
type: _propTypes2.default.string,
|
|
9693
|
-
dangerouslySetInnerHTML: _propTypes2.default.object,
|
|
9694
|
-
|
|
9695
|
-
// globals
|
|
9696
|
-
onError: _propTypes2.default.func,
|
|
9697
|
-
onLoad: _propTypes2.default.func
|
|
9698
|
-
};
|
|
9699
|
-
ScriptTag.defaultProps = {
|
|
9700
|
-
isHydrating: false,
|
|
9701
|
-
onError: noop,
|
|
9702
|
-
onLoad: noop
|
|
9703
|
-
};
|
|
9704
|
-
exports.default = ScriptTag;
|
|
9705
|
-
});
|
|
9706
|
-
|
|
9707
|
-
unwrapExports(ScriptTag_1);
|
|
9708
|
-
|
|
9709
|
-
var lib = createCommonjsModule(function (module, exports) {
|
|
9710
|
-
|
|
9711
|
-
exports.__esModule = true;
|
|
9712
|
-
|
|
9713
|
-
|
|
9714
|
-
|
|
9715
|
-
var _ScriptTag2 = _interopRequireDefault(ScriptTag_1);
|
|
9716
|
-
|
|
9717
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9718
|
-
|
|
9719
|
-
exports.default = _ScriptTag2.default;
|
|
9720
|
-
});
|
|
9721
|
-
|
|
9722
|
-
var ScriptTag = unwrapExports(lib);
|
|
9723
|
-
|
|
9724
9463
|
var enterpriseDomainName = 'mjhlifesciences';
|
|
9725
9464
|
|
|
9726
9465
|
var FormAssembly = function FormAssembly(props) {
|
|
@@ -9752,11 +9491,11 @@ var FormAssembly = function FormAssembly(props) {
|
|
|
9752
9491
|
}, []);
|
|
9753
9492
|
|
|
9754
9493
|
if (iframeSrc) {
|
|
9755
|
-
return
|
|
9494
|
+
return React.createElement(
|
|
9756
9495
|
'section',
|
|
9757
9496
|
{ className: 'form-assembly' },
|
|
9758
|
-
|
|
9759
|
-
|
|
9497
|
+
React.createElement('iframe', { src: iframeSrc, height: '800', width: '100%', frameBorder: '0' }),
|
|
9498
|
+
React.createElement(ScriptTag, { type: 'text/javascript', src: '//' + enterpriseDomainName + '.tfaforms.net/js/iframe_resize_helper.js', async: true })
|
|
9760
9499
|
);
|
|
9761
9500
|
}
|
|
9762
9501
|
|
|
@@ -9793,27 +9532,27 @@ var BlockTable = function BlockTable(props) {
|
|
|
9793
9532
|
return window.removeEventListener('resize', handleResize);
|
|
9794
9533
|
};
|
|
9795
9534
|
}, []);
|
|
9796
|
-
return
|
|
9535
|
+
return React.createElement(
|
|
9797
9536
|
'div',
|
|
9798
9537
|
{ className: 'blockTableHolder', ref: holder },
|
|
9799
|
-
|
|
9538
|
+
React.createElement(
|
|
9800
9539
|
'div',
|
|
9801
9540
|
{ className: 'blockTable' },
|
|
9802
9541
|
rows && rows.map(function (row) {
|
|
9803
|
-
return
|
|
9542
|
+
return React.createElement(
|
|
9804
9543
|
'div',
|
|
9805
9544
|
{ className: 'blockTableRow' },
|
|
9806
9545
|
row.cells && row.cells.map(function (cell) {
|
|
9807
|
-
return
|
|
9546
|
+
return React.createElement(
|
|
9808
9547
|
'div',
|
|
9809
9548
|
{ className: 'blockTableCell', style: { width: (100 / row.cells.length).toFixed(2) + '%' } },
|
|
9810
|
-
|
|
9549
|
+
React.createElement(BlockContent, _extends({ blocks: cell.content, serializers: getSerializers }, client.config()))
|
|
9811
9550
|
);
|
|
9812
9551
|
})
|
|
9813
9552
|
);
|
|
9814
9553
|
})
|
|
9815
9554
|
),
|
|
9816
|
-
|
|
9555
|
+
React.createElement(
|
|
9817
9556
|
'style',
|
|
9818
9557
|
{ jsx: true },
|
|
9819
9558
|
'\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 '
|
|
@@ -9892,12 +9631,12 @@ var getSerializers = function getSerializers() {
|
|
|
9892
9631
|
var node = _ref.node;
|
|
9893
9632
|
var url = node.url;
|
|
9894
9633
|
|
|
9895
|
-
return
|
|
9634
|
+
return React.createElement(YouTubePlayer, { autoplay: autoplay, url: url });
|
|
9896
9635
|
},
|
|
9897
9636
|
youtubeGallery: function youtubeGallery(_ref2) {
|
|
9898
9637
|
var node = _ref2.node;
|
|
9899
9638
|
|
|
9900
|
-
return
|
|
9639
|
+
return React.createElement(YouTubeGallery, {
|
|
9901
9640
|
nodes: node,
|
|
9902
9641
|
article: article,
|
|
9903
9642
|
meta: meta,
|
|
@@ -9911,7 +9650,7 @@ var getSerializers = function getSerializers() {
|
|
|
9911
9650
|
articleSeries: function articleSeries(_ref3) {
|
|
9912
9651
|
var node = _ref3.node;
|
|
9913
9652
|
|
|
9914
|
-
return
|
|
9653
|
+
return React.createElement(ArticleSeries, {
|
|
9915
9654
|
nodes: node,
|
|
9916
9655
|
accountIDs: videoAccountIDs || {},
|
|
9917
9656
|
pageview: pageview,
|
|
@@ -9924,61 +9663,61 @@ var getSerializers = function getSerializers() {
|
|
|
9924
9663
|
figure: function figure(_ref4) {
|
|
9925
9664
|
var node = _ref4.node;
|
|
9926
9665
|
|
|
9927
|
-
return
|
|
9666
|
+
return React.createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag, getSerializers: getSerializers.apply(undefined, props) });
|
|
9928
9667
|
},
|
|
9929
9668
|
multifigure: function multifigure(_ref5) {
|
|
9930
9669
|
var node = _ref5.node;
|
|
9931
9670
|
|
|
9932
|
-
return
|
|
9671
|
+
return React.createElement(MultiFigure, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
|
|
9933
9672
|
},
|
|
9934
9673
|
slideshow: function slideshow(_ref6) {
|
|
9935
9674
|
var node = _ref6.node;
|
|
9936
9675
|
var slides = node.slides;
|
|
9937
9676
|
|
|
9938
|
-
return
|
|
9677
|
+
return React.createElement(Slideshow, { slides: slides, client: client, pageview: pageview });
|
|
9939
9678
|
},
|
|
9940
9679
|
sidebar: function sidebar(_ref7) {
|
|
9941
9680
|
var node = _ref7.node;
|
|
9942
9681
|
var caption = node.caption,
|
|
9943
9682
|
content = node.content;
|
|
9944
9683
|
|
|
9945
|
-
return
|
|
9684
|
+
return React.createElement(Sidebar, { caption: caption, content: content, getSerializers: getSerializers(props) });
|
|
9946
9685
|
},
|
|
9947
9686
|
datatable: function datatable(_ref8) {
|
|
9948
9687
|
var node = _ref8.node;
|
|
9949
9688
|
var table = node.table;
|
|
9950
9689
|
|
|
9951
|
-
return
|
|
9690
|
+
return React.createElement(TableShow, { rows: table.rows });
|
|
9952
9691
|
},
|
|
9953
9692
|
media: function media(_ref9) {
|
|
9954
9693
|
var node = _ref9.node;
|
|
9955
9694
|
|
|
9956
|
-
return
|
|
9695
|
+
return React.createElement(Media, { node: node, client: client });
|
|
9957
9696
|
},
|
|
9958
9697
|
iframe: function iframe(_ref10) {
|
|
9959
9698
|
var node = _ref10.node;
|
|
9960
9699
|
|
|
9961
|
-
return
|
|
9700
|
+
return React.createElement(IFrame, { url: node.url, needSegmentSupport: node.needSegmentSupport });
|
|
9962
9701
|
},
|
|
9963
9702
|
video: function video(_ref11) {
|
|
9964
9703
|
var node = _ref11.node;
|
|
9965
9704
|
|
|
9966
|
-
return
|
|
9705
|
+
return React.createElement(Video, { node: node, autoplay: autoplay, accountIDs: videoAccountIDs || {}, targeting: targeting });
|
|
9967
9706
|
},
|
|
9968
9707
|
audio: function audio(_ref12) {
|
|
9969
9708
|
var node = _ref12.node;
|
|
9970
9709
|
|
|
9971
|
-
return
|
|
9710
|
+
return React.createElement(Audio, { node: node });
|
|
9972
9711
|
},
|
|
9973
9712
|
poll: function poll(_ref13) {
|
|
9974
9713
|
var node = _ref13.node;
|
|
9975
9714
|
|
|
9976
|
-
return
|
|
9715
|
+
return React.createElement(Poll, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers(props) });
|
|
9977
9716
|
},
|
|
9978
9717
|
pollMultiChoice: function pollMultiChoice(_ref14) {
|
|
9979
9718
|
var node = _ref14.node;
|
|
9980
9719
|
|
|
9981
|
-
return
|
|
9720
|
+
return React.createElement(Poll$1, {
|
|
9982
9721
|
node: node,
|
|
9983
9722
|
client: client,
|
|
9984
9723
|
pageview: pageview,
|
|
@@ -9992,35 +9731,35 @@ var getSerializers = function getSerializers() {
|
|
|
9992
9731
|
var node = _ref15.node;
|
|
9993
9732
|
var quizzes = node.quizzes;
|
|
9994
9733
|
|
|
9995
|
-
return
|
|
9734
|
+
return React.createElement(Quiz, { quizzes: quizzes, getSerializers: getSerializers(props), pageview: pageview, currentPage: currentPage });
|
|
9996
9735
|
},
|
|
9997
9736
|
leads: function leads(_ref16) {
|
|
9998
9737
|
var node = _ref16.node;
|
|
9999
9738
|
var leadID = node.leadID;
|
|
10000
9739
|
|
|
10001
9740
|
var url = '' + drupalLeadSettings.baseUrl + leadID;
|
|
10002
|
-
return
|
|
9741
|
+
return React.createElement(Leads, { url: url });
|
|
10003
9742
|
},
|
|
10004
9743
|
slideshows: function slideshows(_ref17) {
|
|
10005
9744
|
var node = _ref17.node;
|
|
10006
9745
|
|
|
10007
|
-
return
|
|
9746
|
+
return React.createElement(Slideshow$1, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
|
|
10008
9747
|
},
|
|
10009
9748
|
nativeAd: function nativeAd(_ref18) {
|
|
10010
9749
|
var node = _ref18.node;
|
|
10011
9750
|
|
|
10012
|
-
return
|
|
9751
|
+
return React.createElement(NativeAd, { node: node });
|
|
10013
9752
|
},
|
|
10014
9753
|
html_anchor_links: function html_anchor_links(_ref19) {
|
|
10015
9754
|
var node = _ref19.node;
|
|
10016
9755
|
|
|
10017
|
-
return
|
|
9756
|
+
return React.createElement(AnchorLinkElement, { node: node, getSerializers: getSerializers.apply(undefined, props), articleId: articleId });
|
|
10018
9757
|
},
|
|
10019
9758
|
hrtag: function hrtag() {
|
|
10020
|
-
return
|
|
9759
|
+
return React.createElement('hr', { style: { border: 'none', height: '2px', backgroundColor: 'var(--primary)', color: 'var(--primary)' }, className: 'horizontal-rule' });
|
|
10021
9760
|
},
|
|
10022
9761
|
brtag: function brtag() {
|
|
10023
|
-
return
|
|
9762
|
+
return React.createElement('br', { className: 'line-break' });
|
|
10024
9763
|
},
|
|
10025
9764
|
formstack: function formstack(_ref20) {
|
|
10026
9765
|
var node = _ref20.node;
|
|
@@ -10028,29 +9767,29 @@ var getSerializers = function getSerializers() {
|
|
|
10028
9767
|
Caption = node.Caption,
|
|
10029
9768
|
needSegmentSupport = node.needSegmentSupport;
|
|
10030
9769
|
|
|
10031
|
-
return
|
|
9770
|
+
return React.createElement(Formstack, { FormID: FormID, Caption: Caption, needSegmentSupport: needSegmentSupport });
|
|
10032
9771
|
},
|
|
10033
9772
|
formassembly: FormAssembly,
|
|
10034
9773
|
multimedia: function multimedia(_ref21) {
|
|
10035
9774
|
var node = _ref21.node;
|
|
10036
9775
|
|
|
10037
|
-
return
|
|
9776
|
+
return React.createElement(MultiMedia, { node: node, client: client });
|
|
10038
9777
|
},
|
|
10039
9778
|
blockTable: function blockTable(_ref22) {
|
|
10040
9779
|
var node = _ref22.node;
|
|
10041
|
-
return
|
|
9780
|
+
return React.createElement(BlockTable, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
|
|
10042
9781
|
}
|
|
10043
9782
|
},
|
|
10044
9783
|
marks: {
|
|
10045
9784
|
superscript: function superscript(props) {
|
|
10046
|
-
return
|
|
9785
|
+
return React.createElement(
|
|
10047
9786
|
'sup',
|
|
10048
9787
|
null,
|
|
10049
9788
|
props.children
|
|
10050
9789
|
);
|
|
10051
9790
|
},
|
|
10052
9791
|
subscript: function subscript(props) {
|
|
10053
|
-
return
|
|
9792
|
+
return React.createElement(
|
|
10054
9793
|
'sub',
|
|
10055
9794
|
null,
|
|
10056
9795
|
props.children
|
|
@@ -10067,7 +9806,7 @@ var getSerializers = function getSerializers() {
|
|
|
10067
9806
|
if (href && href.charAt(0) === '#') {
|
|
10068
9807
|
var elementId = href.slice(1);
|
|
10069
9808
|
if (articleId) elementId = elementId + '-' + articleId;
|
|
10070
|
-
return
|
|
9809
|
+
return React.createElement(
|
|
10071
9810
|
'a',
|
|
10072
9811
|
{ onClick: function onClick() {
|
|
10073
9812
|
return ScrollToElement(elementId);
|
|
@@ -10077,15 +9816,15 @@ var getSerializers = function getSerializers() {
|
|
|
10077
9816
|
}
|
|
10078
9817
|
|
|
10079
9818
|
var isExernalUrl = checkUrlIsExternal(href);
|
|
10080
|
-
return
|
|
9819
|
+
return React.createElement(
|
|
10081
9820
|
'a',
|
|
10082
|
-
_extends
|
|
9821
|
+
_extends({ rel: blank ? 'noopener' : '', href: isExernalUrl ? href : '/' + href, target: blank ? '_blank' : '_self' }, color && color.hex && { style: { color: color.hex } }),
|
|
10083
9822
|
children
|
|
10084
9823
|
);
|
|
10085
9824
|
},
|
|
10086
9825
|
alignleft: function alignleft(_ref23) {
|
|
10087
9826
|
var children = _ref23.children;
|
|
10088
|
-
return
|
|
9827
|
+
return React.createElement(
|
|
10089
9828
|
'div',
|
|
10090
9829
|
{ style: { textAlign: 'left' } },
|
|
10091
9830
|
children
|
|
@@ -10093,7 +9832,7 @@ var getSerializers = function getSerializers() {
|
|
|
10093
9832
|
},
|
|
10094
9833
|
alignright: function alignright(_ref24) {
|
|
10095
9834
|
var children = _ref24.children;
|
|
10096
|
-
return
|
|
9835
|
+
return React.createElement(
|
|
10097
9836
|
'div',
|
|
10098
9837
|
{ style: { textAlign: 'right' } },
|
|
10099
9838
|
children
|
|
@@ -10101,7 +9840,7 @@ var getSerializers = function getSerializers() {
|
|
|
10101
9840
|
},
|
|
10102
9841
|
aligncenter: function aligncenter(_ref25) {
|
|
10103
9842
|
var children = _ref25.children;
|
|
10104
|
-
return
|
|
9843
|
+
return React.createElement(
|
|
10105
9844
|
'div',
|
|
10106
9845
|
{ style: { textAlign: 'center' } },
|
|
10107
9846
|
children
|
|
@@ -10109,7 +9848,7 @@ var getSerializers = function getSerializers() {
|
|
|
10109
9848
|
},
|
|
10110
9849
|
alignjustify: function alignjustify(_ref26) {
|
|
10111
9850
|
var children = _ref26.children;
|
|
10112
|
-
return
|
|
9851
|
+
return React.createElement(
|
|
10113
9852
|
'div',
|
|
10114
9853
|
{ style: { textAlign: 'justify' } },
|
|
10115
9854
|
children
|
|
@@ -10119,7 +9858,7 @@ var getSerializers = function getSerializers() {
|
|
|
10119
9858
|
var children = props.children,
|
|
10120
9859
|
color = props.mark.color;
|
|
10121
9860
|
|
|
10122
|
-
return
|
|
9861
|
+
return React.createElement(
|
|
10123
9862
|
'span',
|
|
10124
9863
|
{ style: { color: color ? color.hex : null } },
|
|
10125
9864
|
children
|