@mjhls/mjh-framework 1.0.237 → 1.0.238

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 (82) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/{AdSlot-d87cef08.js → AdSlot-1fe1c231.js} +5 -5
  3. package/dist/cjs/DeckContent.js +26 -19
  4. package/dist/cjs/DeckQueue.js +24 -18
  5. package/dist/cjs/{Dfp-f62b16e1.js → Dfp-045b016b.js} +10 -7
  6. package/dist/cjs/{GridContent-6dae5d6a.js → GridContent-53e78cbf.js} +23 -20
  7. package/dist/cjs/GridContent.js +18 -12
  8. package/dist/cjs/IssueContentDeck.js +3 -3
  9. package/dist/cjs/IssueDeck.js +3 -3
  10. package/dist/cjs/MasterDeck-91c6ad85.js +917 -0
  11. package/dist/cjs/MasterDeck.js +18 -329
  12. package/dist/cjs/{Normal-821546cd.js → Normal-a94a1ec8.js} +34 -21
  13. package/dist/cjs/PublicationDeck.js +3 -3
  14. package/dist/cjs/QueueDeckExpanded.js +21 -16
  15. package/dist/cjs/{TaxonomyCard-d97685e2.js → TaxonomyCard-b5074d6e.js} +4 -4
  16. package/dist/cjs/TaxonomyCard.js +6 -5
  17. package/dist/cjs/TemplateNormal.js +11 -8
  18. package/dist/cjs/ThumbnailCard.js +4 -4
  19. package/dist/cjs/{Ustream-0d3dd953.js → Ustream-85b14a8d.js} +3 -5
  20. package/dist/cjs/Ustream.js +6 -2
  21. package/dist/cjs/VideoSeriesListing.js +19 -15
  22. package/dist/cjs/{YoutubeGroup-ad994d02.js → YoutubeGroup-fd44f8a0.js} +2 -2
  23. package/dist/cjs/YoutubeGroup.js +3 -3
  24. package/dist/cjs/{_commonjsHelpers-3fc1f64e.js → _commonjsHelpers-06173234.js} +5 -0
  25. package/dist/cjs/_to-object-329a650b.js +348 -0
  26. package/dist/cjs/core.get-iterator-method-e049ca4a.js +39 -0
  27. package/dist/cjs/{debounce-a963b136.js → debounce-bbca43c4.js} +1 -1
  28. package/dist/cjs/{entities-3e0b4a16.js → entities-310b46ee.js} +1 -1
  29. package/dist/cjs/extends-e94dbea5.js +98 -0
  30. package/dist/cjs/{get-126b1712.js → get-af2516a4.js} +1 -1
  31. package/dist/cjs/{index-a4c53ff4.js → index-39beccb3.js} +1 -1
  32. package/dist/cjs/{index-0d0efcfa.js → index-fa0fb52c.js} +1 -1
  33. package/dist/cjs/{index-0322e486.js → index-fa3cec70.js} +1 -1
  34. package/dist/cjs/index.js +3127 -286
  35. package/dist/cjs/inherits-5b5ca8db.js +650 -0
  36. package/dist/cjs/{main-58839f4e.js → main-d9a1b014.js} +1 -1
  37. package/dist/cjs/slicedToArray-e38fb29d.js +95 -0
  38. package/dist/cjs/toConsumableArray-7e4caf3c.js +123 -0
  39. package/dist/cjs/{visibility-sensor-8936e703.js → visibility-sensor-b72d9527.js} +1 -1
  40. package/dist/cjs/web.dom.iterable-0998bdc3.js +254 -0
  41. package/dist/esm/{AdSlot-0ea49f7e.js → AdSlot-017b8051.js} +5 -5
  42. package/dist/esm/DeckContent.js +24 -17
  43. package/dist/esm/DeckQueue.js +22 -16
  44. package/dist/esm/{Dfp-f026ab16.js → Dfp-01f14ae3.js} +10 -7
  45. package/dist/esm/{GridContent-7990f509.js → GridContent-f5bc4d75.js} +21 -18
  46. package/dist/esm/GridContent.js +18 -12
  47. package/dist/esm/IssueContentDeck.js +3 -3
  48. package/dist/esm/IssueDeck.js +3 -3
  49. package/dist/esm/MasterDeck-5dd97a66.js +910 -0
  50. package/dist/esm/MasterDeck.js +17 -328
  51. package/dist/esm/{Normal-20ff5bf5.js → Normal-357f00d1.js} +34 -21
  52. package/dist/esm/PublicationDeck.js +3 -3
  53. package/dist/esm/QueueDeckExpanded.js +19 -14
  54. package/dist/esm/{TaxonomyCard-f9c93953.js → TaxonomyCard-f74512cb.js} +3 -3
  55. package/dist/esm/TaxonomyCard.js +6 -5
  56. package/dist/esm/TemplateNormal.js +11 -8
  57. package/dist/esm/ThumbnailCard.js +4 -4
  58. package/dist/esm/{Ustream-6bb45fe7.js → Ustream-62a07a32.js} +3 -5
  59. package/dist/esm/Ustream.js +6 -2
  60. package/dist/esm/VideoSeriesListing.js +16 -12
  61. package/dist/esm/{YoutubeGroup-1368335c.js → YoutubeGroup-1b3eca73.js} +2 -2
  62. package/dist/esm/YoutubeGroup.js +3 -3
  63. package/dist/esm/{_commonjsHelpers-ae1b5db5.js → _commonjsHelpers-0c4b6f40.js} +5 -1
  64. package/dist/esm/_to-object-86553f76.js +318 -0
  65. package/dist/esm/core.get-iterator-method-709061dc.js +36 -0
  66. package/dist/esm/{debounce-dc0c02e5.js → debounce-fa7fbf11.js} +1 -1
  67. package/dist/esm/{entities-e85d3a4a.js → entities-7cc3bf45.js} +1 -1
  68. package/dist/esm/extends-7f88fa22.js +94 -0
  69. package/dist/esm/{get-b074314b.js → get-8d382479.js} +1 -1
  70. package/dist/esm/{index-ca4ff5cb.js → index-3849e3fe.js} +1 -1
  71. package/dist/esm/{index-3c1ee9ab.js → index-5f9f807a.js} +1 -1
  72. package/dist/esm/{index-70f7c966.js → index-fa84ea96.js} +1 -1
  73. package/dist/esm/index.js +3128 -287
  74. package/dist/esm/inherits-a82a4471.js +642 -0
  75. package/dist/esm/{main-cd81c243.js → main-eecf7b27.js} +1 -1
  76. package/dist/esm/slicedToArray-eb7eca9e.js +93 -0
  77. package/dist/esm/toConsumableArray-08d50169.js +117 -0
  78. package/dist/esm/{visibility-sensor-71e50a91.js → visibility-sensor-336093e1.js} +1 -1
  79. package/dist/esm/web.dom.iterable-f05d2f57.js +246 -0
  80. package/package.json +4 -1
  81. package/dist/cjs/_babelHelpers-f321c258.js +0 -119
  82. package/dist/esm/_babelHelpers-67c05996.js +0 -111
@@ -1,339 +1,28 @@
1
1
  'use strict';
2
2
 
3
- function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
-
5
- var React = require('react');
6
- var React__default = _interopDefault(React);
7
- require('./_commonjsHelpers-3fc1f64e.js');
8
- var index = require('./index-0322e486.js');
3
+ require('./_commonjsHelpers-06173234.js');
4
+ require('./_to-object-329a650b.js');
5
+ require('./web.dom.iterable-0998bdc3.js');
6
+ require('./inherits-5b5ca8db.js');
7
+ require('./toConsumableArray-7e4caf3c.js');
8
+ require('./core.get-iterator-method-e049ca4a.js');
9
+ require('./extends-e94dbea5.js');
10
+ require('react');
11
+ require('./index-fa3cec70.js');
9
12
  require('prop-types');
10
- var Container = _interopDefault(require('react-bootstrap/Container'));
11
- var Row = _interopDefault(require('react-bootstrap/Row'));
13
+ require('react-bootstrap/Container');
14
+ require('react-bootstrap/Row');
12
15
  require('react-bootstrap/Col');
13
16
  require('react-bootstrap/Card');
14
- var visibilitySensor = require('./visibility-sensor-8936e703.js');
17
+ require('./visibility-sensor-b72d9527.js');
15
18
  require('next/link');
16
- var Router = require('next/router');
17
- var Router__default = _interopDefault(Router);
18
- var debounce = require('./debounce-a963b136.js');
19
+ require('next/router');
20
+ require('./debounce-bbca43c4.js');
19
21
  require('react-dom');
20
- require('./index-a4c53ff4.js');
21
- var main = require('./main-58839f4e.js');
22
- var _babelHelpers = require('./_babelHelpers-f321c258.js');
23
-
24
- var MasterDeck = function (_React$Component) {
25
- _babelHelpers.inherits(MasterDeck, _React$Component);
26
-
27
- function MasterDeck() {
28
- var _ref,
29
- _this2 = this;
30
-
31
- var _temp, _this, _ret;
32
-
33
- _babelHelpers.classCallCheck(this, MasterDeck);
34
-
35
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
36
- args[_key] = arguments[_key];
37
- }
38
-
39
- return _ret = (_temp = (_this = _babelHelpers.possibleConstructorReturn(this, (_ref = MasterDeck.__proto__ || 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 = {
40
- data: _this.data,
41
- dataKeptToCompareNewDatarecord: _this.data,
42
- per: _this.params ? _this.params.to : 2,
43
- page: _this.props.currentPage || 1,
44
- from: _this.params ? _this.params.from : 0,
45
- to: _this.params ? _this.params.to : 2,
46
- total_pages: null,
47
- scrolling: true,
48
- query: _this.query,
49
- currentPage: _this.props.currentPage || 1
50
- }, _this.loadMore = debounce.debounce_1(function () {
51
- _this.setState(function (state) {
52
- var page = state.page,
53
- from = state.from,
54
- per = state.per,
55
- to = state.to;
56
-
57
- return {
58
- page: page + 1,
59
- from: from + per,
60
- to: to + per
61
- };
62
- }, _this.loadData);
63
- }, 0), _this.loadData = function () {
64
- var _this$state = _this.state,
65
- from = _this$state.from,
66
- to = _this$state.to,
67
- data = _this$state.data,
68
- query = _this$state.query,
69
- page = _this$state.page;
70
- var _this$props = _this.props,
71
- client = _this$props.client,
72
- dataHandler = _this$props.dataHandler;
73
-
74
-
75
- var params = _babelHelpers._extends({}, _this.params, { from: from, to: to });
76
-
77
- if (dataHandler) {
78
- var dataHandlerPromise = new Promise(function (resolve, reject) {
79
- try {
80
- var result = dataHandler(params);
81
- resolve(result);
82
- } catch (e) {
83
- reject(e);
84
- }
85
- });
86
- dataHandlerPromise.then(function (dataArr) {
87
- _this.loadDataFinished(data, dataArr, page);
88
- });
89
- } else {
90
- client.fetch(query, params).then(function (dataArr) {
91
- _this.loadDataFinished(data, dataArr, page);
92
- });
93
- }
94
- }, _this.loadDataFinished = function (data, dataArr, page) {
95
- if (_this.pointer && _this.pointerArray) {
96
- var pointer = _this.pointer;
97
- dataArr = dataArr[_this.pointerArray][pointer];
98
- }
99
- dataArr = dataArr.map(function (item) {
100
- return _babelHelpers._extends({}, item, {
101
- pageNumber: page
102
- });
103
- });
104
-
105
- _this.setState(function () {
106
- if (dataArr.length > 0) {
107
- return {
108
- data: [].concat(_babelHelpers.toConsumableArray(data), _babelHelpers.toConsumableArray(dataArr)),
109
- scrolling: true
110
- };
111
- } else {
112
- return {
113
- scrolling: false
114
- };
115
- }
116
- });
117
- }, _this.changePageNumber = function (pageNumber) {
118
- var _this$props2 = _this.props,
119
- seoPaginate = _this$props2.seoPaginate,
120
- pageview = _this$props2.pageview,
121
- router = _this$props2.router;
122
- var currentPage = _this.state.currentPage;
123
-
124
- if (seoPaginate) {
125
- var path = router.asPath;
126
- var qrIndex = path.indexOf('?');
127
- var pathname = router.pathname;
128
- var queryString = '';
129
-
130
- if (qrIndex > 0) {
131
- path = path.substring(1, qrIndex);
132
-
133
- var partialQS = router.asPath.substring(qrIndex + 1);
134
- var partialQSArr = partialQS.split('&');
135
-
136
- // exclude page=xxx from query string
137
- partialQSArr.map(function (item) {
138
- var itemArr = item.split('=');
139
- var key = itemArr[0];
140
- var val = itemArr[1];
141
-
142
- if (key !== 'page') {
143
- queryString += (queryString.length === 0 ? '' : '&') + key + '=' + val;
144
- }
145
- });
146
- }
147
-
148
- if (queryString.length > 0) {
149
- path += '?' + queryString;
150
- }
151
-
152
- pageNumber = parseInt(pageNumber);
153
-
154
- if (currentPage !== pageNumber) {
155
- index.lib_3.refresh();
156
-
157
- _this.setState({
158
- currentPage: pageNumber
159
- }, function () {
160
- if (path[0] !== '/') {
161
- path = '/' + path;
162
- }
163
-
164
- var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
165
-
166
- // please leave this for later debug purpose : Yong Jun.
167
- /* console.log('page change reported', {
168
- currentPage: currentPage,
169
- pageNumber: pageNumber,
170
- pathname: pathname,
171
- path: path,
172
- newPath: newPath,
173
- firstPage: pageNumber === 1,
174
- queryString: queryString
175
- }) */
176
-
177
- if (pageview) {
178
- pageview(newPath);
179
- }
180
-
181
- router.push(pathname, newPath, {
182
- shallow: true
183
- });
184
- });
185
- }
186
- }
187
- }, _this.cardLoader = function (page, columns, variant) {
188
- var numberOfItemsBeforeAd = 6;
189
- return React__default.createElement(
190
- Row,
191
- null,
192
- _this.state.data && _this.state.data.map(function (row, index) {
193
- var pageNumber = row.pageNumber || _this.state.page;
194
-
195
- return React__default.createElement(
196
- React__default.Fragment,
197
- { key: index },
198
- React__default.createElement(
199
- visibilitySensor.VisibilitySensor,
200
- {
201
- onChange: function onChange(isVisible) {
202
- isVisible && _this.changePageNumber(pageNumber);
203
- } },
204
- React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage })
205
- ),
206
- main.main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
207
- 'div',
208
- { style: { margin: '0 auto' } },
209
- _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
210
- )
211
- );
212
- })
213
- );
214
- }, _this.renderMobileAd = function (index, numberOfItemsBeforeAd, rightItems) {
215
- var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
216
- return React__default.createElement(
217
- 'div',
218
- { style: { display: 'flex', flex: '1 0 auto', width: '100%', textAlign: 'center', marginBottom: '2rem' } },
219
- rightItems[i].component
220
- );
221
- }, _this.renderManualPagination = function () {
222
- var currentPage = _this.state.currentPage;
223
-
224
- return React__default.createElement(
225
- 'div',
226
- { className: 'd-flex justify-content-between' },
227
- currentPage && currentPage > 1 && React__default.createElement(
228
- 'a',
229
- { href: '?page=' + (currentPage - 1) },
230
- '<< Previous'
231
- ),
232
- React__default.createElement(
233
- 'a',
234
- { href: '?page=' + (currentPage + 1) },
235
- 'Next >>'
236
- )
237
- );
238
- }, _temp), _babelHelpers.possibleConstructorReturn(_this, _ret);
239
- }
240
-
241
- _babelHelpers.createClass(MasterDeck, [{
242
- key: 'componentDidUpdate',
243
- value: function componentDidUpdate(prevProps, prevState) {
244
- if (this.state.dataKeptToCompareNewDatarecord !== this.props.dataRecord) {
245
- // eslint-disable-next-line react/no-did-update-set-state
246
- this.setState({
247
- data: this.props.dataRecord,
248
- dataKeptToCompareNewDatarecord: this.props.dataRecord,
249
- per: this.props.params ? this.props.params.to : 2,
250
- page: 1,
251
- from: this.props.params ? this.props.params.from : 0,
252
- to: this.props.params ? this.props.params.to : 2,
253
- total_pages: null,
254
- scrolling: true,
255
- query: this.props.query
256
- });
257
- }
258
- }
259
- }, {
260
- key: 'componentDidMount',
261
- value: function componentDidMount() {
262
- // this.loadData();
263
- }
264
- }, {
265
- key: 'render',
266
- value: function render() {
267
- var _this3 = this;
268
-
269
- var _props = this.props,
270
- columns = _props.columns,
271
- variant = _props.variant,
272
- autoScroll = _props.autoScroll,
273
- page = _props.page;
274
-
22
+ require('./index-39beccb3.js');
23
+ require('./main-d9a1b014.js');
24
+ var MasterDeck = require('./MasterDeck-91c6ad85.js');
275
25
 
276
- return React__default.createElement(
277
- 'div',
278
- { className: 'contentDeck' },
279
- autoScroll ? React__default.createElement(
280
- React__default.Fragment,
281
- null,
282
- React__default.createElement(
283
- visibilitySensor.InfiniteScroll,
284
- { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
285
- React__default.createElement(
286
- Container,
287
- null,
288
- this.cardLoader(page, columns, variant)
289
- )
290
- ),
291
- React__default.createElement(
292
- 'noscript',
293
- null,
294
- this.renderManualPagination()
295
- )
296
- ) : React__default.createElement(
297
- React__default.Fragment,
298
- null,
299
- React__default.createElement(
300
- Container,
301
- null,
302
- this.cardLoader(page, columns, variant)
303
- ),
304
- React__default.createElement(
305
- 'div',
306
- { style: { padding: '0px 10px' } },
307
- this.state.scrolling ? React__default.createElement(
308
- 'button',
309
- {
310
- style: { margin: 'auto', width: '100%' },
311
- onClick: function onClick(e) {
312
- _this3.loadMore();
313
- } },
314
- 'Load More'
315
- ) : React__default.createElement(
316
- 'p',
317
- { style: { textAlign: 'center' } },
318
- React__default.createElement(
319
- 'b',
320
- null,
321
- 'End of data'
322
- )
323
- )
324
- ),
325
- React__default.createElement(
326
- 'noscript',
327
- null,
328
- this.renderManualPagination()
329
- )
330
- )
331
- );
332
- }
333
- }]);
334
- return MasterDeck;
335
- }(React__default.Component);
336
26
 
337
- var MasterDeck$1 = Router.withRouter(MasterDeck);
338
27
 
339
- module.exports = MasterDeck$1;
28
+ module.exports = MasterDeck.MasterDeck;
@@ -2,18 +2,18 @@
2
2
 
3
3
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
4
 
5
+ var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
5
6
  var React = require('react');
6
7
  var React__default = _interopDefault(React);
7
- var _commonjsHelpers = require('./_commonjsHelpers-3fc1f64e.js');
8
8
  var PropTypes = _interopDefault(require('prop-types'));
9
9
  var Container = _interopDefault(require('react-bootstrap/Container'));
10
10
  var Row = _interopDefault(require('react-bootstrap/Row'));
11
11
  var Col = _interopDefault(require('react-bootstrap/Col'));
12
12
  var Link = _interopDefault(require('next/link'));
13
- var main = require('./main-58839f4e.js');
14
- var _babelHelpers = require('./_babelHelpers-f321c258.js');
15
- var AdSlot = require('./AdSlot-d87cef08.js');
16
- var get$1 = require('./get-126b1712.js');
13
+ var main = require('./main-d9a1b014.js');
14
+ var slicedToArray = require('./slicedToArray-e38fb29d.js');
15
+ var AdSlot = require('./AdSlot-1fe1c231.js');
16
+ var get$1 = require('./get-af2516a4.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'));
@@ -886,7 +886,7 @@ var PageFilter = function PageFilter(props) {
886
886
  defaultFilter = props.defaultFilter;
887
887
 
888
888
  var _useState = React.useState(''),
889
- _useState2 = _babelHelpers.slicedToArray(_useState, 2),
889
+ _useState2 = slicedToArray._slicedToArray(_useState, 2),
890
890
  filter = _useState2[0],
891
891
  setFilter = _useState2[1];
892
892
 
@@ -1079,7 +1079,7 @@ var Search = function Search(props) {
1079
1079
  device = _props$device === undefined ? 'desktop' : _props$device;
1080
1080
 
1081
1081
  var _useState = React.useState(''),
1082
- _useState2 = _babelHelpers.slicedToArray(_useState, 2),
1082
+ _useState2 = slicedToArray._slicedToArray(_useState, 2),
1083
1083
  searchKey = _useState2[0],
1084
1084
  setSearchKey = _useState2[1];
1085
1085
 
@@ -1273,12 +1273,12 @@ var NavMagazine = function NavMagazine(props) {
1273
1273
  var navRef = React.useRef(null);
1274
1274
 
1275
1275
  var _useState = React.useState(false),
1276
- _useState2 = _babelHelpers.slicedToArray(_useState, 2),
1276
+ _useState2 = slicedToArray._slicedToArray(_useState, 2),
1277
1277
  isSticky = _useState2[0],
1278
1278
  setIsSticky = _useState2[1];
1279
1279
 
1280
1280
  var _useState3 = React.useState(0),
1281
- _useState4 = _babelHelpers.slicedToArray(_useState3, 2),
1281
+ _useState4 = slicedToArray._slicedToArray(_useState3, 2),
1282
1282
  screenWidth = _useState4[0],
1283
1283
  setScreenWidth = _useState4[1];
1284
1284
 
@@ -1554,7 +1554,7 @@ var NavMagazine = function NavMagazine(props) {
1554
1554
  React__default.createElement(
1555
1555
  Nav,
1556
1556
  { className: 'mr-auto' },
1557
- socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website }) : React__default.createElement(NavFooter$1, { website: website })
1557
+ socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website, showLogo: true }) : React__default.createElement(NavFooter$1, { website: website, showLogo: true })
1558
1558
  )
1559
1559
  )
1560
1560
  )
@@ -1594,12 +1594,12 @@ var NavNative = function NavNative(props) {
1594
1594
  var navRef = React.useRef(null);
1595
1595
 
1596
1596
  var _useState = React.useState(false),
1597
- _useState2 = _babelHelpers.slicedToArray(_useState, 2),
1597
+ _useState2 = slicedToArray._slicedToArray(_useState, 2),
1598
1598
  isSticky = _useState2[0],
1599
1599
  setIsSticky = _useState2[1];
1600
1600
 
1601
1601
  var _useState3 = React.useState(0),
1602
- _useState4 = _babelHelpers.slicedToArray(_useState3, 2),
1602
+ _useState4 = slicedToArray._slicedToArray(_useState3, 2),
1603
1603
  screenWidth = _useState4[0],
1604
1604
  setScreenWidth = _useState4[1];
1605
1605
 
@@ -1996,19 +1996,24 @@ var HamMagazine = function HamMagazine(props) {
1996
1996
  var navRef = React.useRef(null);
1997
1997
 
1998
1998
  var _useState = React.useState(false),
1999
- _useState2 = _babelHelpers.slicedToArray(_useState, 2),
1999
+ _useState2 = slicedToArray._slicedToArray(_useState, 2),
2000
2000
  isSticky = _useState2[0],
2001
2001
  setIsSticky = _useState2[1];
2002
2002
 
2003
2003
  var _useState3 = React.useState(0),
2004
- _useState4 = _babelHelpers.slicedToArray(_useState3, 2),
2004
+ _useState4 = slicedToArray._slicedToArray(_useState3, 2),
2005
2005
  screenWidth = _useState4[0],
2006
2006
  setScreenWidth = _useState4[1];
2007
2007
 
2008
- var _useState5 = React.useState(false),
2009
- _useState6 = _babelHelpers.slicedToArray(_useState5, 2),
2010
- isOpen = _useState6[0],
2011
- setIsOpen = _useState6[1];
2008
+ var _useState5 = React.useState(null),
2009
+ _useState6 = slicedToArray._slicedToArray(_useState5, 2),
2010
+ userAgent = _useState6[0],
2011
+ setUserAgent = _useState6[1];
2012
+
2013
+ var _useState7 = React.useState(false),
2014
+ _useState8 = slicedToArray._slicedToArray(_useState7, 2),
2015
+ isOpen = _useState8[0],
2016
+ setIsOpen = _useState8[1];
2012
2017
 
2013
2018
  React.useEffect(function () {
2014
2019
  document.addEventListener('scroll', trackScrolling);
@@ -2018,17 +2023,25 @@ var HamMagazine = function HamMagazine(props) {
2018
2023
  // eslint-disable-next-line react-hooks/exhaustive-deps
2019
2024
  }, []);
2020
2025
 
2026
+ // Initial User agent setup on refresh or on load
2027
+ React.useEffect(function () {
2028
+ setUserAgent(navigator.userAgent.toString());
2029
+ }, []);
2030
+
2021
2031
  React.useEffect(function () {
2022
2032
  setScreenWidth(parseInt(window.innerWidth));
2023
2033
  }, []);
2024
2034
 
2035
+ // Check for change in useragent with change in screen resolution
2025
2036
  React.useEffect(function () {
2026
2037
  var handleResize = function handleResize() {
2027
- window.location.reload();
2028
- console.log('Screen size changed. Refreshing page.');
2038
+ if (userAgent && userAgent !== navigator.userAgent.toString()) {
2039
+ console.log('Browser change detected, refreshing');
2040
+ window.location.reload();
2041
+ }
2029
2042
  };
2030
2043
  window.addEventListener('resize', handleResize);
2031
- }, []);
2044
+ }, [userAgent]);
2032
2045
 
2033
2046
  React.useEffect(function () {
2034
2047
  var navOffsetTop = navRef.current.getBoundingClientRect().top;
@@ -2,17 +2,17 @@
2
2
 
3
3
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
4
 
5
+ require('./_commonjsHelpers-06173234.js');
5
6
  var React = require('react');
6
7
  var React__default = _interopDefault(React);
7
- require('./_commonjsHelpers-3fc1f64e.js');
8
8
  require('prop-types');
9
9
  var Row = _interopDefault(require('react-bootstrap/Row'));
10
10
  var Col = _interopDefault(require('react-bootstrap/Col'));
11
11
  var Card = _interopDefault(require('react-bootstrap/Card'));
12
12
  require('next/link');
13
13
  require('react-dom');
14
- var index$1 = require('./index-a4c53ff4.js');
15
- var index$2 = require('./index-0d0efcfa.js');
14
+ var index$1 = require('./index-39beccb3.js');
15
+ var index$2 = require('./index-fa0fb52c.js');
16
16
  var Button = _interopDefault(require('react-bootstrap/Button'));
17
17
 
18
18
  var PublicationDeck = function PublicationDeck(props) {
@@ -2,21 +2,26 @@
2
2
 
3
3
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
4
 
5
+ require('./_commonjsHelpers-06173234.js');
6
+ require('./_to-object-329a650b.js');
7
+ require('./web.dom.iterable-0998bdc3.js');
8
+ var toConsumableArray = require('./toConsumableArray-7e4caf3c.js');
9
+ require('./core.get-iterator-method-e049ca4a.js');
10
+ var _extends$2 = require('./extends-e94dbea5.js');
5
11
  var React = require('react');
6
12
  var React__default = _interopDefault(React);
7
- require('./_commonjsHelpers-3fc1f64e.js');
8
- var index = require('./index-0322e486.js');
13
+ var index = require('./index-fa3cec70.js');
9
14
  require('prop-types');
10
- var visibilitySensor = require('./visibility-sensor-8936e703.js');
15
+ var visibilitySensor = require('./visibility-sensor-b72d9527.js');
11
16
  require('next/link');
12
17
  var Router = require('next/router');
13
18
  var Router__default = _interopDefault(Router);
14
19
  require('react-dom');
15
- var index$1 = require('./index-a4c53ff4.js');
16
- var index$2 = require('./index-0d0efcfa.js');
17
- var main = require('./main-58839f4e.js');
18
- var entities = require('./entities-3e0b4a16.js');
19
- var _babelHelpers = require('./_babelHelpers-f321c258.js');
20
+ var index$1 = require('./index-39beccb3.js');
21
+ var index$2 = require('./index-fa0fb52c.js');
22
+ var main = require('./main-d9a1b014.js');
23
+ var entities = require('./entities-310b46ee.js');
24
+ var slicedToArray = require('./slicedToArray-e38fb29d.js');
20
25
  var reactBootstrap = require('react-bootstrap');
21
26
 
22
27
  var urlFor = function urlFor(source, builder) {
@@ -39,7 +44,7 @@ var loadMore = function loadMore(values, setValues, per) {
39
44
  };
40
45
 
41
46
  var loadData = function loadData(values, query, client, params, setData, setScrolling, pointer, pointerArray) {
42
- params = _babelHelpers._extends({}, params, {
47
+ params = _extends$2._extends({}, params, {
43
48
  from: values.from,
44
49
  to: values.to
45
50
  });
@@ -54,14 +59,14 @@ var loadData = function loadData(values, query, client, params, setData, setScro
54
59
  }
55
60
 
56
61
  dataArr = dataArr.map(function (item) {
57
- return _babelHelpers._extends({}, item, {
62
+ return _extends$2._extends({}, item, {
58
63
  pageNumber: values.page
59
64
  });
60
65
  });
61
66
 
62
67
  if (dataArr.length > 0) {
63
68
  setData(function (prevData) {
64
- return [].concat(_babelHelpers.toConsumableArray(prevData), _babelHelpers.toConsumableArray(dataArr));
69
+ return [].concat(toConsumableArray._toConsumableArray(prevData), toConsumableArray._toConsumableArray(dataArr));
65
70
  });
66
71
  setScrolling(true);
67
72
  } else {
@@ -479,21 +484,21 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
479
484
  var builder = index$1.imageUrlBuilder(client);
480
485
 
481
486
  var _useState = React.useState(initialData),
482
- _useState2 = _babelHelpers.slicedToArray(_useState, 2),
487
+ _useState2 = slicedToArray._slicedToArray(_useState, 2),
483
488
  data = _useState2[0],
484
489
  setData = _useState2[1];
485
490
 
486
491
  var _useState3 = React.useState(true),
487
- _useState4 = _babelHelpers.slicedToArray(_useState3, 2),
492
+ _useState4 = slicedToArray._slicedToArray(_useState3, 2),
488
493
  scrolling = _useState4[0],
489
494
  setScrolling = _useState4[1];
490
495
 
491
496
  var _useState5 = React.useState(params ? params.to : 0),
492
- _useState6 = _babelHelpers.slicedToArray(_useState5, 1),
497
+ _useState6 = slicedToArray._slicedToArray(_useState5, 1),
493
498
  per = _useState6[0];
494
499
 
495
500
  var _useState7 = React.useState(initialCurrentPage || 1),
496
- _useState8 = _babelHelpers.slicedToArray(_useState7, 2),
501
+ _useState8 = slicedToArray._slicedToArray(_useState7, 2),
497
502
  currentPage = _useState8[0],
498
503
  setCurrentPage = _useState8[1];
499
504
 
@@ -502,7 +507,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
502
507
  to: params ? params.to : 0,
503
508
  page: 1
504
509
  }),
505
- _useState10 = _babelHelpers.slicedToArray(_useState9, 2),
510
+ _useState10 = slicedToArray._slicedToArray(_useState9, 2),
506
511
  values = _useState10[0],
507
512
  setValues = _useState10[1];
508
513
 
@@ -2,6 +2,7 @@
2
2
 
3
3
  function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
4
4
 
5
+ var _extends$2 = require('./extends-e94dbea5.js');
5
6
  var React = require('react');
6
7
  var React__default = _interopDefault(React);
7
8
  var PropTypes = _interopDefault(require('prop-types'));
@@ -9,9 +10,8 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
9
10
  var Row = _interopDefault(require('react-bootstrap/Row'));
10
11
  var Col = _interopDefault(require('react-bootstrap/Col'));
11
12
  var Card = _interopDefault(require('react-bootstrap/Card'));
12
- var index$1 = require('./index-a4c53ff4.js');
13
- var index$2 = require('./index-0d0efcfa.js');
14
- var _babelHelpers = require('./_babelHelpers-f321c258.js');
13
+ var index$1 = require('./index-39beccb3.js');
14
+ var index$2 = require('./index-fa0fb52c.js');
15
15
 
16
16
  /*
17
17
  object-assign
@@ -1009,7 +1009,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
1009
1009
  React__default.createElement(
1010
1010
  Card.Text,
1011
1011
  null,
1012
- React__default.createElement(BlockContent, _babelHelpers._extends({ blocks: row.summary, serializers: getSerializers }, client.config()))
1012
+ React__default.createElement(BlockContent, _extends$2._extends({ blocks: row.summary, serializers: getSerializers }, client.config()))
1013
1013
  )
1014
1014
  )
1015
1015
  ),
@@ -1,17 +1,18 @@
1
1
  'use strict';
2
2
 
3
+ require('./_commonjsHelpers-06173234.js');
4
+ require('./_to-object-329a650b.js');
5
+ require('./extends-e94dbea5.js');
3
6
  require('react');
4
- require('./_commonjsHelpers-3fc1f64e.js');
5
7
  require('prop-types');
6
8
  require('react-bootstrap/Container');
7
9
  require('react-bootstrap/Row');
8
10
  require('react-bootstrap/Col');
9
11
  require('react-bootstrap/Card');
10
12
  require('react-dom');
11
- require('./index-a4c53ff4.js');
12
- require('./index-0d0efcfa.js');
13
- require('./_babelHelpers-f321c258.js');
14
- var TaxonomyCard = require('./TaxonomyCard-d97685e2.js');
13
+ require('./index-39beccb3.js');
14
+ require('./index-fa0fb52c.js');
15
+ var TaxonomyCard = require('./TaxonomyCard-b5074d6e.js');
15
16
 
16
17
 
17
18