@mjhls/mjh-framework 1.0.673-article-series-v4 → 1.0.673
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/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-bc591de7.js → ADInfeed-9735aff2.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-4b713637.js → ADlgInfeed-6bd11848.js} +6 -7
- package/dist/cjs/AccordionPanel.js +22 -24
- package/dist/cjs/AdSlot.js +13 -14
- package/dist/cjs/AdSlotsProvider.js +5 -6
- package/dist/cjs/AlphabeticList.js +15 -16
- package/dist/cjs/ArticleCarousel.js +8 -9
- package/dist/cjs/ArticleSeriesListing.js +37 -38
- package/dist/cjs/Auth.js +593 -430
- package/dist/cjs/{AuthorComponent-ac8972ce.js → AuthorComponent-bb831b74.js} +12 -13
- package/dist/cjs/{BlockContent-8b494587.js → BlockContent-88f69acd.js} +24 -25
- package/dist/cjs/Breadcrumbs.js +21 -23
- package/dist/cjs/CMEDeck.js +61 -61
- 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 +18 -19
- package/dist/cjs/ConferenceBanner-4a16fddc.js +23 -0
- package/dist/cjs/DeckContent.js +73 -77
- package/dist/cjs/DeckQueue.js +69 -73
- package/dist/cjs/{Dfp-fa2c6aad.js → Dfp-b2bc3b97.js} +20 -21
- package/dist/cjs/EventsDeck.js +116 -123
- package/dist/cjs/ExternalResources.js +43 -44
- package/dist/cjs/Feature.js +24 -26
- package/dist/cjs/ForbesHero.js +33 -34
- package/dist/cjs/GridContent.js +149 -153
- package/dist/cjs/GridHero.js +34 -35
- package/dist/cjs/GroupDeck.js +39 -40
- package/dist/cjs/HamMagazine.js +114 -119
- package/dist/cjs/Header.js +11 -13
- package/dist/cjs/Hero.js +10 -11
- package/dist/cjs/HighlightenVideo.js +16 -17
- package/dist/cjs/HorizontalHero.js +24 -25
- package/dist/cjs/IssueContentDeck.js +64 -69
- package/dist/cjs/IssueDeck.js +59 -64
- package/dist/cjs/IssueLanding.js +17 -18
- package/dist/cjs/LeftNav.js +20 -22
- package/dist/cjs/MasterDeck.js +49 -50
- package/dist/cjs/NavDvm.js +63 -68
- package/dist/cjs/{NavFooter-3dcd99a8.js → NavFooter-76c913e3.js} +14 -15
- package/dist/cjs/NavMagazine.js +116 -121
- package/dist/cjs/NavNative.js +95 -103
- package/dist/cjs/NavNormal.js +36 -41
- package/dist/cjs/OncliveHero.js +18 -18
- package/dist/cjs/OncliveLargeHero.js +58 -59
- package/dist/cjs/PageFilter.js +8 -9
- package/dist/cjs/PartnerDetailListing.js +71 -1269
- package/dist/cjs/PdfDownload.js +8 -9
- package/dist/cjs/PopUpModal.js +13 -15
- package/dist/cjs/PublicationDeck.js +58 -63
- package/dist/cjs/PublicationLanding.js +48 -52
- package/dist/cjs/QueueDeckExpanded.js +219 -219
- package/dist/cjs/RecentNews.js +22 -23
- package/dist/cjs/RelatedContent.js +21 -22
- package/dist/cjs/RelatedTopicsDropdown.js +19 -22
- package/dist/cjs/RolesDeck.js +27 -32
- package/dist/cjs/Search.js +12 -16
- package/dist/cjs/SideFooter.js +23 -24
- package/dist/cjs/SocialIcons.js +9 -10
- package/dist/cjs/{SocialSearchComponent-fde6c921.js → SocialSearchComponent-962b1344.js} +32 -36
- package/dist/cjs/SocialShare.js +29 -31
- package/dist/cjs/TaxonomyCard.js +54 -59
- package/dist/cjs/TemplateNormal.js +35 -36
- package/dist/cjs/ThumbnailCard.js +17 -19
- package/dist/cjs/Ustream.js +20 -21
- package/dist/cjs/VerticalHero.js +16 -17
- package/dist/cjs/VideoSeriesCard.js +24 -25
- package/dist/cjs/VideoSeriesFilter.js +9 -9
- package/dist/cjs/VideoSeriesListing.js +51 -52
- package/dist/cjs/View.js +180 -184
- package/dist/cjs/YahooHero.js +29 -30
- package/dist/cjs/YoutubeGroup.js +52 -53
- package/dist/cjs/{brightcove-react-player-loader.es-5c98aec7.js → brightcove-react-player-loader.es-156bd4d6.js} +8 -10
- package/dist/cjs/getRelatedArticle.js +5 -354
- package/dist/cjs/getSerializers.js +9 -9
- package/dist/cjs/iconBase-68959171.js +3 -0
- package/dist/cjs/{index-44481153.js → index-2d0a4911.js} +8 -9
- package/dist/cjs/{index-6367b7bf.js → index-5be2866f.js} +17 -16
- package/dist/cjs/{index-14681913.js → index-c190d704.js} +350 -360
- package/dist/cjs/{index-8a3fb0bc.js → index-da796b8c.js} +10 -12
- package/dist/cjs/{index.es-f3e47207.js → index.es-ab3f2690.js} +11 -28
- package/dist/cjs/{index.esm-3b9b8952.js → index.esm-66ffa47a.js} +9 -4
- package/dist/cjs/{index.esm-61650d1a.js → index.esm-876ca9ff.js} +12 -5
- package/dist/cjs/{index.esm-dd489d02.js → index.esm-fe549f9c.js} +20 -20
- package/dist/cjs/{index.esm-05850a2f.js → index.esm-ff47db6f.js} +12 -5
- package/dist/cjs/index.js +32 -31
- package/dist/cjs/{inherits-87492b40.js → inherits-513d81cd.js} +4 -4
- package/dist/cjs/{lodash-7fd85bcf.js → lodash-fc2922d0.js} +22 -71
- package/dist/cjs/{main-9499b3ef.js → main-b6c96c8d.js} +43 -48
- package/dist/cjs/{moment-ca3bd9fb.js → moment-66a6a284.js} +8 -10
- package/dist/cjs/{react-social-icons-07939b41.js → react-social-icons-f7f48f71.js} +11 -12
- package/dist/cjs/{typeof-9d7f610f.js → typeof-725500bc.js} +1 -1
- package/dist/cjs/urlFor.js +2 -2
- package/dist/cjs/{visibility-sensor-8b54af99.js → visibility-sensor-0c45a583.js} +5 -7
- 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-d1777980.js → ADInfeed-9140aa7d.js} +5 -5
- package/dist/esm/ADSkyscraper.js +9 -9
- package/dist/esm/ADSponsoredResources.js +9 -9
- package/dist/esm/ADWebcast.js +9 -9
- package/dist/esm/ADWelcome.js +13 -13
- package/dist/esm/{ADlgInfeed-84282fe8.js → ADlgInfeed-7656ecd1.js} +4 -4
- package/dist/esm/AccordionPanel.js +17 -17
- package/dist/esm/AdSlot.js +5 -5
- package/dist/esm/AdSlotsProvider.js +3 -3
- package/dist/esm/AlphabeticList.js +13 -13
- package/dist/esm/ArticleCarousel.js +6 -6
- package/dist/esm/ArticleSeriesListing.js +32 -32
- package/dist/esm/Auth.js +578 -411
- package/dist/esm/{AuthorComponent-23afa074.js → AuthorComponent-00f13201.js} +10 -10
- package/dist/esm/{BlockContent-d05b5b23.js → BlockContent-a614acdf.js} +3 -3
- package/dist/esm/Breadcrumbs.js +11 -11
- package/dist/esm/CMEDeck.js +58 -58
- package/dist/esm/Column1.js +5 -5
- package/dist/esm/Column2.js +12 -12
- package/dist/esm/Column3.js +24 -24
- package/dist/esm/ConferenceArticleCard.js +13 -13
- package/dist/esm/{ConferenceBanner-9162d0ca.js → ConferenceBanner-8792ebd2.js} +4 -4
- package/dist/esm/DeckContent.js +53 -53
- package/dist/esm/DeckQueue.js +46 -46
- package/dist/esm/{Dfp-939e8fcf.js → Dfp-8a8fca18.js} +10 -10
- package/dist/esm/EventsDeck.js +66 -66
- package/dist/esm/ExternalResources.js +37 -37
- package/dist/esm/Feature.js +16 -16
- package/dist/esm/ForbesHero.js +27 -27
- package/dist/esm/GridContent.js +110 -110
- package/dist/esm/GridHero.js +28 -28
- package/dist/esm/GroupDeck.js +35 -35
- package/dist/esm/HamMagazine.js +86 -86
- package/dist/esm/Header.js +7 -7
- package/dist/esm/Hero.js +6 -6
- package/dist/esm/HighlightenVideo.js +14 -14
- package/dist/esm/HorizontalHero.js +20 -20
- package/dist/esm/IssueContentDeck.js +40 -40
- package/dist/esm/IssueDeck.js +33 -33
- package/dist/esm/IssueLanding.js +15 -15
- package/dist/esm/LeftNav.js +16 -16
- package/dist/esm/MasterDeck.js +43 -43
- package/dist/esm/NavDvm.js +43 -43
- package/dist/esm/{NavFooter-c29526b7.js → NavFooter-e27bd93b.js} +12 -12
- package/dist/esm/NavMagazine.js +90 -90
- package/dist/esm/NavNative.js +70 -70
- package/dist/esm/NavNormal.js +21 -21
- package/dist/esm/OncliveHero.js +14 -13
- package/dist/esm/OncliveLargeHero.js +51 -51
- package/dist/esm/PageFilter.js +6 -6
- package/dist/esm/PartnerDetailListing.js +67 -1263
- package/dist/esm/PdfDownload.js +6 -6
- package/dist/esm/PopUpModal.js +8 -8
- package/dist/esm/PublicationDeck.js +34 -34
- package/dist/esm/PublicationLanding.js +28 -28
- package/dist/esm/QueueDeckExpanded.js +199 -199
- package/dist/esm/RecentNews.js +18 -18
- package/dist/esm/RelatedContent.js +16 -16
- package/dist/esm/RelatedTopicsDropdown.js +11 -11
- package/dist/esm/RolesDeck.js +13 -13
- package/dist/esm/Search.js +5 -5
- package/dist/esm/SideFooter.js +19 -19
- package/dist/esm/SocialIcons.js +7 -7
- package/dist/esm/{SocialSearchComponent-a13fc98b.js → SocialSearchComponent-75527dfe.js} +23 -23
- package/dist/esm/SocialShare.js +25 -25
- package/dist/esm/TaxonomyCard.js +35 -35
- package/dist/esm/TemplateNormal.js +29 -29
- package/dist/esm/ThumbnailCard.js +9 -9
- package/dist/esm/Ustream.js +18 -18
- package/dist/esm/VerticalHero.js +12 -12
- package/dist/esm/VideoSeriesCard.js +16 -16
- package/dist/esm/VideoSeriesFilter.js +6 -6
- package/dist/esm/VideoSeriesListing.js +45 -45
- package/dist/esm/View.js +166 -166
- package/dist/esm/YahooHero.js +24 -24
- package/dist/esm/YoutubeGroup.js +38 -38
- package/dist/esm/{brightcove-react-player-loader.es-4abff0b1.js → brightcove-react-player-loader.es-83f53e4e.js} +6 -7
- package/dist/esm/getRelatedArticle.js +5 -354
- package/dist/esm/getSerializers.js +9 -9
- package/dist/esm/{index-c5fd0af5.js → index-5f9f807a.js} +4 -4
- package/dist/esm/{index-1819118a.js → index-93ec3c59.js} +3 -3
- package/dist/esm/{index-609b2da6.js → index-983cedab.js} +298 -302
- package/dist/esm/{index-c00b0bbb.js → index-d2f90501.js} +17 -16
- package/dist/esm/{index.es-c6222053.js → index.es-938a3a58.js} +9 -25
- package/dist/esm/{index.esm-902766e0.js → index.esm-73e847d2.js} +18 -17
- package/dist/esm/{index.esm-79385203.js → index.esm-85cb09e6.js} +12 -5
- package/dist/esm/{index.esm-d6f88d94.js → index.esm-b08f4b04.js} +9 -4
- package/dist/esm/{index.esm-a8ff922c.js → index.esm-cf08bf18.js} +12 -5
- package/dist/esm/index.js +27 -26
- package/dist/esm/{inherits-596840e8.js → inherits-7ee3e0c1.js} +1 -1
- package/dist/esm/{lodash-ec8c6b48.js → lodash-17fdfebb.js} +22 -71
- package/dist/esm/{main-edbd70ac.js → main-0465b2a0.js} +44 -48
- package/dist/esm/{moment-b6f49411.js → moment-12415288.js} +8 -10
- package/dist/esm/{react-social-icons-3822f1ce.js → react-social-icons-a7d5c5c7.js} +5 -5
- package/dist/esm/{typeof-ee095d0c.js → typeof-08f2c380.js} +1 -1
- package/dist/esm/{visibility-sensor-082c757b.js → visibility-sensor-0baa4eea.js} +2 -2
- package/package.json +1 -1
- package/dist/cjs/ConferenceBanner-6c9e718a.js +0 -24
- package/dist/cjs/index-bd6c9f56.js +0 -211
- package/dist/esm/index-db3bb315.js +0 -207
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import './_commonjsHelpers-0c4b6f40.js';
|
|
2
2
|
import './_to-object-ded78eb9.js';
|
|
3
3
|
import './es6.string.iterator-9b2af4a5.js';
|
|
4
4
|
import './_library-528f1934.js';
|
|
@@ -8,27 +8,27 @@ import './core.get-iterator-method-54d2e411.js';
|
|
|
8
8
|
import './_object-pie-71ac75a4.js';
|
|
9
9
|
import { _ as _extends } from './extends-cc5da797.js';
|
|
10
10
|
import './_object-sap-4d59d5bd.js';
|
|
11
|
-
import './inherits-
|
|
11
|
+
import './inherits-7ee3e0c1.js';
|
|
12
12
|
import './define-property-de3fc946.js';
|
|
13
13
|
import './web.dom.iterable-8956f9a5.js';
|
|
14
|
-
import './typeof-
|
|
14
|
+
import './typeof-08f2c380.js';
|
|
15
15
|
import './_is-array-49698029.js';
|
|
16
|
-
import
|
|
17
|
-
import './index-
|
|
18
|
-
import
|
|
16
|
+
import React__default, { useRef, useState, useEffect } from 'react';
|
|
17
|
+
import './index-93ec3c59.js';
|
|
18
|
+
import 'prop-types';
|
|
19
19
|
import 'react-bootstrap/Row';
|
|
20
20
|
import 'react-bootstrap/Col';
|
|
21
21
|
import 'react-bootstrap/Card';
|
|
22
|
-
import { m as moment } from './moment-
|
|
22
|
+
import { m as moment } from './moment-12415288.js';
|
|
23
23
|
import 'next/router';
|
|
24
24
|
import './isSymbol-807e927e.js';
|
|
25
25
|
import './debounce-1a993acf.js';
|
|
26
|
-
import './index.es-
|
|
26
|
+
import './index.es-938a3a58.js';
|
|
27
27
|
import 'react-dom';
|
|
28
|
-
import './visibility-sensor-
|
|
28
|
+
import './visibility-sensor-0baa4eea.js';
|
|
29
29
|
import { i as imageUrlBuilder } from './index-51a80699.js';
|
|
30
|
-
import './index-
|
|
31
|
-
import './main-
|
|
30
|
+
import './index-5f9f807a.js';
|
|
31
|
+
import './main-0465b2a0.js';
|
|
32
32
|
import './entities-7cc3bf45.js';
|
|
33
33
|
import './stringify-008c8802.js';
|
|
34
34
|
import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
|
|
@@ -36,20 +36,20 @@ import { a as _asyncToGenerator, r as regenerator, _ as _Promise } from './async
|
|
|
36
36
|
import './_set-species-cede29f8.js';
|
|
37
37
|
import './beam-681a9749.js';
|
|
38
38
|
import './AdSlot.js';
|
|
39
|
-
import './ADInfeed-
|
|
40
|
-
import './lodash-
|
|
41
|
-
import './ADlgInfeed-
|
|
39
|
+
import './ADInfeed-9140aa7d.js';
|
|
40
|
+
import './lodash-17fdfebb.js';
|
|
41
|
+
import './ADlgInfeed-7656ecd1.js';
|
|
42
42
|
import './getContentCategory-15dcc413.js';
|
|
43
|
-
import './AuthorComponent-
|
|
44
|
-
import { B as BlockContent } from './BlockContent-
|
|
43
|
+
import './AuthorComponent-00f13201.js';
|
|
44
|
+
import { B as BlockContent } from './BlockContent-a614acdf.js';
|
|
45
45
|
import { s as smoothscroll } from './smoothscroll-4b699764.js';
|
|
46
46
|
import './GroupDeck.js';
|
|
47
47
|
import 'react-bootstrap';
|
|
48
48
|
import QueueDeckExpanded from './QueueDeckExpanded.js';
|
|
49
49
|
import 'react-bootstrap/Button';
|
|
50
|
-
import { g as getSerializers } from './index-
|
|
50
|
+
import { g as getSerializers } from './index-983cedab.js';
|
|
51
51
|
import './util-7700fc59.js';
|
|
52
|
-
import './brightcove-react-player-loader.es-
|
|
52
|
+
import './brightcove-react-player-loader.es-83f53e4e.js';
|
|
53
53
|
import 'react-bootstrap/Pagination';
|
|
54
54
|
import 'next/head';
|
|
55
55
|
import 'react-bootstrap/Carousel';
|
|
@@ -57,1203 +57,7 @@ import Feature from './Feature.js';
|
|
|
57
57
|
import 'react-bootstrap/Breadcrumb';
|
|
58
58
|
import Breadcrumbs from './Breadcrumbs.js';
|
|
59
59
|
import urlFor from './urlFor.js';
|
|
60
|
-
|
|
61
|
-
function _classCallCheck(instance, Constructor) {
|
|
62
|
-
if (!(instance instanceof Constructor)) {
|
|
63
|
-
throw new TypeError("Cannot call a class as a function");
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
function _defineProperties(target, props) {
|
|
68
|
-
for (var i = 0; i < props.length; i++) {
|
|
69
|
-
var descriptor = props[i];
|
|
70
|
-
descriptor.enumerable = descriptor.enumerable || false;
|
|
71
|
-
descriptor.configurable = true;
|
|
72
|
-
if ("value" in descriptor) descriptor.writable = true;
|
|
73
|
-
Object.defineProperty(target, descriptor.key, descriptor);
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
function _createClass(Constructor, protoProps, staticProps) {
|
|
78
|
-
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
79
|
-
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
80
|
-
return Constructor;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
function _typeof(obj) {
|
|
84
|
-
"@babel/helpers - typeof";
|
|
85
|
-
|
|
86
|
-
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
|
|
87
|
-
_typeof = function _typeof(obj) {
|
|
88
|
-
return typeof obj;
|
|
89
|
-
};
|
|
90
|
-
} else {
|
|
91
|
-
_typeof = function _typeof(obj) {
|
|
92
|
-
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
93
|
-
};
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
return _typeof(obj);
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
function _assertThisInitialized(self) {
|
|
100
|
-
if (self === void 0) {
|
|
101
|
-
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
return self;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
function _possibleConstructorReturn(self, call) {
|
|
108
|
-
if (call && (_typeof(call) === "object" || typeof call === "function")) {
|
|
109
|
-
return call;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
return _assertThisInitialized(self);
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
function _getPrototypeOf(o) {
|
|
116
|
-
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
|
|
117
|
-
return o.__proto__ || Object.getPrototypeOf(o);
|
|
118
|
-
};
|
|
119
|
-
return _getPrototypeOf(o);
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
function _setPrototypeOf(o, p) {
|
|
123
|
-
_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
|
|
124
|
-
o.__proto__ = p;
|
|
125
|
-
return o;
|
|
126
|
-
};
|
|
127
|
-
|
|
128
|
-
return _setPrototypeOf(o, p);
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
function _inherits(subClass, superClass) {
|
|
132
|
-
if (typeof superClass !== "function" && superClass !== null) {
|
|
133
|
-
throw new TypeError("Super expression must either be null or a function");
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
|
137
|
-
constructor: {
|
|
138
|
-
value: subClass,
|
|
139
|
-
writable: true,
|
|
140
|
-
configurable: true
|
|
141
|
-
}
|
|
142
|
-
});
|
|
143
|
-
if (superClass) _setPrototypeOf(subClass, superClass);
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
function _defineProperty(obj, key, value) {
|
|
147
|
-
if (key in obj) {
|
|
148
|
-
Object.defineProperty(obj, key, {
|
|
149
|
-
value: value,
|
|
150
|
-
enumerable: true,
|
|
151
|
-
configurable: true,
|
|
152
|
-
writable: true
|
|
153
|
-
});
|
|
154
|
-
} else {
|
|
155
|
-
obj[key] = value;
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
return obj;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
var isRequiredIf_1 = createCommonjsModule(function (module, exports) {
|
|
162
|
-
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.
|
|
163
|
-
}};exports.default=isRequiredIf;
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
});
|
|
167
|
-
|
|
168
|
-
var isRequiredIf = unwrapExports(isRequiredIf_1);
|
|
169
|
-
|
|
170
|
-
var exenv = createCommonjsModule(function (module) {
|
|
171
|
-
/*!
|
|
172
|
-
Copyright (c) 2015 Jed Watson.
|
|
173
|
-
Based on code that is Copyright 2013-2015, Facebook, Inc.
|
|
174
|
-
All rights reserved.
|
|
175
|
-
*/
|
|
176
|
-
/* global define */
|
|
177
|
-
|
|
178
|
-
(function () {
|
|
179
|
-
|
|
180
|
-
var canUseDOM = !!(
|
|
181
|
-
typeof window !== 'undefined' &&
|
|
182
|
-
window.document &&
|
|
183
|
-
window.document.createElement
|
|
184
|
-
);
|
|
185
|
-
|
|
186
|
-
var ExecutionEnvironment = {
|
|
187
|
-
|
|
188
|
-
canUseDOM: canUseDOM,
|
|
189
|
-
|
|
190
|
-
canUseWorkers: typeof Worker !== 'undefined',
|
|
191
|
-
|
|
192
|
-
canUseEventListeners:
|
|
193
|
-
canUseDOM && !!(window.addEventListener || window.attachEvent),
|
|
194
|
-
|
|
195
|
-
canUseViewport: canUseDOM && !!window.screen
|
|
196
|
-
|
|
197
|
-
};
|
|
198
|
-
|
|
199
|
-
if ( module.exports) {
|
|
200
|
-
module.exports = ExecutionEnvironment;
|
|
201
|
-
} else {
|
|
202
|
-
window.ExecutionEnvironment = ExecutionEnvironment;
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
}());
|
|
206
|
-
});
|
|
207
|
-
|
|
208
|
-
var twitterWidgetJs = 'https://platform.twitter.com/widgets.js';
|
|
209
|
-
|
|
210
|
-
var TwitterTimelineEmbed =
|
|
211
|
-
/*#__PURE__*/
|
|
212
|
-
function (_Component) {
|
|
213
|
-
_inherits(TwitterTimelineEmbed, _Component);
|
|
214
|
-
|
|
215
|
-
function TwitterTimelineEmbed(props) {
|
|
216
|
-
var _this;
|
|
217
|
-
|
|
218
|
-
_classCallCheck(this, TwitterTimelineEmbed);
|
|
219
|
-
|
|
220
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterTimelineEmbed).call(this, props));
|
|
221
|
-
_this.state = {
|
|
222
|
-
isLoading: true
|
|
223
|
-
};
|
|
224
|
-
return _this;
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
_createClass(TwitterTimelineEmbed, [{
|
|
228
|
-
key: "buildChromeOptions",
|
|
229
|
-
value: function buildChromeOptions(options) {
|
|
230
|
-
options.chrome = '';
|
|
231
|
-
|
|
232
|
-
if (this.props.noHeader) {
|
|
233
|
-
options.chrome = options.chrome + ' noheader';
|
|
234
|
-
}
|
|
235
|
-
|
|
236
|
-
if (this.props.noFooter) {
|
|
237
|
-
options.chrome = options.chrome + ' nofooter';
|
|
238
|
-
}
|
|
239
|
-
|
|
240
|
-
if (this.props.noBorders) {
|
|
241
|
-
options.chrome = options.chrome + ' noborders';
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
if (this.props.noScrollbar) {
|
|
245
|
-
options.chrome = options.chrome + ' noscrollbar';
|
|
246
|
-
}
|
|
247
|
-
|
|
248
|
-
if (this.props.transparent) {
|
|
249
|
-
options.chrome = options.chrome + ' transparent';
|
|
250
|
-
}
|
|
251
|
-
|
|
252
|
-
return options;
|
|
253
|
-
}
|
|
254
|
-
}, {
|
|
255
|
-
key: "buildOptions",
|
|
256
|
-
value: function buildOptions() {
|
|
257
|
-
var options = Object.assign({}, this.props.options);
|
|
258
|
-
|
|
259
|
-
if (this.props.autoHeight) {
|
|
260
|
-
options.height = this.refs.embedContainer.parentNode.offsetHeight;
|
|
261
|
-
}
|
|
262
|
-
|
|
263
|
-
options = Object.assign({}, options, {
|
|
264
|
-
theme: this.props.theme,
|
|
265
|
-
linkColor: this.props.linkColor,
|
|
266
|
-
borderColor: this.props.borderColor,
|
|
267
|
-
lang: this.props.lang
|
|
268
|
-
});
|
|
269
|
-
return options;
|
|
270
|
-
}
|
|
271
|
-
}, {
|
|
272
|
-
key: "renderWidget",
|
|
273
|
-
value: function renderWidget(options) {
|
|
274
|
-
var _this2 = this;
|
|
275
|
-
|
|
276
|
-
var onLoad = this.props.onLoad;
|
|
277
|
-
|
|
278
|
-
if (!this.isMountCanceled) {
|
|
279
|
-
window.twttr.widgets.createTimeline({
|
|
280
|
-
sourceType: this.props.sourceType,
|
|
281
|
-
screenName: this.props.screenName,
|
|
282
|
-
userId: this.props.userId,
|
|
283
|
-
ownerScreenName: this.props.ownerScreenName,
|
|
284
|
-
slug: this.props.slug,
|
|
285
|
-
id: this.props.id || this.props.widgetId,
|
|
286
|
-
url: this.props.url
|
|
287
|
-
}, this.refs.embedContainer, options).then(function (element) {
|
|
288
|
-
_this2.setState({
|
|
289
|
-
isLoading: false
|
|
290
|
-
});
|
|
291
|
-
|
|
292
|
-
if (onLoad) {
|
|
293
|
-
onLoad(element);
|
|
294
|
-
}
|
|
295
|
-
});
|
|
296
|
-
}
|
|
297
|
-
}
|
|
298
|
-
}, {
|
|
299
|
-
key: "componentDidMount",
|
|
300
|
-
value: function componentDidMount() {
|
|
301
|
-
var _this3 = this;
|
|
302
|
-
|
|
303
|
-
if (exenv.canUseDOM) {
|
|
304
|
-
var script = require('scriptjs');
|
|
305
|
-
|
|
306
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
307
|
-
if (!window.twttr) {
|
|
308
|
-
console.error('Failure to load window.twttr in TwitterTimelineEmbed, aborting load.');
|
|
309
|
-
return;
|
|
310
|
-
}
|
|
311
|
-
|
|
312
|
-
var options = _this3.buildOptions();
|
|
313
|
-
/** Append chrome options */
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
options = _this3.buildChromeOptions(options);
|
|
317
|
-
|
|
318
|
-
_this3.renderWidget(options);
|
|
319
|
-
});
|
|
320
|
-
}
|
|
321
|
-
}
|
|
322
|
-
}, {
|
|
323
|
-
key: "componentWillUnmount",
|
|
324
|
-
value: function componentWillUnmount() {
|
|
325
|
-
this.isMountCanceled = true;
|
|
326
|
-
}
|
|
327
|
-
}, {
|
|
328
|
-
key: "render",
|
|
329
|
-
value: function render() {
|
|
330
|
-
var isLoading = this.state.isLoading;
|
|
331
|
-
var placeholder = this.props.placeholder;
|
|
332
|
-
return React.createElement(React.Fragment, null, isLoading && placeholder, React.createElement("div", {
|
|
333
|
-
ref: "embedContainer"
|
|
334
|
-
}));
|
|
335
|
-
}
|
|
336
|
-
}]);
|
|
337
|
-
|
|
338
|
-
return TwitterTimelineEmbed;
|
|
339
|
-
}(Component);
|
|
340
|
-
|
|
341
|
-
_defineProperty(TwitterTimelineEmbed, "propTypes", {
|
|
342
|
-
/**
|
|
343
|
-
* This can be either of profile, likes, list, collection, URL, widget
|
|
344
|
-
*/
|
|
345
|
-
sourceType: PropTypes.oneOf(['profile', 'likes', 'list', 'collection', 'url', 'widget']).isRequired,
|
|
346
|
-
|
|
347
|
-
/**
|
|
348
|
-
* username of twitter handle as String
|
|
349
|
-
*/
|
|
350
|
-
screenName: isRequiredIf(PropTypes.string, function (props) {
|
|
351
|
-
return !props.hasOwnProperty('userId') && (props.sourceType === 'profile' || props.sourceType === 'likes');
|
|
352
|
-
}),
|
|
353
|
-
|
|
354
|
-
/**
|
|
355
|
-
* UserId of twitter handle as number
|
|
356
|
-
*/
|
|
357
|
-
userId: isRequiredIf(PropTypes.number, function (props) {
|
|
358
|
-
return !props.hasOwnProperty('screenName') && (props.sourceType === 'profile' || props.sourceType === 'likes');
|
|
359
|
-
}),
|
|
360
|
-
|
|
361
|
-
/**
|
|
362
|
-
* To show list, used along with slug
|
|
363
|
-
*/
|
|
364
|
-
ownerScreenName: isRequiredIf(PropTypes.string, function (props) {
|
|
365
|
-
return props.sourceType === 'list' && !props.hasOwnProperty('id');
|
|
366
|
-
}),
|
|
367
|
-
|
|
368
|
-
/**
|
|
369
|
-
* To show list, used along with ownerScreenName
|
|
370
|
-
*/
|
|
371
|
-
slug: isRequiredIf(PropTypes.string, function (props) {
|
|
372
|
-
return props.sourceType === 'list' && !props.hasOwnProperty('id');
|
|
373
|
-
}),
|
|
374
|
-
|
|
375
|
-
/**
|
|
376
|
-
* To show list, unique list id
|
|
377
|
-
* Also used with collections, in that case its valid collection id
|
|
378
|
-
*/
|
|
379
|
-
id: isRequiredIf(PropTypes.oneOfType([PropTypes.number, PropTypes.string]), function (props) {
|
|
380
|
-
return props.sourceType === 'list' && !props.hasOwnProperty('ownerScreenName') && !props.hasOwnProperty('slug') || props.sourceType === 'collection';
|
|
381
|
-
}),
|
|
382
|
-
|
|
383
|
-
/**
|
|
384
|
-
* To show twitter content with url.
|
|
385
|
-
* Supported content includes profiles, likes, lists, and collections.
|
|
386
|
-
*/
|
|
387
|
-
url: isRequiredIf(PropTypes.string, function (props) {
|
|
388
|
-
return props.sourceType === 'url';
|
|
389
|
-
}),
|
|
390
|
-
|
|
391
|
-
/**
|
|
392
|
-
* To show custom widget
|
|
393
|
-
*/
|
|
394
|
-
widgetId: isRequiredIf(PropTypes.string, function (props) {
|
|
395
|
-
return props.sourceType === 'widget';
|
|
396
|
-
}),
|
|
397
|
-
|
|
398
|
-
/**
|
|
399
|
-
* Additional options to pass to twitter widget plugin
|
|
400
|
-
*/
|
|
401
|
-
options: PropTypes.object,
|
|
402
|
-
|
|
403
|
-
/**
|
|
404
|
-
* Automatically fit into parent container height
|
|
405
|
-
*/
|
|
406
|
-
autoHeight: PropTypes.bool,
|
|
407
|
-
|
|
408
|
-
/**
|
|
409
|
-
* With dark or light theme
|
|
410
|
-
*/
|
|
411
|
-
theme: PropTypes.oneOf(['dark', 'light']),
|
|
412
|
-
|
|
413
|
-
/**
|
|
414
|
-
* With custom link colors. Note: Only Hex colors are supported.
|
|
415
|
-
*/
|
|
416
|
-
linkColor: PropTypes.string,
|
|
417
|
-
|
|
418
|
-
/**
|
|
419
|
-
* With custom border colors. Note: Only Hex colors are supported.
|
|
420
|
-
*/
|
|
421
|
-
borderColor: PropTypes.string,
|
|
422
|
-
|
|
423
|
-
/**
|
|
424
|
-
* Hide the header from timeline
|
|
425
|
-
*/
|
|
426
|
-
noHeader: PropTypes.bool,
|
|
427
|
-
|
|
428
|
-
/**
|
|
429
|
-
* Hide the footer from timeline
|
|
430
|
-
*/
|
|
431
|
-
noFooter: PropTypes.bool,
|
|
432
|
-
|
|
433
|
-
/**
|
|
434
|
-
* Hide the border from timeline
|
|
435
|
-
*/
|
|
436
|
-
noBorders: PropTypes.bool,
|
|
437
|
-
|
|
438
|
-
/**
|
|
439
|
-
* Hide the scrollbars
|
|
440
|
-
*/
|
|
441
|
-
noScrollbar: PropTypes.bool,
|
|
442
|
-
|
|
443
|
-
/**
|
|
444
|
-
* Enable Transparancy
|
|
445
|
-
*/
|
|
446
|
-
transparent: PropTypes.bool,
|
|
447
|
-
|
|
448
|
-
/**
|
|
449
|
-
* Custom language code. Supported codes here: https://developer.twitter.com/en/docs/twitter-for-websites/twitter-for-websites-supported-languages/overview.html
|
|
450
|
-
*/
|
|
451
|
-
lang: PropTypes.string,
|
|
452
|
-
|
|
453
|
-
/**
|
|
454
|
-
* Placeholder while tweet is loading
|
|
455
|
-
*/
|
|
456
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
457
|
-
|
|
458
|
-
/**
|
|
459
|
-
* Function to execute after load, return html element
|
|
460
|
-
*/
|
|
461
|
-
onLoad: PropTypes.func
|
|
462
|
-
});
|
|
463
|
-
|
|
464
|
-
var TwitterShareButton =
|
|
465
|
-
/*#__PURE__*/
|
|
466
|
-
function (_Component) {
|
|
467
|
-
_inherits(TwitterShareButton, _Component);
|
|
468
|
-
|
|
469
|
-
function TwitterShareButton(props) {
|
|
470
|
-
var _this;
|
|
471
|
-
|
|
472
|
-
_classCallCheck(this, TwitterShareButton);
|
|
473
|
-
|
|
474
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterShareButton).call(this, props));
|
|
475
|
-
_this.state = {
|
|
476
|
-
isLoading: true
|
|
477
|
-
};
|
|
478
|
-
return _this;
|
|
479
|
-
}
|
|
480
|
-
|
|
481
|
-
_createClass(TwitterShareButton, [{
|
|
482
|
-
key: "componentDidMount",
|
|
483
|
-
value: function componentDidMount() {
|
|
484
|
-
var _this2 = this;
|
|
485
|
-
|
|
486
|
-
var onLoad = this.props.onLoad;
|
|
487
|
-
|
|
488
|
-
if (exenv.canUseDOM) {
|
|
489
|
-
var script = require('scriptjs');
|
|
490
|
-
|
|
491
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
492
|
-
if (!window.twttr) {
|
|
493
|
-
console.error('Failure to load window.twttr in TwitterShareButton, aborting load.');
|
|
494
|
-
return;
|
|
495
|
-
}
|
|
496
|
-
|
|
497
|
-
if (!_this2.isMountCanceled) {
|
|
498
|
-
window.twttr.widgets.createShareButton(_this2.props.url, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
|
|
499
|
-
_this2.setState({
|
|
500
|
-
isLoading: false
|
|
501
|
-
});
|
|
502
|
-
|
|
503
|
-
if (onLoad) {
|
|
504
|
-
onLoad(element);
|
|
505
|
-
}
|
|
506
|
-
});
|
|
507
|
-
}
|
|
508
|
-
});
|
|
509
|
-
}
|
|
510
|
-
}
|
|
511
|
-
}, {
|
|
512
|
-
key: "componentWillUnmount",
|
|
513
|
-
value: function componentWillUnmount() {
|
|
514
|
-
this.isMountCanceled = true;
|
|
515
|
-
}
|
|
516
|
-
}, {
|
|
517
|
-
key: "render",
|
|
518
|
-
value: function render() {
|
|
519
|
-
var isLoading = this.state.isLoading;
|
|
520
|
-
var placeholder = this.props.placeholder;
|
|
521
|
-
return React.createElement(React.Fragment, null, isLoading && placeholder, React.createElement("div", {
|
|
522
|
-
ref: "embedContainer"
|
|
523
|
-
}));
|
|
524
|
-
}
|
|
525
|
-
}]);
|
|
526
|
-
|
|
527
|
-
return TwitterShareButton;
|
|
528
|
-
}(Component);
|
|
529
|
-
|
|
530
|
-
_defineProperty(TwitterShareButton, "propTypes", {
|
|
531
|
-
/**
|
|
532
|
-
* Url for sharing
|
|
533
|
-
*/
|
|
534
|
-
url: PropTypes.string.isRequired,
|
|
535
|
-
|
|
536
|
-
/**
|
|
537
|
-
* Additional options for overriding config. Details at : https://dev.twitter.com/web/tweet-button/parameters
|
|
538
|
-
*/
|
|
539
|
-
options: PropTypes.object,
|
|
540
|
-
|
|
541
|
-
/**
|
|
542
|
-
* Placeholder while tweet is loading
|
|
543
|
-
*/
|
|
544
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
545
|
-
|
|
546
|
-
/**
|
|
547
|
-
* Function to execute after load, return html element
|
|
548
|
-
*/
|
|
549
|
-
onLoad: PropTypes.func
|
|
550
|
-
});
|
|
551
|
-
|
|
552
|
-
var TwitterFollowButton =
|
|
553
|
-
/*#__PURE__*/
|
|
554
|
-
function (_Component) {
|
|
555
|
-
_inherits(TwitterFollowButton, _Component);
|
|
556
|
-
|
|
557
|
-
function TwitterFollowButton(props) {
|
|
558
|
-
var _this;
|
|
559
|
-
|
|
560
|
-
_classCallCheck(this, TwitterFollowButton);
|
|
561
|
-
|
|
562
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterFollowButton).call(this, props));
|
|
563
|
-
_this.state = {
|
|
564
|
-
isLoading: true
|
|
565
|
-
};
|
|
566
|
-
return _this;
|
|
567
|
-
}
|
|
568
|
-
|
|
569
|
-
_createClass(TwitterFollowButton, [{
|
|
570
|
-
key: "componentDidMount",
|
|
571
|
-
value: function componentDidMount() {
|
|
572
|
-
var _this2 = this;
|
|
573
|
-
|
|
574
|
-
var onLoad = this.props.onLoad;
|
|
575
|
-
|
|
576
|
-
if (exenv.canUseDOM) {
|
|
577
|
-
var script = require('scriptjs');
|
|
578
|
-
|
|
579
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
580
|
-
if (!window.twttr) {
|
|
581
|
-
console.error('Failure to load window.twttr in TwitterFollowButton, aborting load.');
|
|
582
|
-
return;
|
|
583
|
-
}
|
|
584
|
-
|
|
585
|
-
if (!_this2.isMountCanceled) {
|
|
586
|
-
window.twttr.widgets.createFollowButton(_this2.props.screenName, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
|
|
587
|
-
_this2.setState({
|
|
588
|
-
isLoading: false
|
|
589
|
-
});
|
|
590
|
-
|
|
591
|
-
if (onLoad) {
|
|
592
|
-
onLoad(element);
|
|
593
|
-
}
|
|
594
|
-
});
|
|
595
|
-
}
|
|
596
|
-
});
|
|
597
|
-
}
|
|
598
|
-
}
|
|
599
|
-
}, {
|
|
600
|
-
key: "componentWillUnmount",
|
|
601
|
-
value: function componentWillUnmount() {
|
|
602
|
-
this.isMountCanceled = true;
|
|
603
|
-
}
|
|
604
|
-
}, {
|
|
605
|
-
key: "render",
|
|
606
|
-
value: function render() {
|
|
607
|
-
var isLoading = this.state.isLoading;
|
|
608
|
-
var placeholder = this.props.placeholder;
|
|
609
|
-
return React.createElement(React.Fragment, null, isLoading && placeholder, React.createElement("div", {
|
|
610
|
-
ref: "embedContainer"
|
|
611
|
-
}));
|
|
612
|
-
}
|
|
613
|
-
}]);
|
|
614
|
-
|
|
615
|
-
return TwitterFollowButton;
|
|
616
|
-
}(Component);
|
|
617
|
-
|
|
618
|
-
_defineProperty(TwitterFollowButton, "propTypes", {
|
|
619
|
-
/**
|
|
620
|
-
* Username of twitter user which will be followed on click
|
|
621
|
-
*/
|
|
622
|
-
screenName: PropTypes.string.isRequired,
|
|
623
|
-
|
|
624
|
-
/**
|
|
625
|
-
* Additional options to be added to the button
|
|
626
|
-
*/
|
|
627
|
-
options: PropTypes.object,
|
|
628
|
-
|
|
629
|
-
/**
|
|
630
|
-
* Placeholder while tweet is loading
|
|
631
|
-
*/
|
|
632
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
633
|
-
|
|
634
|
-
/**
|
|
635
|
-
* Function to execute after load, return html element
|
|
636
|
-
*/
|
|
637
|
-
onLoad: PropTypes.func
|
|
638
|
-
});
|
|
639
|
-
|
|
640
|
-
var TwitterHashtagButton =
|
|
641
|
-
/*#__PURE__*/
|
|
642
|
-
function (_Component) {
|
|
643
|
-
_inherits(TwitterHashtagButton, _Component);
|
|
644
|
-
|
|
645
|
-
function TwitterHashtagButton(props) {
|
|
646
|
-
var _this;
|
|
647
|
-
|
|
648
|
-
_classCallCheck(this, TwitterHashtagButton);
|
|
649
|
-
|
|
650
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterHashtagButton).call(this, props));
|
|
651
|
-
_this.state = {
|
|
652
|
-
isLoading: true
|
|
653
|
-
};
|
|
654
|
-
return _this;
|
|
655
|
-
}
|
|
656
|
-
|
|
657
|
-
_createClass(TwitterHashtagButton, [{
|
|
658
|
-
key: "componentDidMount",
|
|
659
|
-
value: function componentDidMount() {
|
|
660
|
-
var _this2 = this;
|
|
661
|
-
|
|
662
|
-
var onLoad = this.props.onLoad;
|
|
663
|
-
|
|
664
|
-
if (exenv.canUseDOM) {
|
|
665
|
-
var script = require('scriptjs');
|
|
666
|
-
|
|
667
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
668
|
-
if (!window.twttr) {
|
|
669
|
-
console.error('Failure to load window.twttr in TwitterHashtagButton, aborting load.');
|
|
670
|
-
return;
|
|
671
|
-
}
|
|
672
|
-
|
|
673
|
-
if (!_this2.isMountCanceled) {
|
|
674
|
-
window.twttr.widgets.createHashtagButton(_this2.props.tag, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
|
|
675
|
-
_this2.setState({
|
|
676
|
-
isLoading: false
|
|
677
|
-
});
|
|
678
|
-
|
|
679
|
-
if (onLoad) {
|
|
680
|
-
onLoad(element);
|
|
681
|
-
}
|
|
682
|
-
});
|
|
683
|
-
}
|
|
684
|
-
});
|
|
685
|
-
}
|
|
686
|
-
}
|
|
687
|
-
}, {
|
|
688
|
-
key: "componentWillUnmount",
|
|
689
|
-
value: function componentWillUnmount() {
|
|
690
|
-
this.isMountCanceled = true;
|
|
691
|
-
}
|
|
692
|
-
}, {
|
|
693
|
-
key: "render",
|
|
694
|
-
value: function render() {
|
|
695
|
-
var isLoading = this.state.isLoading;
|
|
696
|
-
var placeholder = this.props.placeholder;
|
|
697
|
-
return React.createElement(React.Fragment, null, isLoading && placeholder, React.createElement("div", {
|
|
698
|
-
ref: "embedContainer"
|
|
699
|
-
}));
|
|
700
|
-
}
|
|
701
|
-
}]);
|
|
702
|
-
|
|
703
|
-
return TwitterHashtagButton;
|
|
704
|
-
}(Component);
|
|
705
|
-
|
|
706
|
-
_defineProperty(TwitterHashtagButton, "propTypes", {
|
|
707
|
-
/**
|
|
708
|
-
* Tag name for hashtag button
|
|
709
|
-
*/
|
|
710
|
-
tag: PropTypes.string.isRequired,
|
|
711
|
-
|
|
712
|
-
/**
|
|
713
|
-
* Additional options to be added to the button
|
|
714
|
-
*/
|
|
715
|
-
options: PropTypes.object,
|
|
716
|
-
|
|
717
|
-
/**
|
|
718
|
-
* Placeholder while tweet is loading
|
|
719
|
-
*/
|
|
720
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
721
|
-
|
|
722
|
-
/**
|
|
723
|
-
* Function to execute after load, return html element
|
|
724
|
-
*/
|
|
725
|
-
onLoad: PropTypes.func
|
|
726
|
-
});
|
|
727
|
-
|
|
728
|
-
var TwitterMentionButton =
|
|
729
|
-
/*#__PURE__*/
|
|
730
|
-
function (_Component) {
|
|
731
|
-
_inherits(TwitterMentionButton, _Component);
|
|
732
|
-
|
|
733
|
-
function TwitterMentionButton(props) {
|
|
734
|
-
var _this;
|
|
735
|
-
|
|
736
|
-
_classCallCheck(this, TwitterMentionButton);
|
|
737
|
-
|
|
738
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterMentionButton).call(this, props));
|
|
739
|
-
_this.state = {
|
|
740
|
-
isLoading: true
|
|
741
|
-
};
|
|
742
|
-
return _this;
|
|
743
|
-
}
|
|
744
|
-
|
|
745
|
-
_createClass(TwitterMentionButton, [{
|
|
746
|
-
key: "componentDidMount",
|
|
747
|
-
value: function componentDidMount() {
|
|
748
|
-
var _this2 = this;
|
|
749
|
-
|
|
750
|
-
var onLoad = this.props.onLoad;
|
|
751
|
-
|
|
752
|
-
if (exenv.canUseDOM) {
|
|
753
|
-
var script = require('scriptjs');
|
|
754
|
-
|
|
755
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
756
|
-
if (!window.twttr) {
|
|
757
|
-
console.error('Failure to load window.twttr in TwitterMentionButton, aborting load.');
|
|
758
|
-
return;
|
|
759
|
-
}
|
|
760
|
-
|
|
761
|
-
if (!_this2.isMountCanceled) {
|
|
762
|
-
window.twttr.widgets.createMentionButton(_this2.props.screenName, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
|
|
763
|
-
_this2.setState({
|
|
764
|
-
isLoading: false
|
|
765
|
-
});
|
|
766
|
-
|
|
767
|
-
if (onLoad) {
|
|
768
|
-
onLoad(element);
|
|
769
|
-
}
|
|
770
|
-
});
|
|
771
|
-
}
|
|
772
|
-
});
|
|
773
|
-
}
|
|
774
|
-
}
|
|
775
|
-
}, {
|
|
776
|
-
key: "componentWillUnmount",
|
|
777
|
-
value: function componentWillUnmount() {
|
|
778
|
-
this.isMountCanceled = true;
|
|
779
|
-
}
|
|
780
|
-
}, {
|
|
781
|
-
key: "render",
|
|
782
|
-
value: function render() {
|
|
783
|
-
var isLoading = this.state.isLoading;
|
|
784
|
-
var placeholder = this.props.placeholder;
|
|
785
|
-
return React.createElement(React.Fragment, null, isLoading && placeholder, React.createElement("div", {
|
|
786
|
-
ref: "embedContainer"
|
|
787
|
-
}));
|
|
788
|
-
}
|
|
789
|
-
}]);
|
|
790
|
-
|
|
791
|
-
return TwitterMentionButton;
|
|
792
|
-
}(Component);
|
|
793
|
-
|
|
794
|
-
_defineProperty(TwitterMentionButton, "propTypes", {
|
|
795
|
-
/**
|
|
796
|
-
* Username to which you will need to tweet
|
|
797
|
-
*/
|
|
798
|
-
screenName: PropTypes.string.isRequired,
|
|
799
|
-
|
|
800
|
-
/**
|
|
801
|
-
* Additional options for overriding config.
|
|
802
|
-
*/
|
|
803
|
-
options: PropTypes.object,
|
|
804
|
-
|
|
805
|
-
/**
|
|
806
|
-
* Placeholder while tweet is loading
|
|
807
|
-
*/
|
|
808
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
809
|
-
|
|
810
|
-
/**
|
|
811
|
-
* Function to execute after load, return html element
|
|
812
|
-
*/
|
|
813
|
-
onLoad: PropTypes.func
|
|
814
|
-
});
|
|
815
|
-
|
|
816
|
-
var TwitterTweetEmbed =
|
|
817
|
-
/*#__PURE__*/
|
|
818
|
-
function (_Component) {
|
|
819
|
-
_inherits(TwitterTweetEmbed, _Component);
|
|
820
|
-
|
|
821
|
-
function TwitterTweetEmbed(props) {
|
|
822
|
-
var _this;
|
|
823
|
-
|
|
824
|
-
_classCallCheck(this, TwitterTweetEmbed);
|
|
825
|
-
|
|
826
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterTweetEmbed).call(this, props));
|
|
827
|
-
_this.state = {
|
|
828
|
-
isLoading: true
|
|
829
|
-
};
|
|
830
|
-
return _this;
|
|
831
|
-
}
|
|
832
|
-
|
|
833
|
-
_createClass(TwitterTweetEmbed, [{
|
|
834
|
-
key: "renderWidget",
|
|
835
|
-
value: function renderWidget() {
|
|
836
|
-
var _this2 = this;
|
|
837
|
-
|
|
838
|
-
var onLoad = this.props.onLoad;
|
|
839
|
-
|
|
840
|
-
if (!window.twttr) {
|
|
841
|
-
console.error('Failure to load window.twttr in TwitterTweetEmbed, aborting load.');
|
|
842
|
-
return;
|
|
843
|
-
}
|
|
844
|
-
|
|
845
|
-
if (!this.isMountCanceled) {
|
|
846
|
-
window.twttr.widgets.createTweet(this.props.tweetId, this.refs.embedContainer, this.props.options).then(function (element) {
|
|
847
|
-
_this2.setState({
|
|
848
|
-
isLoading: false
|
|
849
|
-
});
|
|
850
|
-
|
|
851
|
-
if (onLoad) {
|
|
852
|
-
onLoad(element);
|
|
853
|
-
}
|
|
854
|
-
});
|
|
855
|
-
}
|
|
856
|
-
}
|
|
857
|
-
}, {
|
|
858
|
-
key: "componentDidMount",
|
|
859
|
-
value: function componentDidMount() {
|
|
860
|
-
var _this3 = this;
|
|
861
|
-
|
|
862
|
-
if (exenv.canUseDOM) {
|
|
863
|
-
var script = require('scriptjs');
|
|
864
|
-
|
|
865
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
866
|
-
_this3.renderWidget();
|
|
867
|
-
});
|
|
868
|
-
}
|
|
869
|
-
}
|
|
870
|
-
}, {
|
|
871
|
-
key: "componentWillUnmount",
|
|
872
|
-
value: function componentWillUnmount() {
|
|
873
|
-
this.isMountCanceled = true;
|
|
874
|
-
}
|
|
875
|
-
}, {
|
|
876
|
-
key: "render",
|
|
877
|
-
value: function render() {
|
|
878
|
-
var isLoading = this.state.isLoading;
|
|
879
|
-
var placeholder = this.props.placeholder;
|
|
880
|
-
return React.createElement(React.Fragment, null, isLoading && placeholder, React.createElement("div", {
|
|
881
|
-
ref: "embedContainer"
|
|
882
|
-
}));
|
|
883
|
-
}
|
|
884
|
-
}]);
|
|
885
|
-
|
|
886
|
-
return TwitterTweetEmbed;
|
|
887
|
-
}(Component);
|
|
888
|
-
|
|
889
|
-
_defineProperty(TwitterTweetEmbed, "propTypes", {
|
|
890
|
-
/**
|
|
891
|
-
* Tweet id that needs to be shown
|
|
892
|
-
*/
|
|
893
|
-
tweetId: PropTypes.string.isRequired,
|
|
894
|
-
|
|
895
|
-
/**
|
|
896
|
-
* Additional options to pass to twitter widget plugin
|
|
897
|
-
*/
|
|
898
|
-
options: PropTypes.object,
|
|
899
|
-
|
|
900
|
-
/**
|
|
901
|
-
* Placeholder while tweet is loading
|
|
902
|
-
*/
|
|
903
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
904
|
-
|
|
905
|
-
/**
|
|
906
|
-
* Function to execute after load, return html element
|
|
907
|
-
*/
|
|
908
|
-
onLoad: PropTypes.func
|
|
909
|
-
});
|
|
910
|
-
|
|
911
|
-
var TwitterMomentShare =
|
|
912
|
-
/*#__PURE__*/
|
|
913
|
-
function (_Component) {
|
|
914
|
-
_inherits(TwitterMomentShare, _Component);
|
|
915
|
-
|
|
916
|
-
function TwitterMomentShare(props) {
|
|
917
|
-
var _this;
|
|
918
|
-
|
|
919
|
-
_classCallCheck(this, TwitterMomentShare);
|
|
920
|
-
|
|
921
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterMomentShare).call(this, props));
|
|
922
|
-
_this.state = {
|
|
923
|
-
isLoading: true
|
|
924
|
-
};
|
|
925
|
-
return _this;
|
|
926
|
-
}
|
|
927
|
-
|
|
928
|
-
_createClass(TwitterMomentShare, [{
|
|
929
|
-
key: "componentDidMount",
|
|
930
|
-
value: function componentDidMount() {
|
|
931
|
-
var _this2 = this;
|
|
932
|
-
|
|
933
|
-
var onLoad = this.props.onLoad;
|
|
934
|
-
|
|
935
|
-
if (exenv.canUseDOM) {
|
|
936
|
-
var script = require('scriptjs');
|
|
937
|
-
|
|
938
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
939
|
-
if (!window.twttr) {
|
|
940
|
-
console.error('Failure to load window.twttr in TwitterMomentShare, aborting load.');
|
|
941
|
-
return;
|
|
942
|
-
}
|
|
943
|
-
|
|
944
|
-
if (!_this2.isMountCanceled) {
|
|
945
|
-
window.twttr.widgets.createMoment(_this2.props.momentId, _this2.refs.shareMoment, _this2.props.options).then(function (element) {
|
|
946
|
-
_this2.setState({
|
|
947
|
-
isLoading: false
|
|
948
|
-
});
|
|
949
|
-
|
|
950
|
-
if (onLoad) {
|
|
951
|
-
onLoad(element);
|
|
952
|
-
}
|
|
953
|
-
});
|
|
954
|
-
}
|
|
955
|
-
});
|
|
956
|
-
}
|
|
957
|
-
}
|
|
958
|
-
}, {
|
|
959
|
-
key: "componentWillUnmount",
|
|
960
|
-
value: function componentWillUnmount() {
|
|
961
|
-
this.isMountCanceled = true;
|
|
962
|
-
}
|
|
963
|
-
}, {
|
|
964
|
-
key: "render",
|
|
965
|
-
value: function render() {
|
|
966
|
-
var isLoading = this.state.isLoading;
|
|
967
|
-
var placeholder = this.props.placeholder;
|
|
968
|
-
return React.createElement(React.Fragment, null, isLoading && placeholder, React.createElement("div", {
|
|
969
|
-
ref: "shareMoment"
|
|
970
|
-
}));
|
|
971
|
-
}
|
|
972
|
-
}]);
|
|
973
|
-
|
|
974
|
-
return TwitterMomentShare;
|
|
975
|
-
}(Component);
|
|
976
|
-
|
|
977
|
-
_defineProperty(TwitterMomentShare, "propTypes", {
|
|
978
|
-
/**
|
|
979
|
-
* id of Twitter moment to show
|
|
980
|
-
*/
|
|
981
|
-
momentId: PropTypes.string.isRequired,
|
|
982
|
-
|
|
983
|
-
/**
|
|
984
|
-
* Additional options for overriding config.
|
|
985
|
-
*/
|
|
986
|
-
options: PropTypes.object,
|
|
987
|
-
|
|
988
|
-
/**
|
|
989
|
-
* Placeholder while tweet is loading
|
|
990
|
-
*/
|
|
991
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
992
|
-
|
|
993
|
-
/**
|
|
994
|
-
* Function to execute after load, return html element
|
|
995
|
-
*/
|
|
996
|
-
onLoad: PropTypes.func
|
|
997
|
-
});
|
|
998
|
-
|
|
999
|
-
var TwitterDMButton =
|
|
1000
|
-
/*#__PURE__*/
|
|
1001
|
-
function (_Component) {
|
|
1002
|
-
_inherits(TwitterDMButton, _Component);
|
|
1003
|
-
|
|
1004
|
-
function TwitterDMButton(props) {
|
|
1005
|
-
var _this;
|
|
1006
|
-
|
|
1007
|
-
_classCallCheck(this, TwitterDMButton);
|
|
1008
|
-
|
|
1009
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterDMButton).call(this, props));
|
|
1010
|
-
_this.state = {
|
|
1011
|
-
isLoading: true
|
|
1012
|
-
};
|
|
1013
|
-
return _this;
|
|
1014
|
-
}
|
|
1015
|
-
|
|
1016
|
-
_createClass(TwitterDMButton, [{
|
|
1017
|
-
key: "componentDidMount",
|
|
1018
|
-
value: function componentDidMount() {
|
|
1019
|
-
var _this2 = this;
|
|
1020
|
-
|
|
1021
|
-
var onLoad = this.props.onLoad;
|
|
1022
|
-
|
|
1023
|
-
if (exenv.canUseDOM) {
|
|
1024
|
-
var script = require('scriptjs');
|
|
1025
|
-
|
|
1026
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
1027
|
-
if (!window.twttr) {
|
|
1028
|
-
console.error('Failure to load window.twttr in TwitterDMButton, aborting load.');
|
|
1029
|
-
return;
|
|
1030
|
-
}
|
|
1031
|
-
|
|
1032
|
-
if (!_this2.isMountCanceled) {
|
|
1033
|
-
window.twttr.widgets.createDMButton(_this2.props.id, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
|
|
1034
|
-
_this2.setState({
|
|
1035
|
-
isLoading: false
|
|
1036
|
-
});
|
|
1037
|
-
|
|
1038
|
-
if (onLoad) {
|
|
1039
|
-
onLoad(element);
|
|
1040
|
-
}
|
|
1041
|
-
});
|
|
1042
|
-
}
|
|
1043
|
-
});
|
|
1044
|
-
}
|
|
1045
|
-
}
|
|
1046
|
-
}, {
|
|
1047
|
-
key: "componentWillUnmount",
|
|
1048
|
-
value: function componentWillUnmount() {
|
|
1049
|
-
this.isMountCanceled = true;
|
|
1050
|
-
}
|
|
1051
|
-
}, {
|
|
1052
|
-
key: "render",
|
|
1053
|
-
value: function render() {
|
|
1054
|
-
var isLoading = this.state.isLoading;
|
|
1055
|
-
var placeholder = this.props.placeholder;
|
|
1056
|
-
return React.createElement(React.Fragment, null, isLoading && placeholder, React.createElement("div", {
|
|
1057
|
-
ref: "embedContainer"
|
|
1058
|
-
}));
|
|
1059
|
-
}
|
|
1060
|
-
}]);
|
|
1061
|
-
|
|
1062
|
-
return TwitterDMButton;
|
|
1063
|
-
}(Component);
|
|
1064
|
-
|
|
1065
|
-
_defineProperty(TwitterDMButton, "propTypes", {
|
|
1066
|
-
/**
|
|
1067
|
-
* Twitter user id for DM button
|
|
1068
|
-
*/
|
|
1069
|
-
id: PropTypes.number.isRequired,
|
|
1070
|
-
|
|
1071
|
-
/**
|
|
1072
|
-
* Additional options to be added to the button
|
|
1073
|
-
*/
|
|
1074
|
-
options: PropTypes.object,
|
|
1075
|
-
|
|
1076
|
-
/**
|
|
1077
|
-
* Placeholder while tweet is loading
|
|
1078
|
-
*/
|
|
1079
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
1080
|
-
|
|
1081
|
-
/**
|
|
1082
|
-
* Function to execute after load, return html element
|
|
1083
|
-
*/
|
|
1084
|
-
onLoad: PropTypes.func
|
|
1085
|
-
});
|
|
1086
|
-
|
|
1087
|
-
var TwitterVideoEmbed =
|
|
1088
|
-
/*#__PURE__*/
|
|
1089
|
-
function (_Component) {
|
|
1090
|
-
_inherits(TwitterVideoEmbed, _Component);
|
|
1091
|
-
|
|
1092
|
-
function TwitterVideoEmbed(props) {
|
|
1093
|
-
var _this;
|
|
1094
|
-
|
|
1095
|
-
_classCallCheck(this, TwitterVideoEmbed);
|
|
1096
|
-
|
|
1097
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterVideoEmbed).call(this, props));
|
|
1098
|
-
_this.state = {
|
|
1099
|
-
isLoading: true
|
|
1100
|
-
};
|
|
1101
|
-
return _this;
|
|
1102
|
-
}
|
|
1103
|
-
|
|
1104
|
-
_createClass(TwitterVideoEmbed, [{
|
|
1105
|
-
key: "componentDidMount",
|
|
1106
|
-
value: function componentDidMount() {
|
|
1107
|
-
var _this2 = this;
|
|
1108
|
-
|
|
1109
|
-
var onLoad = this.props.onLoad;
|
|
1110
|
-
|
|
1111
|
-
if (exenv.canUseDOM) {
|
|
1112
|
-
var script = require('scriptjs');
|
|
1113
|
-
|
|
1114
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
1115
|
-
if (!window.twttr) {
|
|
1116
|
-
console.error('Failure to load window.twttr in TwitterVideoEmbed, aborting load.');
|
|
1117
|
-
return;
|
|
1118
|
-
}
|
|
1119
|
-
|
|
1120
|
-
if (!_this2.isMountCanceled) {
|
|
1121
|
-
window.twttr.widgets.createVideo(_this2.props.id, _this2.refs.embedContainer).then(function (element) {
|
|
1122
|
-
_this2.setState({
|
|
1123
|
-
isLoading: false
|
|
1124
|
-
});
|
|
1125
|
-
|
|
1126
|
-
if (onLoad) {
|
|
1127
|
-
onLoad(element);
|
|
1128
|
-
}
|
|
1129
|
-
});
|
|
1130
|
-
}
|
|
1131
|
-
});
|
|
1132
|
-
}
|
|
1133
|
-
}
|
|
1134
|
-
}, {
|
|
1135
|
-
key: "componentWillUnmount",
|
|
1136
|
-
value: function componentWillUnmount() {
|
|
1137
|
-
this.isMountCanceled = true;
|
|
1138
|
-
}
|
|
1139
|
-
}, {
|
|
1140
|
-
key: "render",
|
|
1141
|
-
value: function render() {
|
|
1142
|
-
var isLoading = this.state.isLoading;
|
|
1143
|
-
var placeholder = this.props.placeholder;
|
|
1144
|
-
return React.createElement(React.Fragment, null, isLoading && placeholder, React.createElement("div", {
|
|
1145
|
-
ref: "embedContainer"
|
|
1146
|
-
}));
|
|
1147
|
-
}
|
|
1148
|
-
}]);
|
|
1149
|
-
|
|
1150
|
-
return TwitterVideoEmbed;
|
|
1151
|
-
}(Component);
|
|
1152
|
-
|
|
1153
|
-
_defineProperty(TwitterVideoEmbed, "propTypes", {
|
|
1154
|
-
/**
|
|
1155
|
-
* Id of video tweet.
|
|
1156
|
-
*/
|
|
1157
|
-
id: PropTypes.string.isRequired,
|
|
1158
|
-
|
|
1159
|
-
/**
|
|
1160
|
-
* Placeholder while tweet is loading
|
|
1161
|
-
*/
|
|
1162
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
1163
|
-
|
|
1164
|
-
/**
|
|
1165
|
-
* Function to execute after load, return html element
|
|
1166
|
-
*/
|
|
1167
|
-
onLoad: PropTypes.func
|
|
1168
|
-
});
|
|
1169
|
-
|
|
1170
|
-
var TwitterOnAirButton =
|
|
1171
|
-
/*#__PURE__*/
|
|
1172
|
-
function (_Component) {
|
|
1173
|
-
_inherits(TwitterOnAirButton, _Component);
|
|
1174
|
-
|
|
1175
|
-
function TwitterOnAirButton(props) {
|
|
1176
|
-
var _this;
|
|
1177
|
-
|
|
1178
|
-
_classCallCheck(this, TwitterOnAirButton);
|
|
1179
|
-
|
|
1180
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(TwitterOnAirButton).call(this, props));
|
|
1181
|
-
_this.state = {
|
|
1182
|
-
isLoading: true
|
|
1183
|
-
};
|
|
1184
|
-
return _this;
|
|
1185
|
-
}
|
|
1186
|
-
|
|
1187
|
-
_createClass(TwitterOnAirButton, [{
|
|
1188
|
-
key: "componentDidMount",
|
|
1189
|
-
value: function componentDidMount() {
|
|
1190
|
-
var _this2 = this;
|
|
1191
|
-
|
|
1192
|
-
var onLoad = this.props.onLoad;
|
|
1193
|
-
|
|
1194
|
-
if (exenv.canUseDOM) {
|
|
1195
|
-
var script = require('scriptjs');
|
|
1196
|
-
|
|
1197
|
-
script(twitterWidgetJs, 'twitter-embed', function () {
|
|
1198
|
-
if (!window.twttr) {
|
|
1199
|
-
console.error('Failure to load window.twttr in TwitterOnAirButton, aborting load.');
|
|
1200
|
-
return;
|
|
1201
|
-
}
|
|
1202
|
-
|
|
1203
|
-
if (!_this2.isMountCanceled) {
|
|
1204
|
-
window.twttr.widgets.createPeriscopeOnAirButton(_this2.props.username, _this2.refs.embedContainer, _this2.props.options).then(function (element) {
|
|
1205
|
-
_this2.setState({
|
|
1206
|
-
isLoading: false
|
|
1207
|
-
});
|
|
1208
|
-
|
|
1209
|
-
if (onLoad) {
|
|
1210
|
-
onLoad(element);
|
|
1211
|
-
}
|
|
1212
|
-
});
|
|
1213
|
-
}
|
|
1214
|
-
});
|
|
1215
|
-
}
|
|
1216
|
-
}
|
|
1217
|
-
}, {
|
|
1218
|
-
key: "componentWillUnmount",
|
|
1219
|
-
value: function componentWillUnmount() {
|
|
1220
|
-
this.isMountCanceled = true;
|
|
1221
|
-
}
|
|
1222
|
-
}, {
|
|
1223
|
-
key: "render",
|
|
1224
|
-
value: function render() {
|
|
1225
|
-
var isLoading = this.state.isLoading;
|
|
1226
|
-
var placeholder = this.props.placeholder;
|
|
1227
|
-
return React.createElement(React.Fragment, null, isLoading && placeholder, React.createElement("div", {
|
|
1228
|
-
ref: "embedContainer"
|
|
1229
|
-
}));
|
|
1230
|
-
}
|
|
1231
|
-
}]);
|
|
1232
|
-
|
|
1233
|
-
return TwitterOnAirButton;
|
|
1234
|
-
}(Component);
|
|
1235
|
-
|
|
1236
|
-
_defineProperty(TwitterOnAirButton, "propTypes", {
|
|
1237
|
-
/**
|
|
1238
|
-
* Username for which you require periscope on air button
|
|
1239
|
-
*/
|
|
1240
|
-
username: PropTypes.string.isRequired,
|
|
1241
|
-
|
|
1242
|
-
/**
|
|
1243
|
-
* Additional options for overriding config.
|
|
1244
|
-
*/
|
|
1245
|
-
options: PropTypes.object,
|
|
1246
|
-
|
|
1247
|
-
/**
|
|
1248
|
-
* Placeholder while tweet is loading
|
|
1249
|
-
*/
|
|
1250
|
-
placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
1251
|
-
|
|
1252
|
-
/**
|
|
1253
|
-
* Function to execute after load, return html element
|
|
1254
|
-
*/
|
|
1255
|
-
onLoad: PropTypes.func
|
|
1256
|
-
});
|
|
60
|
+
import { TwitterTimelineEmbed } from 'react-twitter-embed';
|
|
1257
61
|
|
|
1258
62
|
var ImageSlider = function ImageSlider(props) {
|
|
1259
63
|
var innerSlider = useRef(null);
|
|
@@ -1359,61 +163,61 @@ var ImageSlider = function ImageSlider(props) {
|
|
|
1359
163
|
}, []);
|
|
1360
164
|
|
|
1361
165
|
var variant = 'black';
|
|
1362
|
-
return
|
|
1363
|
-
|
|
166
|
+
return React__default.createElement(
|
|
167
|
+
React__default.Fragment,
|
|
1364
168
|
null,
|
|
1365
|
-
|
|
169
|
+
React__default.createElement(
|
|
1366
170
|
'div',
|
|
1367
171
|
{ ref: viewableWindow, id: 'vid-slider', className: 'col' },
|
|
1368
|
-
|
|
172
|
+
React__default.createElement(
|
|
1369
173
|
'div',
|
|
1370
174
|
{ className: 'row' },
|
|
1371
|
-
showScroller &&
|
|
175
|
+
showScroller && React__default.createElement(
|
|
1372
176
|
'div',
|
|
1373
177
|
{ onClick: function onClick(e) {
|
|
1374
178
|
return scrollSlider(e, 'prev');
|
|
1375
179
|
}, className: 'tile__slider-prev', style: { color: variant } },
|
|
1376
|
-
|
|
180
|
+
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
|
|
1377
181
|
),
|
|
1378
|
-
showScroller &&
|
|
182
|
+
showScroller && React__default.createElement(
|
|
1379
183
|
'div',
|
|
1380
184
|
{ onClick: function onClick(e) {
|
|
1381
185
|
return scrollSlider(e, 'next');
|
|
1382
186
|
}, className: 'tile__slider-next', style: { color: variant } },
|
|
1383
|
-
|
|
187
|
+
React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
|
|
1384
188
|
),
|
|
1385
|
-
|
|
189
|
+
React__default.createElement(
|
|
1386
190
|
'div',
|
|
1387
191
|
{ ref: innerSlider, className: 'row__inner' },
|
|
1388
192
|
props.data.slides.map(function (img, index) {
|
|
1389
193
|
var thumbnail = urlFor(img.slideshowImage).width(250);
|
|
1390
194
|
if (!img.slideshowImage.link) {
|
|
1391
|
-
return
|
|
195
|
+
return React__default.createElement(
|
|
1392
196
|
'div',
|
|
1393
197
|
{ ref: tile, key: index, className: 'tile', style: { width: tileSize + 'px' } },
|
|
1394
|
-
|
|
198
|
+
React__default.createElement(
|
|
1395
199
|
'div',
|
|
1396
200
|
{ className: 'tile__media' },
|
|
1397
|
-
|
|
201
|
+
React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: img.slideshowImage.alt ? img.slideshowImage.alt : '', style: { width: tileSize + 'px' } })
|
|
1398
202
|
),
|
|
1399
|
-
|
|
203
|
+
React__default.createElement('div', { style: { color: variant }, className: 'tile__info' })
|
|
1400
204
|
);
|
|
1401
205
|
} else {
|
|
1402
|
-
return
|
|
206
|
+
return React__default.createElement(
|
|
1403
207
|
'a',
|
|
1404
208
|
{ ref: tile, key: index, href: img.slideshowImage.link, target: img.slideshowImage.blank ? '_target' : '_self', className: 'tile', style: { width: tileSize + 'px' } },
|
|
1405
|
-
|
|
209
|
+
React__default.createElement(
|
|
1406
210
|
'div',
|
|
1407
211
|
{ className: 'tile__media' },
|
|
1408
|
-
|
|
212
|
+
React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: img.slideshowImage.alt ? img.slideshowImage.alt : '', style: { width: tileSize + 'px' } })
|
|
1409
213
|
),
|
|
1410
|
-
|
|
214
|
+
React__default.createElement('div', { style: { color: variant }, className: 'tile__info' })
|
|
1411
215
|
);
|
|
1412
216
|
}
|
|
1413
217
|
})
|
|
1414
218
|
)
|
|
1415
219
|
),
|
|
1416
|
-
|
|
220
|
+
React__default.createElement(
|
|
1417
221
|
'style',
|
|
1418
222
|
{ jsx: 'true' },
|
|
1419
223
|
'\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 '
|
|
@@ -1436,95 +240,95 @@ var PartnerDetails = function PartnerDetails(_ref) {
|
|
|
1436
240
|
pageview = _ref.pageview,
|
|
1437
241
|
page = _ref.page;
|
|
1438
242
|
|
|
1439
|
-
return
|
|
1440
|
-
|
|
243
|
+
return React__default.createElement(
|
|
244
|
+
React__default.Fragment,
|
|
1441
245
|
null,
|
|
1442
|
-
|
|
1443
|
-
|
|
246
|
+
React__default.createElement(Breadcrumbs, null),
|
|
247
|
+
React__default.createElement(
|
|
1444
248
|
'div',
|
|
1445
249
|
{ className: 'partners-page' },
|
|
1446
|
-
|
|
250
|
+
React__default.createElement(
|
|
1447
251
|
'div',
|
|
1448
252
|
{ className: 'my-5 partner-logo-wrap', style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
|
|
1449
|
-
partnerDetails.thumbnail && partnerDetails.thumbnail.link ?
|
|
253
|
+
partnerDetails.thumbnail && partnerDetails.thumbnail.link ? React__default.createElement(
|
|
1450
254
|
'a',
|
|
1451
255
|
{ className: 'partners-logo', style: { width: '25%', minWidth: '25%' }, href: partnerDetails.thumbnail.link, target: partnerDetails.thumbnail.blank ? '_blank' : '' },
|
|
1452
|
-
|
|
256
|
+
React__default.createElement(
|
|
1453
257
|
'figure',
|
|
1454
258
|
{ style: { width: '100%', textAlign: 'center' } },
|
|
1455
|
-
|
|
259
|
+
React__default.createElement('img', {
|
|
1456
260
|
alt: partnerDetails.thumbnail && partnerDetails.thumbnail.alt ? partnerDetails.thumbnail.alt : partnerDetails.name,
|
|
1457
261
|
style: { maxWidth: '100%' },
|
|
1458
262
|
src: partnerDetails.thumbnail ? urlFor(client, partnerDetails.thumbnail.asset) : '' }),
|
|
1459
|
-
partnerDetails.thumbnail && partnerDetails.thumbnail.caption &&
|
|
263
|
+
partnerDetails.thumbnail && partnerDetails.thumbnail.caption && React__default.createElement(
|
|
1460
264
|
'figcaption',
|
|
1461
265
|
null,
|
|
1462
266
|
partnerDetails.thumbnail.caption
|
|
1463
267
|
)
|
|
1464
268
|
)
|
|
1465
|
-
) :
|
|
269
|
+
) : React__default.createElement(
|
|
1466
270
|
'figure',
|
|
1467
271
|
{ className: 'partners-logo', style: { width: '25%', minWidth: '25%', textAlign: 'center' } },
|
|
1468
|
-
|
|
272
|
+
React__default.createElement('img', {
|
|
1469
273
|
alt: partnerDetails.thumbnail && partnerDetails.thumbnail.alt ? partnerDetails.thumbnail.alt : partnerDetails.name,
|
|
1470
274
|
style: { maxWidth: '100%' },
|
|
1471
275
|
src: partnerDetails.thumbnail ? urlFor(client, partnerDetails.thumbnail.asset) : '' }),
|
|
1472
|
-
partnerDetails.thumbnail && partnerDetails.thumbnail.caption &&
|
|
276
|
+
partnerDetails.thumbnail && partnerDetails.thumbnail.caption && React__default.createElement(
|
|
1473
277
|
'figcaption',
|
|
1474
278
|
null,
|
|
1475
279
|
partnerDetails.thumbnail.caption
|
|
1476
280
|
)
|
|
1477
281
|
),
|
|
1478
|
-
|
|
282
|
+
React__default.createElement(
|
|
1479
283
|
'style',
|
|
1480
284
|
{ jsx: 'true' },
|
|
1481
285
|
'\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 '
|
|
1482
286
|
),
|
|
1483
|
-
partnerDetails.description &&
|
|
287
|
+
partnerDetails.description && React__default.createElement(
|
|
1484
288
|
'div',
|
|
1485
289
|
{ className: 'block-content-partners my-4', style: { maxWidth: '100%', paddingLeft: '2rem', flex: '1 1 auto' } },
|
|
1486
|
-
|
|
290
|
+
React__default.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: partnerDetails.description, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
|
|
1487
291
|
)
|
|
1488
292
|
),
|
|
1489
|
-
partnerDetails.affiliates && partnerDetails.affiliates[0] && partnerDetails.affiliates[0].slides &&
|
|
293
|
+
partnerDetails.affiliates && partnerDetails.affiliates[0] && partnerDetails.affiliates[0].slides && React__default.createElement(
|
|
1490
294
|
'div',
|
|
1491
295
|
{ className: 'mb-4', style: { padding: '0 15px' } },
|
|
1492
|
-
partnerDetails.affiliates[0].title &&
|
|
296
|
+
partnerDetails.affiliates[0].title && React__default.createElement(
|
|
1493
297
|
'h2',
|
|
1494
298
|
{ className: 'bb-gold' },
|
|
1495
299
|
partnerDetails.affiliates[0].title
|
|
1496
300
|
),
|
|
1497
|
-
|
|
301
|
+
React__default.createElement(ImageSlider, { client: client, data: partnerDetails.affiliates[0] })
|
|
1498
302
|
),
|
|
1499
|
-
features.length > 0 &&
|
|
303
|
+
features.length > 0 && React__default.createElement(
|
|
1500
304
|
'div',
|
|
1501
305
|
{ className: ' mb-5' },
|
|
1502
|
-
|
|
306
|
+
React__default.createElement(Feature, { dataset: features, client: client })
|
|
1503
307
|
),
|
|
1504
|
-
partnerDetails.twitter &&
|
|
1505
|
-
|
|
308
|
+
partnerDetails.twitter && React__default.createElement(
|
|
309
|
+
React__default.Fragment,
|
|
1506
310
|
null,
|
|
1507
|
-
|
|
311
|
+
React__default.createElement(
|
|
1508
312
|
'div',
|
|
1509
313
|
{ className: 'mb-5', style: { width: '100%', textAlign: 'center', padding: '0 15px', border: '2px solid #aaa', borderRadius: '15px' } },
|
|
1510
|
-
|
|
314
|
+
React__default.createElement(TwitterTimelineEmbed, { sourceType: 'url', url: partnerDetails.twitter, options: { height: 400 } })
|
|
1511
315
|
)
|
|
1512
316
|
),
|
|
1513
|
-
|
|
317
|
+
React__default.createElement(
|
|
1514
318
|
'div',
|
|
1515
319
|
null,
|
|
1516
|
-
posts && posts.length > 0 &&
|
|
1517
|
-
|
|
320
|
+
posts && posts.length > 0 && React__default.createElement(
|
|
321
|
+
React__default.Fragment,
|
|
1518
322
|
null,
|
|
1519
|
-
|
|
323
|
+
React__default.createElement(
|
|
1520
324
|
'h2',
|
|
1521
325
|
{ className: 'bb-gold mb-2' },
|
|
1522
326
|
'Latest from ',
|
|
1523
327
|
partnerDetails.name
|
|
1524
328
|
),
|
|
1525
|
-
|
|
329
|
+
React__default.createElement('hr', null)
|
|
1526
330
|
),
|
|
1527
|
-
|
|
331
|
+
React__default.createElement(QueueDeckExpanded, {
|
|
1528
332
|
client: client,
|
|
1529
333
|
mapping: Settings.mapping,
|
|
1530
334
|
dataRecord: posts,
|