@mjhls/mjh-framework 1.0.238 → 1.0.240

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.
Files changed (49) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/AdSlot-c472fff6.js +1192 -0
  3. package/dist/cjs/DeckContent.js +6 -5
  4. package/dist/cjs/DeckQueue.js +5 -5
  5. package/dist/cjs/{Dfp-045b016b.js → Dfp-7a5533f9.js} +1 -1
  6. package/dist/cjs/{GridContent-53e78cbf.js → GridContent-f9e3fff5.js} +7 -7
  7. package/dist/cjs/GridContent.js +8 -7
  8. package/dist/cjs/MasterDeck.js +331 -13
  9. package/dist/cjs/{Normal-a94a1ec8.js → Normal-0497eb61.js} +5 -5
  10. package/dist/cjs/QueueDeckExpanded.js +2 -2
  11. package/dist/cjs/TemplateNormal.js +6 -5
  12. package/dist/cjs/VideoSeriesListing.js +2 -2
  13. package/dist/cjs/{debounce-bbca43c4.js → debounce-783eb233.js} +3 -0
  14. package/dist/cjs/{get-af2516a4.js → get-1f91592f.js} +1 -1
  15. package/dist/cjs/index.js +118 -842
  16. package/dist/cjs/{inherits-5b5ca8db.js → inherits-9898af5a.js} +2 -4
  17. package/dist/cjs/{main-d9a1b014.js → main-0ea1b808.js} +51 -0
  18. package/dist/cjs/{MasterDeck-91c6ad85.js → promise-b96c61f8.js} +7 -340
  19. package/dist/cjs/{toConsumableArray-7e4caf3c.js → toConsumableArray-f05a306f.js} +5 -52
  20. package/dist/esm/AdSlot-bdd7a629.js +1183 -0
  21. package/dist/esm/DeckContent.js +11 -10
  22. package/dist/esm/DeckQueue.js +9 -9
  23. package/dist/esm/{Dfp-01f14ae3.js → Dfp-71879c9d.js} +5 -5
  24. package/dist/esm/{GridContent-f5bc4d75.js → GridContent-d4f5457e.js} +8 -8
  25. package/dist/esm/GridContent.js +13 -12
  26. package/dist/esm/MasterDeck.js +333 -15
  27. package/dist/esm/{Normal-357f00d1.js → Normal-e1855047.js} +6 -6
  28. package/dist/esm/QueueDeckExpanded.js +7 -7
  29. package/dist/esm/{TaxonomyCard-f74512cb.js → TaxonomyCard-ee1a22ae.js} +1 -1
  30. package/dist/esm/TaxonomyCard.js +3 -3
  31. package/dist/esm/TemplateNormal.js +10 -9
  32. package/dist/esm/{Ustream-62a07a32.js → Ustream-d51b9b11.js} +1 -1
  33. package/dist/esm/Ustream.js +5 -5
  34. package/dist/esm/VideoSeriesListing.js +5 -5
  35. package/dist/esm/{_to-object-86553f76.js → _to-object-b9b796ec.js} +1 -1
  36. package/dist/esm/{core.get-iterator-method-709061dc.js → core.get-iterator-method-31c1fb1a.js} +2 -2
  37. package/dist/esm/{debounce-fa7fbf11.js → debounce-806f886b.js} +3 -1
  38. package/dist/esm/{extends-7f88fa22.js → extends-dbbe308d.js} +1 -1
  39. package/dist/esm/{get-8d382479.js → get-b2201dc8.js} +1 -1
  40. package/dist/esm/index.js +124 -850
  41. package/dist/esm/{inherits-a82a4471.js → inherits-a75c8a1c.js} +5 -6
  42. package/dist/esm/{main-eecf7b27.js → main-155ec04f.js} +48 -1
  43. package/dist/esm/{MasterDeck-5dd97a66.js → promise-683a9c54.js} +6 -335
  44. package/dist/esm/{slicedToArray-eb7eca9e.js → slicedToArray-d0a9593a.js} +3 -3
  45. package/dist/esm/{toConsumableArray-08d50169.js → toConsumableArray-eb308ede.js} +5 -49
  46. package/dist/esm/{web.dom.iterable-f05d2f57.js → web.dom.iterable-3be50d6c.js} +2 -2
  47. package/package.json +3 -2
  48. package/dist/cjs/AdSlot-1fe1c231.js +0 -69
  49. package/dist/esm/AdSlot-017b8051.js +0 -64
@@ -5,10 +5,12 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  require('./_to-object-329a650b.js');
7
7
  require('./web.dom.iterable-0998bdc3.js');
8
- var inherits$2 = require('./inherits-5b5ca8db.js');
9
- var toConsumableArray = require('./toConsumableArray-7e4caf3c.js');
8
+ var debounce = require('./debounce-783eb233.js');
9
+ var main = require('./main-0ea1b808.js');
10
+ var toConsumableArray = require('./toConsumableArray-f05a306f.js');
10
11
  require('./core.get-iterator-method-e049ca4a.js');
11
12
  var _extends$2 = require('./extends-e94dbea5.js');
13
+ var inherits$2 = require('./inherits-9898af5a.js');
12
14
  var React = require('react');
13
15
  var React__default = _interopDefault(React);
14
16
  var index = require('./index-fa3cec70.js');
@@ -21,14 +23,13 @@ var visibilitySensor = require('./visibility-sensor-b72d9527.js');
21
23
  require('next/link');
22
24
  var Router = require('next/router');
23
25
  var Router__default = _interopDefault(Router);
24
- var debounce = require('./debounce-bbca43c4.js');
25
26
  require('react-dom');
26
27
  var index$1 = require('./index-39beccb3.js');
27
28
  var index$2 = require('./index-fa0fb52c.js');
28
- var main = require('./main-d9a1b014.js');
29
29
  var entities = require('./entities-310b46ee.js');
30
30
  require('./slicedToArray-e38fb29d.js');
31
- var AdSlot = require('./AdSlot-1fe1c231.js');
31
+ var AdSlot = require('./AdSlot-c472fff6.js');
32
+ require('./promise-b96c61f8.js');
32
33
 
33
34
  var DeckContent = function (_React$Component) {
34
35
  inherits$2._inherits(DeckContent, _React$Component);
@@ -5,10 +5,12 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  require('./_to-object-329a650b.js');
7
7
  require('./web.dom.iterable-0998bdc3.js');
8
- var inherits$2 = require('./inherits-5b5ca8db.js');
9
- var toConsumableArray = require('./toConsumableArray-7e4caf3c.js');
8
+ var debounce = require('./debounce-783eb233.js');
9
+ var main = require('./main-0ea1b808.js');
10
+ var toConsumableArray = require('./toConsumableArray-f05a306f.js');
10
11
  require('./core.get-iterator-method-e049ca4a.js');
11
12
  var _extends$2 = require('./extends-e94dbea5.js');
13
+ var inherits$2 = require('./inherits-9898af5a.js');
12
14
  var React = require('react');
13
15
  var React__default = _interopDefault(React);
14
16
  var index = require('./index-fa3cec70.js');
@@ -21,13 +23,11 @@ var visibilitySensor = require('./visibility-sensor-b72d9527.js');
21
23
  require('next/link');
22
24
  var Router = require('next/router');
23
25
  var Router__default = _interopDefault(Router);
24
- var debounce = require('./debounce-bbca43c4.js');
25
26
  require('react-dom');
26
27
  var index$1 = require('./index-39beccb3.js');
27
28
  var index$2 = require('./index-fa0fb52c.js');
28
- var main = require('./main-d9a1b014.js');
29
29
  var entities = require('./entities-310b46ee.js');
30
- var get$1 = require('./get-af2516a4.js');
30
+ var get$1 = require('./get-1f91592f.js');
31
31
 
32
32
  var DeckQueue = function (_React$Component) {
33
33
  inherits$2._inherits(DeckQueue, _React$Component);
@@ -5,13 +5,13 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  require('./_to-object-329a650b.js');
7
7
  require('./web.dom.iterable-0998bdc3.js');
8
+ var debounce = require('./debounce-783eb233.js');
8
9
  require('./core.get-iterator-method-e049ca4a.js');
9
10
  var React = require('react');
10
11
  var React__default = _interopDefault(React);
11
12
  var index = require('./index-fa3cec70.js');
12
13
  var PropTypes = _interopDefault(require('prop-types'));
13
14
  var visibilitySensor = require('./visibility-sensor-b72d9527.js');
14
- var debounce = require('./debounce-bbca43c4.js');
15
15
  require('react-dom');
16
16
  var slicedToArray = require('./slicedToArray-e38fb29d.js');
17
17
 
@@ -2,9 +2,11 @@
2
2
 
3
3
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
4
 
5
- var inherits$2 = require('./inherits-5b5ca8db.js');
6
- var toConsumableArray = require('./toConsumableArray-7e4caf3c.js');
5
+ var debounce = require('./debounce-783eb233.js');
6
+ var main = require('./main-0ea1b808.js');
7
+ var toConsumableArray = require('./toConsumableArray-f05a306f.js');
7
8
  var _extends$2 = require('./extends-e94dbea5.js');
9
+ var inherits$2 = require('./inherits-9898af5a.js');
8
10
  var React = require('react');
9
11
  var React__default = _interopDefault(React);
10
12
  var index = require('./index-fa3cec70.js');
@@ -16,16 +18,14 @@ var visibilitySensor = require('./visibility-sensor-b72d9527.js');
16
18
  require('next/link');
17
19
  var Router = require('next/router');
18
20
  var Router__default = _interopDefault(Router);
19
- var debounce = require('./debounce-bbca43c4.js');
20
21
  var index$1 = require('./index-39beccb3.js');
21
22
  var index$2 = require('./index-fa0fb52c.js');
22
- var main = require('./main-d9a1b014.js');
23
23
  var entities = require('./entities-310b46ee.js');
24
- var AdSlot = require('./AdSlot-1fe1c231.js');
25
- var get$1 = require('./get-af2516a4.js');
24
+ var AdSlot = require('./AdSlot-c472fff6.js');
25
+ var get$1 = require('./get-1f91592f.js');
26
26
 
27
27
  var Dfp = React__default.lazy(function () {
28
- return new Promise(function (resolve) { resolve(require('./Dfp-045b016b.js')); });
28
+ return new Promise(function (resolve) { resolve(require('./Dfp-7a5533f9.js')); });
29
29
  });
30
30
 
31
31
  var AD = function AD(props) {
@@ -3,10 +3,12 @@
3
3
  require('./_commonjsHelpers-06173234.js');
4
4
  require('./_to-object-329a650b.js');
5
5
  require('./web.dom.iterable-0998bdc3.js');
6
- require('./inherits-5b5ca8db.js');
7
- require('./toConsumableArray-7e4caf3c.js');
6
+ require('./debounce-783eb233.js');
7
+ require('./main-0ea1b808.js');
8
+ require('./toConsumableArray-f05a306f.js');
8
9
  require('./core.get-iterator-method-e049ca4a.js');
9
10
  require('./extends-e94dbea5.js');
11
+ require('./inherits-9898af5a.js');
10
12
  require('react');
11
13
  require('./index-fa3cec70.js');
12
14
  require('prop-types');
@@ -17,16 +19,15 @@ require('react-bootstrap/Card');
17
19
  require('./visibility-sensor-b72d9527.js');
18
20
  require('next/link');
19
21
  require('next/router');
20
- require('./debounce-bbca43c4.js');
21
22
  require('react-dom');
22
23
  require('./index-39beccb3.js');
23
24
  require('./index-fa0fb52c.js');
24
- require('./main-d9a1b014.js');
25
25
  require('./entities-310b46ee.js');
26
26
  require('./slicedToArray-e38fb29d.js');
27
- require('./AdSlot-1fe1c231.js');
28
- require('./get-af2516a4.js');
29
- var GridContent = require('./GridContent-53e78cbf.js');
27
+ require('./AdSlot-c472fff6.js');
28
+ require('./promise-b96c61f8.js');
29
+ require('./get-1f91592f.js');
30
+ var GridContent = require('./GridContent-f9e3fff5.js');
30
31
 
31
32
 
32
33
 
@@ -1,28 +1,346 @@
1
1
  'use strict';
2
2
 
3
+ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
+
3
5
  require('./_commonjsHelpers-06173234.js');
4
6
  require('./_to-object-329a650b.js');
5
7
  require('./web.dom.iterable-0998bdc3.js');
6
- require('./inherits-5b5ca8db.js');
7
- require('./toConsumableArray-7e4caf3c.js');
8
+ var debounce = require('./debounce-783eb233.js');
9
+ var main = require('./main-0ea1b808.js');
10
+ var toConsumableArray = require('./toConsumableArray-f05a306f.js');
8
11
  require('./core.get-iterator-method-e049ca4a.js');
9
- require('./extends-e94dbea5.js');
10
- require('react');
11
- require('./index-fa3cec70.js');
12
+ var _extends$2 = require('./extends-e94dbea5.js');
13
+ var inherits$2 = require('./inherits-9898af5a.js');
14
+ var React = require('react');
15
+ var React__default = _interopDefault(React);
16
+ var index = require('./index-fa3cec70.js');
12
17
  require('prop-types');
13
- require('react-bootstrap/Container');
14
- require('react-bootstrap/Row');
18
+ var Container = _interopDefault(require('react-bootstrap/Container'));
19
+ var Row = _interopDefault(require('react-bootstrap/Row'));
15
20
  require('react-bootstrap/Col');
16
21
  require('react-bootstrap/Card');
17
- require('./visibility-sensor-b72d9527.js');
22
+ var visibilitySensor = require('./visibility-sensor-b72d9527.js');
18
23
  require('next/link');
19
- require('next/router');
20
- require('./debounce-bbca43c4.js');
24
+ var Router = require('next/router');
25
+ var Router__default = _interopDefault(Router);
21
26
  require('react-dom');
22
27
  require('./index-39beccb3.js');
23
- require('./main-d9a1b014.js');
24
- var MasterDeck = require('./MasterDeck-91c6ad85.js');
28
+ var promise = require('./promise-b96c61f8.js');
29
+
30
+ var MasterDeck = function (_React$Component) {
31
+ inherits$2._inherits(MasterDeck, _React$Component);
32
+
33
+ function MasterDeck() {
34
+ var _ref,
35
+ _this2 = this;
36
+
37
+ var _temp, _this, _ret;
38
+
39
+ inherits$2._classCallCheck(this, MasterDeck);
40
+
41
+ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
42
+ args[_key] = arguments[_key];
43
+ }
44
+
45
+ return _ret = (_temp = (_this = inherits$2._possibleConstructorReturn(this, (_ref = MasterDeck.__proto__ || inherits$2._Object$getPrototypeOf(MasterDeck)).call.apply(_ref, [this].concat(args))), _this), _this.Deck = _this.props.deck, _this.variant = _this.props.variant, _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord || [], _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.rightItems = _this.props.rightItems ? _this.props.rightItems : false, _this.state = {
46
+ data: _this.data,
47
+ dataKeptToCompareNewDatarecord: _this.data,
48
+ per: _this.params ? _this.params.to : 2,
49
+ page: _this.props.currentPage || 1,
50
+ from: _this.params ? _this.params.from : 0,
51
+ to: _this.params ? _this.params.to : 2,
52
+ total_pages: null,
53
+ scrolling: true,
54
+ query: _this.query,
55
+ currentPage: _this.props.currentPage || 1
56
+ }, _this.loadMore = debounce.debounce_1(function () {
57
+ _this.setState(function (state) {
58
+ var page = state.page,
59
+ from = state.from,
60
+ per = state.per,
61
+ to = state.to;
62
+
63
+ return {
64
+ page: page + 1,
65
+ from: from + per,
66
+ to: to + per
67
+ };
68
+ }, _this.loadData);
69
+ }, 0), _this.loadData = function () {
70
+ var _this$state = _this.state,
71
+ from = _this$state.from,
72
+ to = _this$state.to,
73
+ data = _this$state.data,
74
+ query = _this$state.query,
75
+ page = _this$state.page;
76
+ var _this$props = _this.props,
77
+ client = _this$props.client,
78
+ dataHandler = _this$props.dataHandler;
79
+
80
+
81
+ var params = _extends$2._extends({}, _this.params, { from: from, to: to });
82
+
83
+ if (dataHandler) {
84
+ var dataHandlerPromise = new promise._Promise(function (resolve, reject) {
85
+ try {
86
+ var result = dataHandler(params);
87
+ resolve(result);
88
+ } catch (e) {
89
+ reject(e);
90
+ }
91
+ });
92
+ dataHandlerPromise.then(function (dataArr) {
93
+ _this.loadDataFinished(data, dataArr, page);
94
+ });
95
+ } else {
96
+ client.fetch(query, params).then(function (dataArr) {
97
+ _this.loadDataFinished(data, dataArr, page);
98
+ });
99
+ }
100
+ }, _this.loadDataFinished = function (data, dataArr, page) {
101
+ if (_this.pointer && _this.pointerArray) {
102
+ var pointer = _this.pointer;
103
+ dataArr = dataArr[_this.pointerArray][pointer];
104
+ }
105
+ dataArr = dataArr.map(function (item) {
106
+ return _extends$2._extends({}, item, {
107
+ pageNumber: page
108
+ });
109
+ });
110
+
111
+ _this.setState(function () {
112
+ if (dataArr.length > 0) {
113
+ return {
114
+ data: [].concat(toConsumableArray._toConsumableArray(data), toConsumableArray._toConsumableArray(dataArr)),
115
+ scrolling: true
116
+ };
117
+ } else {
118
+ return {
119
+ scrolling: false
120
+ };
121
+ }
122
+ });
123
+ }, _this.changePageNumber = function (pageNumber) {
124
+ var _this$props2 = _this.props,
125
+ seoPaginate = _this$props2.seoPaginate,
126
+ pageview = _this$props2.pageview,
127
+ router = _this$props2.router;
128
+ var currentPage = _this.state.currentPage;
129
+
130
+ if (seoPaginate) {
131
+ var path = router.asPath;
132
+ var qrIndex = path.indexOf('?');
133
+ var pathname = router.pathname;
134
+ var queryString = '';
135
+
136
+ if (qrIndex > 0) {
137
+ path = path.substring(1, qrIndex);
138
+
139
+ var partialQS = router.asPath.substring(qrIndex + 1);
140
+ var partialQSArr = partialQS.split('&');
141
+
142
+ // exclude page=xxx from query string
143
+ partialQSArr.map(function (item) {
144
+ var itemArr = item.split('=');
145
+ var key = itemArr[0];
146
+ var val = itemArr[1];
147
+
148
+ if (key !== 'page') {
149
+ queryString += (queryString.length === 0 ? '' : '&') + key + '=' + val;
150
+ }
151
+ });
152
+ }
153
+
154
+ if (queryString.length > 0) {
155
+ path += '?' + queryString;
156
+ }
157
+
158
+ pageNumber = parseInt(pageNumber);
159
+
160
+ if (currentPage !== pageNumber) {
161
+ index.lib_3.refresh();
162
+
163
+ _this.setState({
164
+ currentPage: pageNumber
165
+ }, function () {
166
+ if (path[0] !== '/') {
167
+ path = '/' + path;
168
+ }
169
+
170
+ var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
171
+
172
+ // please leave this for later debug purpose : Yong Jun.
173
+ /* console.log('page change reported', {
174
+ currentPage: currentPage,
175
+ pageNumber: pageNumber,
176
+ pathname: pathname,
177
+ path: path,
178
+ newPath: newPath,
179
+ firstPage: pageNumber === 1,
180
+ queryString: queryString
181
+ }) */
182
+
183
+ if (pageview) {
184
+ pageview(newPath);
185
+ }
186
+
187
+ router.push(pathname, newPath, {
188
+ shallow: true
189
+ });
190
+ });
191
+ }
192
+ }
193
+ }, _this.cardLoader = function (page, columns, variant) {
194
+ var numberOfItemsBeforeAd = 6;
195
+ return React__default.createElement(
196
+ Row,
197
+ null,
198
+ _this.state.data && _this.state.data.map(function (row, index) {
199
+ var pageNumber = row.pageNumber || _this.state.page;
200
+
201
+ return React__default.createElement(
202
+ React__default.Fragment,
203
+ { key: index },
204
+ React__default.createElement(
205
+ visibilitySensor.VisibilitySensor,
206
+ {
207
+ onChange: function onChange(isVisible) {
208
+ isVisible && _this.changePageNumber(pageNumber);
209
+ } },
210
+ React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage })
211
+ ),
212
+ main.main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
213
+ 'div',
214
+ { style: { margin: '0 auto' } },
215
+ _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
216
+ )
217
+ );
218
+ })
219
+ );
220
+ }, _this.renderMobileAd = function (index, numberOfItemsBeforeAd, rightItems) {
221
+ var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
222
+ return React__default.createElement(
223
+ 'div',
224
+ { style: { display: 'flex', flex: '1 0 auto', width: '100%', textAlign: 'center', marginBottom: '2rem' } },
225
+ rightItems[i].component
226
+ );
227
+ }, _this.renderManualPagination = function () {
228
+ var currentPage = _this.state.currentPage;
229
+
230
+ return React__default.createElement(
231
+ 'div',
232
+ { className: 'd-flex justify-content-between' },
233
+ currentPage && currentPage > 1 && React__default.createElement(
234
+ 'a',
235
+ { href: '?page=' + (currentPage - 1) },
236
+ '<< Previous'
237
+ ),
238
+ React__default.createElement(
239
+ 'a',
240
+ { href: '?page=' + (currentPage + 1) },
241
+ 'Next >>'
242
+ )
243
+ );
244
+ }, _temp), inherits$2._possibleConstructorReturn(_this, _ret);
245
+ }
246
+
247
+ inherits$2._createClass(MasterDeck, [{
248
+ key: 'componentDidUpdate',
249
+ value: function componentDidUpdate(prevProps, prevState) {
250
+ if (this.state.dataKeptToCompareNewDatarecord !== this.props.dataRecord) {
251
+ // eslint-disable-next-line react/no-did-update-set-state
252
+ this.setState({
253
+ data: this.props.dataRecord,
254
+ dataKeptToCompareNewDatarecord: this.props.dataRecord,
255
+ per: this.props.params ? this.props.params.to : 2,
256
+ page: 1,
257
+ from: this.props.params ? this.props.params.from : 0,
258
+ to: this.props.params ? this.props.params.to : 2,
259
+ total_pages: null,
260
+ scrolling: true,
261
+ query: this.props.query
262
+ });
263
+ }
264
+ }
265
+ }, {
266
+ key: 'componentDidMount',
267
+ value: function componentDidMount() {
268
+ // this.loadData();
269
+ }
270
+ }, {
271
+ key: 'render',
272
+ value: function render() {
273
+ var _this3 = this;
274
+
275
+ var _props = this.props,
276
+ columns = _props.columns,
277
+ variant = _props.variant,
278
+ autoScroll = _props.autoScroll,
279
+ page = _props.page;
280
+
281
+
282
+ return React__default.createElement(
283
+ 'div',
284
+ { className: 'contentDeck' },
285
+ autoScroll ? React__default.createElement(
286
+ React__default.Fragment,
287
+ null,
288
+ React__default.createElement(
289
+ visibilitySensor.InfiniteScroll,
290
+ { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
291
+ React__default.createElement(
292
+ Container,
293
+ null,
294
+ this.cardLoader(page, columns, variant)
295
+ )
296
+ ),
297
+ React__default.createElement(
298
+ 'noscript',
299
+ null,
300
+ this.renderManualPagination()
301
+ )
302
+ ) : React__default.createElement(
303
+ React__default.Fragment,
304
+ null,
305
+ React__default.createElement(
306
+ Container,
307
+ null,
308
+ this.cardLoader(page, columns, variant)
309
+ ),
310
+ React__default.createElement(
311
+ 'div',
312
+ { style: { padding: '0px 10px' } },
313
+ this.state.scrolling ? React__default.createElement(
314
+ 'button',
315
+ {
316
+ style: { margin: 'auto', width: '100%' },
317
+ onClick: function onClick(e) {
318
+ _this3.loadMore();
319
+ } },
320
+ 'Load More'
321
+ ) : React__default.createElement(
322
+ 'p',
323
+ { style: { textAlign: 'center' } },
324
+ React__default.createElement(
325
+ 'b',
326
+ null,
327
+ 'End of data'
328
+ )
329
+ )
330
+ ),
331
+ React__default.createElement(
332
+ 'noscript',
333
+ null,
334
+ this.renderManualPagination()
335
+ )
336
+ )
337
+ );
338
+ }
339
+ }]);
25
340
 
341
+ return MasterDeck;
342
+ }(React__default.Component);
26
343
 
344
+ var MasterDeck$1 = Router.withRouter(MasterDeck);
27
345
 
28
- module.exports = MasterDeck.MasterDeck;
346
+ module.exports = MasterDeck$1;
@@ -3,6 +3,7 @@
3
3
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
4
 
5
5
  var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
6
+ var main = require('./main-0ea1b808.js');
6
7
  var React = require('react');
7
8
  var React__default = _interopDefault(React);
8
9
  var PropTypes = _interopDefault(require('prop-types'));
@@ -10,10 +11,9 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
10
11
  var Row = _interopDefault(require('react-bootstrap/Row'));
11
12
  var Col = _interopDefault(require('react-bootstrap/Col'));
12
13
  var Link = _interopDefault(require('next/link'));
13
- var main = require('./main-d9a1b014.js');
14
14
  var slicedToArray = require('./slicedToArray-e38fb29d.js');
15
- var AdSlot = require('./AdSlot-1fe1c231.js');
16
- var get$1 = require('./get-af2516a4.js');
15
+ var AdSlot = require('./AdSlot-c472fff6.js');
16
+ var get$1 = require('./get-1f91592f.js');
17
17
  var reactBootstrap = require('react-bootstrap');
18
18
  var index_esm = require('./index.esm-340d3792.js');
19
19
  var Button = _interopDefault(require('react-bootstrap/Button'));
@@ -1464,10 +1464,10 @@ var NavMagazine = function NavMagazine(props) {
1464
1464
  ),
1465
1465
  React__default.createElement(
1466
1466
  Navbar,
1467
- { className: main.main_37 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav', variant: 'dark', expand: 'xl', bg: 'primary', sticky: 'top', ref: navRef },
1467
+ { className: main.main_37 ? 'bottom-nav ios-nav' : 'bottom-nav ', variant: 'dark', expand: 'xl', bg: 'primary', sticky: 'top', ref: navRef },
1468
1468
  React__default.createElement(
1469
1469
  Container,
1470
- { className: 'mobile-nav' },
1470
+ { className: 'mobile-nav android-nav' },
1471
1471
  React__default.createElement(
1472
1472
  'div',
1473
1473
  { className: 'nav-toggle' },
@@ -5,7 +5,8 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  require('./_to-object-329a650b.js');
7
7
  require('./web.dom.iterable-0998bdc3.js');
8
- var toConsumableArray = require('./toConsumableArray-7e4caf3c.js');
8
+ var main = require('./main-0ea1b808.js');
9
+ var toConsumableArray = require('./toConsumableArray-f05a306f.js');
9
10
  require('./core.get-iterator-method-e049ca4a.js');
10
11
  var _extends$2 = require('./extends-e94dbea5.js');
11
12
  var React = require('react');
@@ -19,7 +20,6 @@ var Router__default = _interopDefault(Router);
19
20
  require('react-dom');
20
21
  var index$1 = require('./index-39beccb3.js');
21
22
  var index$2 = require('./index-fa0fb52c.js');
22
- var main = require('./main-d9a1b014.js');
23
23
  var entities = require('./entities-310b46ee.js');
24
24
  var slicedToArray = require('./slicedToArray-e38fb29d.js');
25
25
  var reactBootstrap = require('react-bootstrap');
@@ -3,6 +3,8 @@
3
3
  require('./_commonjsHelpers-06173234.js');
4
4
  require('./_to-object-329a650b.js');
5
5
  require('./web.dom.iterable-0998bdc3.js');
6
+ require('./debounce-783eb233.js');
7
+ require('./main-0ea1b808.js');
6
8
  require('./core.get-iterator-method-e049ca4a.js');
7
9
  require('react');
8
10
  require('./index-fa3cec70.js');
@@ -11,15 +13,14 @@ require('react-bootstrap/Container');
11
13
  require('react-bootstrap/Row');
12
14
  require('react-bootstrap/Col');
13
15
  require('next/link');
14
- require('./debounce-bbca43c4.js');
15
- require('./main-d9a1b014.js');
16
16
  require('./slicedToArray-e38fb29d.js');
17
- require('./AdSlot-1fe1c231.js');
18
- require('./get-af2516a4.js');
17
+ require('./AdSlot-c472fff6.js');
18
+ require('./promise-b96c61f8.js');
19
+ require('./get-1f91592f.js');
19
20
  require('react-bootstrap');
20
21
  require('./index.esm-340d3792.js');
21
22
  require('react-bootstrap/Button');
22
- var TemplateNormal = require('./Normal-a94a1ec8.js');
23
+ var TemplateNormal = require('./Normal-0497eb61.js');
23
24
  require('react-bootstrap/ListGroup');
24
25
  require('next/head');
25
26
  require('react-bootstrap/Nav');
@@ -5,8 +5,9 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  require('./_to-object-329a650b.js');
7
7
  require('./web.dom.iterable-0998bdc3.js');
8
- var inherits$2 = require('./inherits-5b5ca8db.js');
8
+ var debounce = require('./debounce-783eb233.js');
9
9
  var _extends$2 = require('./extends-e94dbea5.js');
10
+ var inherits$2 = require('./inherits-9898af5a.js');
10
11
  var React = require('react');
11
12
  var React__default = _interopDefault(React);
12
13
  var index = require('./index-fa3cec70.js');
@@ -16,7 +17,6 @@ var visibilitySensor = require('./visibility-sensor-b72d9527.js');
16
17
  require('next/link');
17
18
  var Router = require('next/router');
18
19
  var Router__default = _interopDefault(Router);
19
- var debounce = require('./debounce-bbca43c4.js');
20
20
  require('react-dom');
21
21
  require('./index-fa0fb52c.js');
22
22
  var YoutubeGroup = require('./YoutubeGroup-fd44f8a0.js');
@@ -2,6 +2,8 @@
2
2
 
3
3
  var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
4
4
 
5
+ var _library = true;
6
+
5
7
  /**
6
8
  * Checks if `value` is the
7
9
  * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
@@ -478,6 +480,7 @@ var debounce_1 = debounce;
478
480
 
479
481
  exports._Symbol = _Symbol;
480
482
  exports._baseGetTag = _baseGetTag;
483
+ exports._library = _library;
481
484
  exports._root = _root;
482
485
  exports.debounce_1 = debounce_1;
483
486
  exports.isObject_1 = isObject_1;
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var debounce = require('./debounce-bbca43c4.js');
3
+ var debounce = require('./debounce-783eb233.js');
4
4
 
5
5
  /**
6
6
  * Checks if `value` is classified as an `Array` object.