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