@quintype/components 2.31.8-webpack5.2 → 2.31.8-webpack5.3
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/CHANGELOG.md +19 -0
- package/dist/cjs/index.js +736 -581
- package/dist/es/components/access-type.js +159 -25
- package/package.json +41 -41
package/dist/cjs/index.js
CHANGED
|
@@ -2,53 +2,75 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
|
|
6
|
+
var _createClass = require('@babel/runtime/helpers/createClass');
|
|
7
|
+
var _inherits = require('@babel/runtime/helpers/inherits');
|
|
8
|
+
var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
|
|
9
|
+
var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
|
|
10
|
+
var React = require('react');
|
|
11
|
+
var reactRedux = require('react-redux');
|
|
12
|
+
var wretch = require('wretch');
|
|
13
|
+
var omit = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
14
|
+
var propTypes = require('prop-types');
|
|
15
|
+
var get = require('lodash/get');
|
|
16
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
17
|
+
var reactDfp = require('react-dfp');
|
|
18
|
+
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
19
|
+
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
20
|
+
var emptyWebGif = require('empty-web-gif');
|
|
21
|
+
var quintypeJs = require('quintype-js');
|
|
22
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
23
|
+
var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
|
|
24
|
+
var classNames = require('classnames');
|
|
25
|
+
var getVideoID = require('get-video-id');
|
|
26
|
+
var atob = require('atob');
|
|
27
|
+
var getYouTubeID = require('get-youtube-id');
|
|
28
|
+
var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
|
|
29
|
+
var _regeneratorRuntime = require('@babel/runtime/regenerator');
|
|
30
|
+
var ReactDOM = require('react-dom');
|
|
31
|
+
|
|
32
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
6
33
|
|
|
7
34
|
function _interopNamespace(e) {
|
|
8
|
-
if (e && e.__esModule)
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
35
|
+
if (e && e.__esModule) return e;
|
|
36
|
+
var n = Object.create(null);
|
|
37
|
+
if (e) {
|
|
38
|
+
Object.keys(e).forEach(function (k) {
|
|
39
|
+
if (k !== 'default') {
|
|
12
40
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
13
41
|
Object.defineProperty(n, k, d.get ? d : {
|
|
14
42
|
enumerable: true,
|
|
15
|
-
get: function () {
|
|
16
|
-
return e[k];
|
|
17
|
-
}
|
|
43
|
+
get: function () { return e[k]; }
|
|
18
44
|
});
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
n['default'] = e;
|
|
22
|
-
return n;
|
|
45
|
+
}
|
|
46
|
+
});
|
|
23
47
|
}
|
|
48
|
+
n["default"] = e;
|
|
49
|
+
return Object.freeze(n);
|
|
24
50
|
}
|
|
25
51
|
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
-
var
|
|
32
|
-
var
|
|
33
|
-
var
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
41
|
-
var
|
|
42
|
-
var
|
|
43
|
-
var
|
|
44
|
-
var
|
|
45
|
-
var
|
|
46
|
-
var
|
|
47
|
-
var
|
|
48
|
-
var atob = _interopDefault(require('atob'));
|
|
49
|
-
var getYouTubeID = _interopDefault(require('get-youtube-id'));
|
|
50
|
-
var _asyncToGenerator = _interopDefault(require('@babel/runtime/helpers/asyncToGenerator'));
|
|
51
|
-
var _regeneratorRuntime = _interopDefault(require('@babel/runtime/regenerator'));
|
|
52
|
+
var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
|
|
53
|
+
var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
|
|
54
|
+
var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
|
|
55
|
+
var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
|
|
56
|
+
var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
|
|
57
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
58
|
+
var wretch__default = /*#__PURE__*/_interopDefaultLegacy(wretch);
|
|
59
|
+
var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
|
|
60
|
+
var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
|
|
61
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
62
|
+
var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
|
|
63
|
+
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
64
|
+
var emptyWebGif__default = /*#__PURE__*/_interopDefaultLegacy(emptyWebGif);
|
|
65
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
66
|
+
var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
|
|
67
|
+
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
|
|
68
|
+
var getVideoID__default = /*#__PURE__*/_interopDefaultLegacy(getVideoID);
|
|
69
|
+
var atob__default = /*#__PURE__*/_interopDefaultLegacy(atob);
|
|
70
|
+
var getYouTubeID__default = /*#__PURE__*/_interopDefaultLegacy(getYouTubeID);
|
|
71
|
+
var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
|
|
72
|
+
var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
|
|
73
|
+
var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
|
|
52
74
|
|
|
53
75
|
var NAVIGATE_TO_PAGE = "QT-NAVIGATE";
|
|
54
76
|
var BREAKING_NEWS_UPDATED = "QT-BREAKING_NEWS_UPDATED";
|
|
@@ -68,7 +90,7 @@ var METER_UPDATED = "QT-METER_UPDATED";
|
|
|
68
90
|
var ASSET_PLANS = "QT-ASSET_PLANS";
|
|
69
91
|
var CAMPAIGN_SUBSCRIPTION_GROUP_UPDATED = "QT-CAMPAIGN_SUBSCRIPTION_UPDATED";
|
|
70
92
|
|
|
71
|
-
var apiClient = /*#__PURE__*/
|
|
93
|
+
var apiClient = /*#__PURE__*/wretch__default["default"]().options({
|
|
72
94
|
credentials: 'same-origin'
|
|
73
95
|
});
|
|
74
96
|
function getRequest(url, params) {
|
|
@@ -88,25 +110,25 @@ function postRequest(url, body) {
|
|
|
88
110
|
return apiClient.url("".concat(mountAt).concat(url)).post(body);
|
|
89
111
|
}
|
|
90
112
|
|
|
91
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super =
|
|
113
|
+
function _createSuper$p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$p(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
92
114
|
|
|
93
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
115
|
+
function _isNativeReflectConstruct$p() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
94
116
|
|
|
95
117
|
var BreakingNewsBase = /*#__PURE__*/function (_React$Component) {
|
|
96
|
-
|
|
118
|
+
_inherits__default["default"](BreakingNewsBase, _React$Component);
|
|
97
119
|
|
|
98
|
-
var _super = /*#__PURE__*/_createSuper(BreakingNewsBase);
|
|
120
|
+
var _super = /*#__PURE__*/_createSuper$p(BreakingNewsBase);
|
|
99
121
|
|
|
100
122
|
function BreakingNewsBase() {
|
|
101
|
-
|
|
123
|
+
_classCallCheck__default["default"](this, BreakingNewsBase);
|
|
102
124
|
|
|
103
125
|
return _super.apply(this, arguments);
|
|
104
126
|
}
|
|
105
127
|
|
|
106
|
-
|
|
128
|
+
_createClass__default["default"](BreakingNewsBase, [{
|
|
107
129
|
key: "render",
|
|
108
130
|
value: function render() {
|
|
109
|
-
return /*#__PURE__*/React__default.createElement(this.props.view, this.props);
|
|
131
|
+
return /*#__PURE__*/React__default["default"].createElement(this.props.view, this.props);
|
|
110
132
|
}
|
|
111
133
|
}, {
|
|
112
134
|
key: "updateBreakingNews",
|
|
@@ -135,9 +157,9 @@ var BreakingNewsBase = /*#__PURE__*/function (_React$Component) {
|
|
|
135
157
|
}]);
|
|
136
158
|
|
|
137
159
|
return BreakingNewsBase;
|
|
138
|
-
}(React__default.Component);
|
|
160
|
+
}(React__default["default"].Component);
|
|
139
161
|
|
|
140
|
-
function mapStateToProps(state) {
|
|
162
|
+
function mapStateToProps$b(state) {
|
|
141
163
|
return {
|
|
142
164
|
config: state.qt.config || {},
|
|
143
165
|
breakingNews: state.breakingNews || [],
|
|
@@ -145,7 +167,7 @@ function mapStateToProps(state) {
|
|
|
145
167
|
};
|
|
146
168
|
}
|
|
147
169
|
|
|
148
|
-
function mapDispatchToProps(dispatch) {
|
|
170
|
+
function mapDispatchToProps$8(dispatch) {
|
|
149
171
|
return {
|
|
150
172
|
breakingNewsUpdated: function breakingNewsUpdated(stories) {
|
|
151
173
|
return dispatch({
|
|
@@ -171,9 +193,9 @@ function mapDispatchToProps(dispatch) {
|
|
|
171
193
|
*/
|
|
172
194
|
|
|
173
195
|
|
|
174
|
-
var BreakingNews = /*#__PURE__*/reactRedux.connect(mapStateToProps, mapDispatchToProps)(BreakingNewsBase);
|
|
196
|
+
var BreakingNews = /*#__PURE__*/reactRedux.connect(mapStateToProps$b, mapDispatchToProps$8)(BreakingNewsBase);
|
|
175
197
|
|
|
176
|
-
var _excluded = ["navigateToImpl", "externalLink", "callback", "href", "currentHostUrl", "navigateTo", "preventDefault", "disableAjaxLinks"];
|
|
198
|
+
var _excluded$2 = ["navigateToImpl", "externalLink", "callback", "href", "currentHostUrl", "navigateTo", "preventDefault", "disableAjaxLinks"];
|
|
177
199
|
|
|
178
200
|
var preventDefaultImpl = function preventDefaultImpl(e) {
|
|
179
201
|
e.preventDefault();
|
|
@@ -203,10 +225,10 @@ var LinkBase = function LinkBase(_ref) {
|
|
|
203
225
|
preventDefault = _ref$preventDefault === void 0 ? preventDefaultImpl : _ref$preventDefault,
|
|
204
226
|
_ref$disableAjaxLinks = _ref.disableAjaxLinks,
|
|
205
227
|
disableAjaxLinks = _ref$disableAjaxLinks === void 0 ? global.disableAjaxLinks || global.disableAjaxNavigation : _ref$disableAjaxLinks,
|
|
206
|
-
otherProps =
|
|
228
|
+
otherProps = omit__default["default"](_ref, _excluded$2);
|
|
207
229
|
|
|
208
230
|
navigateTo = navigateTo || navigateToImpl;
|
|
209
|
-
return /*#__PURE__*/React__default.createElement("a", Object.assign(otherProps, {
|
|
231
|
+
return /*#__PURE__*/React__default["default"].createElement("a", Object.assign(otherProps, {
|
|
210
232
|
href: href,
|
|
211
233
|
onClick: function onClick(e) {
|
|
212
234
|
if (disableAjaxLinks || e.ctrlKey || e.metaKey || e.shiftKey) {
|
|
@@ -232,13 +254,13 @@ var LinkBase = function LinkBase(_ref) {
|
|
|
232
254
|
}));
|
|
233
255
|
};
|
|
234
256
|
|
|
235
|
-
var mapStateToProps$
|
|
257
|
+
var mapStateToProps$a = function mapStateToProps(state) {
|
|
236
258
|
return {
|
|
237
259
|
currentHostUrl: state.qt && state.qt.currentHostUrl
|
|
238
260
|
};
|
|
239
261
|
};
|
|
240
262
|
|
|
241
|
-
var mapDispatchToProps$
|
|
263
|
+
var mapDispatchToProps$7 = function mapDispatchToProps(dispatch) {
|
|
242
264
|
return {
|
|
243
265
|
navigateToImpl: function navigateToImpl(url) {
|
|
244
266
|
global.app.navigateToPage(dispatch, url);
|
|
@@ -257,7 +279,7 @@ var mapDispatchToProps$1 = function mapDispatchToProps(dispatch) {
|
|
|
257
279
|
*/
|
|
258
280
|
|
|
259
281
|
|
|
260
|
-
var Link = /*#__PURE__*/reactRedux.connect(mapStateToProps$
|
|
282
|
+
var Link = /*#__PURE__*/reactRedux.connect(mapStateToProps$a, mapDispatchToProps$7)(LinkBase);
|
|
261
283
|
|
|
262
284
|
/**
|
|
263
285
|
* This component can be used to render a BreakingNewsItem.
|
|
@@ -276,53 +298,53 @@ var Link = /*#__PURE__*/reactRedux.connect(mapStateToProps$1, mapDispatchToProps
|
|
|
276
298
|
function BreakingNewsItem(_ref) {
|
|
277
299
|
var item = _ref.item,
|
|
278
300
|
className = _ref.className;
|
|
279
|
-
var linkedStorySlug =
|
|
301
|
+
var linkedStorySlug = get__default["default"](item, ['metadata', 'linked-story-slug']);
|
|
280
302
|
|
|
281
303
|
if (linkedStorySlug) {
|
|
282
|
-
return /*#__PURE__*/React__default.createElement(Link, {
|
|
304
|
+
return /*#__PURE__*/React__default["default"].createElement(Link, {
|
|
283
305
|
className: className,
|
|
284
306
|
href: "/".concat(linkedStorySlug)
|
|
285
307
|
}, item.headline);
|
|
286
308
|
} else {
|
|
287
|
-
return /*#__PURE__*/React__default.createElement("span", {
|
|
309
|
+
return /*#__PURE__*/React__default["default"].createElement("span", {
|
|
288
310
|
className: className
|
|
289
311
|
}, item.headline);
|
|
290
312
|
}
|
|
291
313
|
}
|
|
292
314
|
|
|
293
|
-
function mapStateToProps$
|
|
315
|
+
function mapStateToProps$9(state) {
|
|
294
316
|
return {
|
|
295
317
|
clientSideRendered: state.clientSideRendered
|
|
296
318
|
};
|
|
297
319
|
}
|
|
298
|
-
function mapDispatchToProps$
|
|
320
|
+
function mapDispatchToProps$6(dispatch) {
|
|
299
321
|
return {};
|
|
300
322
|
}
|
|
301
323
|
|
|
302
|
-
function _createSuper$
|
|
324
|
+
function _createSuper$o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$o(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
303
325
|
|
|
304
|
-
function _isNativeReflectConstruct$
|
|
326
|
+
function _isNativeReflectConstruct$o() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
305
327
|
|
|
306
328
|
var ClientSideOnlyBase = /*#__PURE__*/function (_React$Component) {
|
|
307
|
-
|
|
329
|
+
_inherits__default["default"](ClientSideOnlyBase, _React$Component);
|
|
308
330
|
|
|
309
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
331
|
+
var _super = /*#__PURE__*/_createSuper$o(ClientSideOnlyBase);
|
|
310
332
|
|
|
311
333
|
function ClientSideOnlyBase() {
|
|
312
|
-
|
|
334
|
+
_classCallCheck__default["default"](this, ClientSideOnlyBase);
|
|
313
335
|
|
|
314
336
|
return _super.apply(this, arguments);
|
|
315
337
|
}
|
|
316
338
|
|
|
317
|
-
|
|
339
|
+
_createClass__default["default"](ClientSideOnlyBase, [{
|
|
318
340
|
key: "render",
|
|
319
341
|
value: function render() {
|
|
320
342
|
if (this.props.clientSideRendered) {
|
|
321
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
343
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
322
344
|
className: "client-side-only client-side-only-client"
|
|
323
345
|
}, this.props.children);
|
|
324
346
|
} else {
|
|
325
|
-
return /*#__PURE__*/React__default.createElement(this.props.serverComponent || "div", Object.assign({
|
|
347
|
+
return /*#__PURE__*/React__default["default"].createElement(this.props.serverComponent || "div", Object.assign({
|
|
326
348
|
className: "client-side-only client-side-only-server"
|
|
327
349
|
}, this.props));
|
|
328
350
|
}
|
|
@@ -330,7 +352,7 @@ var ClientSideOnlyBase = /*#__PURE__*/function (_React$Component) {
|
|
|
330
352
|
}]);
|
|
331
353
|
|
|
332
354
|
return ClientSideOnlyBase;
|
|
333
|
-
}(React__default.Component);
|
|
355
|
+
}(React__default["default"].Component);
|
|
334
356
|
/**
|
|
335
357
|
* This component will be loaded by client, and bypassed when doing server side rendering.
|
|
336
358
|
*
|
|
@@ -347,11 +369,11 @@ var ClientSideOnlyBase = /*#__PURE__*/function (_React$Component) {
|
|
|
347
369
|
*/
|
|
348
370
|
|
|
349
371
|
|
|
350
|
-
var ClientSideOnly = /*#__PURE__*/reactRedux.connect(mapStateToProps$
|
|
372
|
+
var ClientSideOnly = /*#__PURE__*/reactRedux.connect(mapStateToProps$9, mapDispatchToProps$6)(ClientSideOnlyBase);
|
|
351
373
|
|
|
352
|
-
function _createSuper$
|
|
374
|
+
function _createSuper$n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$n(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
353
375
|
|
|
354
|
-
function _isNativeReflectConstruct$
|
|
376
|
+
function _isNativeReflectConstruct$n() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
355
377
|
/**
|
|
356
378
|
* This component can be used along with {@link LazyLoadImages}. Children of `EagerLoadImages` are forced to be eager, if they match the given predicate
|
|
357
379
|
*
|
|
@@ -361,17 +383,17 @@ function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !
|
|
|
361
383
|
*/
|
|
362
384
|
|
|
363
385
|
var EagerLoadImages = /*#__PURE__*/function (_React$Component) {
|
|
364
|
-
|
|
386
|
+
_inherits__default["default"](EagerLoadImages, _React$Component);
|
|
365
387
|
|
|
366
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
388
|
+
var _super = /*#__PURE__*/_createSuper$n(EagerLoadImages);
|
|
367
389
|
|
|
368
390
|
function EagerLoadImages() {
|
|
369
|
-
|
|
391
|
+
_classCallCheck__default["default"](this, EagerLoadImages);
|
|
370
392
|
|
|
371
393
|
return _super.apply(this, arguments);
|
|
372
394
|
}
|
|
373
395
|
|
|
374
|
-
|
|
396
|
+
_createClass__default["default"](EagerLoadImages, [{
|
|
375
397
|
key: "getChildContext",
|
|
376
398
|
value: function getChildContext() {
|
|
377
399
|
return {
|
|
@@ -388,17 +410,17 @@ var EagerLoadImages = /*#__PURE__*/function (_React$Component) {
|
|
|
388
410
|
}]);
|
|
389
411
|
|
|
390
412
|
return EagerLoadImages;
|
|
391
|
-
}(React__default.Component);
|
|
413
|
+
}(React__default["default"].Component);
|
|
392
414
|
EagerLoadImages.childContextTypes = {
|
|
393
415
|
lazyLoadEagerPredicate: propTypes.func
|
|
394
416
|
};
|
|
395
417
|
|
|
396
|
-
function _createSuper$
|
|
418
|
+
function _createSuper$m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$m(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
397
419
|
|
|
398
|
-
function _isNativeReflectConstruct$
|
|
420
|
+
function _isNativeReflectConstruct$m() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
399
421
|
|
|
400
422
|
function defaultErrorFn(props) {
|
|
401
|
-
return /*#__PURE__*/React__default.createElement("span", {
|
|
423
|
+
return /*#__PURE__*/React__default["default"].createElement("span", {
|
|
402
424
|
className: "qt-error"
|
|
403
425
|
});
|
|
404
426
|
}
|
|
@@ -427,14 +449,14 @@ function defaultErrorFn(props) {
|
|
|
427
449
|
function withError(clazz) {
|
|
428
450
|
var errorFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultErrorFn;
|
|
429
451
|
return /*#__PURE__*/function (_React$Component) {
|
|
430
|
-
|
|
452
|
+
_inherits__default["default"](WithError, _React$Component);
|
|
431
453
|
|
|
432
|
-
var _super = _createSuper$
|
|
454
|
+
var _super = _createSuper$m(WithError);
|
|
433
455
|
|
|
434
456
|
function WithError(props) {
|
|
435
457
|
var _this;
|
|
436
458
|
|
|
437
|
-
|
|
459
|
+
_classCallCheck__default["default"](this, WithError);
|
|
438
460
|
|
|
439
461
|
_this = _super.call(this, props);
|
|
440
462
|
_this.state = {
|
|
@@ -443,7 +465,7 @@ function withError(clazz) {
|
|
|
443
465
|
return _this;
|
|
444
466
|
}
|
|
445
467
|
|
|
446
|
-
|
|
468
|
+
_createClass__default["default"](WithError, [{
|
|
447
469
|
key: "componentDidCatch",
|
|
448
470
|
value: function componentDidCatch(e) {
|
|
449
471
|
console && e && console.log("Caught Exception: ".concat(e.message || e));
|
|
@@ -466,18 +488,18 @@ function withError(clazz) {
|
|
|
466
488
|
if (this.state.errored) {
|
|
467
489
|
return this.errorContent();
|
|
468
490
|
} else {
|
|
469
|
-
return /*#__PURE__*/React__default.createElement(clazz, this.props);
|
|
491
|
+
return /*#__PURE__*/React__default["default"].createElement(clazz, this.props);
|
|
470
492
|
}
|
|
471
493
|
}
|
|
472
494
|
}]);
|
|
473
495
|
|
|
474
496
|
return WithError;
|
|
475
|
-
}(React__default.Component);
|
|
497
|
+
}(React__default["default"].Component);
|
|
476
498
|
}
|
|
477
499
|
|
|
478
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
500
|
+
function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
479
501
|
|
|
480
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) {
|
|
502
|
+
function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
481
503
|
/**
|
|
482
504
|
* This is a function which can be used to manage ad units in a single place. A component must be created, and used with the `adtype` parameter. These ads are lazy-loaded and single-request mode is disabled by default which can be overwritten as follows.
|
|
483
505
|
*
|
|
@@ -562,11 +584,11 @@ function DfpAdBase(_ref2) {
|
|
|
562
584
|
deferAdsBy = _ref2.deferAdsBy;
|
|
563
585
|
var adConfig = config[adtype] || {};
|
|
564
586
|
|
|
565
|
-
var adProps = _objectSpread({
|
|
587
|
+
var adProps = _objectSpread$6({
|
|
566
588
|
slotId: slotId
|
|
567
589
|
}, adConfig);
|
|
568
590
|
|
|
569
|
-
return /*#__PURE__*/React__default.createElement(reactDfp.DFPSlotsProvider, {
|
|
591
|
+
return /*#__PURE__*/React__default["default"].createElement(reactDfp.DFPSlotsProvider, {
|
|
570
592
|
dfpNetworkId: defaultNetworkID,
|
|
571
593
|
collapseEmptyDivs: collapseEmptyDivs,
|
|
572
594
|
targetingArguments: targetingArguments,
|
|
@@ -574,7 +596,7 @@ function DfpAdBase(_ref2) {
|
|
|
574
596
|
lazyLoad: lazyLoad,
|
|
575
597
|
singleRequest: singleRequest,
|
|
576
598
|
deferAdsBy: deferAdsBy
|
|
577
|
-
}, /*#__PURE__*/React__default.createElement(reactDfp.AdSlot, adProps));
|
|
599
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactDfp.AdSlot, adProps));
|
|
578
600
|
}
|
|
579
601
|
|
|
580
602
|
function refreshDfpAds(adSlots) {
|
|
@@ -584,13 +606,13 @@ function refreshDfpAds(adSlots) {
|
|
|
584
606
|
function HamburgerButtonBase(_ref) {
|
|
585
607
|
var onClick = _ref.onClick,
|
|
586
608
|
children = _ref.children;
|
|
587
|
-
return /*#__PURE__*/React__default.createElement("a", {
|
|
609
|
+
return /*#__PURE__*/React__default["default"].createElement("a", {
|
|
588
610
|
href: "/",
|
|
589
611
|
onClick: onClick
|
|
590
612
|
}, children);
|
|
591
613
|
}
|
|
592
614
|
|
|
593
|
-
function mapDispatchToProps$
|
|
615
|
+
function mapDispatchToProps$5(dispatch) {
|
|
594
616
|
return {
|
|
595
617
|
onClick: function onClick(e) {
|
|
596
618
|
e.stopPropagation();
|
|
@@ -618,21 +640,21 @@ function mapDispatchToProps$3(dispatch) {
|
|
|
618
640
|
|
|
619
641
|
var HamburgerButton = /*#__PURE__*/reactRedux.connect(function (state) {
|
|
620
642
|
return {};
|
|
621
|
-
}, mapDispatchToProps$
|
|
643
|
+
}, mapDispatchToProps$5)(HamburgerButtonBase);
|
|
622
644
|
|
|
623
|
-
function _createSuper$
|
|
645
|
+
function _createSuper$l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$l(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
624
646
|
|
|
625
|
-
function _isNativeReflectConstruct$
|
|
647
|
+
function _isNativeReflectConstruct$l() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
626
648
|
|
|
627
649
|
var ScrollItem = /*#__PURE__*/function (_React$Component) {
|
|
628
|
-
|
|
650
|
+
_inherits__default["default"](ScrollItem, _React$Component);
|
|
629
651
|
|
|
630
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
652
|
+
var _super = /*#__PURE__*/_createSuper$l(ScrollItem);
|
|
631
653
|
|
|
632
654
|
function ScrollItem(props) {
|
|
633
655
|
var _this;
|
|
634
656
|
|
|
635
|
-
|
|
657
|
+
_classCallCheck__default["default"](this, ScrollItem);
|
|
636
658
|
|
|
637
659
|
_this = _super.call(this, props);
|
|
638
660
|
_this.state = {
|
|
@@ -641,12 +663,12 @@ var ScrollItem = /*#__PURE__*/function (_React$Component) {
|
|
|
641
663
|
return _this;
|
|
642
664
|
}
|
|
643
665
|
|
|
644
|
-
|
|
666
|
+
_createClass__default["default"](ScrollItem, [{
|
|
645
667
|
key: "render",
|
|
646
668
|
value: function render() {
|
|
647
669
|
var _this2 = this;
|
|
648
670
|
|
|
649
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
671
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
650
672
|
ref: function ref(node) {
|
|
651
673
|
return _this2.node = node;
|
|
652
674
|
},
|
|
@@ -692,26 +714,26 @@ var ScrollItem = /*#__PURE__*/function (_React$Component) {
|
|
|
692
714
|
}]);
|
|
693
715
|
|
|
694
716
|
return ScrollItem;
|
|
695
|
-
}(React__default.Component); // When this becomes visible, we call loadMore()
|
|
717
|
+
}(React__default["default"].Component); // When this becomes visible, we call loadMore()
|
|
696
718
|
|
|
697
719
|
|
|
698
720
|
var ScrollLoadMore = /*#__PURE__*/function (_React$Component2) {
|
|
699
|
-
|
|
721
|
+
_inherits__default["default"](ScrollLoadMore, _React$Component2);
|
|
700
722
|
|
|
701
|
-
var _super2 = /*#__PURE__*/_createSuper$
|
|
723
|
+
var _super2 = /*#__PURE__*/_createSuper$l(ScrollLoadMore);
|
|
702
724
|
|
|
703
725
|
function ScrollLoadMore() {
|
|
704
|
-
|
|
726
|
+
_classCallCheck__default["default"](this, ScrollLoadMore);
|
|
705
727
|
|
|
706
728
|
return _super2.apply(this, arguments);
|
|
707
729
|
}
|
|
708
730
|
|
|
709
|
-
|
|
731
|
+
_createClass__default["default"](ScrollLoadMore, [{
|
|
710
732
|
key: "render",
|
|
711
733
|
value: function render() {
|
|
712
734
|
var _this5 = this;
|
|
713
735
|
|
|
714
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
736
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
715
737
|
ref: function ref(node) {
|
|
716
738
|
return _this5.node = node;
|
|
717
739
|
},
|
|
@@ -739,23 +761,23 @@ var ScrollLoadMore = /*#__PURE__*/function (_React$Component2) {
|
|
|
739
761
|
}]);
|
|
740
762
|
|
|
741
763
|
return ScrollLoadMore;
|
|
742
|
-
}(React__default.Component); // Basic Infinite Scroll, toggles showing items
|
|
764
|
+
}(React__default["default"].Component); // Basic Infinite Scroll, toggles showing items
|
|
743
765
|
|
|
744
766
|
|
|
745
767
|
var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
|
|
746
|
-
|
|
768
|
+
_inherits__default["default"](InfiniteScrollBase, _React$Component3);
|
|
747
769
|
|
|
748
|
-
var _super3 = /*#__PURE__*/_createSuper$
|
|
770
|
+
var _super3 = /*#__PURE__*/_createSuper$l(InfiniteScrollBase);
|
|
749
771
|
|
|
750
772
|
function InfiniteScrollBase(props) {
|
|
751
773
|
var _this8;
|
|
752
774
|
|
|
753
|
-
|
|
775
|
+
_classCallCheck__default["default"](this, InfiniteScrollBase);
|
|
754
776
|
|
|
755
777
|
_this8 = _super3.call(this, props);
|
|
756
778
|
var initiallyShow = props.initiallyShow || 1;
|
|
757
779
|
_this8.state = {
|
|
758
|
-
visibleComponents:
|
|
780
|
+
visibleComponents: _toConsumableArray__default["default"](Array(initiallyShow).keys()).reduce(function (arr, i) {
|
|
759
781
|
arr[i] = true;
|
|
760
782
|
return arr;
|
|
761
783
|
}, {})
|
|
@@ -772,7 +794,7 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
|
|
|
772
794
|
return _this8;
|
|
773
795
|
}
|
|
774
796
|
|
|
775
|
-
|
|
797
|
+
_createClass__default["default"](InfiniteScrollBase, [{
|
|
776
798
|
key: "componentWillUnmount",
|
|
777
799
|
value: function componentWillUnmount() {
|
|
778
800
|
this.loadObserver && this.loadObserver.disconnect();
|
|
@@ -799,7 +821,7 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
|
|
|
799
821
|
_this9.props.loadNext();
|
|
800
822
|
} else {
|
|
801
823
|
var showItem = _this9.props.neverHideItem ? visibleComponents[item] || entry.isIntersecting : entry.isIntersecting;
|
|
802
|
-
visibleComponents = Object.assign({}, visibleComponents,
|
|
824
|
+
visibleComponents = Object.assign({}, visibleComponents, _defineProperty__default["default"]({}, item, showItem));
|
|
803
825
|
}
|
|
804
826
|
});
|
|
805
827
|
this.setState({
|
|
@@ -811,8 +833,8 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
|
|
|
811
833
|
value: function render() {
|
|
812
834
|
var _this10 = this;
|
|
813
835
|
|
|
814
|
-
return /*#__PURE__*/React__default.createElement("div", null, this.props.items.map(function (data, index) {
|
|
815
|
-
return /*#__PURE__*/React__default.createElement(ScrollItem, {
|
|
836
|
+
return /*#__PURE__*/React__default["default"].createElement("div", null, this.props.items.map(function (data, index) {
|
|
837
|
+
return /*#__PURE__*/React__default["default"].createElement(ScrollItem, {
|
|
816
838
|
observers: _this10.props.observers.concat([_this10.loadObserver]),
|
|
817
839
|
key: index,
|
|
818
840
|
index: index,
|
|
@@ -821,26 +843,26 @@ var InfiniteScrollBase = /*#__PURE__*/function (_React$Component3) {
|
|
|
821
843
|
data: data,
|
|
822
844
|
minHeight: _this10.props.minHeight || 50
|
|
823
845
|
});
|
|
824
|
-
}), /*#__PURE__*/React__default.createElement(ScrollLoadMore, {
|
|
846
|
+
}), /*#__PURE__*/React__default["default"].createElement(ScrollLoadMore, {
|
|
825
847
|
observers: [this.loadObserver]
|
|
826
848
|
}));
|
|
827
849
|
}
|
|
828
850
|
}]);
|
|
829
851
|
|
|
830
852
|
return InfiniteScrollBase;
|
|
831
|
-
}(React__default.Component); // Calls a callback when an item covers bottom 20% of the screen (to change URL)
|
|
853
|
+
}(React__default["default"].Component); // Calls a callback when an item covers bottom 20% of the screen (to change URL)
|
|
832
854
|
|
|
833
855
|
|
|
834
856
|
function withFocusObserver(Component) {
|
|
835
857
|
return /*#__PURE__*/function (_React$Component4) {
|
|
836
|
-
|
|
858
|
+
_inherits__default["default"](WithFocusObserver, _React$Component4);
|
|
837
859
|
|
|
838
|
-
var _super4 = _createSuper$
|
|
860
|
+
var _super4 = _createSuper$l(WithFocusObserver);
|
|
839
861
|
|
|
840
862
|
function WithFocusObserver(props) {
|
|
841
863
|
var _this11;
|
|
842
864
|
|
|
843
|
-
|
|
865
|
+
_classCallCheck__default["default"](this, WithFocusObserver);
|
|
844
866
|
|
|
845
867
|
_this11 = _super4.call(this, props);
|
|
846
868
|
|
|
@@ -855,7 +877,7 @@ function withFocusObserver(Component) {
|
|
|
855
877
|
return _this11;
|
|
856
878
|
}
|
|
857
879
|
|
|
858
|
-
|
|
880
|
+
_createClass__default["default"](WithFocusObserver, [{
|
|
859
881
|
key: "componentWillUnmount",
|
|
860
882
|
value: function componentWillUnmount() {
|
|
861
883
|
this.focusObserver && this.focusObserver.disconnect();
|
|
@@ -876,14 +898,14 @@ function withFocusObserver(Component) {
|
|
|
876
898
|
}, {
|
|
877
899
|
key: "render",
|
|
878
900
|
value: function render() {
|
|
879
|
-
return /*#__PURE__*/React__default.createElement(Component, Object.assign({}, this.props, {
|
|
901
|
+
return /*#__PURE__*/React__default["default"].createElement(Component, Object.assign({}, this.props, {
|
|
880
902
|
observers: (this.props.observers || []).concat([this.focusObserver])
|
|
881
903
|
}));
|
|
882
904
|
}
|
|
883
905
|
}]);
|
|
884
906
|
|
|
885
907
|
return WithFocusObserver;
|
|
886
|
-
}(React__default.Component);
|
|
908
|
+
}(React__default["default"].Component);
|
|
887
909
|
}
|
|
888
910
|
/**
|
|
889
911
|
* This component can be used to implement InfiniteScroll. This is an internal component.
|
|
@@ -895,9 +917,9 @@ function withFocusObserver(Component) {
|
|
|
895
917
|
|
|
896
918
|
var InfiniteScroll = /*#__PURE__*/withFocusObserver(InfiniteScrollBase);
|
|
897
919
|
|
|
898
|
-
function ownKeys$
|
|
920
|
+
function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
899
921
|
|
|
900
|
-
function _objectSpread$
|
|
922
|
+
function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
901
923
|
function removeDuplicateStories(existingStories, newStories) {
|
|
902
924
|
var keyFn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (story) {
|
|
903
925
|
return story.id;
|
|
@@ -962,25 +984,25 @@ var getQliticsSchema = function getQliticsSchema() {
|
|
|
962
984
|
};
|
|
963
985
|
};
|
|
964
986
|
var computeAccess = function computeAccess(previousState, currentState) {
|
|
965
|
-
var currentAccess =
|
|
966
|
-
var currentStoryId =
|
|
987
|
+
var currentAccess = get__default["default"](currentState, ["access"], {});
|
|
988
|
+
var currentStoryId = get__default["default"](Object.keys(currentAccess), [0], "");
|
|
967
989
|
|
|
968
990
|
if (currentStoryId in previousState) {
|
|
969
991
|
var storyAccess = previousState[currentStoryId];
|
|
970
992
|
|
|
971
993
|
if (storyAccess.granted !== currentAccess[currentStoryId].granted || storyAccess.grantReason !== currentAccess[currentStoryId].grantReason) {
|
|
972
|
-
return _objectSpread$
|
|
994
|
+
return _objectSpread$5(_objectSpread$5({}, previousState), currentAccess);
|
|
973
995
|
}
|
|
974
996
|
|
|
975
997
|
return previousState;
|
|
976
998
|
}
|
|
977
999
|
|
|
978
|
-
return _objectSpread$
|
|
1000
|
+
return _objectSpread$5(_objectSpread$5({}, previousState), currentAccess);
|
|
979
1001
|
};
|
|
980
1002
|
|
|
981
|
-
function _createSuper$
|
|
1003
|
+
function _createSuper$k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$k(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
982
1004
|
|
|
983
|
-
function _isNativeReflectConstruct$
|
|
1005
|
+
function _isNativeReflectConstruct$k() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
984
1006
|
/**
|
|
985
1007
|
* This component can be used to implement InfiniteScroll on the story page. You will need to specify the function which renders the story (which will recieve props.index and props.story), and functions for triggering analytics.
|
|
986
1008
|
*
|
|
@@ -1030,14 +1052,14 @@ function _isNativeReflectConstruct$5() { if (typeof Reflect === "undefined" || !
|
|
|
1030
1052
|
*/
|
|
1031
1053
|
|
|
1032
1054
|
var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
|
|
1033
|
-
|
|
1055
|
+
_inherits__default["default"](InfiniteStoryBase, _React$Component);
|
|
1034
1056
|
|
|
1035
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
1057
|
+
var _super = /*#__PURE__*/_createSuper$k(InfiniteStoryBase);
|
|
1036
1058
|
|
|
1037
1059
|
function InfiniteStoryBase(props) {
|
|
1038
1060
|
var _this;
|
|
1039
1061
|
|
|
1040
|
-
|
|
1062
|
+
_classCallCheck__default["default"](this, InfiniteStoryBase);
|
|
1041
1063
|
|
|
1042
1064
|
_this = _super.call(this, props);
|
|
1043
1065
|
_this.state = {
|
|
@@ -1049,7 +1071,7 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
|
|
|
1049
1071
|
return _this;
|
|
1050
1072
|
}
|
|
1051
1073
|
|
|
1052
|
-
|
|
1074
|
+
_createClass__default["default"](InfiniteStoryBase, [{
|
|
1053
1075
|
key: "allItems",
|
|
1054
1076
|
value: function allItems() {
|
|
1055
1077
|
return [this.props.data].concat(this.state.moreItems);
|
|
@@ -1063,8 +1085,8 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
|
|
|
1063
1085
|
|
|
1064
1086
|
if (!this.props.doNotChangeUrl) {
|
|
1065
1087
|
var storyPath = item.story.url ? new URL(item.story.url).pathname : "/" + item.story.slug;
|
|
1066
|
-
var metaTitle =
|
|
1067
|
-
var title =
|
|
1088
|
+
var metaTitle = get__default["default"](item, ['story', 'seo', 'meta-title'], item.story.headline);
|
|
1089
|
+
var title = get__default["default"](item, ["customSeo", "title"], metaTitle);
|
|
1068
1090
|
global.app.maybeSetUrl(storyPath, title);
|
|
1069
1091
|
}
|
|
1070
1092
|
|
|
@@ -1085,7 +1107,7 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
|
|
|
1085
1107
|
|
|
1086
1108
|
if (this.state.loading) return;
|
|
1087
1109
|
var pageNumber = this.state.pageNumber;
|
|
1088
|
-
var story =
|
|
1110
|
+
var story = get__default["default"](this.props.data, ['story'], {});
|
|
1089
1111
|
this.setState({
|
|
1090
1112
|
loading: true,
|
|
1091
1113
|
pageNumber: pageNumber + 1
|
|
@@ -1105,7 +1127,7 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
|
|
|
1105
1127
|
value: function render() {
|
|
1106
1128
|
var _this4 = this;
|
|
1107
1129
|
|
|
1108
|
-
return /*#__PURE__*/React__default.createElement(InfiniteScroll, {
|
|
1130
|
+
return /*#__PURE__*/React__default["default"].createElement(InfiniteScroll, {
|
|
1109
1131
|
render: this.props.render,
|
|
1110
1132
|
items: this.allItems(),
|
|
1111
1133
|
loadNext: function loadNext() {
|
|
@@ -1122,21 +1144,21 @@ var InfiniteStoryBase = /*#__PURE__*/function (_React$Component) {
|
|
|
1122
1144
|
}]);
|
|
1123
1145
|
|
|
1124
1146
|
return InfiniteStoryBase;
|
|
1125
|
-
}(React__default.Component);
|
|
1147
|
+
}(React__default["default"].Component);
|
|
1126
1148
|
|
|
1127
|
-
function _createSuper$
|
|
1149
|
+
function _createSuper$j(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$j(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
1128
1150
|
|
|
1129
|
-
function _isNativeReflectConstruct$
|
|
1151
|
+
function _isNativeReflectConstruct$j() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
1130
1152
|
|
|
1131
1153
|
var IntersectionObserverWrapper = /*#__PURE__*/function () {
|
|
1132
1154
|
function IntersectionObserverWrapper(callback) {
|
|
1133
|
-
|
|
1155
|
+
_classCallCheck__default["default"](this, IntersectionObserverWrapper);
|
|
1134
1156
|
|
|
1135
1157
|
this.observedItems = [];
|
|
1136
1158
|
this.callback = callback;
|
|
1137
1159
|
}
|
|
1138
1160
|
|
|
1139
|
-
|
|
1161
|
+
_createClass__default["default"](IntersectionObserverWrapper, [{
|
|
1140
1162
|
key: "start",
|
|
1141
1163
|
value: function start(margin) {
|
|
1142
1164
|
var _this = this;
|
|
@@ -1148,9 +1170,9 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
|
|
|
1148
1170
|
threshold: 0
|
|
1149
1171
|
});
|
|
1150
1172
|
this.observedItems.forEach(function (_ref) {
|
|
1151
|
-
var _ref2 =
|
|
1152
|
-
dom = _ref2[0]
|
|
1153
|
-
|
|
1173
|
+
var _ref2 = _slicedToArray__default["default"](_ref, 2),
|
|
1174
|
+
dom = _ref2[0];
|
|
1175
|
+
_ref2[1];
|
|
1154
1176
|
|
|
1155
1177
|
return _this.observer.observe(dom);
|
|
1156
1178
|
});
|
|
@@ -1208,12 +1230,12 @@ var IntersectionObserverWrapper = /*#__PURE__*/function () {
|
|
|
1208
1230
|
|
|
1209
1231
|
var StubObserverWrapper = /*#__PURE__*/function () {
|
|
1210
1232
|
function StubObserverWrapper(callback) {
|
|
1211
|
-
|
|
1233
|
+
_classCallCheck__default["default"](this, StubObserverWrapper);
|
|
1212
1234
|
|
|
1213
1235
|
this.callback = callback;
|
|
1214
1236
|
}
|
|
1215
1237
|
|
|
1216
|
-
|
|
1238
|
+
_createClass__default["default"](StubObserverWrapper, [{
|
|
1217
1239
|
key: "register",
|
|
1218
1240
|
value: function register(dom, component) {
|
|
1219
1241
|
this.callback(component);
|
|
@@ -1268,14 +1290,14 @@ var StubObserverWrapper = /*#__PURE__*/function () {
|
|
|
1268
1290
|
|
|
1269
1291
|
|
|
1270
1292
|
var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
|
|
1271
|
-
|
|
1293
|
+
_inherits__default["default"](LazyLoadImages, _React$Component);
|
|
1272
1294
|
|
|
1273
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
1295
|
+
var _super = /*#__PURE__*/_createSuper$j(LazyLoadImages);
|
|
1274
1296
|
|
|
1275
1297
|
function LazyLoadImages(props) {
|
|
1276
1298
|
var _this3;
|
|
1277
1299
|
|
|
1278
|
-
|
|
1300
|
+
_classCallCheck__default["default"](this, LazyLoadImages);
|
|
1279
1301
|
|
|
1280
1302
|
_this3 = _super.call(this, props);
|
|
1281
1303
|
|
|
@@ -1287,7 +1309,7 @@ var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
|
|
|
1287
1309
|
return _this3;
|
|
1288
1310
|
}
|
|
1289
1311
|
|
|
1290
|
-
|
|
1312
|
+
_createClass__default["default"](LazyLoadImages, [{
|
|
1291
1313
|
key: "componentDidMount",
|
|
1292
1314
|
value: function componentDidMount() {
|
|
1293
1315
|
this.observerWrapper.start(this.props.margin || "500px");
|
|
@@ -1319,22 +1341,22 @@ var LazyLoadImages = /*#__PURE__*/function (_React$Component) {
|
|
|
1319
1341
|
}]);
|
|
1320
1342
|
|
|
1321
1343
|
return LazyLoadImages;
|
|
1322
|
-
}(React__default.Component);
|
|
1344
|
+
}(React__default["default"].Component);
|
|
1323
1345
|
LazyLoadImages.childContextTypes = {
|
|
1324
1346
|
lazyLoadObserveImage: propTypes.func,
|
|
1325
1347
|
lazyLoadUnobserveImage: propTypes.func
|
|
1326
1348
|
};
|
|
1327
1349
|
|
|
1328
|
-
function ownKeys$
|
|
1350
|
+
function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
1329
1351
|
|
|
1330
|
-
function _objectSpread$
|
|
1352
|
+
function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
1331
1353
|
function StoryNotImplemented() {
|
|
1332
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
1354
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1333
1355
|
"data-comment": "Story Template Not Implemented"
|
|
1334
1356
|
});
|
|
1335
1357
|
}
|
|
1336
1358
|
function CollectionNotImplemented() {
|
|
1337
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
1359
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1338
1360
|
"data-comment": "Collection Template Not Implemented"
|
|
1339
1361
|
});
|
|
1340
1362
|
}
|
|
@@ -1343,7 +1365,7 @@ function renderCollectionItem(collectionItem, index, collectionTemplates, storyT
|
|
|
1343
1365
|
|
|
1344
1366
|
switch (collectionItem.type) {
|
|
1345
1367
|
case "collection":
|
|
1346
|
-
return /*#__PURE__*/React__default.createElement(collectionTemplates(getAssociatedTemplate(collectionItem), index), _objectSpread$
|
|
1368
|
+
return /*#__PURE__*/React__default["default"].createElement(collectionTemplates(getAssociatedTemplate(collectionItem), index), _objectSpread$4({
|
|
1347
1369
|
key: "".concat(index, "-").concat(collectionItem.id),
|
|
1348
1370
|
index: index,
|
|
1349
1371
|
collection: collectionItem,
|
|
@@ -1351,7 +1373,7 @@ function renderCollectionItem(collectionItem, index, collectionTemplates, storyT
|
|
|
1351
1373
|
}, otherProps));
|
|
1352
1374
|
|
|
1353
1375
|
case "story":
|
|
1354
|
-
return /*#__PURE__*/React__default.createElement(storyTemplates(index), _objectSpread$
|
|
1376
|
+
return /*#__PURE__*/React__default["default"].createElement(storyTemplates(index), _objectSpread$4({
|
|
1355
1377
|
key: "".concat(index, "-").concat(collectionItem.id),
|
|
1356
1378
|
index: index,
|
|
1357
1379
|
story: collectionItem.story,
|
|
@@ -1359,7 +1381,7 @@ function renderCollectionItem(collectionItem, index, collectionTemplates, storyT
|
|
|
1359
1381
|
}, otherProps));
|
|
1360
1382
|
|
|
1361
1383
|
default:
|
|
1362
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
1384
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1363
1385
|
"data-comment": "".concat(collectionItem.type, " not implemented")
|
|
1364
1386
|
});
|
|
1365
1387
|
}
|
|
@@ -1396,11 +1418,11 @@ function LazyCollection(_ref) {
|
|
|
1396
1418
|
collectionTemplates = _ref.collectionTemplates,
|
|
1397
1419
|
storyTemplates = _ref.storyTemplates,
|
|
1398
1420
|
lazyAfter = _ref.lazyAfter,
|
|
1399
|
-
otherProps =
|
|
1421
|
+
otherProps = omit__default["default"](_ref, _excluded$1);
|
|
1400
1422
|
|
|
1401
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
1423
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1402
1424
|
className: className
|
|
1403
|
-
}, /*#__PURE__*/React__default.createElement(InfiniteScroll, {
|
|
1425
|
+
}, /*#__PURE__*/React__default["default"].createElement(InfiniteScroll, {
|
|
1404
1426
|
render: function render(_ref2) {
|
|
1405
1427
|
var index = _ref2.index;
|
|
1406
1428
|
return renderCollectionItem(collection.items[index], index, collectionTemplates, storyTemplates, otherProps);
|
|
@@ -1426,18 +1448,18 @@ LazyCollection.defaultProps = {
|
|
|
1426
1448
|
}
|
|
1427
1449
|
};
|
|
1428
1450
|
|
|
1429
|
-
function _createSuper$
|
|
1451
|
+
function _createSuper$i(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$i(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
1430
1452
|
|
|
1431
|
-
function _isNativeReflectConstruct$
|
|
1453
|
+
function _isNativeReflectConstruct$i() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
1432
1454
|
var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
|
|
1433
|
-
|
|
1455
|
+
_inherits__default["default"](LoadMoreStoriesManager, _React$Component);
|
|
1434
1456
|
|
|
1435
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
1457
|
+
var _super = /*#__PURE__*/_createSuper$i(LoadMoreStoriesManager);
|
|
1436
1458
|
|
|
1437
1459
|
function LoadMoreStoriesManager(props) {
|
|
1438
1460
|
var _this;
|
|
1439
1461
|
|
|
1440
|
-
|
|
1462
|
+
_classCallCheck__default["default"](this, LoadMoreStoriesManager);
|
|
1441
1463
|
|
|
1442
1464
|
_this = _super.call(this, props);
|
|
1443
1465
|
_this.state = {
|
|
@@ -1449,7 +1471,7 @@ var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
|
|
|
1449
1471
|
return _this;
|
|
1450
1472
|
}
|
|
1451
1473
|
|
|
1452
|
-
|
|
1474
|
+
_createClass__default["default"](LoadMoreStoriesManager, [{
|
|
1453
1475
|
key: "stories",
|
|
1454
1476
|
value: function stories() {
|
|
1455
1477
|
return this.props.stories.concat(this.state.moreStories);
|
|
@@ -1492,11 +1514,11 @@ var LoadMoreStoriesManager = /*#__PURE__*/function (_React$Component) {
|
|
|
1492
1514
|
}]);
|
|
1493
1515
|
|
|
1494
1516
|
return LoadMoreStoriesManager;
|
|
1495
|
-
}(React__default.Component);
|
|
1517
|
+
}(React__default["default"].Component);
|
|
1496
1518
|
|
|
1497
|
-
function _createSuper$
|
|
1519
|
+
function _createSuper$h(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$h(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
1498
1520
|
|
|
1499
|
-
function _isNativeReflectConstruct$
|
|
1521
|
+
function _isNativeReflectConstruct$h() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
1500
1522
|
/**
|
|
1501
1523
|
* This component starts with a set of stories, and then provides a load more button. This calls out to `/api/v1/stories` with the properties passed via the `params` prop. The stories are concatenated with the stories in `props.data.stories`, and the contents of `props.data` are passed to the rendered template.
|
|
1502
1524
|
*
|
|
@@ -1526,22 +1548,22 @@ function _isNativeReflectConstruct$8() { if (typeof Reflect === "undefined" || !
|
|
|
1526
1548
|
*/
|
|
1527
1549
|
|
|
1528
1550
|
var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
|
|
1529
|
-
|
|
1551
|
+
_inherits__default["default"](LoadMoreStoriesBase, _React$Component);
|
|
1530
1552
|
|
|
1531
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
1553
|
+
var _super = /*#__PURE__*/_createSuper$h(LoadMoreStoriesBase);
|
|
1532
1554
|
|
|
1533
1555
|
function LoadMoreStoriesBase() {
|
|
1534
|
-
|
|
1556
|
+
_classCallCheck__default["default"](this, LoadMoreStoriesBase);
|
|
1535
1557
|
|
|
1536
1558
|
return _super.apply(this, arguments);
|
|
1537
1559
|
}
|
|
1538
1560
|
|
|
1539
|
-
|
|
1561
|
+
_createClass__default["default"](LoadMoreStoriesBase, [{
|
|
1540
1562
|
key: "loadMoreStories",
|
|
1541
1563
|
value: function loadMoreStories(pageNumber) {
|
|
1542
1564
|
var _this = this;
|
|
1543
1565
|
|
|
1544
|
-
var stories =
|
|
1566
|
+
var stories = get__default["default"](this.props, ['data', 'stories'], []);
|
|
1545
1567
|
return getRequest(this.props.api || '/api/v1/stories', Object.assign({}, this.props.params, {
|
|
1546
1568
|
offset: this.props.numStoriesToLoad * (pageNumber - 1) + stories.length,
|
|
1547
1569
|
limit: this.props.numStoriesToLoad || 10,
|
|
@@ -1551,7 +1573,7 @@ var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
|
|
|
1551
1573
|
return _this.props.apiResponseTransformer(response);
|
|
1552
1574
|
}
|
|
1553
1575
|
|
|
1554
|
-
return response.stories ||
|
|
1576
|
+
return response.stories || get__default["default"](response, ['results', 'stories'], []);
|
|
1555
1577
|
});
|
|
1556
1578
|
}
|
|
1557
1579
|
}, {
|
|
@@ -1559,7 +1581,7 @@ var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
|
|
|
1559
1581
|
value: function render() {
|
|
1560
1582
|
var _this2 = this;
|
|
1561
1583
|
|
|
1562
|
-
return /*#__PURE__*/React__default.createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
|
|
1584
|
+
return /*#__PURE__*/React__default["default"].createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
|
|
1563
1585
|
template: this.props.template,
|
|
1564
1586
|
loadStories: function loadStories(pageNumber) {
|
|
1565
1587
|
return _this2.loadMoreStories(pageNumber);
|
|
@@ -1571,11 +1593,11 @@ var LoadMoreStoriesBase = /*#__PURE__*/function (_React$Component) {
|
|
|
1571
1593
|
}]);
|
|
1572
1594
|
|
|
1573
1595
|
return LoadMoreStoriesBase;
|
|
1574
|
-
}(React__default.Component);
|
|
1596
|
+
}(React__default["default"].Component);
|
|
1575
1597
|
|
|
1576
|
-
function _createSuper$
|
|
1598
|
+
function _createSuper$g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$g(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
1577
1599
|
|
|
1578
|
-
function _isNativeReflectConstruct$
|
|
1600
|
+
function _isNativeReflectConstruct$g() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
1579
1601
|
/**
|
|
1580
1602
|
* This component is very similar to the {@link LoadMoreBase} component but fetches the stories from a `collection`. The api call `/api/v1/collections/{collectionSlug}` is made with the passed collection slug value. The component accepts the `params` prop and a requires a Collection Slug from which to fetch the stories and returns a set of stories only.
|
|
1581
1603
|
*
|
|
@@ -1613,21 +1635,21 @@ function _isNativeReflectConstruct$9() { if (typeof Reflect === "undefined" || !
|
|
|
1613
1635
|
*/
|
|
1614
1636
|
|
|
1615
1637
|
var LoadMoreCollectionStories = /*#__PURE__*/function (_React$Component) {
|
|
1616
|
-
|
|
1638
|
+
_inherits__default["default"](LoadMoreCollectionStories, _React$Component);
|
|
1617
1639
|
|
|
1618
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
1640
|
+
var _super = /*#__PURE__*/_createSuper$g(LoadMoreCollectionStories);
|
|
1619
1641
|
|
|
1620
1642
|
function LoadMoreCollectionStories() {
|
|
1621
|
-
|
|
1643
|
+
_classCallCheck__default["default"](this, LoadMoreCollectionStories);
|
|
1622
1644
|
|
|
1623
1645
|
return _super.apply(this, arguments);
|
|
1624
1646
|
}
|
|
1625
1647
|
|
|
1626
|
-
|
|
1648
|
+
_createClass__default["default"](LoadMoreCollectionStories, [{
|
|
1627
1649
|
key: "loadMoreStories",
|
|
1628
1650
|
value: function loadMoreStories(pageNumber) {
|
|
1629
|
-
var stories =
|
|
1630
|
-
var authorId =
|
|
1651
|
+
var stories = get__default["default"](this.props, ['data', 'stories'], []);
|
|
1652
|
+
var authorId = get__default["default"](this.props, ["authorId"], null);
|
|
1631
1653
|
var url = authorId ? "/api/v1/authors/".concat(authorId, "/collection") : "/api/v1/collections/".concat(this.props.collectionSlug);
|
|
1632
1654
|
return getRequest(url, Object.assign({}, this.props.params, {
|
|
1633
1655
|
offset: this.props.numStoriesToLoad * (pageNumber - 1) + stories.length,
|
|
@@ -1643,7 +1665,7 @@ var LoadMoreCollectionStories = /*#__PURE__*/function (_React$Component) {
|
|
|
1643
1665
|
value: function render() {
|
|
1644
1666
|
var _this = this;
|
|
1645
1667
|
|
|
1646
|
-
return /*#__PURE__*/React__default.createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
|
|
1668
|
+
return /*#__PURE__*/React__default["default"].createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
|
|
1647
1669
|
template: this.props.template,
|
|
1648
1670
|
loadStories: function loadStories(pageNumber) {
|
|
1649
1671
|
return _this.loadMoreStories(pageNumber);
|
|
@@ -1655,15 +1677,15 @@ var LoadMoreCollectionStories = /*#__PURE__*/function (_React$Component) {
|
|
|
1655
1677
|
}]);
|
|
1656
1678
|
|
|
1657
1679
|
return LoadMoreCollectionStories;
|
|
1658
|
-
}(React__default.Component);
|
|
1680
|
+
}(React__default["default"].Component);
|
|
1659
1681
|
|
|
1660
1682
|
function LoadingIndicatorBase(props) {
|
|
1661
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
1683
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1662
1684
|
className: "loading-indicator ".concat(props.loading ? 'loading-indicator-loading' : '')
|
|
1663
1685
|
}, props.loading && props.children);
|
|
1664
1686
|
}
|
|
1665
1687
|
|
|
1666
|
-
function mapStateToProps$
|
|
1688
|
+
function mapStateToProps$8(state) {
|
|
1667
1689
|
return {
|
|
1668
1690
|
loading: state.pageLoading
|
|
1669
1691
|
};
|
|
@@ -1688,7 +1710,7 @@ function mapDispatchToProps$4() {
|
|
|
1688
1710
|
*/
|
|
1689
1711
|
|
|
1690
1712
|
|
|
1691
|
-
var LoadingIndicator = /*#__PURE__*/reactRedux.connect(mapStateToProps$
|
|
1713
|
+
var LoadingIndicator = /*#__PURE__*/reactRedux.connect(mapStateToProps$8, mapDispatchToProps$4)(LoadingIndicatorBase);
|
|
1692
1714
|
|
|
1693
1715
|
function MenuBase(_ref) {
|
|
1694
1716
|
var children = _ref.children,
|
|
@@ -1698,10 +1720,10 @@ function MenuBase(_ref) {
|
|
|
1698
1720
|
currentUrl = _ref.currentUrl,
|
|
1699
1721
|
slice = _ref.slice;
|
|
1700
1722
|
items = items.slice.apply(items, slice);
|
|
1701
|
-
return /*#__PURE__*/React__default.createElement("ul", {
|
|
1723
|
+
return /*#__PURE__*/React__default["default"].createElement("ul", {
|
|
1702
1724
|
className: className
|
|
1703
1725
|
}, children, items.map(function (item, ix) {
|
|
1704
|
-
return /*#__PURE__*/React__default.createElement(MenuItem, {
|
|
1726
|
+
return /*#__PURE__*/React__default["default"].createElement(MenuItem, {
|
|
1705
1727
|
key: ix,
|
|
1706
1728
|
item: item,
|
|
1707
1729
|
className: itemClassName,
|
|
@@ -1710,7 +1732,7 @@ function MenuBase(_ref) {
|
|
|
1710
1732
|
}));
|
|
1711
1733
|
}
|
|
1712
1734
|
|
|
1713
|
-
function mapStateToProps$
|
|
1735
|
+
function mapStateToProps$7(state) {
|
|
1714
1736
|
return {
|
|
1715
1737
|
items: state.qt.config.layout.menu,
|
|
1716
1738
|
currentUrl: state.qt.currentPath
|
|
@@ -1739,7 +1761,7 @@ function mapStateToProps$4(state) {
|
|
|
1739
1761
|
*/
|
|
1740
1762
|
|
|
1741
1763
|
|
|
1742
|
-
var Menu = /*#__PURE__*/reactRedux.connect(mapStateToProps$
|
|
1764
|
+
var Menu = /*#__PURE__*/reactRedux.connect(mapStateToProps$7, function () {
|
|
1743
1765
|
return {};
|
|
1744
1766
|
})(MenuBase);
|
|
1745
1767
|
|
|
@@ -1755,7 +1777,7 @@ function MenuItem$1(_ref) {
|
|
|
1755
1777
|
className = _ref.className,
|
|
1756
1778
|
currentUrl = _ref.currentUrl;
|
|
1757
1779
|
var url = getRelativeUrl(item.url);
|
|
1758
|
-
return /*#__PURE__*/React__default.createElement("li", null, getMenuItemBody(item, "".concat(className).concat(currentUrl == url ? " active" : ""), url));
|
|
1780
|
+
return /*#__PURE__*/React__default["default"].createElement("li", null, getMenuItemBody(item, "".concat(className).concat(currentUrl == url ? " active" : ""), url));
|
|
1759
1781
|
}
|
|
1760
1782
|
|
|
1761
1783
|
function getRelativeUrl(url) {
|
|
@@ -1770,13 +1792,13 @@ function getRelativeUrl(url) {
|
|
|
1770
1792
|
function getMenuItemBody(item, className, url, currentUrl) {
|
|
1771
1793
|
switch (item['item-type']) {
|
|
1772
1794
|
case 'section':
|
|
1773
|
-
return /*#__PURE__*/React__default.createElement(Link, {
|
|
1795
|
+
return /*#__PURE__*/React__default["default"].createElement(Link, {
|
|
1774
1796
|
href: url,
|
|
1775
1797
|
className: className
|
|
1776
1798
|
}, item.title);
|
|
1777
1799
|
|
|
1778
1800
|
default:
|
|
1779
|
-
return /*#__PURE__*/React__default.createElement("a", {
|
|
1801
|
+
return /*#__PURE__*/React__default["default"].createElement("a", {
|
|
1780
1802
|
href: item.url,
|
|
1781
1803
|
className: className
|
|
1782
1804
|
}, item.title);
|
|
@@ -1798,9 +1820,9 @@ function hashString(string) {
|
|
|
1798
1820
|
return hash;
|
|
1799
1821
|
}
|
|
1800
1822
|
|
|
1801
|
-
function _createSuper$
|
|
1823
|
+
function _createSuper$f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$f(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
1802
1824
|
|
|
1803
|
-
function _isNativeReflectConstruct$
|
|
1825
|
+
function _isNativeReflectConstruct$f() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
1804
1826
|
function responsiveProps(props) {
|
|
1805
1827
|
var image = new quintypeJs.FocusedImage(props.slug, props.metadata);
|
|
1806
1828
|
|
|
@@ -1819,14 +1841,14 @@ function responsiveProps(props) {
|
|
|
1819
1841
|
};
|
|
1820
1842
|
}
|
|
1821
1843
|
var ThumborImage = /*#__PURE__*/function (_React$Component) {
|
|
1822
|
-
|
|
1844
|
+
_inherits__default["default"](ThumborImage, _React$Component);
|
|
1823
1845
|
|
|
1824
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
1846
|
+
var _super = /*#__PURE__*/_createSuper$f(ThumborImage);
|
|
1825
1847
|
|
|
1826
1848
|
function ThumborImage(props, context) {
|
|
1827
1849
|
var _this;
|
|
1828
1850
|
|
|
1829
|
-
|
|
1851
|
+
_classCallCheck__default["default"](this, ThumborImage);
|
|
1830
1852
|
|
|
1831
1853
|
_this = _super.call(this, props, context);
|
|
1832
1854
|
_this.state = {
|
|
@@ -1835,7 +1857,7 @@ var ThumborImage = /*#__PURE__*/function (_React$Component) {
|
|
|
1835
1857
|
return _this;
|
|
1836
1858
|
}
|
|
1837
1859
|
|
|
1838
|
-
|
|
1860
|
+
_createClass__default["default"](ThumborImage, [{
|
|
1839
1861
|
key: "shouldLazyLoad",
|
|
1840
1862
|
value: function shouldLazyLoad() {
|
|
1841
1863
|
if (this.props.eager === true) {
|
|
@@ -1858,9 +1880,9 @@ var ThumborImage = /*#__PURE__*/function (_React$Component) {
|
|
|
1858
1880
|
var _this2 = this;
|
|
1859
1881
|
|
|
1860
1882
|
var imageProps = this.state.showImage ? responsiveProps(this.props) : {
|
|
1861
|
-
src:
|
|
1883
|
+
src: emptyWebGif__default["default"]
|
|
1862
1884
|
};
|
|
1863
|
-
return /*#__PURE__*/React__default.createElement(this.props.reactTag || "img", Object.assign(imageProps,
|
|
1885
|
+
return /*#__PURE__*/React__default["default"].createElement(this.props.reactTag || "img", Object.assign(imageProps, omit__default["default"](this.props, USED_PARAMS), {
|
|
1864
1886
|
ref: function ref(dom) {
|
|
1865
1887
|
return _this2.dom = dom;
|
|
1866
1888
|
},
|
|
@@ -1887,7 +1909,7 @@ var ThumborImage = /*#__PURE__*/function (_React$Component) {
|
|
|
1887
1909
|
}]);
|
|
1888
1910
|
|
|
1889
1911
|
return ThumborImage;
|
|
1890
|
-
}(React__default.Component);
|
|
1912
|
+
}(React__default["default"].Component);
|
|
1891
1913
|
ThumborImage.contextTypes = {
|
|
1892
1914
|
lazyLoadObserveImage: propTypes.func,
|
|
1893
1915
|
lazyLoadUnobserveImage: propTypes.func,
|
|
@@ -1896,7 +1918,7 @@ ThumborImage.contextTypes = {
|
|
|
1896
1918
|
|
|
1897
1919
|
function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
1898
1920
|
|
|
1899
|
-
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) {
|
|
1921
|
+
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
1900
1922
|
var forceLoadingGumlet = false;
|
|
1901
1923
|
|
|
1902
1924
|
function loadGumlet() {
|
|
@@ -1928,15 +1950,15 @@ function GumletImage(props) {
|
|
|
1928
1950
|
className = props.className;
|
|
1929
1951
|
var image = new quintypeJs.FocusedImage(slug, metadata);
|
|
1930
1952
|
var imageProps = {
|
|
1931
|
-
src:
|
|
1953
|
+
src: emptyWebGif__default["default"],
|
|
1932
1954
|
"data-src": "https://" + imageCDN + "/" + image.path(aspectRatio, imgParams),
|
|
1933
1955
|
key: hashString(slug)
|
|
1934
1956
|
};
|
|
1935
1957
|
var Tag = reactTag || "img";
|
|
1936
1958
|
React.useEffect(loadGumlet);
|
|
1937
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tag,
|
|
1959
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Tag, _extends__default["default"]({}, imageProps, omit__default["default"](props, USED_PARAMS), {
|
|
1938
1960
|
className: className ? "qt-image ".concat(className) : 'qt-image'
|
|
1939
|
-
})), /*#__PURE__*/React__default.createElement("noscript", null, /*#__PURE__*/React__default.createElement("img", {
|
|
1961
|
+
})), /*#__PURE__*/React__default["default"].createElement("noscript", null, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
1940
1962
|
src: "https://".concat(imageCDN, "/").concat(image.path(aspectRatio, _objectSpread$3(_objectSpread$3({}, imgParams), {}, {
|
|
1941
1963
|
w: 1200
|
|
1942
1964
|
}))),
|
|
@@ -1944,7 +1966,7 @@ function GumletImage(props) {
|
|
|
1944
1966
|
})));
|
|
1945
1967
|
}
|
|
1946
1968
|
|
|
1947
|
-
function mapStateToProps$
|
|
1969
|
+
function mapStateToProps$6(state) {
|
|
1948
1970
|
return {
|
|
1949
1971
|
imageCDN: state.qt.config["cdn-image"],
|
|
1950
1972
|
imageCDNFormat: state.qt.config["image-cdn-format"] || "thumbor"
|
|
@@ -1957,10 +1979,10 @@ function ResponsiveImageBase(props) {
|
|
|
1957
1979
|
}
|
|
1958
1980
|
|
|
1959
1981
|
if (props.imageCDNFormat === "gumlet") {
|
|
1960
|
-
return /*#__PURE__*/React__default.createElement(GumletImage, props);
|
|
1982
|
+
return /*#__PURE__*/React__default["default"].createElement(GumletImage, props);
|
|
1961
1983
|
}
|
|
1962
1984
|
|
|
1963
|
-
return /*#__PURE__*/React__default.createElement(ThumborImage, props);
|
|
1985
|
+
return /*#__PURE__*/React__default["default"].createElement(ThumborImage, props);
|
|
1964
1986
|
}
|
|
1965
1987
|
|
|
1966
1988
|
/**
|
|
@@ -1986,7 +2008,7 @@ function ResponsiveImageBase(props) {
|
|
|
1986
2008
|
* @category Images
|
|
1987
2009
|
* @tutorial using-responsive-image
|
|
1988
2010
|
*/
|
|
1989
|
-
var ResponsiveImage = /*#__PURE__*/reactRedux.connect(mapStateToProps$
|
|
2011
|
+
var ResponsiveImage = /*#__PURE__*/reactRedux.connect(mapStateToProps$6, {})(ResponsiveImageBase);
|
|
1990
2012
|
|
|
1991
2013
|
/**
|
|
1992
2014
|
* This component is a wrapper over {@link ResponsiveImages}. It accepts story as a prop and renders story's hero image.
|
|
@@ -2009,25 +2031,25 @@ var ResponsiveImage = /*#__PURE__*/reactRedux.connect(mapStateToProps$5, {})(Res
|
|
|
2009
2031
|
|
|
2010
2032
|
function ResponsiveHeroImage(props) {
|
|
2011
2033
|
var metadata, slug, alternateText;
|
|
2012
|
-
var heroImageS3Key =
|
|
2013
|
-
var storyAlternateData =
|
|
2014
|
-
var alternateHeroImageS3Key =
|
|
2034
|
+
var heroImageS3Key = get__default["default"](props, ["story", "hero-image-s3-key"], "");
|
|
2035
|
+
var storyAlternateData = get__default["default"](props, ["story", "alternative", "home", "default"], {}) || {};
|
|
2036
|
+
var alternateHeroImageS3Key = get__default["default"](storyAlternateData, ["hero-image", "hero-image-s3-key"], "");
|
|
2015
2037
|
|
|
2016
2038
|
if (heroImageS3Key) {
|
|
2017
2039
|
slug = heroImageS3Key;
|
|
2018
|
-
metadata =
|
|
2019
|
-
alternateText =
|
|
2040
|
+
metadata = get__default["default"](props, ["story", "hero-image-metadata"], {});
|
|
2041
|
+
alternateText = get__default["default"](props, ["story", "headline"], "");
|
|
2020
2042
|
} else if (alternateHeroImageS3Key) {
|
|
2021
2043
|
slug = alternateHeroImageS3Key;
|
|
2022
|
-
metadata =
|
|
2023
|
-
alternateText =
|
|
2044
|
+
metadata = get__default["default"](storyAlternateData, ["hero-image", "hero-image-metadata"], {});
|
|
2045
|
+
alternateText = get__default["default"](storyAlternateData, ["headline"], "");
|
|
2024
2046
|
} else return null;
|
|
2025
2047
|
|
|
2026
|
-
return /*#__PURE__*/React__default.createElement(ResponsiveImage, Object.assign({
|
|
2048
|
+
return /*#__PURE__*/React__default["default"].createElement(ResponsiveImage, Object.assign({
|
|
2027
2049
|
slug: slug,
|
|
2028
2050
|
metadata: metadata,
|
|
2029
2051
|
alt: alternateText
|
|
2030
|
-
},
|
|
2052
|
+
}, omit__default["default"](props, ["story"])));
|
|
2031
2053
|
}
|
|
2032
2054
|
|
|
2033
2055
|
/**
|
|
@@ -2064,26 +2086,26 @@ function ResponsiveHeroImage(props) {
|
|
|
2064
2086
|
*/
|
|
2065
2087
|
|
|
2066
2088
|
var ResponsiveSource = function ResponsiveSource(props) {
|
|
2067
|
-
return /*#__PURE__*/React__default.createElement(ResponsiveImage, Object.assign({
|
|
2089
|
+
return /*#__PURE__*/React__default["default"].createElement(ResponsiveImage, Object.assign({
|
|
2068
2090
|
reactTag: 'source',
|
|
2069
2091
|
src: undefined,
|
|
2070
2092
|
defaultWidth: 1024
|
|
2071
2093
|
}, props));
|
|
2072
2094
|
};
|
|
2073
2095
|
|
|
2074
|
-
function _createSuper$
|
|
2096
|
+
function _createSuper$e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$e(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
2075
2097
|
|
|
2076
|
-
function _isNativeReflectConstruct$
|
|
2098
|
+
function _isNativeReflectConstruct$e() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
2077
2099
|
|
|
2078
2100
|
var SearchBoxBase = /*#__PURE__*/function (_React$Component) {
|
|
2079
|
-
|
|
2101
|
+
_inherits__default["default"](SearchBoxBase, _React$Component);
|
|
2080
2102
|
|
|
2081
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
2103
|
+
var _super = /*#__PURE__*/_createSuper$e(SearchBoxBase);
|
|
2082
2104
|
|
|
2083
2105
|
function SearchBoxBase(props) {
|
|
2084
2106
|
var _this;
|
|
2085
2107
|
|
|
2086
|
-
|
|
2108
|
+
_classCallCheck__default["default"](this, SearchBoxBase);
|
|
2087
2109
|
|
|
2088
2110
|
_this = _super.call(this, props);
|
|
2089
2111
|
_this.state = {
|
|
@@ -2092,7 +2114,7 @@ var SearchBoxBase = /*#__PURE__*/function (_React$Component) {
|
|
|
2092
2114
|
return _this;
|
|
2093
2115
|
}
|
|
2094
2116
|
|
|
2095
|
-
|
|
2117
|
+
_createClass__default["default"](SearchBoxBase, [{
|
|
2096
2118
|
key: "componentDidMount",
|
|
2097
2119
|
value: function componentDidMount() {
|
|
2098
2120
|
this.focus();
|
|
@@ -2120,7 +2142,7 @@ var SearchBoxBase = /*#__PURE__*/function (_React$Component) {
|
|
|
2120
2142
|
var _this2 = this;
|
|
2121
2143
|
|
|
2122
2144
|
var Render = this.props.template || this.defaultTemplate;
|
|
2123
|
-
return /*#__PURE__*/React__default.createElement("form", {
|
|
2145
|
+
return /*#__PURE__*/React__default["default"].createElement("form", {
|
|
2124
2146
|
role: "search",
|
|
2125
2147
|
action: "/search",
|
|
2126
2148
|
onSubmit: function onSubmit(e) {
|
|
@@ -2128,7 +2150,7 @@ var SearchBoxBase = /*#__PURE__*/function (_React$Component) {
|
|
|
2128
2150
|
},
|
|
2129
2151
|
className: this.props.className,
|
|
2130
2152
|
ref: this.props.formRef
|
|
2131
|
-
}, /*#__PURE__*/React__default.createElement(Render, null, /*#__PURE__*/React__default.createElement("input", {
|
|
2153
|
+
}, /*#__PURE__*/React__default["default"].createElement(Render, null, /*#__PURE__*/React__default["default"].createElement("input", {
|
|
2132
2154
|
type: "search",
|
|
2133
2155
|
name: "q",
|
|
2134
2156
|
placeholder: this.props.placeholder,
|
|
@@ -2157,13 +2179,13 @@ var SearchBoxBase = /*#__PURE__*/function (_React$Component) {
|
|
|
2157
2179
|
}]);
|
|
2158
2180
|
|
|
2159
2181
|
return SearchBoxBase;
|
|
2160
|
-
}(React__default.Component);
|
|
2182
|
+
}(React__default["default"].Component);
|
|
2161
2183
|
|
|
2162
|
-
var mapStateToProps$
|
|
2184
|
+
var mapStateToProps$5 = function mapStateToProps(state) {
|
|
2163
2185
|
return {};
|
|
2164
2186
|
};
|
|
2165
2187
|
|
|
2166
|
-
var mapDispatchToProps$
|
|
2188
|
+
var mapDispatchToProps$3 = function mapDispatchToProps(dispatch) {
|
|
2167
2189
|
return {
|
|
2168
2190
|
navigateTo: function navigateTo(url) {
|
|
2169
2191
|
global.app.navigateToPage(dispatch, url);
|
|
@@ -2186,11 +2208,11 @@ var mapDispatchToProps$5 = function mapDispatchToProps(dispatch) {
|
|
|
2186
2208
|
*/
|
|
2187
2209
|
|
|
2188
2210
|
|
|
2189
|
-
var SearchBox = /*#__PURE__*/reactRedux.connect(mapStateToProps$
|
|
2211
|
+
var SearchBox = /*#__PURE__*/reactRedux.connect(mapStateToProps$5, mapDispatchToProps$3)(SearchBoxBase);
|
|
2190
2212
|
|
|
2191
|
-
function _createSuper$
|
|
2213
|
+
function _createSuper$d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$d(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
2192
2214
|
|
|
2193
|
-
function _isNativeReflectConstruct$
|
|
2215
|
+
function _isNativeReflectConstruct$d() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
2194
2216
|
/**
|
|
2195
2217
|
* This component is to handle search functionality and also handles load more.
|
|
2196
2218
|
*
|
|
@@ -2212,24 +2234,24 @@ function _isNativeReflectConstruct$c() { if (typeof Reflect === "undefined" || !
|
|
|
2212
2234
|
*/
|
|
2213
2235
|
|
|
2214
2236
|
var SearchPageBase = /*#__PURE__*/function (_React$Component) {
|
|
2215
|
-
|
|
2237
|
+
_inherits__default["default"](SearchPageBase, _React$Component);
|
|
2216
2238
|
|
|
2217
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
2239
|
+
var _super = /*#__PURE__*/_createSuper$d(SearchPageBase);
|
|
2218
2240
|
|
|
2219
2241
|
function SearchPageBase() {
|
|
2220
|
-
|
|
2242
|
+
_classCallCheck__default["default"](this, SearchPageBase);
|
|
2221
2243
|
|
|
2222
2244
|
return _super.apply(this, arguments);
|
|
2223
2245
|
}
|
|
2224
2246
|
|
|
2225
|
-
|
|
2247
|
+
_createClass__default["default"](SearchPageBase, [{
|
|
2226
2248
|
key: "search",
|
|
2227
2249
|
value: function search(pageNumber) {
|
|
2228
2250
|
return getRequest("/api/v1/search", Object.assign(this.props.params, {
|
|
2229
2251
|
offset: (this.props.storiesPerPage || 20) * pageNumber,
|
|
2230
2252
|
fields: this.props.fields
|
|
2231
2253
|
})).json(function (response) {
|
|
2232
|
-
return
|
|
2254
|
+
return get__default["default"](response, ["results", "stories"], []);
|
|
2233
2255
|
});
|
|
2234
2256
|
}
|
|
2235
2257
|
}, {
|
|
@@ -2237,7 +2259,7 @@ var SearchPageBase = /*#__PURE__*/function (_React$Component) {
|
|
|
2237
2259
|
value: function render() {
|
|
2238
2260
|
var _this = this;
|
|
2239
2261
|
|
|
2240
|
-
return /*#__PURE__*/React__default.createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
|
|
2262
|
+
return /*#__PURE__*/React__default["default"].createElement(LoadMoreStoriesManager, Object.assign({}, this.props.data, {
|
|
2241
2263
|
template: this.props.template,
|
|
2242
2264
|
loadStories: function loadStories(pageNumber) {
|
|
2243
2265
|
return _this.search(pageNumber);
|
|
@@ -2247,11 +2269,11 @@ var SearchPageBase = /*#__PURE__*/function (_React$Component) {
|
|
|
2247
2269
|
}]);
|
|
2248
2270
|
|
|
2249
2271
|
return SearchPageBase;
|
|
2250
|
-
}(React__default.Component);
|
|
2272
|
+
}(React__default["default"].Component);
|
|
2251
2273
|
|
|
2252
|
-
function _createSuper$
|
|
2274
|
+
function _createSuper$c(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$c(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
2253
2275
|
|
|
2254
|
-
function _isNativeReflectConstruct$
|
|
2276
|
+
function _isNativeReflectConstruct$c() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
2255
2277
|
/**
|
|
2256
2278
|
* This component can be used to load some DOM just before it scrolls into the screen. Currently, it does not support unloading. The `margin` prop is passed to `IntersectionObserver`.
|
|
2257
2279
|
*
|
|
@@ -2269,30 +2291,30 @@ function _isNativeReflectConstruct$d() { if (typeof Reflect === "undefined" || !
|
|
|
2269
2291
|
*/
|
|
2270
2292
|
|
|
2271
2293
|
var WithLazy = /*#__PURE__*/function (_React$Component) {
|
|
2272
|
-
|
|
2294
|
+
_inherits__default["default"](WithLazy, _React$Component);
|
|
2273
2295
|
|
|
2274
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
2296
|
+
var _super = /*#__PURE__*/_createSuper$c(WithLazy);
|
|
2275
2297
|
|
|
2276
2298
|
function WithLazy(props) {
|
|
2277
2299
|
var _this;
|
|
2278
2300
|
|
|
2279
|
-
|
|
2301
|
+
_classCallCheck__default["default"](this, WithLazy);
|
|
2280
2302
|
|
|
2281
2303
|
_this = _super.call(this, props);
|
|
2282
2304
|
_this.state = {
|
|
2283
2305
|
loaded: false
|
|
2284
2306
|
};
|
|
2285
|
-
_this.observerRef = /*#__PURE__*/React__default.createRef();
|
|
2307
|
+
_this.observerRef = /*#__PURE__*/React__default["default"].createRef();
|
|
2286
2308
|
return _this;
|
|
2287
2309
|
}
|
|
2288
2310
|
|
|
2289
|
-
|
|
2311
|
+
_createClass__default["default"](WithLazy, [{
|
|
2290
2312
|
key: "render",
|
|
2291
2313
|
value: function render() {
|
|
2292
2314
|
if (this.state.loaded) {
|
|
2293
2315
|
return this.props.children();
|
|
2294
2316
|
} else {
|
|
2295
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
2317
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2296
2318
|
style: {
|
|
2297
2319
|
height: this.props.height || 50
|
|
2298
2320
|
},
|
|
@@ -2335,19 +2357,19 @@ var WithLazy = /*#__PURE__*/function (_React$Component) {
|
|
|
2335
2357
|
}]);
|
|
2336
2358
|
|
|
2337
2359
|
return WithLazy;
|
|
2338
|
-
}(React__default.Component);
|
|
2360
|
+
}(React__default["default"].Component);
|
|
2339
2361
|
|
|
2340
|
-
function _createSuper$
|
|
2362
|
+
function _createSuper$b(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$b(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
2341
2363
|
|
|
2342
|
-
function _isNativeReflectConstruct$
|
|
2364
|
+
function _isNativeReflectConstruct$b() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
2343
2365
|
var DailyMotion = null;
|
|
2344
|
-
var loaderPromise = null;
|
|
2366
|
+
var loaderPromise$1 = null;
|
|
2345
2367
|
|
|
2346
|
-
function loadLibrary() {
|
|
2347
|
-
if (loaderPromise === null) {
|
|
2348
|
-
loaderPromise =
|
|
2368
|
+
function loadLibrary$1() {
|
|
2369
|
+
if (loaderPromise$1 === null) {
|
|
2370
|
+
loaderPromise$1 = Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2349
2371
|
/* webpackChunkName: "qtc-react-dailymotion" */
|
|
2350
|
-
'react-dailymotion'))
|
|
2372
|
+
'react-dailymotion')); }).then(function (DM) {
|
|
2351
2373
|
DailyMotion = DM["default"];
|
|
2352
2374
|
})["catch"](function (err) {
|
|
2353
2375
|
console.log("Failed to load react-dailymotion", err);
|
|
@@ -2355,50 +2377,50 @@ function loadLibrary() {
|
|
|
2355
2377
|
});
|
|
2356
2378
|
}
|
|
2357
2379
|
|
|
2358
|
-
return loaderPromise;
|
|
2380
|
+
return loaderPromise$1;
|
|
2359
2381
|
}
|
|
2360
2382
|
|
|
2361
|
-
function isLibraryLoaded() {
|
|
2383
|
+
function isLibraryLoaded$1() {
|
|
2362
2384
|
return DailyMotion !== null;
|
|
2363
2385
|
}
|
|
2364
2386
|
|
|
2365
2387
|
var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
|
|
2366
|
-
|
|
2388
|
+
_inherits__default["default"](CustomStoryElementDailyMotion, _React$Component);
|
|
2367
2389
|
|
|
2368
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
2390
|
+
var _super = /*#__PURE__*/_createSuper$b(CustomStoryElementDailyMotion);
|
|
2369
2391
|
|
|
2370
2392
|
function CustomStoryElementDailyMotion(props) {
|
|
2371
2393
|
var _this;
|
|
2372
2394
|
|
|
2373
|
-
|
|
2395
|
+
_classCallCheck__default["default"](this, CustomStoryElementDailyMotion);
|
|
2374
2396
|
|
|
2375
2397
|
_this = _super.call(this, props);
|
|
2376
2398
|
|
|
2377
|
-
|
|
2399
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onPlayCallback", function (event) {
|
|
2378
2400
|
_this.props.onPlay === "function" && _this.props.onPlay(event);
|
|
2379
2401
|
});
|
|
2380
2402
|
|
|
2381
|
-
|
|
2403
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onPauseCallback", function (event) {
|
|
2382
2404
|
_this.props.onPause === "function" && _this.props.onPause(event);
|
|
2383
2405
|
});
|
|
2384
2406
|
|
|
2385
|
-
|
|
2407
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onEndCallback", function (event) {
|
|
2386
2408
|
_this.props.onEnd === "function" && _this.props.onEnd(event);
|
|
2387
2409
|
});
|
|
2388
2410
|
|
|
2389
|
-
|
|
2411
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "triggerIframe", function () {
|
|
2390
2412
|
_this._isMounted = true;
|
|
2391
|
-
loadLibrary().then(function () {
|
|
2413
|
+
loadLibrary$1().then(function () {
|
|
2392
2414
|
return _this._isMounted && _this.forceUpdate();
|
|
2393
2415
|
});
|
|
2394
2416
|
});
|
|
2395
2417
|
|
|
2396
|
-
|
|
2418
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onPlayerReady", function (event) {
|
|
2397
2419
|
event.target.setVolume(100);
|
|
2398
2420
|
event.target.playVideo();
|
|
2399
2421
|
});
|
|
2400
2422
|
|
|
2401
|
-
|
|
2423
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "renderVideo", function () {
|
|
2402
2424
|
_this.triggerIframe();
|
|
2403
2425
|
|
|
2404
2426
|
_this.setState({
|
|
@@ -2417,7 +2439,7 @@ var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
|
|
|
2417
2439
|
return _this;
|
|
2418
2440
|
}
|
|
2419
2441
|
|
|
2420
|
-
|
|
2442
|
+
_createClass__default["default"](CustomStoryElementDailyMotion, [{
|
|
2421
2443
|
key: "componentDidMount",
|
|
2422
2444
|
value: function componentDidMount() {
|
|
2423
2445
|
if (!this.props.loadIframeOnClick) {
|
|
@@ -2434,11 +2456,11 @@ var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
|
|
|
2434
2456
|
value: function render() {
|
|
2435
2457
|
var _this2 = this;
|
|
2436
2458
|
|
|
2437
|
-
var _getVideoID =
|
|
2459
|
+
var _getVideoID = getVideoID__default["default"](this.props.element.metadata["dailymotion-url"]),
|
|
2438
2460
|
videoId = _getVideoID.id;
|
|
2439
2461
|
|
|
2440
2462
|
var dailymotionIframe = function dailymotionIframe() {
|
|
2441
|
-
return /*#__PURE__*/React__default.createElement(DailyMotion, {
|
|
2463
|
+
return /*#__PURE__*/React__default["default"].createElement(DailyMotion, {
|
|
2442
2464
|
video: videoId,
|
|
2443
2465
|
opts: _this2.opts,
|
|
2444
2466
|
onPlay: _this2.onPlayCallback,
|
|
@@ -2449,46 +2471,46 @@ var CustomStoryElementDailyMotion = /*#__PURE__*/function (_React$Component) {
|
|
|
2449
2471
|
};
|
|
2450
2472
|
|
|
2451
2473
|
if (this.props.loadIframeOnClick) {
|
|
2452
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
2474
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2453
2475
|
className: "thumbnail-wrapper"
|
|
2454
|
-
}, !this.state.showVideo && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("button", {
|
|
2476
|
+
}, !this.state.showVideo && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
2455
2477
|
className: "dailymotion-playBtn",
|
|
2456
2478
|
onClick: this.renderVideo,
|
|
2457
2479
|
"aria-label": "Play Video"
|
|
2458
|
-
}), /*#__PURE__*/React__default.createElement("img", {
|
|
2480
|
+
}), /*#__PURE__*/React__default["default"].createElement("img", {
|
|
2459
2481
|
className: "dailymotion-thumbnail",
|
|
2460
2482
|
onClick: this.renderVideo,
|
|
2461
2483
|
src: "https://www.dailymotion.com/thumbnail/video/".concat(videoId),
|
|
2462
2484
|
alt: "daily-motion-video"
|
|
2463
|
-
})), this.state.showVideo && isLibraryLoaded() && /*#__PURE__*/React__default.createElement("div", {
|
|
2485
|
+
})), this.state.showVideo && isLibraryLoaded$1() && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2464
2486
|
className: "dailymotion-iframe-wrapper"
|
|
2465
2487
|
}, dailymotionIframe()));
|
|
2466
|
-
} else if (!this.props.loadIframeOnClick && isLibraryLoaded()) {
|
|
2467
|
-
return /*#__PURE__*/React__default.createElement(DailyMotion, {
|
|
2488
|
+
} else if (!this.props.loadIframeOnClick && isLibraryLoaded$1()) {
|
|
2489
|
+
return /*#__PURE__*/React__default["default"].createElement(DailyMotion, {
|
|
2468
2490
|
video: videoId,
|
|
2469
2491
|
opts: this.opts,
|
|
2470
2492
|
onPlay: this.onPlayCallback,
|
|
2471
2493
|
onPause: this.onPauseCallback,
|
|
2472
2494
|
onEnd: this.onEndCallback
|
|
2473
2495
|
});
|
|
2474
|
-
} else return /*#__PURE__*/React__default.createElement("div", null);
|
|
2496
|
+
} else return /*#__PURE__*/React__default["default"].createElement("div", null);
|
|
2475
2497
|
}
|
|
2476
2498
|
}]);
|
|
2477
2499
|
|
|
2478
2500
|
return CustomStoryElementDailyMotion;
|
|
2479
|
-
}(React__default.Component);
|
|
2501
|
+
}(React__default["default"].Component);
|
|
2480
2502
|
|
|
2481
2503
|
var StoryElementDailyMotion = function StoryElementDailyMotion(props) {
|
|
2482
|
-
return /*#__PURE__*/React__default.createElement(WithLazy, {
|
|
2504
|
+
return /*#__PURE__*/React__default["default"].createElement(WithLazy, {
|
|
2483
2505
|
margin: "0px"
|
|
2484
2506
|
}, function () {
|
|
2485
|
-
return /*#__PURE__*/React__default.createElement(CustomStoryElementDailyMotion, props);
|
|
2507
|
+
return /*#__PURE__*/React__default["default"].createElement(CustomStoryElementDailyMotion, props);
|
|
2486
2508
|
});
|
|
2487
2509
|
};
|
|
2488
2510
|
|
|
2489
|
-
function _createSuper$
|
|
2511
|
+
function _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
2490
2512
|
|
|
2491
|
-
function _isNativeReflectConstruct$
|
|
2513
|
+
function _isNativeReflectConstruct$a() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
2492
2514
|
|
|
2493
2515
|
function cloneScriptNode(node) {
|
|
2494
2516
|
var script = document.createElement("script");
|
|
@@ -2516,21 +2538,21 @@ function replaceScriptNodes(node) {
|
|
|
2516
2538
|
}
|
|
2517
2539
|
|
|
2518
2540
|
var JSEmbed = /*#__PURE__*/function (_React$Component) {
|
|
2519
|
-
|
|
2541
|
+
_inherits__default["default"](JSEmbed, _React$Component);
|
|
2520
2542
|
|
|
2521
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
2543
|
+
var _super = /*#__PURE__*/_createSuper$a(JSEmbed);
|
|
2522
2544
|
|
|
2523
2545
|
function JSEmbed(props) {
|
|
2524
2546
|
var _this;
|
|
2525
2547
|
|
|
2526
|
-
|
|
2548
|
+
_classCallCheck__default["default"](this, JSEmbed);
|
|
2527
2549
|
|
|
2528
2550
|
_this = _super.call(this, props);
|
|
2529
2551
|
_this.uniqueId = "anagh";
|
|
2530
2552
|
return _this;
|
|
2531
2553
|
}
|
|
2532
2554
|
|
|
2533
|
-
|
|
2555
|
+
_createClass__default["default"](JSEmbed, [{
|
|
2534
2556
|
key: "shouldComponentUpdate",
|
|
2535
2557
|
value: function shouldComponentUpdate(nextProps) {
|
|
2536
2558
|
return !(this.props.id === nextProps.id && this.props.embedJS === nextProps.embedJS);
|
|
@@ -2549,14 +2571,14 @@ var JSEmbed = /*#__PURE__*/function (_React$Component) {
|
|
|
2549
2571
|
key: "getEmbedJS",
|
|
2550
2572
|
value: function getEmbedJS() {
|
|
2551
2573
|
var embedjs = this.props.embedJS;
|
|
2552
|
-
return embedjs != null ?
|
|
2574
|
+
return embedjs != null ? atob__default["default"](embedjs) : null;
|
|
2553
2575
|
}
|
|
2554
2576
|
}, {
|
|
2555
2577
|
key: "render",
|
|
2556
2578
|
value: function render() {
|
|
2557
2579
|
var _this2 = this;
|
|
2558
2580
|
|
|
2559
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
2581
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2560
2582
|
ref: function ref(jsembed) {
|
|
2561
2583
|
_this2.JSEmbed = jsembed;
|
|
2562
2584
|
},
|
|
@@ -2568,25 +2590,25 @@ var JSEmbed = /*#__PURE__*/function (_React$Component) {
|
|
|
2568
2590
|
}]);
|
|
2569
2591
|
|
|
2570
2592
|
return JSEmbed;
|
|
2571
|
-
}(React__default.Component);
|
|
2593
|
+
}(React__default["default"].Component);
|
|
2572
2594
|
|
|
2573
|
-
function _createSuper$
|
|
2595
|
+
function _createSuper$9(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$9(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
2574
2596
|
|
|
2575
|
-
function _isNativeReflectConstruct$
|
|
2597
|
+
function _isNativeReflectConstruct$9() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
2576
2598
|
var defaultPolltypeHost = 'https://www.polltype.com';
|
|
2577
2599
|
|
|
2578
2600
|
var PolltypeBase = /*#__PURE__*/function (_React$Component) {
|
|
2579
|
-
|
|
2601
|
+
_inherits__default["default"](PolltypeBase, _React$Component);
|
|
2580
2602
|
|
|
2581
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
2603
|
+
var _super = /*#__PURE__*/_createSuper$9(PolltypeBase);
|
|
2582
2604
|
|
|
2583
2605
|
function PolltypeBase() {
|
|
2584
|
-
|
|
2606
|
+
_classCallCheck__default["default"](this, PolltypeBase);
|
|
2585
2607
|
|
|
2586
2608
|
return _super.apply(this, arguments);
|
|
2587
2609
|
}
|
|
2588
2610
|
|
|
2589
|
-
|
|
2611
|
+
_createClass__default["default"](PolltypeBase, [{
|
|
2590
2612
|
key: "componentDidMount",
|
|
2591
2613
|
value: function componentDidMount() {
|
|
2592
2614
|
this.loadPolltypeJS();
|
|
@@ -2607,30 +2629,30 @@ var PolltypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
2607
2629
|
}, {
|
|
2608
2630
|
key: "render",
|
|
2609
2631
|
value: function render() {
|
|
2610
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
2632
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2611
2633
|
"data-polltype-embed-id": this.props.id
|
|
2612
2634
|
});
|
|
2613
2635
|
}
|
|
2614
2636
|
}]);
|
|
2615
2637
|
|
|
2616
2638
|
return PolltypeBase;
|
|
2617
|
-
}(React__default.Component);
|
|
2639
|
+
}(React__default["default"].Component);
|
|
2618
2640
|
|
|
2619
|
-
function mapStateToProps$
|
|
2641
|
+
function mapStateToProps$4(state) {
|
|
2620
2642
|
return {
|
|
2621
2643
|
polltypeHost: state.qt.config["polltype-host"] || defaultPolltypeHost
|
|
2622
2644
|
};
|
|
2623
2645
|
}
|
|
2624
2646
|
|
|
2625
|
-
var Polltype = /*#__PURE__*/reactRedux.connect(mapStateToProps$
|
|
2647
|
+
var Polltype = /*#__PURE__*/reactRedux.connect(mapStateToProps$4, {})(PolltypeBase);
|
|
2626
2648
|
|
|
2627
|
-
function _createSuper$
|
|
2649
|
+
function _createSuper$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
2628
2650
|
|
|
2629
|
-
function _isNativeReflectConstruct$
|
|
2651
|
+
function _isNativeReflectConstruct$8() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
2630
2652
|
|
|
2631
2653
|
function TableHeader(columns) {
|
|
2632
|
-
return /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, columns.map(function (col) {
|
|
2633
|
-
return /*#__PURE__*/React__default.createElement("th", null, col.Header);
|
|
2654
|
+
return /*#__PURE__*/React__default["default"].createElement("thead", null, /*#__PURE__*/React__default["default"].createElement("tr", null, columns.map(function (col) {
|
|
2655
|
+
return /*#__PURE__*/React__default["default"].createElement("th", null, col.Header);
|
|
2634
2656
|
})));
|
|
2635
2657
|
}
|
|
2636
2658
|
|
|
@@ -2639,23 +2661,23 @@ function TableView(_ref) {
|
|
|
2639
2661
|
columns = _ref.columns,
|
|
2640
2662
|
className = _ref.className,
|
|
2641
2663
|
hasHeader = _ref.hasHeader;
|
|
2642
|
-
return /*#__PURE__*/React__default.createElement("table", {
|
|
2664
|
+
return /*#__PURE__*/React__default["default"].createElement("table", {
|
|
2643
2665
|
className: className
|
|
2644
|
-
}, hasHeader && TableHeader(columns), /*#__PURE__*/React__default.createElement("tbody", null, data.map(function (row) {
|
|
2645
|
-
return /*#__PURE__*/React__default.createElement("tr", null, columns.map(function (col) {
|
|
2646
|
-
return /*#__PURE__*/React__default.createElement("td", null, row[col.Header]);
|
|
2666
|
+
}, hasHeader && TableHeader(columns), /*#__PURE__*/React__default["default"].createElement("tbody", null, data.map(function (row) {
|
|
2667
|
+
return /*#__PURE__*/React__default["default"].createElement("tr", null, columns.map(function (col) {
|
|
2668
|
+
return /*#__PURE__*/React__default["default"].createElement("td", null, row[col.Header]);
|
|
2647
2669
|
}));
|
|
2648
2670
|
})));
|
|
2649
2671
|
}
|
|
2650
2672
|
var Table = /*#__PURE__*/function (_React$Component) {
|
|
2651
|
-
|
|
2673
|
+
_inherits__default["default"](Table, _React$Component);
|
|
2652
2674
|
|
|
2653
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
2675
|
+
var _super = /*#__PURE__*/_createSuper$8(Table);
|
|
2654
2676
|
|
|
2655
2677
|
function Table(props) {
|
|
2656
2678
|
var _this;
|
|
2657
2679
|
|
|
2658
|
-
|
|
2680
|
+
_classCallCheck__default["default"](this, Table);
|
|
2659
2681
|
|
|
2660
2682
|
_this = _super.call(this, props);
|
|
2661
2683
|
_this.state = {
|
|
@@ -2664,14 +2686,14 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
2664
2686
|
return _this;
|
|
2665
2687
|
}
|
|
2666
2688
|
|
|
2667
|
-
|
|
2689
|
+
_createClass__default["default"](Table, [{
|
|
2668
2690
|
key: "parseCSVToJson",
|
|
2669
2691
|
value: function parseCSVToJson(content) {
|
|
2670
2692
|
var _this2 = this;
|
|
2671
2693
|
|
|
2672
|
-
|
|
2694
|
+
Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2673
2695
|
/* webpackChunkName: "qtc-parsecsv" */
|
|
2674
|
-
'papaparse'))
|
|
2696
|
+
'papaparse')); }).then(function (_ref2) {
|
|
2675
2697
|
var parse = _ref2.parse;
|
|
2676
2698
|
parse(content, {
|
|
2677
2699
|
header: _this2.props.hasHeader,
|
|
@@ -2720,7 +2742,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
2720
2742
|
};
|
|
2721
2743
|
});
|
|
2722
2744
|
var className = "story-element-table-".concat(this.props.id);
|
|
2723
|
-
return /*#__PURE__*/React__default.createElement(this.props.tableComponent || TableView, {
|
|
2745
|
+
return /*#__PURE__*/React__default["default"].createElement(this.props.tableComponent || TableView, {
|
|
2724
2746
|
hasHeader: this.props.hasHeader,
|
|
2725
2747
|
data: this.state.tableData,
|
|
2726
2748
|
columns: columns,
|
|
@@ -2732,23 +2754,23 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
2732
2754
|
}]);
|
|
2733
2755
|
|
|
2734
2756
|
return Table;
|
|
2735
|
-
}(React__default.Component);
|
|
2757
|
+
}(React__default["default"].Component);
|
|
2736
2758
|
|
|
2737
|
-
function ownKeys$
|
|
2759
|
+
function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
2738
2760
|
|
|
2739
|
-
function _objectSpread$
|
|
2761
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
2740
2762
|
|
|
2741
|
-
function _createSuper$
|
|
2763
|
+
function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
2742
2764
|
|
|
2743
|
-
function _isNativeReflectConstruct$
|
|
2765
|
+
function _isNativeReflectConstruct$7() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
2744
2766
|
var YouTube = null;
|
|
2745
|
-
var loaderPromise
|
|
2767
|
+
var loaderPromise = null;
|
|
2746
2768
|
|
|
2747
|
-
function loadLibrary
|
|
2748
|
-
if (loaderPromise
|
|
2749
|
-
loaderPromise
|
|
2769
|
+
function loadLibrary() {
|
|
2770
|
+
if (loaderPromise === null) {
|
|
2771
|
+
loaderPromise = Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
2750
2772
|
/* webpackChunkName: "qtc-react-youtube" */
|
|
2751
|
-
'react-youtube'))
|
|
2773
|
+
'react-youtube')); }).then(function (YT) {
|
|
2752
2774
|
YouTube = YT["default"];
|
|
2753
2775
|
})["catch"](function (err) {
|
|
2754
2776
|
console.log("Failed to load react-youtube", err);
|
|
@@ -2756,26 +2778,26 @@ function loadLibrary$1() {
|
|
|
2756
2778
|
});
|
|
2757
2779
|
}
|
|
2758
2780
|
|
|
2759
|
-
return loaderPromise
|
|
2781
|
+
return loaderPromise;
|
|
2760
2782
|
}
|
|
2761
2783
|
|
|
2762
|
-
function isLibraryLoaded
|
|
2784
|
+
function isLibraryLoaded() {
|
|
2763
2785
|
return YouTube !== null;
|
|
2764
2786
|
}
|
|
2765
2787
|
|
|
2766
2788
|
var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
|
|
2767
|
-
|
|
2789
|
+
_inherits__default["default"](CustomStoryElementYoutube, _React$Component);
|
|
2768
2790
|
|
|
2769
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
2791
|
+
var _super = /*#__PURE__*/_createSuper$7(CustomStoryElementYoutube);
|
|
2770
2792
|
|
|
2771
2793
|
function CustomStoryElementYoutube(props) {
|
|
2772
2794
|
var _this;
|
|
2773
2795
|
|
|
2774
|
-
|
|
2796
|
+
_classCallCheck__default["default"](this, CustomStoryElementYoutube);
|
|
2775
2797
|
|
|
2776
2798
|
_this = _super.call(this, props);
|
|
2777
2799
|
|
|
2778
|
-
|
|
2800
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "triggerQlitics", function (action) {
|
|
2779
2801
|
if (_this.props.disableAnalytics === true) return false;
|
|
2780
2802
|
var _this$props = _this.props,
|
|
2781
2803
|
_this$props$story = _this$props.story,
|
|
@@ -2785,7 +2807,7 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
|
|
|
2785
2807
|
_this$props$element = _this$props.element,
|
|
2786
2808
|
element = _this$props$element === void 0 ? {} : _this$props$element;
|
|
2787
2809
|
|
|
2788
|
-
var qliticsData = _objectSpread$
|
|
2810
|
+
var qliticsData = _objectSpread$2(_objectSpread$2({}, getQliticsSchema(story, card, element)), {
|
|
2789
2811
|
"story-element-action": action
|
|
2790
2812
|
});
|
|
2791
2813
|
|
|
@@ -2800,37 +2822,37 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
|
|
|
2800
2822
|
}
|
|
2801
2823
|
});
|
|
2802
2824
|
|
|
2803
|
-
|
|
2825
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onPlayCallback", function (event) {
|
|
2804
2826
|
_this.triggerQlitics("play");
|
|
2805
2827
|
|
|
2806
2828
|
_this.props.onPlay === "function" && _this.props.onPlay(event);
|
|
2807
2829
|
});
|
|
2808
2830
|
|
|
2809
|
-
|
|
2831
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onPauseCallback", function (event) {
|
|
2810
2832
|
_this.triggerQlitics("pause");
|
|
2811
2833
|
|
|
2812
2834
|
_this.props.onPause === "function" && _this.props.onPause(event);
|
|
2813
2835
|
});
|
|
2814
2836
|
|
|
2815
|
-
|
|
2837
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onEndCallback", function (event) {
|
|
2816
2838
|
_this.triggerQlitics("end");
|
|
2817
2839
|
|
|
2818
2840
|
_this.props.onEnd === "function" && _this.props.onEnd(event);
|
|
2819
2841
|
});
|
|
2820
2842
|
|
|
2821
|
-
|
|
2843
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "triggerIframe", function () {
|
|
2822
2844
|
_this._isMounted = true;
|
|
2823
|
-
loadLibrary
|
|
2845
|
+
loadLibrary().then(function () {
|
|
2824
2846
|
return _this._isMounted && _this.forceUpdate();
|
|
2825
2847
|
});
|
|
2826
2848
|
});
|
|
2827
2849
|
|
|
2828
|
-
|
|
2850
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onPlayerReady", function (event) {
|
|
2829
2851
|
event.target.setVolume(100);
|
|
2830
2852
|
event.target.playVideo();
|
|
2831
2853
|
});
|
|
2832
2854
|
|
|
2833
|
-
|
|
2855
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "renderVideo", function () {
|
|
2834
2856
|
_this.triggerIframe();
|
|
2835
2857
|
|
|
2836
2858
|
_this.setState({
|
|
@@ -2849,7 +2871,7 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
|
|
|
2849
2871
|
return _this;
|
|
2850
2872
|
}
|
|
2851
2873
|
|
|
2852
|
-
|
|
2874
|
+
_createClass__default["default"](CustomStoryElementYoutube, [{
|
|
2853
2875
|
key: "componentDidMount",
|
|
2854
2876
|
value: function componentDidMount() {
|
|
2855
2877
|
if (!this.props.loadIframeOnClick) {
|
|
@@ -2867,8 +2889,8 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
|
|
|
2867
2889
|
var _this2 = this;
|
|
2868
2890
|
|
|
2869
2891
|
var youtubeIframe = function youtubeIframe() {
|
|
2870
|
-
return /*#__PURE__*/React__default.createElement(YouTube, {
|
|
2871
|
-
videoId:
|
|
2892
|
+
return /*#__PURE__*/React__default["default"].createElement(YouTube, {
|
|
2893
|
+
videoId: getYouTubeID__default["default"](_this2.props.element.url),
|
|
2872
2894
|
opts: _this2.opts,
|
|
2873
2895
|
onPlay: _this2.onPlayCallback,
|
|
2874
2896
|
onPause: _this2.onPauseCallback,
|
|
@@ -2878,52 +2900,52 @@ var CustomStoryElementYoutube = /*#__PURE__*/function (_React$Component) {
|
|
|
2878
2900
|
};
|
|
2879
2901
|
|
|
2880
2902
|
if (this.props.loadIframeOnClick) {
|
|
2881
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
2903
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2882
2904
|
className: "thumbnail-wrapper"
|
|
2883
|
-
}, /*#__PURE__*/React__default.createElement("button", {
|
|
2905
|
+
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
2884
2906
|
className: "youtube-playBtn",
|
|
2885
2907
|
onClick: this.renderVideo,
|
|
2886
2908
|
"aria-label": "Play Video"
|
|
2887
|
-
}), /*#__PURE__*/React__default.createElement("img", {
|
|
2909
|
+
}), /*#__PURE__*/React__default["default"].createElement("img", {
|
|
2888
2910
|
className: "youtube-thumbnail",
|
|
2889
2911
|
onClick: this.renderVideo,
|
|
2890
|
-
src: "https://img.youtube.com/vi/".concat(
|
|
2912
|
+
src: "https://img.youtube.com/vi/".concat(getYouTubeID__default["default"](this.props.element.url), "/sddefault.jpg"),
|
|
2891
2913
|
alt: "video"
|
|
2892
|
-
}), this.state.showVideo && isLibraryLoaded
|
|
2914
|
+
}), this.state.showVideo && isLibraryLoaded() && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2893
2915
|
className: "youtube-iframe-wrapper"
|
|
2894
2916
|
}, youtubeIframe()));
|
|
2895
|
-
} else if (!this.props.loadIframeOnClick && isLibraryLoaded
|
|
2896
|
-
return /*#__PURE__*/React__default.createElement(YouTube, {
|
|
2897
|
-
videoId:
|
|
2917
|
+
} else if (!this.props.loadIframeOnClick && isLibraryLoaded()) {
|
|
2918
|
+
return /*#__PURE__*/React__default["default"].createElement(YouTube, {
|
|
2919
|
+
videoId: getYouTubeID__default["default"](this.props.element.url),
|
|
2898
2920
|
opts: this.opts,
|
|
2899
2921
|
onPlay: this.onPlayCallback,
|
|
2900
2922
|
onPause: this.onPauseCallback,
|
|
2901
2923
|
onEnd: this.onEndCallback
|
|
2902
2924
|
});
|
|
2903
|
-
} else return /*#__PURE__*/React__default.createElement("div", null);
|
|
2925
|
+
} else return /*#__PURE__*/React__default["default"].createElement("div", null);
|
|
2904
2926
|
}
|
|
2905
2927
|
}]);
|
|
2906
2928
|
|
|
2907
2929
|
return CustomStoryElementYoutube;
|
|
2908
|
-
}(React__default.Component);
|
|
2930
|
+
}(React__default["default"].Component);
|
|
2909
2931
|
|
|
2910
2932
|
var StoryElementYoutube = function StoryElementYoutube(props) {
|
|
2911
|
-
return /*#__PURE__*/React__default.createElement(WithLazy, {
|
|
2933
|
+
return /*#__PURE__*/React__default["default"].createElement(WithLazy, {
|
|
2912
2934
|
margin: "0px"
|
|
2913
2935
|
}, function () {
|
|
2914
|
-
return /*#__PURE__*/React__default.createElement(CustomStoryElementYoutube, props);
|
|
2936
|
+
return /*#__PURE__*/React__default["default"].createElement(CustomStoryElementYoutube, props);
|
|
2915
2937
|
});
|
|
2916
2938
|
};
|
|
2917
2939
|
|
|
2918
|
-
var _excluded
|
|
2940
|
+
var _excluded = ["renderTemplates"];
|
|
2919
2941
|
|
|
2920
|
-
function ownKeys$
|
|
2942
|
+
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
2921
2943
|
|
|
2922
|
-
function _objectSpread$
|
|
2944
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
2923
2945
|
|
|
2924
|
-
function _createSuper$
|
|
2946
|
+
function _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$6(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
2925
2947
|
|
|
2926
|
-
function _isNativeReflectConstruct$
|
|
2948
|
+
function _isNativeReflectConstruct$6() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
2927
2949
|
/**
|
|
2928
2950
|
* This component renders different types of [story elements](https://developers.quintype.com/malibu/terminology#story-elements)
|
|
2929
2951
|
|
|
@@ -2951,14 +2973,14 @@ function _isNativeReflectConstruct$j() { if (typeof Reflect === "undefined" || !
|
|
|
2951
2973
|
*/
|
|
2952
2974
|
|
|
2953
2975
|
var StoryElement = /*#__PURE__*/function (_React$Component) {
|
|
2954
|
-
|
|
2976
|
+
_inherits__default["default"](StoryElement, _React$Component);
|
|
2955
2977
|
|
|
2956
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
2978
|
+
var _super = /*#__PURE__*/_createSuper$6(StoryElement);
|
|
2957
2979
|
|
|
2958
2980
|
function StoryElement(props) {
|
|
2959
2981
|
var _this;
|
|
2960
2982
|
|
|
2961
|
-
|
|
2983
|
+
_classCallCheck__default["default"](this, StoryElement);
|
|
2962
2984
|
|
|
2963
2985
|
_this = _super.call(this, props);
|
|
2964
2986
|
_this.state = {
|
|
@@ -2967,7 +2989,7 @@ var StoryElement = /*#__PURE__*/function (_React$Component) {
|
|
|
2967
2989
|
return _this;
|
|
2968
2990
|
}
|
|
2969
2991
|
|
|
2970
|
-
|
|
2992
|
+
_createClass__default["default"](StoryElement, [{
|
|
2971
2993
|
key: "componentDidCatch",
|
|
2972
2994
|
value: function componentDidCatch(error, stack) {
|
|
2973
2995
|
this.setState({
|
|
@@ -2980,17 +3002,17 @@ var StoryElement = /*#__PURE__*/function (_React$Component) {
|
|
|
2980
3002
|
key: "render",
|
|
2981
3003
|
value: function render() {
|
|
2982
3004
|
if (this.state.crashed) {
|
|
2983
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
3005
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2984
3006
|
className: "story-element story-element-crashed"
|
|
2985
3007
|
});
|
|
2986
3008
|
} else {
|
|
2987
|
-
return /*#__PURE__*/React__default.createElement(StoryElementBase, this.props);
|
|
3009
|
+
return /*#__PURE__*/React__default["default"].createElement(StoryElementBase, this.props);
|
|
2988
3010
|
}
|
|
2989
3011
|
}
|
|
2990
3012
|
}]);
|
|
2991
3013
|
|
|
2992
3014
|
return StoryElement;
|
|
2993
|
-
}(React__default.Component);
|
|
3015
|
+
}(React__default["default"].Component);
|
|
2994
3016
|
|
|
2995
3017
|
function StoryElementText(_ref) {
|
|
2996
3018
|
var _ref$element = _ref.element,
|
|
@@ -3002,7 +3024,7 @@ function StoryElementText(_ref) {
|
|
|
3002
3024
|
text = element.text.replace(/<a/g, '<a target="_blank"');
|
|
3003
3025
|
}
|
|
3004
3026
|
|
|
3005
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
3027
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3006
3028
|
dangerouslySetInnerHTML: {
|
|
3007
3029
|
__html: text
|
|
3008
3030
|
}
|
|
@@ -3014,17 +3036,17 @@ function StoryElementAlsoRead(_ref2) {
|
|
|
3014
3036
|
story = _ref2.story,
|
|
3015
3037
|
_ref2$alsoreadText = _ref2.alsoreadText,
|
|
3016
3038
|
alsoreadText = _ref2$alsoreadText === void 0 ? "Also Read: " : _ref2$alsoreadText;
|
|
3017
|
-
var linkedStories =
|
|
3018
|
-
var linkedStoryId =
|
|
3019
|
-
var linkedStorySlug =
|
|
3039
|
+
var linkedStories = get__default["default"](story, ["linked-stories"]);
|
|
3040
|
+
var linkedStoryId = get__default["default"](element, ["metadata", "linked-story-id"]);
|
|
3041
|
+
var linkedStorySlug = get__default["default"](linkedStories, [linkedStoryId, "slug"]);
|
|
3020
3042
|
var storyUrl = "/".concat(linkedStorySlug);
|
|
3021
3043
|
var linkProps = {
|
|
3022
3044
|
className: "story-element-text-also-read__link",
|
|
3023
3045
|
href: storyUrl
|
|
3024
3046
|
};
|
|
3025
|
-
return /*#__PURE__*/React__default.createElement("h3", {}, /*#__PURE__*/React__default.createElement("span", {
|
|
3047
|
+
return /*#__PURE__*/React__default["default"].createElement("h3", {}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
3026
3048
|
className: "story-element-text-also-read__label"
|
|
3027
|
-
}, alsoreadText), /*#__PURE__*/React__default.createElement(Link, linkProps, element.text));
|
|
3049
|
+
}, alsoreadText), /*#__PURE__*/React__default["default"].createElement(Link, linkProps, element.text));
|
|
3028
3050
|
}
|
|
3029
3051
|
|
|
3030
3052
|
function StoryElementImage(_ref3) {
|
|
@@ -3035,7 +3057,7 @@ function StoryElementImage(_ref3) {
|
|
|
3035
3057
|
imageDefaultWidth = _ref3.imageDefaultWidth,
|
|
3036
3058
|
_ref3$onClick = _ref3.onClick,
|
|
3037
3059
|
onClick = _ref3$onClick === void 0 ? function () {} : _ref3$onClick;
|
|
3038
|
-
return /*#__PURE__*/React__default.createElement("figure", {}, /*#__PURE__*/React__default.createElement(ResponsiveImage, {
|
|
3060
|
+
return /*#__PURE__*/React__default["default"].createElement("figure", {}, /*#__PURE__*/React__default["default"].createElement(ResponsiveImage, {
|
|
3039
3061
|
slug: element["image-s3-key"],
|
|
3040
3062
|
metadata: element["metadata"],
|
|
3041
3063
|
aspectRatio: null,
|
|
@@ -3046,14 +3068,14 @@ function StoryElementImage(_ref3) {
|
|
|
3046
3068
|
},
|
|
3047
3069
|
alt: element.title || story.headline,
|
|
3048
3070
|
onClick: onClick
|
|
3049
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
3071
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3050
3072
|
className: "story-element-caption-attribution-wrapper"
|
|
3051
|
-
}, element.title ? /*#__PURE__*/React__default.createElement("figcaption", {
|
|
3073
|
+
}, element.title ? /*#__PURE__*/React__default["default"].createElement("figcaption", {
|
|
3052
3074
|
dangerouslySetInnerHTML: {
|
|
3053
3075
|
__html: element.title
|
|
3054
3076
|
},
|
|
3055
3077
|
className: "story-element-image-title"
|
|
3056
|
-
}) : undefined, element["image-attribution"] ? /*#__PURE__*/React__default.createElement("figcaption", {
|
|
3078
|
+
}) : undefined, element["image-attribution"] ? /*#__PURE__*/React__default["default"].createElement("figcaption", {
|
|
3057
3079
|
dangerouslySetInnerHTML: {
|
|
3058
3080
|
__html: element["image-attribution"]
|
|
3059
3081
|
},
|
|
@@ -3063,12 +3085,12 @@ function StoryElementImage(_ref3) {
|
|
|
3063
3085
|
|
|
3064
3086
|
function StoryElementTitle(_ref4) {
|
|
3065
3087
|
var element = _ref4.element;
|
|
3066
|
-
return /*#__PURE__*/React__default.createElement("h2", {}, element.text);
|
|
3088
|
+
return /*#__PURE__*/React__default["default"].createElement("h2", {}, element.text);
|
|
3067
3089
|
}
|
|
3068
3090
|
|
|
3069
3091
|
function StoryElementSoundCloud(_ref5) {
|
|
3070
3092
|
var element = _ref5.element;
|
|
3071
|
-
return /*#__PURE__*/React__default.createElement("iframe", {
|
|
3093
|
+
return /*#__PURE__*/React__default["default"].createElement("iframe", {
|
|
3072
3094
|
src: element["embed-url"],
|
|
3073
3095
|
width: "100%"
|
|
3074
3096
|
});
|
|
@@ -3076,7 +3098,7 @@ function StoryElementSoundCloud(_ref5) {
|
|
|
3076
3098
|
|
|
3077
3099
|
function StoryElementJsembed(_ref6) {
|
|
3078
3100
|
var element = _ref6.element;
|
|
3079
|
-
return /*#__PURE__*/React__default.createElement(JSEmbed, {
|
|
3101
|
+
return /*#__PURE__*/React__default["default"].createElement(JSEmbed, {
|
|
3080
3102
|
embedJS: element["embed-js"],
|
|
3081
3103
|
id: element["id"]
|
|
3082
3104
|
});
|
|
@@ -3084,14 +3106,14 @@ function StoryElementJsembed(_ref6) {
|
|
|
3084
3106
|
|
|
3085
3107
|
function StoryElementPolltype(_ref7) {
|
|
3086
3108
|
var element = _ref7.element;
|
|
3087
|
-
return /*#__PURE__*/React__default.createElement(Polltype, {
|
|
3109
|
+
return /*#__PURE__*/React__default["default"].createElement(Polltype, {
|
|
3088
3110
|
id: element["polltype-id"]
|
|
3089
3111
|
});
|
|
3090
3112
|
}
|
|
3091
3113
|
|
|
3092
3114
|
function StoryElementTable(_ref8) {
|
|
3093
3115
|
var element = _ref8.element;
|
|
3094
|
-
return /*#__PURE__*/React__default.createElement(Table, {
|
|
3116
|
+
return /*#__PURE__*/React__default["default"].createElement(Table, {
|
|
3095
3117
|
id: element.id,
|
|
3096
3118
|
data: element.data,
|
|
3097
3119
|
hasHeader: element.metadata["has-header"]
|
|
@@ -3100,9 +3122,9 @@ function StoryElementTable(_ref8) {
|
|
|
3100
3122
|
|
|
3101
3123
|
function StoryElementFile(_ref9) {
|
|
3102
3124
|
var element = _ref9.element;
|
|
3103
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
3125
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3104
3126
|
className: "story-element-file__title"
|
|
3105
|
-
}, element["file-name"]), /*#__PURE__*/React__default.createElement("a", {
|
|
3127
|
+
}, element["file-name"]), /*#__PURE__*/React__default["default"].createElement("a", {
|
|
3106
3128
|
className: "story-element-file__link",
|
|
3107
3129
|
href: element.url,
|
|
3108
3130
|
download: true
|
|
@@ -3126,18 +3148,18 @@ var DEFAULT_TEMPLATES = {
|
|
|
3126
3148
|
};
|
|
3127
3149
|
|
|
3128
3150
|
var StoryElementBase = /*#__PURE__*/function (_React$Component2) {
|
|
3129
|
-
|
|
3151
|
+
_inherits__default["default"](StoryElementBase, _React$Component2);
|
|
3130
3152
|
|
|
3131
|
-
var _super2 = /*#__PURE__*/_createSuper$
|
|
3153
|
+
var _super2 = /*#__PURE__*/_createSuper$6(StoryElementBase);
|
|
3132
3154
|
|
|
3133
3155
|
function StoryElementBase(props) {
|
|
3134
3156
|
var _this2;
|
|
3135
3157
|
|
|
3136
|
-
|
|
3158
|
+
_classCallCheck__default["default"](this, StoryElementBase);
|
|
3137
3159
|
|
|
3138
3160
|
_this2 = _super2.call(this, props);
|
|
3139
3161
|
|
|
3140
|
-
|
|
3162
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this2), "initiateObserver", function () {
|
|
3141
3163
|
if (_this2.props.disableAnalytics === true) return false;
|
|
3142
3164
|
var options = {
|
|
3143
3165
|
root: null,
|
|
@@ -3149,11 +3171,11 @@ var StoryElementBase = /*#__PURE__*/function (_React$Component2) {
|
|
|
3149
3171
|
_this2.observer.observe(_this2.storyElementRef);
|
|
3150
3172
|
});
|
|
3151
3173
|
|
|
3152
|
-
|
|
3174
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this2), "destroyObserver", function () {
|
|
3153
3175
|
_this2.observer && _this2.observer.disconnect();
|
|
3154
3176
|
});
|
|
3155
3177
|
|
|
3156
|
-
|
|
3178
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this2), "observerCallback", function (entries) {
|
|
3157
3179
|
entries.forEach(function (entry) {
|
|
3158
3180
|
if (entry.isIntersecting) {
|
|
3159
3181
|
_this2.emitElementQlitics();
|
|
@@ -3166,7 +3188,7 @@ var StoryElementBase = /*#__PURE__*/function (_React$Component2) {
|
|
|
3166
3188
|
return _this2;
|
|
3167
3189
|
}
|
|
3168
3190
|
|
|
3169
|
-
|
|
3191
|
+
_createClass__default["default"](StoryElementBase, [{
|
|
3170
3192
|
key: "componentDidMount",
|
|
3171
3193
|
value: function componentDidMount() {
|
|
3172
3194
|
this.initiateObserver();
|
|
@@ -3223,28 +3245,28 @@ var StoryElementBase = /*#__PURE__*/function (_React$Component2) {
|
|
|
3223
3245
|
var _this$props2 = this.props,
|
|
3224
3246
|
_this$props2$renderTe = _this$props2.renderTemplates,
|
|
3225
3247
|
renderTemplates = _this$props2$renderTe === void 0 ? {} : _this$props2$renderTe,
|
|
3226
|
-
elementProps =
|
|
3248
|
+
elementProps = omit__default["default"](_this$props2, _excluded);
|
|
3227
3249
|
|
|
3228
3250
|
var renderTemplate = renderTemplates[storyElement.subtype] || renderTemplates[storyElement.type];
|
|
3229
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
3230
|
-
className:
|
|
3251
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3252
|
+
className: classNames__default["default"]((_classNames = {
|
|
3231
3253
|
"story-element": true
|
|
3232
|
-
},
|
|
3254
|
+
}, _defineProperty__default["default"](_classNames, typeClassName, true), _defineProperty__default["default"](_classNames, subtypeClassName, !!storyElement.subtype), _classNames)),
|
|
3233
3255
|
ref: function ref(_ref10) {
|
|
3234
3256
|
return _this3.storyElementRef = _ref10;
|
|
3235
3257
|
}
|
|
3236
|
-
}, renderTemplate ? /*#__PURE__*/React__default.createElement(renderTemplate, _objectSpread$
|
|
3258
|
+
}, renderTemplate ? /*#__PURE__*/React__default["default"].createElement(renderTemplate, _objectSpread$1({}, elementProps), /*#__PURE__*/React__default["default"].createElement(storyElementTemplate, Object.assign({}, elementProps))) : /*#__PURE__*/React__default["default"].createElement(storyElementTemplate, Object.assign({}, elementProps)));
|
|
3237
3259
|
}
|
|
3238
3260
|
}]);
|
|
3239
3261
|
|
|
3240
3262
|
return StoryElementBase;
|
|
3241
|
-
}(React__default.Component);
|
|
3263
|
+
}(React__default["default"].Component);
|
|
3242
3264
|
|
|
3243
3265
|
var STORY_ELEMENT_TEMPLATES = DEFAULT_TEMPLATES;
|
|
3244
3266
|
|
|
3245
|
-
function _createSuper$
|
|
3267
|
+
function _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
3246
3268
|
|
|
3247
|
-
function _isNativeReflectConstruct$
|
|
3269
|
+
function _isNativeReflectConstruct$5() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
3248
3270
|
|
|
3249
3271
|
function getNativeShareHandler(canNativeShare, title, fullUrl) {
|
|
3250
3272
|
if (!canNativeShare) {
|
|
@@ -3260,14 +3282,14 @@ function getNativeShareHandler(canNativeShare, title, fullUrl) {
|
|
|
3260
3282
|
}
|
|
3261
3283
|
|
|
3262
3284
|
var SocialShareBase = /*#__PURE__*/function (_React$Component) {
|
|
3263
|
-
|
|
3285
|
+
_inherits__default["default"](SocialShareBase, _React$Component);
|
|
3264
3286
|
|
|
3265
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
3287
|
+
var _super = /*#__PURE__*/_createSuper$5(SocialShareBase);
|
|
3266
3288
|
|
|
3267
3289
|
function SocialShareBase(props) {
|
|
3268
3290
|
var _this;
|
|
3269
3291
|
|
|
3270
|
-
|
|
3292
|
+
_classCallCheck__default["default"](this, SocialShareBase);
|
|
3271
3293
|
|
|
3272
3294
|
_this = _super.call(this, props);
|
|
3273
3295
|
_this.state = {
|
|
@@ -3276,7 +3298,7 @@ var SocialShareBase = /*#__PURE__*/function (_React$Component) {
|
|
|
3276
3298
|
return _this;
|
|
3277
3299
|
}
|
|
3278
3300
|
|
|
3279
|
-
|
|
3301
|
+
_createClass__default["default"](SocialShareBase, [{
|
|
3280
3302
|
key: "componentDidMount",
|
|
3281
3303
|
value: function componentDidMount() {
|
|
3282
3304
|
this.setState({
|
|
@@ -3288,7 +3310,7 @@ var SocialShareBase = /*#__PURE__*/function (_React$Component) {
|
|
|
3288
3310
|
value: function render() {
|
|
3289
3311
|
var fullUrl = this.props.fullUrl || "".concat(this.props.publisherUrl, "/").concat(this.props.url);
|
|
3290
3312
|
var hashtags = this.props.hashtags ? this.props.hashtags : '';
|
|
3291
|
-
return /*#__PURE__*/React__default.createElement(this.props.template, Object.assign({
|
|
3313
|
+
return /*#__PURE__*/React__default["default"].createElement(this.props.template, Object.assign({
|
|
3292
3314
|
fbUrl: "https://www.facebook.com/sharer.php?u=".concat(encodeURIComponent(fullUrl)),
|
|
3293
3315
|
twitterUrl: "https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(fullUrl), "&text=").concat(encodeURIComponent(this.props.title), "&hashtags=").concat(hashtags),
|
|
3294
3316
|
gplusUrl: "https://plus.google.com/share?url=".concat(encodeURIComponent(fullUrl)),
|
|
@@ -3301,9 +3323,9 @@ var SocialShareBase = /*#__PURE__*/function (_React$Component) {
|
|
|
3301
3323
|
}]);
|
|
3302
3324
|
|
|
3303
3325
|
return SocialShareBase;
|
|
3304
|
-
}(React__default.Component);
|
|
3326
|
+
}(React__default["default"].Component);
|
|
3305
3327
|
|
|
3306
|
-
function mapStateToProps$
|
|
3328
|
+
function mapStateToProps$3(state) {
|
|
3307
3329
|
return {
|
|
3308
3330
|
publisherUrl: state.qt.config["sketches-host"]
|
|
3309
3331
|
};
|
|
@@ -3347,26 +3369,26 @@ function mapStateToProps$8(state) {
|
|
|
3347
3369
|
*/
|
|
3348
3370
|
|
|
3349
3371
|
|
|
3350
|
-
var SocialShare = /*#__PURE__*/reactRedux.connect(mapStateToProps$
|
|
3372
|
+
var SocialShare = /*#__PURE__*/reactRedux.connect(mapStateToProps$3, {})( /*#__PURE__*/withError(SocialShareBase));
|
|
3351
3373
|
|
|
3352
3374
|
var StarIcon = function StarIcon(_ref) {
|
|
3353
3375
|
var size = _ref.size,
|
|
3354
3376
|
foregroundColor = _ref.foregroundColor,
|
|
3355
3377
|
backgroundColor = _ref.backgroundColor,
|
|
3356
3378
|
className = _ref.className;
|
|
3357
|
-
return /*#__PURE__*/React__default.createElement("svg", {
|
|
3379
|
+
return /*#__PURE__*/React__default["default"].createElement("svg", {
|
|
3358
3380
|
className: className,
|
|
3359
3381
|
width: size,
|
|
3360
3382
|
height: size,
|
|
3361
3383
|
viewBox: "0 0 45 45",
|
|
3362
3384
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3363
|
-
}, /*#__PURE__*/React__default.createElement("g", {
|
|
3385
|
+
}, /*#__PURE__*/React__default["default"].createElement("g", {
|
|
3364
3386
|
fill: "none",
|
|
3365
3387
|
fillRule: "evenodd"
|
|
3366
|
-
}, /*#__PURE__*/React__default.createElement("path", {
|
|
3388
|
+
}, /*#__PURE__*/React__default["default"].createElement("path", {
|
|
3367
3389
|
d: "M44.571 17.188c0 .392-.232.82-.696 1.285l-9.723 9.482 2.303 13.393c.018.125.027.304.027.536 0 .375-.094.692-.281.95-.188.26-.46.39-.817.39-.34 0-.696-.108-1.072-.322L22.287 36.58l-12.027 6.322c-.393.214-.75.321-1.072.321-.375 0-.656-.13-.843-.388-.188-.26-.281-.576-.281-.951 0-.107.017-.286.053-.536l2.304-13.393-9.75-9.482c-.447-.482-.67-.91-.67-1.285 0-.661.5-1.072 1.5-1.233L14.946 14l6.027-12.188c.34-.732.777-1.098 1.313-1.098.535 0 .973.366 1.312 1.099L29.625 14l13.446 1.955c1 .161 1.5.572 1.5 1.232z",
|
|
3368
3390
|
fill: backgroundColor
|
|
3369
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
3391
|
+
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
3370
3392
|
d: "M22.286.714V36.58l-12.027 6.322c-.393.214-.75.321-1.072.321-.375 0-.656-.13-.843-.388-.188-.26-.281-.576-.281-.951 0-.107.017-.286.053-.536l2.304-13.393-9.75-9.482c-.447-.482-.67-.91-.67-1.285 0-.661.5-1.072 1.5-1.233L14.946 14l6.027-12.188c.34-.732.777-1.098 1.313-1.098z",
|
|
3371
3393
|
fill: foregroundColor
|
|
3372
3394
|
})));
|
|
@@ -3411,13 +3433,13 @@ function ReviewRating(_ref) {
|
|
|
3411
3433
|
if (!canShowEmptyRating && value < 0.1) return null;
|
|
3412
3434
|
|
|
3413
3435
|
var activeComponent = function activeComponent(index) {
|
|
3414
|
-
return activeSymbol ? /*#__PURE__*/React__default.cloneElement(activeSymbol, {
|
|
3436
|
+
return activeSymbol ? /*#__PURE__*/React__default["default"].cloneElement(activeSymbol, {
|
|
3415
3437
|
size: size,
|
|
3416
3438
|
activeColor: activeColor,
|
|
3417
3439
|
inActiveColor: inActiveColor,
|
|
3418
3440
|
className: "".concat(className, "-symbol active"),
|
|
3419
3441
|
key: "review-".concat(index)
|
|
3420
|
-
}) : /*#__PURE__*/React__default.createElement(StarIcon, {
|
|
3442
|
+
}) : /*#__PURE__*/React__default["default"].createElement(StarIcon, {
|
|
3421
3443
|
size: size,
|
|
3422
3444
|
foregroundColor: activeColor,
|
|
3423
3445
|
backgroundColor: activeColor,
|
|
@@ -3428,13 +3450,13 @@ function ReviewRating(_ref) {
|
|
|
3428
3450
|
};
|
|
3429
3451
|
|
|
3430
3452
|
var inActiveComponent = function inActiveComponent(index) {
|
|
3431
|
-
return inActiveSymbol ? /*#__PURE__*/React__default.cloneElement(inActiveSymbol, {
|
|
3453
|
+
return inActiveSymbol ? /*#__PURE__*/React__default["default"].cloneElement(inActiveSymbol, {
|
|
3432
3454
|
size: size,
|
|
3433
3455
|
activeColor: activeColor,
|
|
3434
3456
|
inActiveColor: inActiveColor,
|
|
3435
3457
|
className: "".concat(className, "-symbol inactive"),
|
|
3436
3458
|
key: "review-".concat(index)
|
|
3437
|
-
}) : /*#__PURE__*/React__default.createElement(StarIcon, {
|
|
3459
|
+
}) : /*#__PURE__*/React__default["default"].createElement(StarIcon, {
|
|
3438
3460
|
size: size,
|
|
3439
3461
|
foregroundColor: inActiveColor,
|
|
3440
3462
|
backgroundColor: inActiveColor,
|
|
@@ -3444,13 +3466,13 @@ function ReviewRating(_ref) {
|
|
|
3444
3466
|
};
|
|
3445
3467
|
|
|
3446
3468
|
var halfActiveComponent = function halfActiveComponent(index) {
|
|
3447
|
-
return halfActiveSymbol ? /*#__PURE__*/React__default.cloneElement(halfActiveSymbol, {
|
|
3469
|
+
return halfActiveSymbol ? /*#__PURE__*/React__default["default"].cloneElement(halfActiveSymbol, {
|
|
3448
3470
|
size: size,
|
|
3449
3471
|
activeColor: activeColor,
|
|
3450
3472
|
inActiveColor: inActiveColor,
|
|
3451
3473
|
className: "".concat(className, "-symbol half-active"),
|
|
3452
3474
|
key: "review-".concat(index)
|
|
3453
|
-
}) : /*#__PURE__*/React__default.createElement(StarIcon, {
|
|
3475
|
+
}) : /*#__PURE__*/React__default["default"].createElement(StarIcon, {
|
|
3454
3476
|
size: size,
|
|
3455
3477
|
foregroundColor: activeColor,
|
|
3456
3478
|
backgroundColor: inActiveColor,
|
|
@@ -3471,7 +3493,7 @@ function ReviewRating(_ref) {
|
|
|
3471
3493
|
}
|
|
3472
3494
|
}
|
|
3473
3495
|
|
|
3474
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
3496
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3475
3497
|
className: className
|
|
3476
3498
|
}, children);
|
|
3477
3499
|
}
|
|
@@ -3537,7 +3559,7 @@ var Collection = function Collection(_ref) {
|
|
|
3537
3559
|
}).reduce(function (arr, v, i) {
|
|
3538
3560
|
return arr.concat([v, interstitial(i)]);
|
|
3539
3561
|
}, []);
|
|
3540
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
3562
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3541
3563
|
className: className
|
|
3542
3564
|
}, children);
|
|
3543
3565
|
};
|
|
@@ -3576,14 +3598,14 @@ function ImageGalleryElement(_ref) {
|
|
|
3576
3598
|
onClickHandler = _ref.onClickHandler;
|
|
3577
3599
|
element = element || {};
|
|
3578
3600
|
var images = element['story-elements'].map(function (image, index) {
|
|
3579
|
-
return /*#__PURE__*/React__default.createElement("figure", {
|
|
3601
|
+
return /*#__PURE__*/React__default["default"].createElement("figure", {
|
|
3580
3602
|
"data-test-id": "story-element-image-container",
|
|
3581
3603
|
key: image.id,
|
|
3582
3604
|
className: "story-element-image-gallery__image-container ".concat(onClickHandler ? 'custom-cursor' : ''),
|
|
3583
3605
|
onClick: function onClick() {
|
|
3584
3606
|
return onClickHandler && onClickHandler(index);
|
|
3585
3607
|
}
|
|
3586
|
-
}, /*#__PURE__*/React__default.createElement(ResponsiveImage, {
|
|
3608
|
+
}, /*#__PURE__*/React__default["default"].createElement(ResponsiveImage, {
|
|
3587
3609
|
slug: image["image-s3-key"],
|
|
3588
3610
|
metadata: image["metadata"],
|
|
3589
3611
|
aspectRatio: imageAspectRatio ? imageAspectRatio : [1, 1],
|
|
@@ -3596,14 +3618,14 @@ function ImageGalleryElement(_ref) {
|
|
|
3596
3618
|
alt: image.title || story.headline
|
|
3597
3619
|
}));
|
|
3598
3620
|
});
|
|
3599
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
3621
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3600
3622
|
className: "story-element-image-gallery",
|
|
3601
3623
|
"data-test-id": "story-element-image-gallery"
|
|
3602
3624
|
}, images);
|
|
3603
3625
|
}
|
|
3604
3626
|
|
|
3605
3627
|
function loadMoreWrapper(Component, data, enableLoadMoreButton, slug, numStoriesToLoad) {
|
|
3606
|
-
return !enableLoadMoreButton ? /*#__PURE__*/React__default.createElement(Component, data) : /*#__PURE__*/React__default.createElement(LoadMoreCollectionStories, {
|
|
3628
|
+
return !enableLoadMoreButton ? /*#__PURE__*/React__default["default"].createElement(Component, data) : /*#__PURE__*/React__default["default"].createElement(LoadMoreCollectionStories, {
|
|
3607
3629
|
template: Component,
|
|
3608
3630
|
collectionSlug: slug,
|
|
3609
3631
|
params: {
|
|
@@ -3617,19 +3639,19 @@ function loadMoreWrapper(Component, data, enableLoadMoreButton, slug, numStories
|
|
|
3617
3639
|
function lazyLoadWrapper(component, _ref) {
|
|
3618
3640
|
var _ref$lazy_load_images = _ref.lazy_load_images,
|
|
3619
3641
|
lazyLoadImages = _ref$lazy_load_images === void 0 ? false : _ref$lazy_load_images;
|
|
3620
|
-
return !lazyLoadImages ? component : /*#__PURE__*/React__default.createElement(LazyLoadImages, {}, component);
|
|
3642
|
+
return !lazyLoadImages ? component : /*#__PURE__*/React__default["default"].createElement(LazyLoadImages, {}, component);
|
|
3621
3643
|
}
|
|
3622
3644
|
|
|
3623
3645
|
function clientSideLoadWrapper(component, _ref2) {
|
|
3624
3646
|
var _ref2$client_side_onl = _ref2.client_side_only,
|
|
3625
3647
|
clientSideOnly = _ref2$client_side_onl === void 0 ? false : _ref2$client_side_onl;
|
|
3626
|
-
return !clientSideOnly ? component : /*#__PURE__*/React__default.createElement(ClientSideOnly, {}, component);
|
|
3648
|
+
return !clientSideOnly ? component : /*#__PURE__*/React__default["default"].createElement(ClientSideOnly, {}, component);
|
|
3627
3649
|
}
|
|
3628
3650
|
|
|
3629
3651
|
function WrapCollectionComponent(Component) {
|
|
3630
3652
|
return function (props) {
|
|
3631
3653
|
if (!props.collection) {
|
|
3632
|
-
return /*#__PURE__*/React__default.createElement("div", null);
|
|
3654
|
+
return /*#__PURE__*/React__default["default"].createElement("div", null);
|
|
3633
3655
|
}
|
|
3634
3656
|
|
|
3635
3657
|
var associatedMetadata = props.collection["associated-metadata"] || {};
|
|
@@ -3704,7 +3726,7 @@ function collectionToStories(collection) {
|
|
|
3704
3726
|
}
|
|
3705
3727
|
|
|
3706
3728
|
function replaceWithAlternates(story) {
|
|
3707
|
-
var alternates =
|
|
3729
|
+
var alternates = get__default["default"](story, ["alternative", "home", "default"]);
|
|
3708
3730
|
if (!alternates) return story;
|
|
3709
3731
|
return Object.assign({}, story, {
|
|
3710
3732
|
headline: alternates.headline || story.headline,
|
|
@@ -3716,7 +3738,7 @@ function replaceWithAlternates(story) {
|
|
|
3716
3738
|
}
|
|
3717
3739
|
|
|
3718
3740
|
function LoadMoreButton(props) {
|
|
3719
|
-
return /*#__PURE__*/React__default.createElement("button", {
|
|
3741
|
+
return /*#__PURE__*/React__default["default"].createElement("button", {
|
|
3720
3742
|
className: props.className,
|
|
3721
3743
|
onClick: props.onLoadMore,
|
|
3722
3744
|
"data-test-id": "load-more"
|
|
@@ -3728,27 +3750,27 @@ LoadMoreButton.defaultProps = {
|
|
|
3728
3750
|
text: 'Load more'
|
|
3729
3751
|
};
|
|
3730
3752
|
|
|
3731
|
-
function _createSuper$
|
|
3753
|
+
function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
3732
3754
|
|
|
3733
|
-
function _isNativeReflectConstruct$
|
|
3755
|
+
function _isNativeReflectConstruct$4() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
3734
3756
|
var loadedMember = false;
|
|
3735
3757
|
|
|
3736
3758
|
var WithMemberBase = /*#__PURE__*/function (_React$Component) {
|
|
3737
|
-
|
|
3759
|
+
_inherits__default["default"](WithMemberBase, _React$Component);
|
|
3738
3760
|
|
|
3739
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
3761
|
+
var _super = /*#__PURE__*/_createSuper$4(WithMemberBase);
|
|
3740
3762
|
|
|
3741
3763
|
function WithMemberBase(props) {
|
|
3742
3764
|
var _this;
|
|
3743
3765
|
|
|
3744
|
-
|
|
3766
|
+
_classCallCheck__default["default"](this, WithMemberBase);
|
|
3745
3767
|
|
|
3746
3768
|
_this = _super.call(this, props);
|
|
3747
|
-
_this.checkForMemberUpdated = _this.checkForMemberUpdated.bind(
|
|
3769
|
+
_this.checkForMemberUpdated = _this.checkForMemberUpdated.bind(_assertThisInitialized__default["default"](_this));
|
|
3748
3770
|
return _this;
|
|
3749
3771
|
}
|
|
3750
3772
|
|
|
3751
|
-
|
|
3773
|
+
_createClass__default["default"](WithMemberBase, [{
|
|
3752
3774
|
key: "checkForMemberUpdated",
|
|
3753
3775
|
value: function checkForMemberUpdated() {
|
|
3754
3776
|
var _this2 = this;
|
|
@@ -3793,13 +3815,13 @@ var WithMemberBase = /*#__PURE__*/function (_React$Component) {
|
|
|
3793
3815
|
}]);
|
|
3794
3816
|
|
|
3795
3817
|
return WithMemberBase;
|
|
3796
|
-
}(React__default.Component);
|
|
3818
|
+
}(React__default["default"].Component);
|
|
3797
3819
|
|
|
3798
3820
|
WithMemberBase.defaultProps = {
|
|
3799
3821
|
isBridgekeeperEnabled: false
|
|
3800
3822
|
};
|
|
3801
3823
|
|
|
3802
|
-
function mapStateToProps$
|
|
3824
|
+
function mapStateToProps$2(_ref2) {
|
|
3803
3825
|
var member = _ref2.member,
|
|
3804
3826
|
memberLoading = _ref2.memberLoading;
|
|
3805
3827
|
return {
|
|
@@ -3809,7 +3831,7 @@ function mapStateToProps$9(_ref2) {
|
|
|
3809
3831
|
};
|
|
3810
3832
|
}
|
|
3811
3833
|
|
|
3812
|
-
function mapDispatchToProps$
|
|
3834
|
+
function mapDispatchToProps$2(dispatch, ownProps) {
|
|
3813
3835
|
var logoutRequestUrl = ownProps.isBridgekeeperEnabled ? "/api/auth/v1/logout" : "/api/logout";
|
|
3814
3836
|
return {
|
|
3815
3837
|
memberBeingLoaded: function memberBeingLoaded() {
|
|
@@ -3863,11 +3885,11 @@ function mapDispatchToProps$6(dispatch, ownProps) {
|
|
|
3863
3885
|
*/
|
|
3864
3886
|
|
|
3865
3887
|
|
|
3866
|
-
var WithMember = /*#__PURE__*/reactRedux.connect(mapStateToProps$
|
|
3888
|
+
var WithMember = /*#__PURE__*/reactRedux.connect(mapStateToProps$2, mapDispatchToProps$2)(WithMemberBase);
|
|
3867
3889
|
|
|
3868
|
-
function _createSuper$
|
|
3890
|
+
function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
3869
3891
|
|
|
3870
|
-
function _isNativeReflectConstruct$
|
|
3892
|
+
function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
3871
3893
|
/**
|
|
3872
3894
|
* This higher order function can be used for the home or story page preview. It takes a component, and a function to map the story into props suitable for the component
|
|
3873
3895
|
*
|
|
@@ -3899,14 +3921,14 @@ function _isNativeReflectConstruct$m() { if (typeof Reflect === "undefined" || !
|
|
|
3899
3921
|
|
|
3900
3922
|
function WithPreview(klazz, updateData) {
|
|
3901
3923
|
return /*#__PURE__*/function (_React$Component) {
|
|
3902
|
-
|
|
3924
|
+
_inherits__default["default"](WithPreviewWrapper, _React$Component);
|
|
3903
3925
|
|
|
3904
|
-
var _super = _createSuper$
|
|
3926
|
+
var _super = _createSuper$3(WithPreviewWrapper);
|
|
3905
3927
|
|
|
3906
3928
|
function WithPreviewWrapper(props) {
|
|
3907
3929
|
var _this;
|
|
3908
3930
|
|
|
3909
|
-
|
|
3931
|
+
_classCallCheck__default["default"](this, WithPreviewWrapper);
|
|
3910
3932
|
|
|
3911
3933
|
_this = _super.call(this, props);
|
|
3912
3934
|
_this.state = {
|
|
@@ -3915,7 +3937,7 @@ function WithPreview(klazz, updateData) {
|
|
|
3915
3937
|
return _this;
|
|
3916
3938
|
}
|
|
3917
3939
|
|
|
3918
|
-
|
|
3940
|
+
_createClass__default["default"](WithPreviewWrapper, [{
|
|
3919
3941
|
key: "componentDidMount",
|
|
3920
3942
|
value: function componentDidMount() {
|
|
3921
3943
|
var _this2 = this;
|
|
@@ -3932,26 +3954,26 @@ function WithPreview(klazz, updateData) {
|
|
|
3932
3954
|
key: "render",
|
|
3933
3955
|
value: function render() {
|
|
3934
3956
|
if (!this.state.story) {
|
|
3935
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
3957
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3936
3958
|
style: {
|
|
3937
3959
|
minHeight: 200
|
|
3938
3960
|
}
|
|
3939
3961
|
});
|
|
3940
3962
|
}
|
|
3941
3963
|
|
|
3942
|
-
return /*#__PURE__*/React__default.createElement(klazz, Object.assign({}, this.props, {
|
|
3964
|
+
return /*#__PURE__*/React__default["default"].createElement(klazz, Object.assign({}, this.props, {
|
|
3943
3965
|
data: updateData(this.props.data, this.state.story)
|
|
3944
3966
|
}));
|
|
3945
3967
|
}
|
|
3946
3968
|
}]);
|
|
3947
3969
|
|
|
3948
3970
|
return WithPreviewWrapper;
|
|
3949
|
-
}(React__default.Component);
|
|
3971
|
+
}(React__default["default"].Component);
|
|
3950
3972
|
}
|
|
3951
3973
|
|
|
3952
|
-
function _createSuper$
|
|
3974
|
+
function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
3953
3975
|
|
|
3954
|
-
function _isNativeReflectConstruct$
|
|
3976
|
+
function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
3955
3977
|
/**
|
|
3956
3978
|
* This is an abstract render props component for logging in with social accounts. The component adds two items to scope: `serverSideLoginPath` for redirecting to server side, and `login` for doing a client side login. Calling `login()` returns a promise which can be used to handle success and failure cases.
|
|
3957
3979
|
*
|
|
@@ -4001,14 +4023,14 @@ function _isNativeReflectConstruct$n() { if (typeof Reflect === "undefined" || !
|
|
|
4001
4023
|
*/
|
|
4002
4024
|
|
|
4003
4025
|
var WithSocialLogin = /*#__PURE__*/function (_React$Component) {
|
|
4004
|
-
|
|
4026
|
+
_inherits__default["default"](WithSocialLogin, _React$Component);
|
|
4005
4027
|
|
|
4006
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
4028
|
+
var _super = /*#__PURE__*/_createSuper$2(WithSocialLogin);
|
|
4007
4029
|
|
|
4008
4030
|
function WithSocialLogin(props) {
|
|
4009
4031
|
var _this;
|
|
4010
4032
|
|
|
4011
|
-
|
|
4033
|
+
_classCallCheck__default["default"](this, WithSocialLogin);
|
|
4012
4034
|
|
|
4013
4035
|
_this = _super.call(this, props);
|
|
4014
4036
|
_this.bridgekeeperServerLoginPath = "/api/auth/v1/login?auth-provider=".concat(_this.props.provider, "&redirect-url=").concat(_this.props.redirectUrl ? _this.props.redirectUrl : global.location && global.location.origin);
|
|
@@ -4018,7 +4040,7 @@ var WithSocialLogin = /*#__PURE__*/function (_React$Component) {
|
|
|
4018
4040
|
return _this;
|
|
4019
4041
|
}
|
|
4020
4042
|
|
|
4021
|
-
|
|
4043
|
+
_createClass__default["default"](WithSocialLogin, [{
|
|
4022
4044
|
key: "componentDidMount",
|
|
4023
4045
|
value: function componentDidMount() {
|
|
4024
4046
|
this.props.initialize();
|
|
@@ -4040,7 +4062,7 @@ var WithSocialLogin = /*#__PURE__*/function (_React$Component) {
|
|
|
4040
4062
|
}]);
|
|
4041
4063
|
|
|
4042
4064
|
return WithSocialLogin;
|
|
4043
|
-
}(React__default.Component);
|
|
4065
|
+
}(React__default["default"].Component);
|
|
4044
4066
|
|
|
4045
4067
|
function createSession(provider, token) {
|
|
4046
4068
|
return postRequest("/api/login/".concat(provider), {
|
|
@@ -4077,7 +4099,7 @@ function WithFacebookLogin(_ref) {
|
|
|
4077
4099
|
redirectUrl = _ref.redirectUrl,
|
|
4078
4100
|
sso = _ref.sso,
|
|
4079
4101
|
isBridgekeeperLogin = _ref.isBridgekeeperLogin;
|
|
4080
|
-
return /*#__PURE__*/React__default.createElement(WithSocialLogin, {
|
|
4102
|
+
return /*#__PURE__*/React__default["default"].createElement(WithSocialLogin, {
|
|
4081
4103
|
provider: 'facebook',
|
|
4082
4104
|
initialize: function initialize() {
|
|
4083
4105
|
return loadFacebookSDK(appId);
|
|
@@ -4173,7 +4195,7 @@ function WithGoogleLogin(_ref) {
|
|
|
4173
4195
|
redirectUrl = _ref.redirectUrl,
|
|
4174
4196
|
sso = _ref.sso,
|
|
4175
4197
|
isBridgekeeperLogin = _ref.isBridgekeeperLogin;
|
|
4176
|
-
return /*#__PURE__*/React__default.createElement(WithSocialLogin, {
|
|
4198
|
+
return /*#__PURE__*/React__default["default"].createElement(WithSocialLogin, {
|
|
4177
4199
|
provider: 'google',
|
|
4178
4200
|
initialize: function initialize() {
|
|
4179
4201
|
return loadGoogleSDK(clientId, scope);
|
|
@@ -4246,14 +4268,14 @@ var loadGoogleSDK = function loadGoogleSDK(clientId, scope) {
|
|
|
4246
4268
|
*/
|
|
4247
4269
|
|
|
4248
4270
|
function WithTwitterLogin(_ref) {
|
|
4249
|
-
|
|
4250
|
-
children = _ref.children
|
|
4251
|
-
|
|
4252
|
-
|
|
4253
|
-
redirectUrl = _ref.redirectUrl,
|
|
4271
|
+
_ref.clientId;
|
|
4272
|
+
var children = _ref.children;
|
|
4273
|
+
_ref.scope;
|
|
4274
|
+
_ref.emailMandatory;
|
|
4275
|
+
var redirectUrl = _ref.redirectUrl,
|
|
4254
4276
|
sso = _ref.sso,
|
|
4255
4277
|
isBridgekeeperLogin = _ref.isBridgekeeperLogin;
|
|
4256
|
-
return /*#__PURE__*/React__default.createElement(WithSocialLogin, {
|
|
4278
|
+
return /*#__PURE__*/React__default["default"].createElement(WithSocialLogin, {
|
|
4257
4279
|
provider: 'twitter',
|
|
4258
4280
|
children: children,
|
|
4259
4281
|
redirectUrl: redirectUrl,
|
|
@@ -4270,13 +4292,13 @@ function WithTwitterLogin(_ref) {
|
|
|
4270
4292
|
|
|
4271
4293
|
function WithLinkedInLogin(_ref) {
|
|
4272
4294
|
var clientKey = _ref.clientKey,
|
|
4273
|
-
children = _ref.children
|
|
4274
|
-
|
|
4275
|
-
emailMandatory = _ref.emailMandatory,
|
|
4295
|
+
children = _ref.children;
|
|
4296
|
+
_ref.scope;
|
|
4297
|
+
var emailMandatory = _ref.emailMandatory,
|
|
4276
4298
|
redirectUrl = _ref.redirectUrl,
|
|
4277
4299
|
sso = _ref.sso,
|
|
4278
4300
|
isBridgekeeperLogin = _ref.isBridgekeeperLogin;
|
|
4279
|
-
return /*#__PURE__*/React__default.createElement(WithSocialLogin, {
|
|
4301
|
+
return /*#__PURE__*/React__default["default"].createElement(WithSocialLogin, {
|
|
4280
4302
|
provider: 'linkedin',
|
|
4281
4303
|
initialize: function initialize() {
|
|
4282
4304
|
return loadLinkedInSdk(clientKey);
|
|
@@ -4308,7 +4330,7 @@ var loadLinkedInSdk = function loadLinkedInSdk(clientKey, scope) {
|
|
|
4308
4330
|
};
|
|
4309
4331
|
|
|
4310
4332
|
var loginWithLinkedIn = function loginWithLinkedIn(_ref2) {
|
|
4311
|
-
|
|
4333
|
+
_ref2.emailMandatory;
|
|
4312
4334
|
|
|
4313
4335
|
if (!global.IN || !global.IN.User) {
|
|
4314
4336
|
return Promise.reject("NOT_LOADED");
|
|
@@ -4328,9 +4350,9 @@ var loginWithLinkedIn = function loginWithLinkedIn(_ref2) {
|
|
|
4328
4350
|
});
|
|
4329
4351
|
};
|
|
4330
4352
|
|
|
4331
|
-
function _createSuper$
|
|
4353
|
+
function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
4332
4354
|
|
|
4333
|
-
function _isNativeReflectConstruct$
|
|
4355
|
+
function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
4334
4356
|
/**
|
|
4335
4357
|
* This render props component willupdate it's children via props while executing data loaders sent as props to the component.
|
|
4336
4358
|
*
|
|
@@ -4360,14 +4382,14 @@ function _isNativeReflectConstruct$o() { if (typeof Reflect === "undefined" || !
|
|
|
4360
4382
|
*/
|
|
4361
4383
|
|
|
4362
4384
|
var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
|
|
4363
|
-
|
|
4385
|
+
_inherits__default["default"](UpdateOnInterval, _React$Component);
|
|
4364
4386
|
|
|
4365
|
-
var _super = /*#__PURE__*/_createSuper$
|
|
4387
|
+
var _super = /*#__PURE__*/_createSuper$1(UpdateOnInterval);
|
|
4366
4388
|
|
|
4367
4389
|
function UpdateOnInterval(props) {
|
|
4368
4390
|
var _this;
|
|
4369
4391
|
|
|
4370
|
-
|
|
4392
|
+
_classCallCheck__default["default"](this, UpdateOnInterval);
|
|
4371
4393
|
|
|
4372
4394
|
_this = _super.call(this, props);
|
|
4373
4395
|
_this.fetchIntervalIndex = -1;
|
|
@@ -4377,7 +4399,7 @@ var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
|
|
|
4377
4399
|
return _this;
|
|
4378
4400
|
}
|
|
4379
4401
|
|
|
4380
|
-
|
|
4402
|
+
_createClass__default["default"](UpdateOnInterval, [{
|
|
4381
4403
|
key: "componentDidMount",
|
|
4382
4404
|
value: function componentDidMount() {
|
|
4383
4405
|
this.registerInterval();
|
|
@@ -4404,9 +4426,9 @@ var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
|
|
|
4404
4426
|
}, {
|
|
4405
4427
|
key: "setData",
|
|
4406
4428
|
value: function () {
|
|
4407
|
-
var _setData = /*#__PURE__*/
|
|
4429
|
+
var _setData = /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
|
|
4408
4430
|
var data;
|
|
4409
|
-
return
|
|
4431
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
|
|
4410
4432
|
while (1) {
|
|
4411
4433
|
switch (_context.prev = _context.next) {
|
|
4412
4434
|
case 0:
|
|
@@ -4458,36 +4480,36 @@ var UpdateOnInterval = /*#__PURE__*/function (_React$Component) {
|
|
|
4458
4480
|
}]);
|
|
4459
4481
|
|
|
4460
4482
|
return UpdateOnInterval;
|
|
4461
|
-
}(React__default.Component);
|
|
4483
|
+
}(React__default["default"].Component);
|
|
4462
4484
|
UpdateOnInterval.defaultProps = {
|
|
4463
4485
|
interval: 30000,
|
|
4464
4486
|
initData: {}
|
|
4465
4487
|
};
|
|
4466
4488
|
|
|
4467
|
-
function ownKeys
|
|
4489
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
4468
4490
|
|
|
4469
|
-
function _objectSpread
|
|
4491
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
4470
4492
|
|
|
4471
|
-
function _createSuper
|
|
4493
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
|
|
4472
4494
|
|
|
4473
|
-
function _isNativeReflectConstruct
|
|
4495
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
4474
4496
|
|
|
4475
4497
|
var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
4476
|
-
|
|
4498
|
+
_inherits__default["default"](AccessTypeBase, _React$Component);
|
|
4477
4499
|
|
|
4478
|
-
var _super = /*#__PURE__*/_createSuper
|
|
4500
|
+
var _super = /*#__PURE__*/_createSuper(AccessTypeBase);
|
|
4479
4501
|
|
|
4480
4502
|
function AccessTypeBase(props) {
|
|
4481
4503
|
var _this;
|
|
4482
4504
|
|
|
4483
|
-
|
|
4505
|
+
_classCallCheck__default["default"](this, AccessTypeBase);
|
|
4484
4506
|
|
|
4485
4507
|
_this = _super.call(this, props);
|
|
4486
4508
|
|
|
4487
|
-
|
|
4488
|
-
var accessTypeKey =
|
|
4489
|
-
var isStaging =
|
|
4490
|
-
var enableAccesstype =
|
|
4509
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "loadScript", function (callback) {
|
|
4510
|
+
var accessTypeKey = get__default["default"](_this.props, ["accessTypeKey"]);
|
|
4511
|
+
var isStaging = get__default["default"](_this.props, ["isStaging"]);
|
|
4512
|
+
var enableAccesstype = get__default["default"](_this.props, ["enableAccesstype"]);
|
|
4491
4513
|
|
|
4492
4514
|
if (!enableAccesstype) {
|
|
4493
4515
|
return false;
|
|
@@ -4517,8 +4539,8 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
4517
4539
|
return true;
|
|
4518
4540
|
});
|
|
4519
4541
|
|
|
4520
|
-
|
|
4521
|
-
var _ref =
|
|
4542
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "setUser", /*#__PURE__*/function () {
|
|
4543
|
+
var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(emailAddress, mobileNumber, accesstypeJwt) {
|
|
4522
4544
|
var isLoggedIn,
|
|
4523
4545
|
userObj,
|
|
4524
4546
|
_yield$awaitHelper,
|
|
@@ -4526,7 +4548,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
4526
4548
|
user,
|
|
4527
4549
|
_args = arguments;
|
|
4528
4550
|
|
|
4529
|
-
return
|
|
4551
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
|
|
4530
4552
|
while (1) {
|
|
4531
4553
|
switch (_context.prev = _context.next) {
|
|
4532
4554
|
case 0:
|
|
@@ -4579,11 +4601,11 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
4579
4601
|
};
|
|
4580
4602
|
}());
|
|
4581
4603
|
|
|
4582
|
-
|
|
4583
|
-
var _ref2 =
|
|
4604
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "validateCoupon", /*#__PURE__*/function () {
|
|
4605
|
+
var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(selectedPlanId, couponCode) {
|
|
4584
4606
|
var _yield$awaitHelper2, error, data;
|
|
4585
4607
|
|
|
4586
|
-
return
|
|
4608
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
|
|
4587
4609
|
while (1) {
|
|
4588
4610
|
switch (_context2.prev = _context2.next) {
|
|
4589
4611
|
case 0:
|
|
@@ -4630,10 +4652,10 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
4630
4652
|
};
|
|
4631
4653
|
}());
|
|
4632
4654
|
|
|
4633
|
-
|
|
4655
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "cancelSubscription", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3() {
|
|
4634
4656
|
var subscriptionId,
|
|
4635
4657
|
_args3 = arguments;
|
|
4636
|
-
return
|
|
4658
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
|
|
4637
4659
|
while (1) {
|
|
4638
4660
|
switch (_context3.prev = _context3.next) {
|
|
4639
4661
|
case 0:
|
|
@@ -4657,15 +4679,15 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
4657
4679
|
}, _callee3);
|
|
4658
4680
|
})));
|
|
4659
4681
|
|
|
4660
|
-
|
|
4682
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getSubscription", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4() {
|
|
4661
4683
|
var accessTypeKey, isStaging, HOST, accessTypeHost, _yield$awaitHelper3, error, subscriptions;
|
|
4662
4684
|
|
|
4663
|
-
return
|
|
4685
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
|
|
4664
4686
|
while (1) {
|
|
4665
4687
|
switch (_context4.prev = _context4.next) {
|
|
4666
4688
|
case 0:
|
|
4667
|
-
accessTypeKey =
|
|
4668
|
-
isStaging =
|
|
4689
|
+
accessTypeKey = get__default["default"](_this.props, ["accessTypeKey"]);
|
|
4690
|
+
isStaging = get__default["default"](_this.props, ["isStaging"]);
|
|
4669
4691
|
HOST = isStaging ? _this.stagingHost : _this.prodHost; // TODO: use AccesstypeJS method insead of direct api call
|
|
4670
4692
|
|
|
4671
4693
|
accessTypeHost = "".concat(HOST, "/api/v1/subscription_groups.json?key=").concat(accessTypeKey);
|
|
@@ -4703,10 +4725,10 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
4703
4725
|
}, _callee4);
|
|
4704
4726
|
})));
|
|
4705
4727
|
|
|
4706
|
-
|
|
4728
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getPaymentOptions", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5() {
|
|
4707
4729
|
var _yield$awaitHelper4, error, paymentOptions;
|
|
4708
4730
|
|
|
4709
|
-
return
|
|
4731
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
|
|
4710
4732
|
while (1) {
|
|
4711
4733
|
switch (_context5.prev = _context5.next) {
|
|
4712
4734
|
case 0:
|
|
@@ -4746,7 +4768,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
4746
4768
|
}, _callee5);
|
|
4747
4769
|
})));
|
|
4748
4770
|
|
|
4749
|
-
|
|
4771
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getAssetPlans", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6() {
|
|
4750
4772
|
var storyId,
|
|
4751
4773
|
_yield$awaitHelper5,
|
|
4752
4774
|
error,
|
|
@@ -4754,7 +4776,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
4754
4776
|
assetPlans,
|
|
4755
4777
|
_args6 = arguments;
|
|
4756
4778
|
|
|
4757
|
-
return
|
|
4779
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
|
|
4758
4780
|
while (1) {
|
|
4759
4781
|
switch (_context6.prev = _context6.next) {
|
|
4760
4782
|
case 0:
|
|
@@ -4800,22 +4822,22 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
4800
4822
|
}, _callee6);
|
|
4801
4823
|
})));
|
|
4802
4824
|
|
|
4803
|
-
|
|
4825
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getCampaignSubscription", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7() {
|
|
4804
4826
|
var isAccessTypeCampaignEnabled, accessTypeKey, isStaging, HOST, accessTypeHost, _yield$awaitHelper6, error, campaignSubscriptions;
|
|
4805
4827
|
|
|
4806
|
-
return
|
|
4828
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context7) {
|
|
4807
4829
|
while (1) {
|
|
4808
4830
|
switch (_context7.prev = _context7.next) {
|
|
4809
4831
|
case 0:
|
|
4810
|
-
isAccessTypeCampaignEnabled =
|
|
4832
|
+
isAccessTypeCampaignEnabled = get__default["default"](_this.props, ["isAccessTypeCampaignEnabled"], false);
|
|
4811
4833
|
|
|
4812
4834
|
if (!isAccessTypeCampaignEnabled) {
|
|
4813
4835
|
_context7.next = 18;
|
|
4814
4836
|
break;
|
|
4815
4837
|
}
|
|
4816
4838
|
|
|
4817
|
-
accessTypeKey =
|
|
4818
|
-
isStaging =
|
|
4839
|
+
accessTypeKey = get__default["default"](_this.props, ["accessTypeKey"]);
|
|
4840
|
+
isStaging = get__default["default"](_this.props, ["isStaging"]);
|
|
4819
4841
|
HOST = isStaging ? _this.stagingHost : _this.prodHost;
|
|
4820
4842
|
accessTypeHost = "".concat(HOST, "/api/v1/campaigns.json?key=").concat(accessTypeKey);
|
|
4821
4843
|
_context7.t0 = awaitHelper;
|
|
@@ -4855,14 +4877,14 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
4855
4877
|
}, _callee7);
|
|
4856
4878
|
})));
|
|
4857
4879
|
|
|
4858
|
-
|
|
4880
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "runSequentialCalls", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee8() {
|
|
4859
4881
|
var callback,
|
|
4860
4882
|
jwtResponse,
|
|
4861
4883
|
_yield$awaitHelper7,
|
|
4862
4884
|
error,
|
|
4863
4885
|
_args8 = arguments;
|
|
4864
4886
|
|
|
4865
|
-
return
|
|
4887
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee8$(_context8) {
|
|
4866
4888
|
while (1) {
|
|
4867
4889
|
switch (_context8.prev = _context8.next) {
|
|
4868
4890
|
case 0:
|
|
@@ -4884,7 +4906,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
4884
4906
|
if (!error) {
|
|
4885
4907
|
try {
|
|
4886
4908
|
Promise.all([_this.getSubscription(), _this.getPaymentOptions(), _this.getAssetPlans(), _this.getCampaignSubscription()]).then(function (_ref9) {
|
|
4887
|
-
var _ref10 =
|
|
4909
|
+
var _ref10 = _slicedToArray__default["default"](_ref9, 4),
|
|
4888
4910
|
subscriptionGroups = _ref10[0],
|
|
4889
4911
|
paymentOptions = _ref10[1],
|
|
4890
4912
|
assetPlans = _ref10[2],
|
|
@@ -4914,10 +4936,10 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
4914
4936
|
}, _callee8);
|
|
4915
4937
|
})));
|
|
4916
4938
|
|
|
4917
|
-
|
|
4939
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getSubscriptionForUser", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee9() {
|
|
4918
4940
|
var _yield$awaitHelper8, error, _yield$awaitHelper8$d, subscriptions;
|
|
4919
4941
|
|
|
4920
|
-
return
|
|
4942
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee9$(_context9) {
|
|
4921
4943
|
while (1) {
|
|
4922
4944
|
switch (_context9.prev = _context9.next) {
|
|
4923
4945
|
case 0:
|
|
@@ -4956,7 +4978,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
4956
4978
|
}, _callee9);
|
|
4957
4979
|
})));
|
|
4958
4980
|
|
|
4959
|
-
|
|
4981
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initAccessType", function (callback) {
|
|
4960
4982
|
var accessTypeBkIntegrationId = _this.props.accessTypeBkIntegrationId;
|
|
4961
4983
|
|
|
4962
4984
|
try {
|
|
@@ -4974,7 +4996,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
4974
4996
|
}
|
|
4975
4997
|
});
|
|
4976
4998
|
|
|
4977
|
-
|
|
4999
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initRazorPayPayment", function () {
|
|
4978
5000
|
var selectedPlanObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
4979
5001
|
var planType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
|
|
4980
5002
|
var storyId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
|
|
@@ -4990,14 +5012,14 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
4990
5012
|
|
|
4991
5013
|
|
|
4992
5014
|
var paymentOptions = _this.props.paymentOptions;
|
|
4993
|
-
planObject["paymentType"] =
|
|
5015
|
+
planObject["paymentType"] = get__default["default"](planObject.selectedPlan, ["recurring"]) ? "razorpay_recurring" : "razorpay";
|
|
4994
5016
|
|
|
4995
5017
|
var paymentObject = _this.makePaymentObject(planObject);
|
|
4996
5018
|
|
|
4997
5019
|
return paymentOptions.razorpay.proceed(paymentObject);
|
|
4998
5020
|
});
|
|
4999
5021
|
|
|
5000
|
-
|
|
5022
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initStripePayment", function () {
|
|
5001
5023
|
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
5002
5024
|
|
|
5003
5025
|
if (!options.selectedPlan) {
|
|
@@ -5006,9 +5028,9 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
5006
5028
|
}
|
|
5007
5029
|
|
|
5008
5030
|
var paymentOptions = _this.props.paymentOptions;
|
|
5009
|
-
var paymentType =
|
|
5031
|
+
var paymentType = get__default["default"](options.selectedPlan, ["recurring"]) ? "stripe_recurring" : "stripe";
|
|
5010
5032
|
|
|
5011
|
-
var paymentObject = _this.makePaymentObject(_objectSpread
|
|
5033
|
+
var paymentObject = _this.makePaymentObject(_objectSpread({
|
|
5012
5034
|
paymentType: paymentType
|
|
5013
5035
|
}, options));
|
|
5014
5036
|
|
|
@@ -5017,7 +5039,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
5017
5039
|
});
|
|
5018
5040
|
});
|
|
5019
5041
|
|
|
5020
|
-
|
|
5042
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initPaypalPayment", function () {
|
|
5021
5043
|
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
5022
5044
|
|
|
5023
5045
|
if (!options.selectedPlan) {
|
|
@@ -5026,9 +5048,9 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
5026
5048
|
}
|
|
5027
5049
|
|
|
5028
5050
|
var paymentOptions = _this.props.paymentOptions;
|
|
5029
|
-
var paymentType =
|
|
5051
|
+
var paymentType = get__default["default"](options.selectedPlan, ["recurring"]) ? "paypal_recurring" : "paypal";
|
|
5030
5052
|
|
|
5031
|
-
var paymentObject = _this.makePaymentObject(_objectSpread
|
|
5053
|
+
var paymentObject = _this.makePaymentObject(_objectSpread({
|
|
5032
5054
|
paymentType: paymentType
|
|
5033
5055
|
}, options));
|
|
5034
5056
|
|
|
@@ -5039,7 +5061,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
5039
5061
|
});
|
|
5040
5062
|
});
|
|
5041
5063
|
|
|
5042
|
-
|
|
5064
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initOmisePayment", function () {
|
|
5043
5065
|
var selectedPlanObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
5044
5066
|
var planType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
|
|
5045
5067
|
|
|
@@ -5050,11 +5072,11 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
5050
5072
|
|
|
5051
5073
|
var planObject = _this.makePlanObject(selectedPlanObj, planType);
|
|
5052
5074
|
|
|
5053
|
-
planObject["paymentType"] =
|
|
5075
|
+
planObject["paymentType"] = get__default["default"](planObject, ["selectedPlan", "recurring"]) ? "omise_recurring" : "omise";
|
|
5054
5076
|
|
|
5055
5077
|
var paymentObject = _this.makePaymentObject(planObject);
|
|
5056
5078
|
|
|
5057
|
-
var omise =
|
|
5079
|
+
var omise = get__default["default"](_this.props, ["paymentOptions", "omise"]);
|
|
5058
5080
|
|
|
5059
5081
|
if (!omise) {
|
|
5060
5082
|
return Promise.reject({
|
|
@@ -5067,9 +5089,56 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
5067
5089
|
});
|
|
5068
5090
|
});
|
|
5069
5091
|
|
|
5070
|
-
|
|
5071
|
-
var
|
|
5072
|
-
|
|
5092
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "initAdyenPayment", function () {
|
|
5093
|
+
var selectedPlanObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
5094
|
+
var planType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
|
|
5095
|
+
var AdyenModal = arguments.length > 2 ? arguments[2] : undefined;
|
|
5096
|
+
var locale = arguments.length > 3 ? arguments[3] : undefined;
|
|
5097
|
+
|
|
5098
|
+
var adyenExecutor = function adyenExecutor(resolve, reject) {
|
|
5099
|
+
if (!document.getElementById("adyen-modal")) {
|
|
5100
|
+
var modalElement = document.createElement("div");
|
|
5101
|
+
modalElement.setAttribute("id", "adyen-modal");
|
|
5102
|
+
document.body.appendChild(modalElement);
|
|
5103
|
+
}
|
|
5104
|
+
|
|
5105
|
+
var afterOpen = function afterOpen() {
|
|
5106
|
+
var planObject = _this.makePlanObject(selectedPlanObj, planType);
|
|
5107
|
+
|
|
5108
|
+
var isRecurring = get__default["default"](planObject, ["selectedPlan", "recurring"]);
|
|
5109
|
+
var paymentType = isRecurring ? "adyen_recurring" : "adyen";
|
|
5110
|
+
|
|
5111
|
+
var paymentObject = _this.makePaymentObject(_objectSpread(_objectSpread({}, planObject), {}, {
|
|
5112
|
+
paymentType: paymentType
|
|
5113
|
+
}));
|
|
5114
|
+
|
|
5115
|
+
var adyen = get__default["default"](_this.props, ["paymentOptions", "adyen"]);
|
|
5116
|
+
paymentObject = _objectSpread(_objectSpread({}, paymentObject), {}, {
|
|
5117
|
+
options: _objectSpread(_objectSpread({}, paymentObject["options"]), {}, {
|
|
5118
|
+
dropin_container_id: "dropin-adyen",
|
|
5119
|
+
locale: locale
|
|
5120
|
+
}),
|
|
5121
|
+
additional_data: {
|
|
5122
|
+
publisher_return_url: "".concat(document.location.origin, "/user-details")
|
|
5123
|
+
}
|
|
5124
|
+
});
|
|
5125
|
+
return resolve(adyen.proceed(paymentObject).then(function (response) {
|
|
5126
|
+
return response.proceed(paymentObject);
|
|
5127
|
+
}));
|
|
5128
|
+
};
|
|
5129
|
+
|
|
5130
|
+
ReactDOM__default["default"].render( /*#__PURE__*/React__default["default"].createElement(AdyenModal, {
|
|
5131
|
+
afterOpen: afterOpen,
|
|
5132
|
+
afterClose: reject
|
|
5133
|
+
}), document.getElementById("adyen-modal"));
|
|
5134
|
+
};
|
|
5135
|
+
|
|
5136
|
+
return new Promise(adyenExecutor);
|
|
5137
|
+
});
|
|
5138
|
+
|
|
5139
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "pingBackMeteredStory", /*#__PURE__*/function () {
|
|
5140
|
+
var _ref12 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee10(asset, accessData) {
|
|
5141
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee10$(_context10) {
|
|
5073
5142
|
while (1) {
|
|
5074
5143
|
switch (_context10.prev = _context10.next) {
|
|
5075
5144
|
case 0:
|
|
@@ -5094,11 +5163,11 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
5094
5163
|
};
|
|
5095
5164
|
}());
|
|
5096
5165
|
|
|
5097
|
-
|
|
5098
|
-
var _ref13 =
|
|
5166
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "checkAccess", /*#__PURE__*/function () {
|
|
5167
|
+
var _ref13 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee11(assetId) {
|
|
5099
5168
|
var asset, _yield$awaitHelper9, error, accessData, accessById, granted, grantReason, _accessData$data, data;
|
|
5100
5169
|
|
|
5101
|
-
return
|
|
5170
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee11$(_context11) {
|
|
5102
5171
|
while (1) {
|
|
5103
5172
|
switch (_context11.prev = _context11.next) {
|
|
5104
5173
|
case 0:
|
|
@@ -5124,7 +5193,7 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
5124
5193
|
_yield$awaitHelper9 = _context11.sent;
|
|
5125
5194
|
error = _yield$awaitHelper9.error;
|
|
5126
5195
|
accessData = _yield$awaitHelper9.data;
|
|
5127
|
-
accessById =
|
|
5196
|
+
accessById = _defineProperty__default["default"]({}, assetId, accessData);
|
|
5128
5197
|
|
|
5129
5198
|
_this.props.accessUpdated(accessById);
|
|
5130
5199
|
|
|
@@ -5161,41 +5230,105 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
5161
5230
|
};
|
|
5162
5231
|
}());
|
|
5163
5232
|
|
|
5233
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "getSubscriberMetadata", /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee12() {
|
|
5234
|
+
var metadata;
|
|
5235
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee12$(_context12) {
|
|
5236
|
+
while (1) {
|
|
5237
|
+
switch (_context12.prev = _context12.next) {
|
|
5238
|
+
case 0:
|
|
5239
|
+
if (global.AccessType) {
|
|
5240
|
+
_context12.next = 2;
|
|
5241
|
+
break;
|
|
5242
|
+
}
|
|
5243
|
+
|
|
5244
|
+
return _context12.abrupt("return", {});
|
|
5245
|
+
|
|
5246
|
+
case 2:
|
|
5247
|
+
_context12.next = 4;
|
|
5248
|
+
return awaitHelper(global.AccessType.getSubscriberMetadata());
|
|
5249
|
+
|
|
5250
|
+
case 4:
|
|
5251
|
+
metadata = _context12.sent;
|
|
5252
|
+
return _context12.abrupt("return", metadata);
|
|
5253
|
+
|
|
5254
|
+
case 6:
|
|
5255
|
+
case "end":
|
|
5256
|
+
return _context12.stop();
|
|
5257
|
+
}
|
|
5258
|
+
}
|
|
5259
|
+
}, _callee12);
|
|
5260
|
+
})));
|
|
5261
|
+
|
|
5262
|
+
_defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "setSubscriberMetadata", /*#__PURE__*/function () {
|
|
5263
|
+
var _ref15 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee13(subscriberMetadata) {
|
|
5264
|
+
var response;
|
|
5265
|
+
return _regeneratorRuntime__default["default"].wrap(function _callee13$(_context13) {
|
|
5266
|
+
while (1) {
|
|
5267
|
+
switch (_context13.prev = _context13.next) {
|
|
5268
|
+
case 0:
|
|
5269
|
+
if (!(!global.AccessType || !subscriberMetadata)) {
|
|
5270
|
+
_context13.next = 2;
|
|
5271
|
+
break;
|
|
5272
|
+
}
|
|
5273
|
+
|
|
5274
|
+
return _context13.abrupt("return", {});
|
|
5275
|
+
|
|
5276
|
+
case 2:
|
|
5277
|
+
_context13.next = 4;
|
|
5278
|
+
return awaitHelper(global.AccessType.setSubscriberMetadata(subscriberMetadata));
|
|
5279
|
+
|
|
5280
|
+
case 4:
|
|
5281
|
+
response = _context13.sent;
|
|
5282
|
+
return _context13.abrupt("return", response);
|
|
5283
|
+
|
|
5284
|
+
case 6:
|
|
5285
|
+
case "end":
|
|
5286
|
+
return _context13.stop();
|
|
5287
|
+
}
|
|
5288
|
+
}
|
|
5289
|
+
}, _callee13);
|
|
5290
|
+
}));
|
|
5291
|
+
|
|
5292
|
+
return function (_x9) {
|
|
5293
|
+
return _ref15.apply(this, arguments);
|
|
5294
|
+
};
|
|
5295
|
+
}());
|
|
5296
|
+
|
|
5164
5297
|
_this.prodHost = props.prodHost || "https://www.accesstype.com";
|
|
5165
5298
|
_this.stagingHost = props.stagingHost || "https://staging.accesstype.com";
|
|
5166
5299
|
return _this;
|
|
5167
5300
|
}
|
|
5168
5301
|
|
|
5169
|
-
|
|
5302
|
+
_createClass__default["default"](AccessTypeBase, [{
|
|
5170
5303
|
key: "componentDidMount",
|
|
5171
5304
|
value: function componentDidMount() {
|
|
5172
5305
|
this.initAccessType();
|
|
5173
5306
|
}
|
|
5174
5307
|
}, {
|
|
5175
5308
|
key: "makePaymentObject",
|
|
5176
|
-
value: function makePaymentObject(
|
|
5177
|
-
var
|
|
5178
|
-
selectedPlan =
|
|
5179
|
-
|
|
5180
|
-
couponCode =
|
|
5181
|
-
|
|
5182
|
-
recipientSubscriber =
|
|
5183
|
-
|
|
5184
|
-
planType =
|
|
5185
|
-
|
|
5186
|
-
storyId =
|
|
5187
|
-
|
|
5188
|
-
storyHeadline =
|
|
5189
|
-
|
|
5190
|
-
storySlug =
|
|
5191
|
-
|
|
5192
|
-
paymentType =
|
|
5193
|
-
|
|
5194
|
-
successUrl =
|
|
5195
|
-
|
|
5196
|
-
returnUrl =
|
|
5197
|
-
|
|
5198
|
-
cancelUrl =
|
|
5309
|
+
value: function makePaymentObject(_ref16) {
|
|
5310
|
+
var _ref16$selectedPlan = _ref16.selectedPlan,
|
|
5311
|
+
selectedPlan = _ref16$selectedPlan === void 0 ? {} : _ref16$selectedPlan,
|
|
5312
|
+
_ref16$couponCode = _ref16.couponCode,
|
|
5313
|
+
couponCode = _ref16$couponCode === void 0 ? "" : _ref16$couponCode,
|
|
5314
|
+
_ref16$recipientSubsc = _ref16.recipientSubscriber,
|
|
5315
|
+
recipientSubscriber = _ref16$recipientSubsc === void 0 ? {} : _ref16$recipientSubsc,
|
|
5316
|
+
_ref16$planType = _ref16.planType,
|
|
5317
|
+
planType = _ref16$planType === void 0 ? "" : _ref16$planType,
|
|
5318
|
+
_ref16$storyId = _ref16.storyId,
|
|
5319
|
+
storyId = _ref16$storyId === void 0 ? "" : _ref16$storyId,
|
|
5320
|
+
_ref16$storyHeadline = _ref16.storyHeadline,
|
|
5321
|
+
storyHeadline = _ref16$storyHeadline === void 0 ? "" : _ref16$storyHeadline,
|
|
5322
|
+
_ref16$storySlug = _ref16.storySlug,
|
|
5323
|
+
storySlug = _ref16$storySlug === void 0 ? "" : _ref16$storySlug,
|
|
5324
|
+
_ref16$paymentType = _ref16.paymentType,
|
|
5325
|
+
paymentType = _ref16$paymentType === void 0 ? "" : _ref16$paymentType,
|
|
5326
|
+
_ref16$successUrl = _ref16.successUrl,
|
|
5327
|
+
successUrl = _ref16$successUrl === void 0 ? "" : _ref16$successUrl,
|
|
5328
|
+
_ref16$returnUrl = _ref16.returnUrl,
|
|
5329
|
+
returnUrl = _ref16$returnUrl === void 0 ? "" : _ref16$returnUrl,
|
|
5330
|
+
_ref16$cancelUrl = _ref16.cancelUrl,
|
|
5331
|
+
cancelUrl = _ref16$cancelUrl === void 0 ? "" : _ref16$cancelUrl;
|
|
5199
5332
|
var id = selectedPlan.id,
|
|
5200
5333
|
title = selectedPlan.title,
|
|
5201
5334
|
description = selectedPlan.description,
|
|
@@ -5279,21 +5412,24 @@ var AccessTypeBase = /*#__PURE__*/function (_React$Component) {
|
|
|
5279
5412
|
initStripePayment: this.initStripePayment,
|
|
5280
5413
|
initPaypalPayment: this.initPaypalPayment,
|
|
5281
5414
|
initOmisePayment: this.initOmisePayment,
|
|
5415
|
+
initAdyenPayment: this.initAdyenPayment,
|
|
5282
5416
|
checkAccess: this.checkAccess,
|
|
5283
5417
|
getSubscriptionForUser: this.getSubscriptionForUser,
|
|
5284
5418
|
accessUpdated: this.props.accessUpdated,
|
|
5285
5419
|
accessIsLoading: this.props.accessIsLoading,
|
|
5286
5420
|
getAssetPlans: this.props.getAssetPlans,
|
|
5287
5421
|
validateCoupon: this.validateCoupon,
|
|
5288
|
-
cancelSubscription: this.cancelSubscription
|
|
5422
|
+
cancelSubscription: this.cancelSubscription,
|
|
5423
|
+
getSubscriberMetadata: this.getSubscriberMetadata,
|
|
5424
|
+
setSubscriberMetadata: this.setSubscriberMetadata
|
|
5289
5425
|
});
|
|
5290
5426
|
}
|
|
5291
5427
|
}]);
|
|
5292
5428
|
|
|
5293
5429
|
return AccessTypeBase;
|
|
5294
|
-
}(React__default.Component);
|
|
5430
|
+
}(React__default["default"].Component);
|
|
5295
5431
|
|
|
5296
|
-
var mapStateToProps$
|
|
5432
|
+
var mapStateToProps$1 = function mapStateToProps(state) {
|
|
5297
5433
|
return {
|
|
5298
5434
|
subscriptions: state.subscriptions || null,
|
|
5299
5435
|
paymentOptions: state.paymentOptions || null,
|
|
@@ -5301,7 +5437,7 @@ var mapStateToProps$a = function mapStateToProps(state) {
|
|
|
5301
5437
|
};
|
|
5302
5438
|
};
|
|
5303
5439
|
|
|
5304
|
-
var mapDispatchToProps$
|
|
5440
|
+
var mapDispatchToProps$1 = function mapDispatchToProps(dispatch) {
|
|
5305
5441
|
return {
|
|
5306
5442
|
subscriptionGroupLoaded: function subscriptionGroupLoaded(subscriptions) {
|
|
5307
5443
|
return dispatch({
|
|
@@ -5358,7 +5494,16 @@ var mapDispatchToProps$7 = function mapDispatchToProps(dispatch) {
|
|
|
5358
5494
|
* initStripePayment| options(object), options={ argType: "options",selectedPlan: selectedPlanObj, planType:"",couponCode: "", successUrl:"", cancelUrl:"", recipientSubscriber: {}} | Initialize the Stripe payment
|
|
5359
5495
|
* initPaypalPayment| options(object), options={argType: "options",selectedPlan: selectedPlanObj,planType: planType,couponCode: "", recipientSubscriber: {}, returnUrl: "",cancelUrl:""} | Initialize the PayPal payment
|
|
5360
5496
|
* initOmisePayment| selectedPlan(object), planType(string) | Initialize the Omise payment
|
|
5497
|
+
* initAdyenPayment| selectedPlan(object), planType(string), AdyenModal(React Component), locale(string) | Initialize Adyen Payment
|
|
5361
5498
|
* getAssetPlans| storyId(string) | Get Asset Subscription Plans
|
|
5499
|
+
* getSubscriberMetadata| Get the Subscriber Metadata
|
|
5500
|
+
* setSubscriberMetadata| subscriberMetadata(object), subscriberMetadata={"address": {
|
|
5501
|
+
"line1": "221B Bakers Street",
|
|
5502
|
+
"line2": "Near Watson Library",
|
|
5503
|
+
"city": "London",
|
|
5504
|
+
"state": "",
|
|
5505
|
+
},
|
|
5506
|
+
"phone_number": "007"}} | Update the Subscriber Metadata
|
|
5362
5507
|
* validateCoupon| selectedPlan(object), couponCode (string) | Validate coupon with plan
|
|
5363
5508
|
* cancelSubscription| subscriptionId(number) | Cancel a subscription
|
|
5364
5509
|
* getSubscriptionForUser | -NA- | Gets the subscriptions of the current logged in user
|
|
@@ -5406,7 +5551,7 @@ var mapDispatchToProps$7 = function mapDispatchToProps(dispatch) {
|
|
|
5406
5551
|
* stagingHost="https://staging.accesstype.com"
|
|
5407
5552
|
* accessTypeBkIntegrationId={accessTypeBkIntegrationId}
|
|
5408
5553
|
* >
|
|
5409
|
-
* {({ initAccessType, checkAccess, accessUpdated, accessIsLoading, validateCoupon, initRazorPayPayment, initStripePayment, initPaypalPayment, getSubscriptionForUser }) => (
|
|
5554
|
+
* {({ initAccessType, checkAccess, accessUpdated, accessIsLoading, validateCoupon, initRazorPayPayment, initStripePayment, initPaypalPayment, getSubscriptionForUser, getSubscriberMetadata, setSubscriberMetadata }) => (
|
|
5410
5555
|
* <div>
|
|
5411
5556
|
* <PaymentCheckoutLayout
|
|
5412
5557
|
* accessIsLoading={accessIsLoading}
|
|
@@ -5417,6 +5562,9 @@ var mapDispatchToProps$7 = function mapDispatchToProps(dispatch) {
|
|
|
5417
5562
|
* initStripePayment={initStripePayment}
|
|
5418
5563
|
* initPaypalPayment={initPaypalPayment}
|
|
5419
5564
|
* getSubscriptionForUser={getSubscriptionForUser}
|
|
5565
|
+
* getgetSubscriberMetadata={getgetSubscriberMetadata}
|
|
5566
|
+
* setSubscriberMetadata={setSubscriberMetadata}
|
|
5567
|
+
*
|
|
5420
5568
|
* {...this.props}
|
|
5421
5569
|
* />
|
|
5422
5570
|
* </div>
|
|
@@ -5466,6 +5614,13 @@ var mapDispatchToProps$7 = function mapDispatchToProps(dispatch) {
|
|
|
5466
5614
|
* return props.initPaypalPayment(options);
|
|
5467
5615
|
* }
|
|
5468
5616
|
*
|
|
5617
|
+
* if (paymentGateway === "adyen") {
|
|
5618
|
+
* const locale = get(this.props, ["config", "pagebuilder-config", "general", "accesstypeIntegration"]);
|
|
5619
|
+
* // The AdyenModal component should accept two functions as props: `afterOpen` and `afterClose`
|
|
5620
|
+
* // `afterOpen` will trigger the adyen payment.
|
|
5621
|
+
* return this.props.initAdyenPayment(plan, "standard", AdyenModal, locale);
|
|
5622
|
+
* }
|
|
5623
|
+
*
|
|
5469
5624
|
* ....
|
|
5470
5625
|
*
|
|
5471
5626
|
* return (){
|
|
@@ -5483,11 +5638,11 @@ var mapDispatchToProps$7 = function mapDispatchToProps(dispatch) {
|
|
|
5483
5638
|
*/
|
|
5484
5639
|
|
|
5485
5640
|
|
|
5486
|
-
var AccessType = /*#__PURE__*/reactRedux.connect(mapStateToProps$
|
|
5641
|
+
var AccessType = /*#__PURE__*/reactRedux.connect(mapStateToProps$1, mapDispatchToProps$1)(AccessTypeBase);
|
|
5487
5642
|
|
|
5488
5643
|
function getSize(sizeMap) {
|
|
5489
5644
|
var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
5490
|
-
var screenWidth = canUseDOM &&
|
|
5645
|
+
var screenWidth = canUseDOM && get__default["default"](window, ["screen", "width"], 440);
|
|
5491
5646
|
if (!screenWidth) return [];
|
|
5492
5647
|
if (screenWidth < 441) return sizeMap["mobile"];
|
|
5493
5648
|
if (screenWidth < 992) return sizeMap["tablet"];
|
|
@@ -5539,7 +5694,7 @@ function AdbutlerAd(_ref) {
|
|
|
5539
5694
|
var sizeMap = sizes[adtype];
|
|
5540
5695
|
var size = getSize(sizeMap);
|
|
5541
5696
|
|
|
5542
|
-
var _size =
|
|
5697
|
+
var _size = _slicedToArray__default["default"](size, 2),
|
|
5543
5698
|
_size$ = _size[0],
|
|
5544
5699
|
width = _size$ === void 0 ? 0 : _size$,
|
|
5545
5700
|
_size$2 = _size[1],
|
|
@@ -5547,9 +5702,9 @@ function AdbutlerAd(_ref) {
|
|
|
5547
5702
|
|
|
5548
5703
|
var src = "https://servedbyadbutler.com/adserve/;ID=".concat(publisherId, ";size=").concat(width, "x").concat(height, ";setID=").concat(zoneId, ";type=iframe;click=CLICK_MACRO_PLACEHOLDER");
|
|
5549
5704
|
var hasSize = size.length;
|
|
5550
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
5705
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
5551
5706
|
className: "adbutler-wrapper"
|
|
5552
|
-
}, hasSize ? /*#__PURE__*/React__default.createElement("iframe", {
|
|
5707
|
+
}, hasSize ? /*#__PURE__*/React__default["default"].createElement("iframe", {
|
|
5553
5708
|
src: src,
|
|
5554
5709
|
width: width,
|
|
5555
5710
|
height: height,
|
|
@@ -5578,7 +5733,7 @@ WithHostUrlBase.propTypes = {
|
|
|
5578
5733
|
currentHostUrl: propTypes.string
|
|
5579
5734
|
};
|
|
5580
5735
|
|
|
5581
|
-
function mapStateToProps
|
|
5736
|
+
function mapStateToProps(_ref2) {
|
|
5582
5737
|
var _ref2$qt = _ref2.qt,
|
|
5583
5738
|
qt = _ref2$qt === void 0 ? {} : _ref2$qt;
|
|
5584
5739
|
return {
|
|
@@ -5587,7 +5742,7 @@ function mapStateToProps$b(_ref2) {
|
|
|
5587
5742
|
};
|
|
5588
5743
|
}
|
|
5589
5744
|
|
|
5590
|
-
function mapDispatchToProps
|
|
5745
|
+
function mapDispatchToProps(dispatch) {
|
|
5591
5746
|
return {};
|
|
5592
5747
|
}
|
|
5593
5748
|
/**
|
|
@@ -5609,7 +5764,7 @@ function mapDispatchToProps$8(dispatch) {
|
|
|
5609
5764
|
*/
|
|
5610
5765
|
|
|
5611
5766
|
|
|
5612
|
-
var WithHostUrl = /*#__PURE__*/reactRedux.connect(mapStateToProps
|
|
5767
|
+
var WithHostUrl = /*#__PURE__*/reactRedux.connect(mapStateToProps, mapDispatchToProps)(WithHostUrlBase);
|
|
5613
5768
|
|
|
5614
5769
|
/**
|
|
5615
5770
|
* This component calls the render prop with `clientSideRendered` = true if the client side is completely loaded, and false during SSR and initial bootup.
|
|
@@ -5627,7 +5782,7 @@ var WithHostUrl = /*#__PURE__*/reactRedux.connect(mapStateToProps$b, mapDispatch
|
|
|
5627
5782
|
* @category Other
|
|
5628
5783
|
*/
|
|
5629
5784
|
|
|
5630
|
-
var WithClientSideOnly = /*#__PURE__*/reactRedux.connect(mapStateToProps$
|
|
5785
|
+
var WithClientSideOnly = /*#__PURE__*/reactRedux.connect(mapStateToProps$9, mapDispatchToProps$6)(WithClientSideOnlyBase);
|
|
5631
5786
|
|
|
5632
5787
|
function WithClientSideOnlyBase(_ref) {
|
|
5633
5788
|
var _ref$clientSideRender = _ref.clientSideRendered,
|