@mjhls/mjh-framework 1.0.838-beta.0 → 1.0.839-article-time-v1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/cjs/AD.js +10 -9
- package/dist/cjs/AD300x250.js +10 -9
- package/dist/cjs/AD300x250x600.js +10 -9
- package/dist/cjs/AD728x90.js +11 -10
- package/dist/cjs/ADFloatingFooter.js +12 -11
- package/dist/cjs/ADFooter.js +9 -8
- package/dist/cjs/ADGutter.js +12 -11
- package/dist/cjs/{ADInfeed-8d621d3c.js → ADInfeed-0158bee3.js} +11 -9
- package/dist/cjs/ADSkyscraper.js +12 -11
- package/dist/cjs/ADSponsoredResources.js +12 -11
- package/dist/cjs/ADWebcast.js +12 -11
- package/dist/cjs/ADWelcome.js +16 -15
- package/dist/cjs/{ADlgInfeed-0e26bccb.js → ADlgInfeed-3583144f.js} +7 -6
- package/dist/cjs/AccordionPanel.js +24 -22
- package/dist/cjs/AdSlot.js +14 -13
- package/dist/cjs/AdSlotsProvider.js +11 -902
- package/dist/cjs/AlgoliaSearch.js +951 -841
- package/dist/cjs/AlphabeticList.js +16 -15
- package/dist/cjs/ArticleCarousel.js +11 -10
- package/dist/cjs/ArticleProgramLandingPage.js +24 -23
- package/dist/cjs/ArticleSeriesLandingPage.js +20 -19
- package/dist/cjs/ArticleSeriesListing.js +40 -39
- package/dist/cjs/Auth.js +232 -344
- package/dist/cjs/AuthWrapper.js +119 -38
- 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 -64
- package/dist/cjs/Column1.js +14 -11
- package/dist/cjs/Column2.js +22 -19
- package/dist/cjs/Column3.js +35 -32
- package/dist/cjs/ConferenceArticleCard.js +18 -17
- package/dist/cjs/ConferenceBanner-6c9e718a.js +24 -0
- package/dist/cjs/DeckContent.js +76 -72
- package/dist/cjs/DeckQueue.js +74 -70
- package/dist/cjs/{Dfp-26baccf1.js → Dfp-391fd124.js} +23 -22
- package/dist/cjs/EventsDeck.js +123 -116
- package/dist/cjs/ExternalResources.js +47 -46
- package/dist/cjs/Feature.js +25 -23
- package/dist/cjs/ForbesHero.js +35 -34
- package/dist/cjs/GridContent.js +208 -203
- package/dist/cjs/GridHero.js +36 -35
- package/dist/cjs/GroupDeck.js +49 -48
- package/dist/cjs/HamMagazine.js +121 -116
- 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 +37 -36
- package/dist/cjs/HorizontalHero.js +24 -23
- package/dist/cjs/IssueContentDeck.js +70 -65
- package/dist/cjs/IssueDeck.js +65 -60
- package/dist/cjs/IssueLanding.js +29 -28
- package/dist/cjs/LeftNav.js +22 -20
- package/dist/cjs/MasterDeck.js +50 -49
- package/dist/cjs/MediaSeriesLanding.js +728 -781
- package/dist/cjs/NavDvm.js +68 -63
- package/dist/cjs/{NavFooter-76c913e3.js → NavFooter-3dcd99a8.js} +15 -14
- package/dist/cjs/NavMagazine.js +121 -116
- package/dist/cjs/NavNative.js +116 -108
- 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 +71 -1168
- package/dist/cjs/PdfDownload.js +9 -8
- package/dist/cjs/PopUpModal.js +15 -13
- package/dist/cjs/PubSection.js +20 -19
- package/dist/cjs/PubToc.js +8 -7
- package/dist/cjs/PublicationDeck.js +64 -59
- package/dist/cjs/PublicationLanding.js +87 -83
- package/dist/cjs/QueueDeckExpanded.js +285 -285
- package/dist/cjs/RecentNews.js +20 -19
- package/dist/cjs/RelatedContent.js +23 -22
- package/dist/cjs/RelatedTopicsDropdown.js +22 -19
- package/dist/cjs/RolesDeck.js +32 -27
- package/dist/cjs/Search.js +16 -12
- package/dist/cjs/SeriesListingDeck.js +26 -26
- package/dist/cjs/{SeriesSlider-8bbc989f.js → SeriesSlider-0d3bf265.js} +34 -33
- package/dist/cjs/SideFooter.js +24 -23
- 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 +59 -54
- package/dist/cjs/TaxonomyDescription.js +22 -21
- package/dist/cjs/TemplateNormal.js +35 -34
- 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 +44 -40
- package/dist/cjs/VideoSeriesCard.js +23 -22
- package/dist/cjs/VideoSeriesFilter.js +9 -9
- package/dist/cjs/VideoSeriesLandingPage.js +25 -24
- package/dist/cjs/VideoSeriesListing.js +61 -58
- package/dist/cjs/View.js +208 -200
- package/dist/cjs/YahooHero.js +31 -30
- package/dist/cjs/YoutubeGroup.js +51 -50
- package/dist/cjs/{brightcove-react-player-loader.es-156bd4d6.js → brightcove-react-player-loader.es-5c98aec7.js} +10 -8
- package/dist/cjs/faundadb.js +1 -1
- package/dist/cjs/getQuery.js +2 -2
- package/dist/cjs/getRelatedArticle.js +354 -5
- package/dist/cjs/getSerializers.js +11 -11
- package/dist/cjs/{getTargeting-021d644c.js → getTargeting-15ad167c.js} +2 -2
- package/dist/cjs/getTargeting.js +1 -1
- package/dist/cjs/iconBase-68959171.js +0 -3
- package/dist/cjs/{index-017609b5.js → index-0555a837.js} +884 -867
- package/dist/cjs/{index-98e01cb9.js → index-2cf30c83.js} +9 -8
- package/dist/cjs/{index-3294d3bc.js → index-6367b7bf.js} +16 -17
- 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-bd6c9f56.js +211 -0
- 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-0c7830c5.js} +1 -1
- 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 +7 -7
- package/dist/esm/AD300x250x600.js +7 -7
- package/dist/esm/AD728x90.js +8 -8
- package/dist/esm/ADFloatingFooter.js +9 -9
- package/dist/esm/ADFooter.js +6 -6
- package/dist/esm/ADGutter.js +9 -9
- package/dist/esm/{ADInfeed-b566ce41.js → ADInfeed-427022e9.js} +7 -7
- package/dist/esm/ADSkyscraper.js +9 -9
- package/dist/esm/ADSponsoredResources.js +9 -9
- package/dist/esm/ADWebcast.js +9 -9
- package/dist/esm/ADWelcome.js +13 -13
- package/dist/esm/{ADlgInfeed-5eb7281d.js → ADlgInfeed-28d3f944.js} +4 -4
- package/dist/esm/AccordionPanel.js +17 -17
- package/dist/esm/AdSlot.js +5 -5
- package/dist/esm/AdSlotsProvider.js +10 -902
- package/dist/esm/AlgoliaSearch.js +346 -237
- package/dist/esm/AlphabeticList.js +13 -13
- package/dist/esm/ArticleCarousel.js +8 -8
- package/dist/esm/ArticleProgramLandingPage.js +20 -20
- package/dist/esm/ArticleSeriesLandingPage.js +17 -17
- package/dist/esm/ArticleSeriesListing.js +36 -36
- package/dist/esm/Auth.js +211 -327
- package/dist/esm/AuthWrapper.js +116 -36
- 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 -61
- package/dist/esm/Column1.js +9 -9
- package/dist/esm/Column2.js +17 -17
- package/dist/esm/Column3.js +30 -30
- package/dist/esm/ConferenceArticleCard.js +15 -15
- package/dist/esm/{ConferenceBanner-8792ebd2.js → ConferenceBanner-9162d0ca.js} +4 -4
- package/dist/esm/DeckContent.js +68 -68
- package/dist/esm/DeckQueue.js +66 -66
- package/dist/esm/{Dfp-b7236041.js → Dfp-2f9796e1.js} +10 -10
- package/dist/esm/EventsDeck.js +92 -92
- package/dist/esm/ExternalResources.js +41 -41
- package/dist/esm/Feature.js +17 -17
- package/dist/esm/ForbesHero.js +28 -28
- package/dist/esm/GridContent.js +172 -172
- package/dist/esm/GridHero.js +29 -29
- package/dist/esm/GroupDeck.js +36 -36
- package/dist/esm/HamMagazine.js +91 -91
- 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 +34 -34
- package/dist/esm/HorizontalHero.js +21 -21
- package/dist/esm/IssueContentDeck.js +53 -53
- package/dist/esm/IssueDeck.js +54 -54
- package/dist/esm/IssueLanding.js +26 -26
- package/dist/esm/LeftNav.js +16 -16
- package/dist/esm/MasterDeck.js +46 -46
- package/dist/esm/MediaSeriesLanding.js +450 -506
- package/dist/esm/NavDvm.js +46 -46
- package/dist/esm/{NavFooter-e27bd93b.js → NavFooter-c29526b7.js} +12 -12
- package/dist/esm/NavMagazine.js +93 -93
- package/dist/esm/NavNative.js +83 -83
- 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 +69 -1166
- package/dist/esm/PdfDownload.js +6 -6
- package/dist/esm/PopUpModal.js +8 -8
- package/dist/esm/PubSection.js +17 -17
- package/dist/esm/PubToc.js +5 -5
- package/dist/esm/PublicationDeck.js +51 -51
- package/dist/esm/PublicationLanding.js +69 -69
- package/dist/esm/QueueDeckExpanded.js +251 -251
- package/dist/esm/RecentNews.js +17 -17
- package/dist/esm/RelatedContent.js +17 -17
- package/dist/esm/RelatedTopicsDropdown.js +11 -11
- package/dist/esm/RolesDeck.js +25 -25
- package/dist/esm/Search.js +7 -7
- package/dist/esm/SeriesListingDeck.js +20 -20
- package/dist/esm/{SeriesSlider-a866bb21.js → SeriesSlider-7d89f4d9.js} +24 -24
- package/dist/esm/SideFooter.js +19 -19
- 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 +50 -50
- package/dist/esm/TaxonomyDescription.js +16 -16
- package/dist/esm/TemplateNormal.js +31 -31
- 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 +32 -32
- package/dist/esm/VideoSeriesCard.js +17 -17
- package/dist/esm/VideoSeriesFilter.js +6 -6
- package/dist/esm/VideoSeriesLandingPage.js +17 -17
- package/dist/esm/VideoSeriesListing.js +57 -55
- package/dist/esm/View.js +185 -181
- package/dist/esm/YahooHero.js +25 -25
- package/dist/esm/YoutubeGroup.js +35 -35
- package/dist/esm/{brightcove-react-player-loader.es-83f53e4e.js → brightcove-react-player-loader.es-4abff0b1.js} +7 -6
- package/dist/esm/faundadb.js +1 -1
- package/dist/esm/getQuery.js +2 -2
- package/dist/esm/getRelatedArticle.js +354 -5
- package/dist/esm/getSerializers.js +11 -11
- package/dist/esm/{index-73819142.js → index-51a80699.js} +20 -19
- package/dist/esm/{index-ff630779.js → index-53c0c377.js} +835 -825
- package/dist/esm/{index-5f7e79e7.js → index-6c12bdd5.js} +4 -4
- package/dist/esm/{index-ef6d5dcf.js → index-c00b0bbb.js} +16 -17
- package/dist/esm/index-db3bb315.js +207 -0
- package/dist/esm/{index-41a678ea.js → index-f7fb1e25.js} +3 -3
- 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 +52 -51
- package/dist/esm/{inherits-cf8dde54.js → inherits-75d45541.js} +1 -1
- 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 +1 -1
- package/dist/cjs/ConferenceBanner-4a16fddc.js +0 -23
- package/dist/cjs/inherits-8d29278d.js +0 -110
- package/dist/esm/inherits-77d5e4fc.js +0 -101
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import './_commonjsHelpers-0c4b6f40.js';
|
|
2
2
|
import './_to-object-a4107da3.js';
|
|
3
3
|
import './es6.string.iterator-c990c18c.js';
|
|
4
4
|
import './_library-528f1934.js';
|
|
@@ -8,30 +8,30 @@ import './core.get-iterator-method-e1de7503.js';
|
|
|
8
8
|
import './_object-pie-33c40e79.js';
|
|
9
9
|
import { _ as _extends } from './extends-6f2fcc99.js';
|
|
10
10
|
import './_object-sap-964b6feb.js';
|
|
11
|
-
import './inherits-
|
|
11
|
+
import './inherits-75d45541.js';
|
|
12
12
|
import './define-property-8af5f002.js';
|
|
13
13
|
import './web.dom.iterable-4439f05a.js';
|
|
14
|
-
import './typeof-
|
|
14
|
+
import './typeof-af9c50d8.js';
|
|
15
15
|
import './_is-array-58e95429.js';
|
|
16
|
-
import
|
|
16
|
+
import React, { useRef, useState, useEffect } from 'react';
|
|
17
17
|
import './events-6c3a7a63.js';
|
|
18
|
-
import './index-
|
|
19
|
-
import
|
|
18
|
+
import './index-f7fb1e25.js';
|
|
19
|
+
import 'prop-types';
|
|
20
20
|
import 'react-bootstrap/Row';
|
|
21
21
|
import 'react-bootstrap/Col';
|
|
22
22
|
import 'react-bootstrap/Card';
|
|
23
|
-
import { m as moment } from './moment-
|
|
23
|
+
import { m as moment } from './moment-b6f49411.js';
|
|
24
24
|
import 'next/router';
|
|
25
25
|
import './isSymbol-1981418f.js';
|
|
26
26
|
import './debounce-9207d8ee.js';
|
|
27
27
|
import './toNumber-2f7a84cd.js';
|
|
28
|
-
import './index.es-
|
|
28
|
+
import './index.es-c6222053.js';
|
|
29
29
|
import 'react-dom';
|
|
30
|
-
import './visibility-sensor-
|
|
31
|
-
import './index-
|
|
30
|
+
import './visibility-sensor-f40c2564.js';
|
|
31
|
+
import './index-51a80699.js';
|
|
32
32
|
import urlFor from './urlFor.js';
|
|
33
|
-
import './index-
|
|
34
|
-
import './main-
|
|
33
|
+
import './index-6c12bdd5.js';
|
|
34
|
+
import './main-747e7d25.js';
|
|
35
35
|
import './entities-7cc3bf45.js';
|
|
36
36
|
import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
|
|
37
37
|
import './stringify-4330ccdc.js';
|
|
@@ -39,13 +39,13 @@ import { a as _asyncToGenerator, r as regenerator, _ as _Promise } from './async
|
|
|
39
39
|
import './Segment.js';
|
|
40
40
|
import './Beam.js';
|
|
41
41
|
import './AdSlot.js';
|
|
42
|
-
import './ADInfeed-
|
|
43
|
-
import './lodash-
|
|
44
|
-
import './ADlgInfeed-
|
|
42
|
+
import './ADInfeed-427022e9.js';
|
|
43
|
+
import './lodash-ec8c6b48.js';
|
|
44
|
+
import './ADlgInfeed-28d3f944.js';
|
|
45
45
|
import './getContentCategory-15dcc413.js';
|
|
46
|
-
import './AuthorComponent-
|
|
46
|
+
import './AuthorComponent-8ffd4679.js';
|
|
47
47
|
import 'react-bootstrap/Button';
|
|
48
|
-
import { B as BlockContent } from './BlockContent-
|
|
48
|
+
import { B as BlockContent } from './BlockContent-d05b5b23.js';
|
|
49
49
|
import './index-c7e2ac95.js';
|
|
50
50
|
import { s as smoothscroll } from './smoothscroll-0cd4c7a6.js';
|
|
51
51
|
import './GroupDeck.js';
|
|
@@ -53,1118 +53,21 @@ import 'react-bootstrap';
|
|
|
53
53
|
import './timeDifferenceCalc.js';
|
|
54
54
|
import QueueDeckExpanded from './QueueDeckExpanded.js';
|
|
55
55
|
import './iconBase-602d52fe.js';
|
|
56
|
-
import './index.esm-
|
|
57
|
-
import { g as getSerializers } from './index-
|
|
56
|
+
import './index.esm-3fdda599.js';
|
|
57
|
+
import { g as getSerializers } from './index-53c0c377.js';
|
|
58
58
|
import './util-7700fc59.js';
|
|
59
|
-
import './brightcove-react-player-loader.es-
|
|
59
|
+
import './brightcove-react-player-loader.es-4abff0b1.js';
|
|
60
60
|
import 'next/head';
|
|
61
61
|
import 'react-share';
|
|
62
62
|
import './SocialShare.js';
|
|
63
63
|
import './_object-to-array-7e804fce.js';
|
|
64
64
|
import 'react-bootstrap/Pagination';
|
|
65
65
|
import 'react-bootstrap/Figure';
|
|
66
|
-
import { _ as _defineProperty, b as _inherits, c as _classCallCheck, d as _possibleConstructorReturn, e as _getPrototypeOf, g as _createClass } from './inherits-77d5e4fc.js';
|
|
67
66
|
import 'react-bootstrap/Carousel';
|
|
68
67
|
import Feature from './Feature.js';
|
|
69
68
|
import 'react-bootstrap/Breadcrumb';
|
|
70
69
|
import Breadcrumbs from './Breadcrumbs.js';
|
|
71
|
-
|
|
72
|
-
var isRequiredIf_1 = createCommonjsModule(function (module, exports) {
|
|
73
|
-
Object.defineProperty(exports,'__esModule',{value:!0});var VALIDATOR_ARG_ERROR_MESSAGE='The typeValidator argument must be a function with the signature function(props, propName, componentName).',MESSAGE_ARG_ERROR_MESSAGE='The error message is optional, but must be a string if provided.',propIsRequired=function propIsRequired(a,b,c,d){if('boolean'==typeof a)return a;return 'function'==typeof a?a(b,c,d):!(!0!==!!a)&&!!a},propExists=function propExists(a,b){return Object.hasOwnProperty.call(a,b)},missingPropError=function missingPropError(a,b,c,d){return d?new Error(d):new Error('Required '+a[b]+' `'+b+'`'+(' was not specified in `'+c+'`.'))},guardAgainstInvalidArgTypes=function guardAgainstInvalidArgTypes(a,b){if('function'!=typeof a)throw new TypeError(VALIDATOR_ARG_ERROR_MESSAGE);if(!!b&&'string'!=typeof b)throw new TypeError(MESSAGE_ARG_ERROR_MESSAGE)},isRequiredIf=function isRequiredIf(a,b,c){return guardAgainstInvalidArgTypes(a,c),function(d,e,f){for(var _len=arguments.length,g=Array(3<_len?_len-3:0),_key=3;_key<_len;_key++)g[_key-3]=arguments[_key];return propIsRequired(b,d,e,f)?propExists(d,e)?a.apply(void 0,[d,e,f].concat(g)):missingPropError(d,e,f,c):a.apply(void 0,[d,e,f].concat(g));// Is not required, so just run typeValidator.
|
|
74
|
-
}};exports.default=isRequiredIf;
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
});
|
|
78
|
-
|
|
79
|
-
var isRequiredIf = unwrapExports(isRequiredIf_1);
|
|
80
|
-
|
|
81
|
-
var exenv = createCommonjsModule(function (module) {
|
|
82
|
-
/*!
|
|
83
|
-
Copyright (c) 2015 Jed Watson.
|
|
84
|
-
Based on code that is Copyright 2013-2015, Facebook, Inc.
|
|
85
|
-
All rights reserved.
|
|
86
|
-
*/
|
|
87
|
-
/* global define */
|
|
88
|
-
|
|
89
|
-
(function () {
|
|
90
|
-
|
|
91
|
-
var canUseDOM = !!(
|
|
92
|
-
typeof window !== 'undefined' &&
|
|
93
|
-
window.document &&
|
|
94
|
-
window.document.createElement
|
|
95
|
-
);
|
|
96
|
-
|
|
97
|
-
var ExecutionEnvironment = {
|
|
98
|
-
|
|
99
|
-
canUseDOM: canUseDOM,
|
|
100
|
-
|
|
101
|
-
canUseWorkers: typeof Worker !== 'undefined',
|
|
102
|
-
|
|
103
|
-
canUseEventListeners:
|
|
104
|
-
canUseDOM && !!(window.addEventListener || window.attachEvent),
|
|
105
|
-
|
|
106
|
-
canUseViewport: canUseDOM && !!window.screen
|
|
107
|
-
|
|
108
|
-
};
|
|
109
|
-
|
|
110
|
-
if ( module.exports) {
|
|
111
|
-
module.exports = ExecutionEnvironment;
|
|
112
|
-
} else {
|
|
113
|
-
window.ExecutionEnvironment = ExecutionEnvironment;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
}());
|
|
117
|
-
});
|
|
118
|
-
|
|
119
|
-
var twitterWidgetJs = 'https://platform.twitter.com/widgets.js';
|
|
120
|
-
|
|
121
|
-
var TwitterTimelineEmbed =
|
|
122
|
-
/*#__PURE__*/
|
|
123
|
-
function (_Component) {
|
|
124
|
-
_inherits(TwitterTimelineEmbed, _Component);
|
|
125
|
-
|
|
126
|
-
function TwitterTimelineEmbed(props) {
|
|
127
|
-
var _this;
|
|
128
|
-
|
|
129
|
-
_classCallCheck(this, TwitterTimelineEmbed);
|
|
130
|
-
|
|
131
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterTimelineEmbed).call(this, props));
|
|
132
|
-
_this.state = {
|
|
133
|
-
isLoading: true
|
|
134
|
-
};
|
|
135
|
-
return _this;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
_createClass(TwitterTimelineEmbed, [{
|
|
139
|
-
key: "buildChromeOptions",
|
|
140
|
-
value: function buildChromeOptions(options) {
|
|
141
|
-
options.chrome = '';
|
|
142
|
-
|
|
143
|
-
if (this.props.noHeader) {
|
|
144
|
-
options.chrome = options.chrome + ' noheader';
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
if (this.props.noFooter) {
|
|
148
|
-
options.chrome = options.chrome + ' nofooter';
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
if (this.props.noBorders) {
|
|
152
|
-
options.chrome = options.chrome + ' noborders';
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
if (this.props.noScrollbar) {
|
|
156
|
-
options.chrome = options.chrome + ' noscrollbar';
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
if (this.props.transparent) {
|
|
160
|
-
options.chrome = options.chrome + ' transparent';
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
return options;
|
|
164
|
-
}
|
|
165
|
-
}, {
|
|
166
|
-
key: "buildOptions",
|
|
167
|
-
value: function buildOptions() {
|
|
168
|
-
var options = Object.assign({}, this.props.options);
|
|
169
|
-
|
|
170
|
-
if (this.props.autoHeight) {
|
|
171
|
-
options.height = this.refs.embedContainer.parentNode.offsetHeight;
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
options = Object.assign({}, options, {
|
|
175
|
-
theme: this.props.theme,
|
|
176
|
-
linkColor: this.props.linkColor,
|
|
177
|
-
borderColor: this.props.borderColor,
|
|
178
|
-
lang: this.props.lang
|
|
179
|
-
});
|
|
180
|
-
return options;
|
|
181
|
-
}
|
|
182
|
-
}, {
|
|
183
|
-
key: "renderWidget",
|
|
184
|
-
value: function renderWidget(options) {
|
|
185
|
-
var _this2 = this;
|
|
186
|
-
|
|
187
|
-
var onLoad = this.props.onLoad;
|
|
188
|
-
|
|
189
|
-
if (!this.isMountCanceled) {
|
|
190
|
-
window.twttr.widgets.createTimeline({
|
|
191
|
-
sourceType: this.props.sourceType,
|
|
192
|
-
screenName: this.props.screenName,
|
|
193
|
-
userId: this.props.userId,
|
|
194
|
-
ownerScreenName: this.props.ownerScreenName,
|
|
195
|
-
slug: this.props.slug,
|
|
196
|
-
id: this.props.id || this.props.widgetId,
|
|
197
|
-
url: this.props.url
|
|
198
|
-
}, this.refs.embedContainer, options).then(function (element) {
|
|
199
|
-
_this2.setState({
|
|
200
|
-
isLoading: false
|
|
201
|
-
});
|
|
202
|
-
|
|
203
|
-
if (onLoad) {
|
|
204
|
-
onLoad(element);
|
|
205
|
-
}
|
|
206
|
-
});
|
|
207
|
-
}
|
|
208
|
-
}
|
|
209
|
-
}, {
|
|
210
|
-
key: "componentDidMount",
|
|
211
|
-
value: function componentDidMount() {
|
|
212
|
-
var _this3 = this;
|
|
213
|
-
|
|
214
|
-
if (exenv.canUseDOM) {
|
|
215
|
-
var script = require('scriptjs');
|
|
216
|
-
|
|
217
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
218
|
-
if (!window.twttr) {
|
|
219
|
-
console.error('Failure to load window.twttr in TwitterTimelineEmbed, aborting load.');
|
|
220
|
-
return;
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
var options = _this3.buildOptions();
|
|
224
|
-
/** Append chrome options */
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
options = _this3.buildChromeOptions(options);
|
|
228
|
-
|
|
229
|
-
_this3.renderWidget(options);
|
|
230
|
-
});
|
|
231
|
-
}
|
|
232
|
-
}
|
|
233
|
-
}, {
|
|
234
|
-
key: "componentWillUnmount",
|
|
235
|
-
value: function componentWillUnmount() {
|
|
236
|
-
this.isMountCanceled = true;
|
|
237
|
-
}
|
|
238
|
-
}, {
|
|
239
|
-
key: "render",
|
|
240
|
-
value: function render() {
|
|
241
|
-
var isLoading = this.state.isLoading;
|
|
242
|
-
var placeholder = this.props.placeholder;
|
|
243
|
-
return React__default.createElement(React__default.Fragment, null, isLoading && placeholder, React__default.createElement("div", {
|
|
244
|
-
ref: "embedContainer"
|
|
245
|
-
}));
|
|
246
|
-
}
|
|
247
|
-
}]);
|
|
248
|
-
|
|
249
|
-
return TwitterTimelineEmbed;
|
|
250
|
-
}(Component);
|
|
251
|
-
|
|
252
|
-
_defineProperty(TwitterTimelineEmbed, "propTypes", {
|
|
253
|
-
/**
|
|
254
|
-
* This can be either of profile, likes, list, collection, URL, widget
|
|
255
|
-
*/
|
|
256
|
-
sourceType: PropTypes.oneOf(['profile', 'likes', 'list', 'collection', 'url', 'widget']).isRequired,
|
|
257
|
-
|
|
258
|
-
/**
|
|
259
|
-
* username of twitter handle as String
|
|
260
|
-
*/
|
|
261
|
-
screenName: isRequiredIf(PropTypes.string, function (props) {
|
|
262
|
-
return !props.hasOwnProperty('userId') && (props.sourceType === 'profile' || props.sourceType === 'likes');
|
|
263
|
-
}),
|
|
264
|
-
|
|
265
|
-
/**
|
|
266
|
-
* UserId of twitter handle as number
|
|
267
|
-
*/
|
|
268
|
-
userId: isRequiredIf(PropTypes.number, function (props) {
|
|
269
|
-
return !props.hasOwnProperty('screenName') && (props.sourceType === 'profile' || props.sourceType === 'likes');
|
|
270
|
-
}),
|
|
271
|
-
|
|
272
|
-
/**
|
|
273
|
-
* To show list, used along with slug
|
|
274
|
-
*/
|
|
275
|
-
ownerScreenName: isRequiredIf(PropTypes.string, function (props) {
|
|
276
|
-
return props.sourceType === 'list' && !props.hasOwnProperty('id');
|
|
277
|
-
}),
|
|
278
|
-
|
|
279
|
-
/**
|
|
280
|
-
* To show list, used along with ownerScreenName
|
|
281
|
-
*/
|
|
282
|
-
slug: isRequiredIf(PropTypes.string, function (props) {
|
|
283
|
-
return props.sourceType === 'list' && !props.hasOwnProperty('id');
|
|
284
|
-
}),
|
|
285
|
-
|
|
286
|
-
/**
|
|
287
|
-
* To show list, unique list id
|
|
288
|
-
* Also used with collections, in that case its valid collection id
|
|
289
|
-
*/
|
|
290
|
-
id: isRequiredIf(PropTypes.oneOfType([PropTypes.number, PropTypes.string]), function (props) {
|
|
291
|
-
return props.sourceType === 'list' && !props.hasOwnProperty('ownerScreenName') && !props.hasOwnProperty('slug') || props.sourceType === 'collection';
|
|
292
|
-
}),
|
|
293
|
-
|
|
294
|
-
/**
|
|
295
|
-
* To show twitter content with url.
|
|
296
|
-
* Supported content includes profiles, likes, lists, and collections.
|
|
297
|
-
*/
|
|
298
|
-
url: isRequiredIf(PropTypes.string, function (props) {
|
|
299
|
-
return props.sourceType === 'url';
|
|
300
|
-
}),
|
|
301
|
-
|
|
302
|
-
/**
|
|
303
|
-
* To show custom widget
|
|
304
|
-
*/
|
|
305
|
-
widgetId: isRequiredIf(PropTypes.string, function (props) {
|
|
306
|
-
return props.sourceType === 'widget';
|
|
307
|
-
}),
|
|
308
|
-
|
|
309
|
-
/**
|
|
310
|
-
* Additional options to pass to twitter widget plugin
|
|
311
|
-
*/
|
|
312
|
-
options: PropTypes.object,
|
|
313
|
-
|
|
314
|
-
/**
|
|
315
|
-
* Automatically fit into parent container height
|
|
316
|
-
*/
|
|
317
|
-
autoHeight: PropTypes.bool,
|
|
318
|
-
|
|
319
|
-
/**
|
|
320
|
-
* With dark or light theme
|
|
321
|
-
*/
|
|
322
|
-
theme: PropTypes.oneOf(['dark', 'light']),
|
|
323
|
-
|
|
324
|
-
/**
|
|
325
|
-
* With custom link colors. Note: Only Hex colors are supported.
|
|
326
|
-
*/
|
|
327
|
-
linkColor: PropTypes.string,
|
|
328
|
-
|
|
329
|
-
/**
|
|
330
|
-
* With custom border colors. Note: Only Hex colors are supported.
|
|
331
|
-
*/
|
|
332
|
-
borderColor: PropTypes.string,
|
|
333
|
-
|
|
334
|
-
/**
|
|
335
|
-
* Hide the header from timeline
|
|
336
|
-
*/
|
|
337
|
-
noHeader: PropTypes.bool,
|
|
338
|
-
|
|
339
|
-
/**
|
|
340
|
-
* Hide the footer from timeline
|
|
341
|
-
*/
|
|
342
|
-
noFooter: PropTypes.bool,
|
|
343
|
-
|
|
344
|
-
/**
|
|
345
|
-
* Hide the border from timeline
|
|
346
|
-
*/
|
|
347
|
-
noBorders: PropTypes.bool,
|
|
348
|
-
|
|
349
|
-
/**
|
|
350
|
-
* Hide the scrollbars
|
|
351
|
-
*/
|
|
352
|
-
noScrollbar: PropTypes.bool,
|
|
353
|
-
|
|
354
|
-
/**
|
|
355
|
-
* Enable Transparancy
|
|
356
|
-
*/
|
|
357
|
-
transparent: PropTypes.bool,
|
|
358
|
-
|
|
359
|
-
/**
|
|
360
|
-
* Custom language code. Supported codes here: https://developer.twitter.com/en/docs/twitter-for-websites/twitter-for-websites-supported-languages/overview.html
|
|
361
|
-
*/
|
|
362
|
-
lang: PropTypes.string,
|
|
363
|
-
|
|
364
|
-
/**
|
|
365
|
-
* Placeholder while tweet is loading
|
|
366
|
-
*/
|
|
367
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
368
|
-
|
|
369
|
-
/**
|
|
370
|
-
* Function to execute after load, return html element
|
|
371
|
-
*/
|
|
372
|
-
onLoad: PropTypes.func
|
|
373
|
-
});
|
|
374
|
-
|
|
375
|
-
var TwitterShareButton =
|
|
376
|
-
/*#__PURE__*/
|
|
377
|
-
function (_Component) {
|
|
378
|
-
_inherits(TwitterShareButton, _Component);
|
|
379
|
-
|
|
380
|
-
function TwitterShareButton(props) {
|
|
381
|
-
var _this;
|
|
382
|
-
|
|
383
|
-
_classCallCheck(this, TwitterShareButton);
|
|
384
|
-
|
|
385
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterShareButton).call(this, props));
|
|
386
|
-
_this.state = {
|
|
387
|
-
isLoading: true
|
|
388
|
-
};
|
|
389
|
-
return _this;
|
|
390
|
-
}
|
|
391
|
-
|
|
392
|
-
_createClass(TwitterShareButton, [{
|
|
393
|
-
key: "componentDidMount",
|
|
394
|
-
value: function componentDidMount() {
|
|
395
|
-
var _this2 = this;
|
|
396
|
-
|
|
397
|
-
var onLoad = this.props.onLoad;
|
|
398
|
-
|
|
399
|
-
if (exenv.canUseDOM) {
|
|
400
|
-
var script = require('scriptjs');
|
|
401
|
-
|
|
402
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
403
|
-
if (!window.twttr) {
|
|
404
|
-
console.error('Failure to load window.twttr in TwitterShareButton, aborting load.');
|
|
405
|
-
return;
|
|
406
|
-
}
|
|
407
|
-
|
|
408
|
-
if (!_this2.isMountCanceled) {
|
|
409
|
-
window.twttr.widgets.createShareButton(_this2.props.url, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
|
|
410
|
-
_this2.setState({
|
|
411
|
-
isLoading: false
|
|
412
|
-
});
|
|
413
|
-
|
|
414
|
-
if (onLoad) {
|
|
415
|
-
onLoad(element);
|
|
416
|
-
}
|
|
417
|
-
});
|
|
418
|
-
}
|
|
419
|
-
});
|
|
420
|
-
}
|
|
421
|
-
}
|
|
422
|
-
}, {
|
|
423
|
-
key: "componentWillUnmount",
|
|
424
|
-
value: function componentWillUnmount() {
|
|
425
|
-
this.isMountCanceled = true;
|
|
426
|
-
}
|
|
427
|
-
}, {
|
|
428
|
-
key: "render",
|
|
429
|
-
value: function render() {
|
|
430
|
-
var isLoading = this.state.isLoading;
|
|
431
|
-
var placeholder = this.props.placeholder;
|
|
432
|
-
return React__default.createElement(React__default.Fragment, null, isLoading && placeholder, React__default.createElement("div", {
|
|
433
|
-
ref: "embedContainer"
|
|
434
|
-
}));
|
|
435
|
-
}
|
|
436
|
-
}]);
|
|
437
|
-
|
|
438
|
-
return TwitterShareButton;
|
|
439
|
-
}(Component);
|
|
440
|
-
|
|
441
|
-
_defineProperty(TwitterShareButton, "propTypes", {
|
|
442
|
-
/**
|
|
443
|
-
* Url for sharing
|
|
444
|
-
*/
|
|
445
|
-
url: PropTypes.string.isRequired,
|
|
446
|
-
|
|
447
|
-
/**
|
|
448
|
-
* Additional options for overriding config. Details at : https://dev.twitter.com/web/tweet-button/parameters
|
|
449
|
-
*/
|
|
450
|
-
options: PropTypes.object,
|
|
451
|
-
|
|
452
|
-
/**
|
|
453
|
-
* Placeholder while tweet is loading
|
|
454
|
-
*/
|
|
455
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
456
|
-
|
|
457
|
-
/**
|
|
458
|
-
* Function to execute after load, return html element
|
|
459
|
-
*/
|
|
460
|
-
onLoad: PropTypes.func
|
|
461
|
-
});
|
|
462
|
-
|
|
463
|
-
var TwitterFollowButton =
|
|
464
|
-
/*#__PURE__*/
|
|
465
|
-
function (_Component) {
|
|
466
|
-
_inherits(TwitterFollowButton, _Component);
|
|
467
|
-
|
|
468
|
-
function TwitterFollowButton(props) {
|
|
469
|
-
var _this;
|
|
470
|
-
|
|
471
|
-
_classCallCheck(this, TwitterFollowButton);
|
|
472
|
-
|
|
473
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterFollowButton).call(this, props));
|
|
474
|
-
_this.state = {
|
|
475
|
-
isLoading: true
|
|
476
|
-
};
|
|
477
|
-
return _this;
|
|
478
|
-
}
|
|
479
|
-
|
|
480
|
-
_createClass(TwitterFollowButton, [{
|
|
481
|
-
key: "componentDidMount",
|
|
482
|
-
value: function componentDidMount() {
|
|
483
|
-
var _this2 = this;
|
|
484
|
-
|
|
485
|
-
var onLoad = this.props.onLoad;
|
|
486
|
-
|
|
487
|
-
if (exenv.canUseDOM) {
|
|
488
|
-
var script = require('scriptjs');
|
|
489
|
-
|
|
490
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
491
|
-
if (!window.twttr) {
|
|
492
|
-
console.error('Failure to load window.twttr in TwitterFollowButton, aborting load.');
|
|
493
|
-
return;
|
|
494
|
-
}
|
|
495
|
-
|
|
496
|
-
if (!_this2.isMountCanceled) {
|
|
497
|
-
window.twttr.widgets.createFollowButton(_this2.props.screenName, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
|
|
498
|
-
_this2.setState({
|
|
499
|
-
isLoading: false
|
|
500
|
-
});
|
|
501
|
-
|
|
502
|
-
if (onLoad) {
|
|
503
|
-
onLoad(element);
|
|
504
|
-
}
|
|
505
|
-
});
|
|
506
|
-
}
|
|
507
|
-
});
|
|
508
|
-
}
|
|
509
|
-
}
|
|
510
|
-
}, {
|
|
511
|
-
key: "componentWillUnmount",
|
|
512
|
-
value: function componentWillUnmount() {
|
|
513
|
-
this.isMountCanceled = true;
|
|
514
|
-
}
|
|
515
|
-
}, {
|
|
516
|
-
key: "render",
|
|
517
|
-
value: function render() {
|
|
518
|
-
var isLoading = this.state.isLoading;
|
|
519
|
-
var placeholder = this.props.placeholder;
|
|
520
|
-
return React__default.createElement(React__default.Fragment, null, isLoading && placeholder, React__default.createElement("div", {
|
|
521
|
-
ref: "embedContainer"
|
|
522
|
-
}));
|
|
523
|
-
}
|
|
524
|
-
}]);
|
|
525
|
-
|
|
526
|
-
return TwitterFollowButton;
|
|
527
|
-
}(Component);
|
|
528
|
-
|
|
529
|
-
_defineProperty(TwitterFollowButton, "propTypes", {
|
|
530
|
-
/**
|
|
531
|
-
* Username of twitter user which will be followed on click
|
|
532
|
-
*/
|
|
533
|
-
screenName: PropTypes.string.isRequired,
|
|
534
|
-
|
|
535
|
-
/**
|
|
536
|
-
* Additional options to be added to the button
|
|
537
|
-
*/
|
|
538
|
-
options: PropTypes.object,
|
|
539
|
-
|
|
540
|
-
/**
|
|
541
|
-
* Placeholder while tweet is loading
|
|
542
|
-
*/
|
|
543
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
544
|
-
|
|
545
|
-
/**
|
|
546
|
-
* Function to execute after load, return html element
|
|
547
|
-
*/
|
|
548
|
-
onLoad: PropTypes.func
|
|
549
|
-
});
|
|
550
|
-
|
|
551
|
-
var TwitterHashtagButton =
|
|
552
|
-
/*#__PURE__*/
|
|
553
|
-
function (_Component) {
|
|
554
|
-
_inherits(TwitterHashtagButton, _Component);
|
|
555
|
-
|
|
556
|
-
function TwitterHashtagButton(props) {
|
|
557
|
-
var _this;
|
|
558
|
-
|
|
559
|
-
_classCallCheck(this, TwitterHashtagButton);
|
|
560
|
-
|
|
561
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterHashtagButton).call(this, props));
|
|
562
|
-
_this.state = {
|
|
563
|
-
isLoading: true
|
|
564
|
-
};
|
|
565
|
-
return _this;
|
|
566
|
-
}
|
|
567
|
-
|
|
568
|
-
_createClass(TwitterHashtagButton, [{
|
|
569
|
-
key: "componentDidMount",
|
|
570
|
-
value: function componentDidMount() {
|
|
571
|
-
var _this2 = this;
|
|
572
|
-
|
|
573
|
-
var onLoad = this.props.onLoad;
|
|
574
|
-
|
|
575
|
-
if (exenv.canUseDOM) {
|
|
576
|
-
var script = require('scriptjs');
|
|
577
|
-
|
|
578
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
579
|
-
if (!window.twttr) {
|
|
580
|
-
console.error('Failure to load window.twttr in TwitterHashtagButton, aborting load.');
|
|
581
|
-
return;
|
|
582
|
-
}
|
|
583
|
-
|
|
584
|
-
if (!_this2.isMountCanceled) {
|
|
585
|
-
window.twttr.widgets.createHashtagButton(_this2.props.tag, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
|
|
586
|
-
_this2.setState({
|
|
587
|
-
isLoading: false
|
|
588
|
-
});
|
|
589
|
-
|
|
590
|
-
if (onLoad) {
|
|
591
|
-
onLoad(element);
|
|
592
|
-
}
|
|
593
|
-
});
|
|
594
|
-
}
|
|
595
|
-
});
|
|
596
|
-
}
|
|
597
|
-
}
|
|
598
|
-
}, {
|
|
599
|
-
key: "componentWillUnmount",
|
|
600
|
-
value: function componentWillUnmount() {
|
|
601
|
-
this.isMountCanceled = true;
|
|
602
|
-
}
|
|
603
|
-
}, {
|
|
604
|
-
key: "render",
|
|
605
|
-
value: function render() {
|
|
606
|
-
var isLoading = this.state.isLoading;
|
|
607
|
-
var placeholder = this.props.placeholder;
|
|
608
|
-
return React__default.createElement(React__default.Fragment, null, isLoading && placeholder, React__default.createElement("div", {
|
|
609
|
-
ref: "embedContainer"
|
|
610
|
-
}));
|
|
611
|
-
}
|
|
612
|
-
}]);
|
|
613
|
-
|
|
614
|
-
return TwitterHashtagButton;
|
|
615
|
-
}(Component);
|
|
616
|
-
|
|
617
|
-
_defineProperty(TwitterHashtagButton, "propTypes", {
|
|
618
|
-
/**
|
|
619
|
-
* Tag name for hashtag button
|
|
620
|
-
*/
|
|
621
|
-
tag: PropTypes.string.isRequired,
|
|
622
|
-
|
|
623
|
-
/**
|
|
624
|
-
* Additional options to be added to the button
|
|
625
|
-
*/
|
|
626
|
-
options: PropTypes.object,
|
|
627
|
-
|
|
628
|
-
/**
|
|
629
|
-
* Placeholder while tweet is loading
|
|
630
|
-
*/
|
|
631
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
632
|
-
|
|
633
|
-
/**
|
|
634
|
-
* Function to execute after load, return html element
|
|
635
|
-
*/
|
|
636
|
-
onLoad: PropTypes.func
|
|
637
|
-
});
|
|
638
|
-
|
|
639
|
-
var TwitterMentionButton =
|
|
640
|
-
/*#__PURE__*/
|
|
641
|
-
function (_Component) {
|
|
642
|
-
_inherits(TwitterMentionButton, _Component);
|
|
643
|
-
|
|
644
|
-
function TwitterMentionButton(props) {
|
|
645
|
-
var _this;
|
|
646
|
-
|
|
647
|
-
_classCallCheck(this, TwitterMentionButton);
|
|
648
|
-
|
|
649
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterMentionButton).call(this, props));
|
|
650
|
-
_this.state = {
|
|
651
|
-
isLoading: true
|
|
652
|
-
};
|
|
653
|
-
return _this;
|
|
654
|
-
}
|
|
655
|
-
|
|
656
|
-
_createClass(TwitterMentionButton, [{
|
|
657
|
-
key: "componentDidMount",
|
|
658
|
-
value: function componentDidMount() {
|
|
659
|
-
var _this2 = this;
|
|
660
|
-
|
|
661
|
-
var onLoad = this.props.onLoad;
|
|
662
|
-
|
|
663
|
-
if (exenv.canUseDOM) {
|
|
664
|
-
var script = require('scriptjs');
|
|
665
|
-
|
|
666
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
667
|
-
if (!window.twttr) {
|
|
668
|
-
console.error('Failure to load window.twttr in TwitterMentionButton, aborting load.');
|
|
669
|
-
return;
|
|
670
|
-
}
|
|
671
|
-
|
|
672
|
-
if (!_this2.isMountCanceled) {
|
|
673
|
-
window.twttr.widgets.createMentionButton(_this2.props.screenName, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
|
|
674
|
-
_this2.setState({
|
|
675
|
-
isLoading: false
|
|
676
|
-
});
|
|
677
|
-
|
|
678
|
-
if (onLoad) {
|
|
679
|
-
onLoad(element);
|
|
680
|
-
}
|
|
681
|
-
});
|
|
682
|
-
}
|
|
683
|
-
});
|
|
684
|
-
}
|
|
685
|
-
}
|
|
686
|
-
}, {
|
|
687
|
-
key: "componentWillUnmount",
|
|
688
|
-
value: function componentWillUnmount() {
|
|
689
|
-
this.isMountCanceled = true;
|
|
690
|
-
}
|
|
691
|
-
}, {
|
|
692
|
-
key: "render",
|
|
693
|
-
value: function render() {
|
|
694
|
-
var isLoading = this.state.isLoading;
|
|
695
|
-
var placeholder = this.props.placeholder;
|
|
696
|
-
return React__default.createElement(React__default.Fragment, null, isLoading && placeholder, React__default.createElement("div", {
|
|
697
|
-
ref: "embedContainer"
|
|
698
|
-
}));
|
|
699
|
-
}
|
|
700
|
-
}]);
|
|
701
|
-
|
|
702
|
-
return TwitterMentionButton;
|
|
703
|
-
}(Component);
|
|
704
|
-
|
|
705
|
-
_defineProperty(TwitterMentionButton, "propTypes", {
|
|
706
|
-
/**
|
|
707
|
-
* Username to which you will need to tweet
|
|
708
|
-
*/
|
|
709
|
-
screenName: PropTypes.string.isRequired,
|
|
710
|
-
|
|
711
|
-
/**
|
|
712
|
-
* Additional options for overriding config.
|
|
713
|
-
*/
|
|
714
|
-
options: PropTypes.object,
|
|
715
|
-
|
|
716
|
-
/**
|
|
717
|
-
* Placeholder while tweet is loading
|
|
718
|
-
*/
|
|
719
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
720
|
-
|
|
721
|
-
/**
|
|
722
|
-
* Function to execute after load, return html element
|
|
723
|
-
*/
|
|
724
|
-
onLoad: PropTypes.func
|
|
725
|
-
});
|
|
726
|
-
|
|
727
|
-
var TwitterTweetEmbed =
|
|
728
|
-
/*#__PURE__*/
|
|
729
|
-
function (_Component) {
|
|
730
|
-
_inherits(TwitterTweetEmbed, _Component);
|
|
731
|
-
|
|
732
|
-
function TwitterTweetEmbed(props) {
|
|
733
|
-
var _this;
|
|
734
|
-
|
|
735
|
-
_classCallCheck(this, TwitterTweetEmbed);
|
|
736
|
-
|
|
737
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterTweetEmbed).call(this, props));
|
|
738
|
-
_this.state = {
|
|
739
|
-
isLoading: true
|
|
740
|
-
};
|
|
741
|
-
return _this;
|
|
742
|
-
}
|
|
743
|
-
|
|
744
|
-
_createClass(TwitterTweetEmbed, [{
|
|
745
|
-
key: "renderWidget",
|
|
746
|
-
value: function renderWidget() {
|
|
747
|
-
var _this2 = this;
|
|
748
|
-
|
|
749
|
-
var onLoad = this.props.onLoad;
|
|
750
|
-
|
|
751
|
-
if (!window.twttr) {
|
|
752
|
-
console.error('Failure to load window.twttr in TwitterTweetEmbed, aborting load.');
|
|
753
|
-
return;
|
|
754
|
-
}
|
|
755
|
-
|
|
756
|
-
if (!this.isMountCanceled) {
|
|
757
|
-
window.twttr.widgets.createTweet(this.props.tweetId, this.refs.embedContainer, this.props.options).then(function (element) {
|
|
758
|
-
_this2.setState({
|
|
759
|
-
isLoading: false
|
|
760
|
-
});
|
|
761
|
-
|
|
762
|
-
if (onLoad) {
|
|
763
|
-
onLoad(element);
|
|
764
|
-
}
|
|
765
|
-
});
|
|
766
|
-
}
|
|
767
|
-
}
|
|
768
|
-
}, {
|
|
769
|
-
key: "componentDidMount",
|
|
770
|
-
value: function componentDidMount() {
|
|
771
|
-
var _this3 = this;
|
|
772
|
-
|
|
773
|
-
if (exenv.canUseDOM) {
|
|
774
|
-
var script = require('scriptjs');
|
|
775
|
-
|
|
776
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
777
|
-
_this3.renderWidget();
|
|
778
|
-
});
|
|
779
|
-
}
|
|
780
|
-
}
|
|
781
|
-
}, {
|
|
782
|
-
key: "componentWillUnmount",
|
|
783
|
-
value: function componentWillUnmount() {
|
|
784
|
-
this.isMountCanceled = true;
|
|
785
|
-
}
|
|
786
|
-
}, {
|
|
787
|
-
key: "render",
|
|
788
|
-
value: function render() {
|
|
789
|
-
var isLoading = this.state.isLoading;
|
|
790
|
-
var placeholder = this.props.placeholder;
|
|
791
|
-
return React__default.createElement(React__default.Fragment, null, isLoading && placeholder, React__default.createElement("div", {
|
|
792
|
-
ref: "embedContainer"
|
|
793
|
-
}));
|
|
794
|
-
}
|
|
795
|
-
}]);
|
|
796
|
-
|
|
797
|
-
return TwitterTweetEmbed;
|
|
798
|
-
}(Component);
|
|
799
|
-
|
|
800
|
-
_defineProperty(TwitterTweetEmbed, "propTypes", {
|
|
801
|
-
/**
|
|
802
|
-
* Tweet id that needs to be shown
|
|
803
|
-
*/
|
|
804
|
-
tweetId: PropTypes.string.isRequired,
|
|
805
|
-
|
|
806
|
-
/**
|
|
807
|
-
* Additional options to pass to twitter widget plugin
|
|
808
|
-
*/
|
|
809
|
-
options: PropTypes.object,
|
|
810
|
-
|
|
811
|
-
/**
|
|
812
|
-
* Placeholder while tweet is loading
|
|
813
|
-
*/
|
|
814
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
815
|
-
|
|
816
|
-
/**
|
|
817
|
-
* Function to execute after load, return html element
|
|
818
|
-
*/
|
|
819
|
-
onLoad: PropTypes.func
|
|
820
|
-
});
|
|
821
|
-
|
|
822
|
-
var TwitterMomentShare =
|
|
823
|
-
/*#__PURE__*/
|
|
824
|
-
function (_Component) {
|
|
825
|
-
_inherits(TwitterMomentShare, _Component);
|
|
826
|
-
|
|
827
|
-
function TwitterMomentShare(props) {
|
|
828
|
-
var _this;
|
|
829
|
-
|
|
830
|
-
_classCallCheck(this, TwitterMomentShare);
|
|
831
|
-
|
|
832
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterMomentShare).call(this, props));
|
|
833
|
-
_this.state = {
|
|
834
|
-
isLoading: true
|
|
835
|
-
};
|
|
836
|
-
return _this;
|
|
837
|
-
}
|
|
838
|
-
|
|
839
|
-
_createClass(TwitterMomentShare, [{
|
|
840
|
-
key: "componentDidMount",
|
|
841
|
-
value: function componentDidMount() {
|
|
842
|
-
var _this2 = this;
|
|
843
|
-
|
|
844
|
-
var onLoad = this.props.onLoad;
|
|
845
|
-
|
|
846
|
-
if (exenv.canUseDOM) {
|
|
847
|
-
var script = require('scriptjs');
|
|
848
|
-
|
|
849
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
850
|
-
if (!window.twttr) {
|
|
851
|
-
console.error('Failure to load window.twttr in TwitterMomentShare, aborting load.');
|
|
852
|
-
return;
|
|
853
|
-
}
|
|
854
|
-
|
|
855
|
-
if (!_this2.isMountCanceled) {
|
|
856
|
-
window.twttr.widgets.createMoment(_this2.props.momentId, _this2.refs.shareMoment, _this2.props.options).then(function (element) {
|
|
857
|
-
_this2.setState({
|
|
858
|
-
isLoading: false
|
|
859
|
-
});
|
|
860
|
-
|
|
861
|
-
if (onLoad) {
|
|
862
|
-
onLoad(element);
|
|
863
|
-
}
|
|
864
|
-
});
|
|
865
|
-
}
|
|
866
|
-
});
|
|
867
|
-
}
|
|
868
|
-
}
|
|
869
|
-
}, {
|
|
870
|
-
key: "componentWillUnmount",
|
|
871
|
-
value: function componentWillUnmount() {
|
|
872
|
-
this.isMountCanceled = true;
|
|
873
|
-
}
|
|
874
|
-
}, {
|
|
875
|
-
key: "render",
|
|
876
|
-
value: function render() {
|
|
877
|
-
var isLoading = this.state.isLoading;
|
|
878
|
-
var placeholder = this.props.placeholder;
|
|
879
|
-
return React__default.createElement(React__default.Fragment, null, isLoading && placeholder, React__default.createElement("div", {
|
|
880
|
-
ref: "shareMoment"
|
|
881
|
-
}));
|
|
882
|
-
}
|
|
883
|
-
}]);
|
|
884
|
-
|
|
885
|
-
return TwitterMomentShare;
|
|
886
|
-
}(Component);
|
|
887
|
-
|
|
888
|
-
_defineProperty(TwitterMomentShare, "propTypes", {
|
|
889
|
-
/**
|
|
890
|
-
* id of Twitter moment to show
|
|
891
|
-
*/
|
|
892
|
-
momentId: PropTypes.string.isRequired,
|
|
893
|
-
|
|
894
|
-
/**
|
|
895
|
-
* Additional options for overriding config.
|
|
896
|
-
*/
|
|
897
|
-
options: PropTypes.object,
|
|
898
|
-
|
|
899
|
-
/**
|
|
900
|
-
* Placeholder while tweet is loading
|
|
901
|
-
*/
|
|
902
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
903
|
-
|
|
904
|
-
/**
|
|
905
|
-
* Function to execute after load, return html element
|
|
906
|
-
*/
|
|
907
|
-
onLoad: PropTypes.func
|
|
908
|
-
});
|
|
909
|
-
|
|
910
|
-
var TwitterDMButton =
|
|
911
|
-
/*#__PURE__*/
|
|
912
|
-
function (_Component) {
|
|
913
|
-
_inherits(TwitterDMButton, _Component);
|
|
914
|
-
|
|
915
|
-
function TwitterDMButton(props) {
|
|
916
|
-
var _this;
|
|
917
|
-
|
|
918
|
-
_classCallCheck(this, TwitterDMButton);
|
|
919
|
-
|
|
920
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterDMButton).call(this, props));
|
|
921
|
-
_this.state = {
|
|
922
|
-
isLoading: true
|
|
923
|
-
};
|
|
924
|
-
return _this;
|
|
925
|
-
}
|
|
926
|
-
|
|
927
|
-
_createClass(TwitterDMButton, [{
|
|
928
|
-
key: "componentDidMount",
|
|
929
|
-
value: function componentDidMount() {
|
|
930
|
-
var _this2 = this;
|
|
931
|
-
|
|
932
|
-
var onLoad = this.props.onLoad;
|
|
933
|
-
|
|
934
|
-
if (exenv.canUseDOM) {
|
|
935
|
-
var script = require('scriptjs');
|
|
936
|
-
|
|
937
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
938
|
-
if (!window.twttr) {
|
|
939
|
-
console.error('Failure to load window.twttr in TwitterDMButton, aborting load.');
|
|
940
|
-
return;
|
|
941
|
-
}
|
|
942
|
-
|
|
943
|
-
if (!_this2.isMountCanceled) {
|
|
944
|
-
window.twttr.widgets.createDMButton(_this2.props.id, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
|
|
945
|
-
_this2.setState({
|
|
946
|
-
isLoading: false
|
|
947
|
-
});
|
|
948
|
-
|
|
949
|
-
if (onLoad) {
|
|
950
|
-
onLoad(element);
|
|
951
|
-
}
|
|
952
|
-
});
|
|
953
|
-
}
|
|
954
|
-
});
|
|
955
|
-
}
|
|
956
|
-
}
|
|
957
|
-
}, {
|
|
958
|
-
key: "componentWillUnmount",
|
|
959
|
-
value: function componentWillUnmount() {
|
|
960
|
-
this.isMountCanceled = true;
|
|
961
|
-
}
|
|
962
|
-
}, {
|
|
963
|
-
key: "render",
|
|
964
|
-
value: function render() {
|
|
965
|
-
var isLoading = this.state.isLoading;
|
|
966
|
-
var placeholder = this.props.placeholder;
|
|
967
|
-
return React__default.createElement(React__default.Fragment, null, isLoading && placeholder, React__default.createElement("div", {
|
|
968
|
-
ref: "embedContainer"
|
|
969
|
-
}));
|
|
970
|
-
}
|
|
971
|
-
}]);
|
|
972
|
-
|
|
973
|
-
return TwitterDMButton;
|
|
974
|
-
}(Component);
|
|
975
|
-
|
|
976
|
-
_defineProperty(TwitterDMButton, "propTypes", {
|
|
977
|
-
/**
|
|
978
|
-
* Twitter user id for DM button
|
|
979
|
-
*/
|
|
980
|
-
id: PropTypes.number.isRequired,
|
|
981
|
-
|
|
982
|
-
/**
|
|
983
|
-
* Additional options to be added to the button
|
|
984
|
-
*/
|
|
985
|
-
options: PropTypes.object,
|
|
986
|
-
|
|
987
|
-
/**
|
|
988
|
-
* Placeholder while tweet is loading
|
|
989
|
-
*/
|
|
990
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
991
|
-
|
|
992
|
-
/**
|
|
993
|
-
* Function to execute after load, return html element
|
|
994
|
-
*/
|
|
995
|
-
onLoad: PropTypes.func
|
|
996
|
-
});
|
|
997
|
-
|
|
998
|
-
var TwitterVideoEmbed =
|
|
999
|
-
/*#__PURE__*/
|
|
1000
|
-
function (_Component) {
|
|
1001
|
-
_inherits(TwitterVideoEmbed, _Component);
|
|
1002
|
-
|
|
1003
|
-
function TwitterVideoEmbed(props) {
|
|
1004
|
-
var _this;
|
|
1005
|
-
|
|
1006
|
-
_classCallCheck(this, TwitterVideoEmbed);
|
|
1007
|
-
|
|
1008
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterVideoEmbed).call(this, props));
|
|
1009
|
-
_this.state = {
|
|
1010
|
-
isLoading: true
|
|
1011
|
-
};
|
|
1012
|
-
return _this;
|
|
1013
|
-
}
|
|
1014
|
-
|
|
1015
|
-
_createClass(TwitterVideoEmbed, [{
|
|
1016
|
-
key: "componentDidMount",
|
|
1017
|
-
value: function componentDidMount() {
|
|
1018
|
-
var _this2 = this;
|
|
1019
|
-
|
|
1020
|
-
var onLoad = this.props.onLoad;
|
|
1021
|
-
|
|
1022
|
-
if (exenv.canUseDOM) {
|
|
1023
|
-
var script = require('scriptjs');
|
|
1024
|
-
|
|
1025
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
1026
|
-
if (!window.twttr) {
|
|
1027
|
-
console.error('Failure to load window.twttr in TwitterVideoEmbed, aborting load.');
|
|
1028
|
-
return;
|
|
1029
|
-
}
|
|
1030
|
-
|
|
1031
|
-
if (!_this2.isMountCanceled) {
|
|
1032
|
-
window.twttr.widgets.createVideo(_this2.props.id, _this2.refs.embedContainer).then(function (element) {
|
|
1033
|
-
_this2.setState({
|
|
1034
|
-
isLoading: false
|
|
1035
|
-
});
|
|
1036
|
-
|
|
1037
|
-
if (onLoad) {
|
|
1038
|
-
onLoad(element);
|
|
1039
|
-
}
|
|
1040
|
-
});
|
|
1041
|
-
}
|
|
1042
|
-
});
|
|
1043
|
-
}
|
|
1044
|
-
}
|
|
1045
|
-
}, {
|
|
1046
|
-
key: "componentWillUnmount",
|
|
1047
|
-
value: function componentWillUnmount() {
|
|
1048
|
-
this.isMountCanceled = true;
|
|
1049
|
-
}
|
|
1050
|
-
}, {
|
|
1051
|
-
key: "render",
|
|
1052
|
-
value: function render() {
|
|
1053
|
-
var isLoading = this.state.isLoading;
|
|
1054
|
-
var placeholder = this.props.placeholder;
|
|
1055
|
-
return React__default.createElement(React__default.Fragment, null, isLoading && placeholder, React__default.createElement("div", {
|
|
1056
|
-
ref: "embedContainer"
|
|
1057
|
-
}));
|
|
1058
|
-
}
|
|
1059
|
-
}]);
|
|
1060
|
-
|
|
1061
|
-
return TwitterVideoEmbed;
|
|
1062
|
-
}(Component);
|
|
1063
|
-
|
|
1064
|
-
_defineProperty(TwitterVideoEmbed, "propTypes", {
|
|
1065
|
-
/**
|
|
1066
|
-
* Id of video tweet.
|
|
1067
|
-
*/
|
|
1068
|
-
id: PropTypes.string.isRequired,
|
|
1069
|
-
|
|
1070
|
-
/**
|
|
1071
|
-
* Placeholder while tweet is loading
|
|
1072
|
-
*/
|
|
1073
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
1074
|
-
|
|
1075
|
-
/**
|
|
1076
|
-
* Function to execute after load, return html element
|
|
1077
|
-
*/
|
|
1078
|
-
onLoad: PropTypes.func
|
|
1079
|
-
});
|
|
1080
|
-
|
|
1081
|
-
var TwitterOnAirButton =
|
|
1082
|
-
/*#__PURE__*/
|
|
1083
|
-
function (_Component) {
|
|
1084
|
-
_inherits(TwitterOnAirButton, _Component);
|
|
1085
|
-
|
|
1086
|
-
function TwitterOnAirButton(props) {
|
|
1087
|
-
var _this;
|
|
1088
|
-
|
|
1089
|
-
_classCallCheck(this, TwitterOnAirButton);
|
|
1090
|
-
|
|
1091
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterOnAirButton).call(this, props));
|
|
1092
|
-
_this.state = {
|
|
1093
|
-
isLoading: true
|
|
1094
|
-
};
|
|
1095
|
-
return _this;
|
|
1096
|
-
}
|
|
1097
|
-
|
|
1098
|
-
_createClass(TwitterOnAirButton, [{
|
|
1099
|
-
key: "componentDidMount",
|
|
1100
|
-
value: function componentDidMount() {
|
|
1101
|
-
var _this2 = this;
|
|
1102
|
-
|
|
1103
|
-
var onLoad = this.props.onLoad;
|
|
1104
|
-
|
|
1105
|
-
if (exenv.canUseDOM) {
|
|
1106
|
-
var script = require('scriptjs');
|
|
1107
|
-
|
|
1108
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
1109
|
-
if (!window.twttr) {
|
|
1110
|
-
console.error('Failure to load window.twttr in TwitterOnAirButton, aborting load.');
|
|
1111
|
-
return;
|
|
1112
|
-
}
|
|
1113
|
-
|
|
1114
|
-
if (!_this2.isMountCanceled) {
|
|
1115
|
-
window.twttr.widgets.createPeriscopeOnAirButton(_this2.props.username, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
|
|
1116
|
-
_this2.setState({
|
|
1117
|
-
isLoading: false
|
|
1118
|
-
});
|
|
1119
|
-
|
|
1120
|
-
if (onLoad) {
|
|
1121
|
-
onLoad(element);
|
|
1122
|
-
}
|
|
1123
|
-
});
|
|
1124
|
-
}
|
|
1125
|
-
});
|
|
1126
|
-
}
|
|
1127
|
-
}
|
|
1128
|
-
}, {
|
|
1129
|
-
key: "componentWillUnmount",
|
|
1130
|
-
value: function componentWillUnmount() {
|
|
1131
|
-
this.isMountCanceled = true;
|
|
1132
|
-
}
|
|
1133
|
-
}, {
|
|
1134
|
-
key: "render",
|
|
1135
|
-
value: function render() {
|
|
1136
|
-
var isLoading = this.state.isLoading;
|
|
1137
|
-
var placeholder = this.props.placeholder;
|
|
1138
|
-
return React__default.createElement(React__default.Fragment, null, isLoading && placeholder, React__default.createElement("div", {
|
|
1139
|
-
ref: "embedContainer"
|
|
1140
|
-
}));
|
|
1141
|
-
}
|
|
1142
|
-
}]);
|
|
1143
|
-
|
|
1144
|
-
return TwitterOnAirButton;
|
|
1145
|
-
}(Component);
|
|
1146
|
-
|
|
1147
|
-
_defineProperty(TwitterOnAirButton, "propTypes", {
|
|
1148
|
-
/**
|
|
1149
|
-
* Username for which you require periscope on air button
|
|
1150
|
-
*/
|
|
1151
|
-
username: PropTypes.string.isRequired,
|
|
1152
|
-
|
|
1153
|
-
/**
|
|
1154
|
-
* Additional options for overriding config.
|
|
1155
|
-
*/
|
|
1156
|
-
options: PropTypes.object,
|
|
1157
|
-
|
|
1158
|
-
/**
|
|
1159
|
-
* Placeholder while tweet is loading
|
|
1160
|
-
*/
|
|
1161
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
1162
|
-
|
|
1163
|
-
/**
|
|
1164
|
-
* Function to execute after load, return html element
|
|
1165
|
-
*/
|
|
1166
|
-
onLoad: PropTypes.func
|
|
1167
|
-
});
|
|
70
|
+
import { TwitterTimelineEmbed } from 'react-twitter-embed';
|
|
1168
71
|
|
|
1169
72
|
var ImageSlider = function ImageSlider(props) {
|
|
1170
73
|
var innerSlider = useRef(null);
|
|
@@ -1269,61 +172,61 @@ var ImageSlider = function ImageSlider(props) {
|
|
|
1269
172
|
}, []);
|
|
1270
173
|
|
|
1271
174
|
var variant = 'black';
|
|
1272
|
-
return
|
|
1273
|
-
|
|
175
|
+
return React.createElement(
|
|
176
|
+
React.Fragment,
|
|
1274
177
|
null,
|
|
1275
|
-
|
|
178
|
+
React.createElement(
|
|
1276
179
|
'div',
|
|
1277
180
|
{ ref: viewableWindow, id: 'vid-slider', className: 'col' },
|
|
1278
|
-
|
|
181
|
+
React.createElement(
|
|
1279
182
|
'div',
|
|
1280
183
|
{ className: 'row' },
|
|
1281
|
-
showScroller &&
|
|
184
|
+
showScroller && React.createElement(
|
|
1282
185
|
'div',
|
|
1283
186
|
{ onClick: function onClick(e) {
|
|
1284
187
|
return scrollSlider(e, 'prev');
|
|
1285
188
|
}, className: 'tile__slider-prev', style: { color: variant } },
|
|
1286
|
-
|
|
189
|
+
React.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
|
|
1287
190
|
),
|
|
1288
|
-
showScroller &&
|
|
191
|
+
showScroller && React.createElement(
|
|
1289
192
|
'div',
|
|
1290
193
|
{ onClick: function onClick(e) {
|
|
1291
194
|
return scrollSlider(e, 'next');
|
|
1292
195
|
}, className: 'tile__slider-next', style: { color: variant } },
|
|
1293
|
-
|
|
196
|
+
React.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
|
|
1294
197
|
),
|
|
1295
|
-
|
|
198
|
+
React.createElement(
|
|
1296
199
|
'div',
|
|
1297
200
|
{ ref: innerSlider, className: 'row__inner' },
|
|
1298
201
|
props.data.slides.map(function (img, index) {
|
|
1299
202
|
var thumbnail = urlFor({ client: client, source: img.slideshowImage, imageWidth: 250 });
|
|
1300
203
|
if (!img.slideshowImage.link) {
|
|
1301
|
-
return
|
|
204
|
+
return React.createElement(
|
|
1302
205
|
'div',
|
|
1303
206
|
{ ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
|
|
1304
|
-
|
|
207
|
+
React.createElement(
|
|
1305
208
|
'div',
|
|
1306
209
|
{ className: 'tile__media' },
|
|
1307
|
-
|
|
210
|
+
React.createElement('img', { className: 'tile__img', src: thumbnail, alt: img.slideshowImage.alt ? img.slideshowImage.alt : '', style: { width: tileSize + 'px' } })
|
|
1308
211
|
),
|
|
1309
|
-
|
|
212
|
+
React.createElement('div', { style: { color: variant }, className: 'tile__info' })
|
|
1310
213
|
);
|
|
1311
214
|
} else {
|
|
1312
|
-
return
|
|
215
|
+
return React.createElement(
|
|
1313
216
|
'a',
|
|
1314
217
|
{ ref: tile, key: index, href: img.slideshowImage.link, target: img.slideshowImage.blank ? '_target' : '_self', className: 'tile', style: { width: tileSize + 'px' } },
|
|
1315
|
-
|
|
218
|
+
React.createElement(
|
|
1316
219
|
'div',
|
|
1317
220
|
{ className: 'tile__media' },
|
|
1318
|
-
|
|
221
|
+
React.createElement('img', { className: 'tile__img', src: thumbnail, alt: img.slideshowImage.alt ? img.slideshowImage.alt : '', style: { width: tileSize + 'px' } })
|
|
1319
222
|
),
|
|
1320
|
-
|
|
223
|
+
React.createElement('div', { style: { color: variant }, className: 'tile__info' })
|
|
1321
224
|
);
|
|
1322
225
|
}
|
|
1323
226
|
})
|
|
1324
227
|
)
|
|
1325
228
|
),
|
|
1326
|
-
|
|
229
|
+
React.createElement(
|
|
1327
230
|
'style',
|
|
1328
231
|
{ jsx: 'true' },
|
|
1329
232
|
'\n #vid-slider * {\n box-sizing: border-box;\n -ms-overflow-style: none;\n }\n #vid-slider::-webkit-scrollbar-thumb {\n display: none;\n }\n #vid-slider::-webkit-scrollbar {\n display: none;\n }\n #vid-slider .row::-webkit-scrollbar {\n display: none;\n }\n #vid-slider .row::-webkit-scrollbar-thumb {\n display: none;\n }\n #vid-slider {\n position: relative;\n -ms-overflow-style: none;\n padding: 0 1.5rem;\n margin-bottom: 0 !important;\n }\n #vid-slider .now-playing {\n position: absolute;\n top: 0.5rem;\n left: 1rem;\n color: white;\n background: rgba(0, 0, 0, 0.75);\n }\n #vid-slider h1,\n #vid-slider p {\n text-align: center;\n width: 100%;\n max-width: 500px;\n margin: auto;\n }\n #vid-slider,\n #vidHolder {\n max-width: 805px;\n }\n #vid-slider a:link,\n #vid-slider a:hover,\n #vid-slider a:active,\n #vid-slider a:visited {\n transition: color 150ms;\n color: #95a5a6;\n text-decoration: none;\n }\n #vid-slider a:hover {\n color: #7f8c8d;\n text-decoration: underline;\n }\n #vid-slider .contain {\n width: 100%;\n }\n #vid-slider .row {\n overflow-x: scroll;\n width: 100%;\n -ms-overflow-style: none;\n overflow-y: hidden !important;\n }\n #vid-slider .tile__info {\n white-space: normal !important;\n position: absolute;\n text-align: center;\n color: ' + (props.dark ? 'white' : '#383838') + ';\n opacity: 1;\n font-size: 0.9rem;\n font-weight: bold;\n transition: opacity 0.25s;\n }\n #vid-slider .row__inner {\n transition: 450ms -webkit-transform;\n transition: 450ms transform;\n transition: 450ms transform, 450ms -webkit-transform;\n font-size: 0;\n white-space: nowrap;\n margin: 25px 0 70px !important;\n padding-bottom: 10px;\n padding-left: 0;\n }\n #vid-slider .tile {\n position: relative;\n display: inline-block;\n margin: 0 12px;\n font-size: 20px;\n transition: 450ms all;\n -webkit-transform-origin: center left;\n transform-origin: center left;\n }\n \n #vid-slider .tile:first-child {\n margin-left: 15px;\n }\n #vid-slider .tile__img {\n height: auto;\n -o-object-fit: contain;\n object-fit: contain;\n object-position: center;\n }\n #vid-slider .tile__details {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n font-size: 10px;\n opacity: 0;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);\n transition: 450ms opacity;\n }\n #vid-slider .tile__details:after,\n #vid-slider .tile__details:before {\n content: \'\';\n \n position: absolute;\n top: 50%;\n left: 50%;\n display: #000;\n }\n #vid-slider .tile__details:after {\n margin-top: -25px;\n margin-left: -25px;\n width: 50px;\n height: 50px;\n border: 3px solid #ecf0f1;\n line-height: 50px;\n text-align: center;\n border-radius: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 1;\n }\n #vid-slider .tile__details:before {\n content: \'\';\n background: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 64 64\' width=\'64\' height=\'64\' fill=\'white\'><path d=\'M26 46 L46 32 L26 18 Z\'/></svg>")\n no-repeat center center;\n left: 0;\n width: 100%;\n height: 3rem;\n font-size: 30px;\n margin-right: 12px;\n margin-top: -24px;\n text-align: center;\n z-index: 2;\n color: white;\n }\n \n #vid-slider .tile__title {\n position: absolute;\n bottom: 0;\n padding: 10px;\n max-width: 250px;\n }\n #vid-slider .tile__title_text {\n position: relative;\n left: 0;\n white-space: normal;\n }\n \n #vid-slider .tile__slider-prev,\n #vid-slider .tile__slider-next {\n width: 30px;\n background: transparent;\n border: none;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 99;\n cursor: pointer;\n color: ' + (props.dark ? 'white' : 'black') + ';\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 2rem;\n }\n #vid-slider .tile__slider-prev {\n left: -0.5rem;\n padding: 1rem;\n }\n #vid-slider .tile__slider-next {\n right: -0.5rem;\n padding: 1rem;\n }\n #vid-slider,\n #vid-slider .row {\n margin: 0;\n }\n \n #vid-slider .row::-webkit-scrollbar-thumb {\n background-color: transparent !important;\n }\n #vid-slider i {\n border: solid ' + (props.dark ? 'white' : 'black') + ';\n border-width: 0 4px 4px 0;\n display: inline-block;\n padding: 4px;\n pointer-events: none;\n }\n #vid-slider .right {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n #vid-slider .left {\n transform: rotate(135deg);\n -webkit-transform: rotate(135deg);\n }\n @media screen and (min-width: 1399px) {\n .block-content #vid-slider .tile__img {\n height: auto;\n }\n .block-content #vid-slider .tile {\n height: auto;\n }\n }\n \n @media screen and (max-width: 1399px) {\n #vid-slider,\n #vidHolder {\n max-width: 620px;\n }\n }\n @media screen and (max-width: 1200px) {\n #vid-slider,\n #vidHolder {\n max-width: 580px;\n }\n }\n @media screen and (max-width: 967px) {\n #vid-slider {\n max-width: 100%;\n }\n \n #vid-slider .row__inner {\n margin: 60px 0 50px !important;\n }\n }\n \n @media screen and (max-width: 768px) {\n #vidHolder {\n position: unset;\n width: 100%;\n }\n }\n @media screen and (max-width: 568px) {\n #vidHolder {\n position: unset;\n width: 100%;\n }\n \n #vid-slider .row__inner {\n margin: 30px 0 70px;\n }\n }\n '
|
|
@@ -1346,95 +249,95 @@ var PartnerDetails = function PartnerDetails(_ref) {
|
|
|
1346
249
|
pageview = _ref.pageview,
|
|
1347
250
|
page = _ref.page;
|
|
1348
251
|
|
|
1349
|
-
return
|
|
1350
|
-
|
|
252
|
+
return React.createElement(
|
|
253
|
+
React.Fragment,
|
|
1351
254
|
null,
|
|
1352
|
-
|
|
1353
|
-
|
|
255
|
+
React.createElement(Breadcrumbs, null),
|
|
256
|
+
React.createElement(
|
|
1354
257
|
'div',
|
|
1355
258
|
{ className: 'partners-page' },
|
|
1356
|
-
|
|
259
|
+
React.createElement(
|
|
1357
260
|
'div',
|
|
1358
261
|
{ className: 'my-5 partner-logo-wrap', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
|
|
1359
|
-
partnerDetails.thumbnail && partnerDetails.thumbnail.link ?
|
|
262
|
+
partnerDetails.thumbnail && partnerDetails.thumbnail.link ? React.createElement(
|
|
1360
263
|
'a',
|
|
1361
264
|
{ className: 'partners-logo', style: { width: '25%', minWidth: '25%' }, href: partnerDetails.thumbnail.link, target: partnerDetails.thumbnail.blank ? '_blank' : '' },
|
|
1362
|
-
|
|
265
|
+
React.createElement(
|
|
1363
266
|
'figure',
|
|
1364
267
|
{ style: { width: '100%', textAlign: 'center' } },
|
|
1365
|
-
|
|
268
|
+
React.createElement('img', {
|
|
1366
269
|
alt: partnerDetails.thumbnail && partnerDetails.thumbnail.alt ? partnerDetails.thumbnail.alt : partnerDetails.name,
|
|
1367
270
|
style: { maxWidth: '100%' },
|
|
1368
271
|
src: partnerDetails.thumbnail ? urlFor({ client: client, source: partnerDetails.thumbnail.asset }) : '' }),
|
|
1369
|
-
partnerDetails.thumbnail && partnerDetails.thumbnail.caption &&
|
|
272
|
+
partnerDetails.thumbnail && partnerDetails.thumbnail.caption && React.createElement(
|
|
1370
273
|
'figcaption',
|
|
1371
274
|
null,
|
|
1372
275
|
partnerDetails.thumbnail.caption
|
|
1373
276
|
)
|
|
1374
277
|
)
|
|
1375
|
-
) :
|
|
278
|
+
) : React.createElement(
|
|
1376
279
|
'figure',
|
|
1377
280
|
{ className: 'partners-logo', style: { width: '25%', minWidth: '25%', textAlign: 'center' } },
|
|
1378
|
-
|
|
281
|
+
React.createElement('img', {
|
|
1379
282
|
alt: partnerDetails.thumbnail && partnerDetails.thumbnail.alt ? partnerDetails.thumbnail.alt : partnerDetails.name,
|
|
1380
283
|
style: { maxWidth: '100%' },
|
|
1381
284
|
src: partnerDetails.thumbnail ? urlFor({ client: client, source: partnerDetails.thumbnail.asset }) : '' }),
|
|
1382
|
-
partnerDetails.thumbnail && partnerDetails.thumbnail.caption &&
|
|
285
|
+
partnerDetails.thumbnail && partnerDetails.thumbnail.caption && React.createElement(
|
|
1383
286
|
'figcaption',
|
|
1384
287
|
null,
|
|
1385
288
|
partnerDetails.thumbnail.caption
|
|
1386
289
|
)
|
|
1387
290
|
),
|
|
1388
|
-
|
|
291
|
+
React.createElement(
|
|
1389
292
|
'style',
|
|
1390
293
|
{ jsx: 'true' },
|
|
1391
294
|
'\n @media screen and (max-width: 768px) {\n .partners-logo {\n width: 100%;\n min-width: 100%;\n }\n .partner-logo-wrap {\n flex-wrap: wrap;\n }\n .block-content-partners {\n padding-left: 0 !important;\n }\n }\n '
|
|
1392
295
|
),
|
|
1393
|
-
partnerDetails.description &&
|
|
296
|
+
partnerDetails.description && React.createElement(
|
|
1394
297
|
'div',
|
|
1395
298
|
{ className: 'block-content-partners my-4', style: { maxWidth: '100%', paddingLeft: '2rem', flex: '1 1 auto' } },
|
|
1396
|
-
|
|
299
|
+
React.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: partnerDetails.description, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
|
|
1397
300
|
)
|
|
1398
301
|
),
|
|
1399
|
-
partnerDetails.affiliates && partnerDetails.affiliates[0] && partnerDetails.affiliates[0].slides &&
|
|
302
|
+
partnerDetails.affiliates && partnerDetails.affiliates[0] && partnerDetails.affiliates[0].slides && React.createElement(
|
|
1400
303
|
'div',
|
|
1401
304
|
{ className: 'mb-4', style: { padding: '0 15px' } },
|
|
1402
|
-
partnerDetails.affiliates[0].title &&
|
|
305
|
+
partnerDetails.affiliates[0].title && React.createElement(
|
|
1403
306
|
'h2',
|
|
1404
307
|
{ className: 'bb-gold' },
|
|
1405
308
|
partnerDetails.affiliates[0].title
|
|
1406
309
|
),
|
|
1407
|
-
|
|
310
|
+
React.createElement(ImageSlider, { client: client, data: partnerDetails.affiliates[0] })
|
|
1408
311
|
),
|
|
1409
|
-
features.length > 0 &&
|
|
312
|
+
features.length > 0 && React.createElement(
|
|
1410
313
|
'div',
|
|
1411
314
|
{ className: ' mb-5' },
|
|
1412
|
-
|
|
315
|
+
React.createElement(Feature, { dataset: features, client: client })
|
|
1413
316
|
),
|
|
1414
|
-
partnerDetails.twitter &&
|
|
1415
|
-
|
|
317
|
+
partnerDetails.twitter && React.createElement(
|
|
318
|
+
React.Fragment,
|
|
1416
319
|
null,
|
|
1417
|
-
|
|
320
|
+
React.createElement(
|
|
1418
321
|
'div',
|
|
1419
322
|
{ className: 'mb-5', style: { width: '100%', textAlign: 'center', padding: '0 15px', border: '2px solid #aaa', borderRadius: '15px' } },
|
|
1420
|
-
|
|
323
|
+
React.createElement(TwitterTimelineEmbed, { sourceType: 'url', url: partnerDetails.twitter, options: { height: 400 } })
|
|
1421
324
|
)
|
|
1422
325
|
),
|
|
1423
|
-
|
|
326
|
+
React.createElement(
|
|
1424
327
|
'div',
|
|
1425
328
|
null,
|
|
1426
|
-
posts && posts.length > 0 &&
|
|
1427
|
-
|
|
329
|
+
posts && posts.length > 0 && React.createElement(
|
|
330
|
+
React.Fragment,
|
|
1428
331
|
null,
|
|
1429
|
-
|
|
332
|
+
React.createElement(
|
|
1430
333
|
'h2',
|
|
1431
334
|
{ className: 'bb-gold mb-2' },
|
|
1432
335
|
'Latest from ',
|
|
1433
336
|
partnerDetails.name
|
|
1434
337
|
),
|
|
1435
|
-
|
|
338
|
+
React.createElement('hr', null)
|
|
1436
339
|
),
|
|
1437
|
-
|
|
340
|
+
React.createElement(QueueDeckExpanded, {
|
|
1438
341
|
client: client,
|
|
1439
342
|
mapping: Settings.mapping,
|
|
1440
343
|
dataRecord: posts,
|