@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,333 +1,22 @@
1
- import React__default from 'react';
2
- import './_commonjsHelpers-ae1b5db5.js';
3
- import { l as lib_3 } from './index-70f7c966.js';
1
+ import './_commonjsHelpers-0c4b6f40.js';
2
+ import './_to-object-86553f76.js';
3
+ import './web.dom.iterable-f05d2f57.js';
4
+ import './inherits-a82a4471.js';
5
+ import './toConsumableArray-08d50169.js';
6
+ import './core.get-iterator-method-709061dc.js';
7
+ import './extends-7f88fa22.js';
8
+ import 'react';
9
+ import './index-fa84ea96.js';
4
10
  import 'prop-types';
5
- import Container from 'react-bootstrap/Container';
6
- import Row from 'react-bootstrap/Row';
11
+ import 'react-bootstrap/Container';
12
+ import 'react-bootstrap/Row';
7
13
  import 'react-bootstrap/Col';
8
14
  import 'react-bootstrap/Card';
9
- import { I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-71e50a91.js';
15
+ import './visibility-sensor-336093e1.js';
10
16
  import 'next/link';
11
- import { withRouter } from 'next/router';
12
- import { d as debounce_1 } from './debounce-dc0c02e5.js';
17
+ import 'next/router';
18
+ import './debounce-fa7fbf11.js';
13
19
  import 'react-dom';
14
- import './index-ca4ff5cb.js';
15
- import { m as main_36 } from './main-cd81c243.js';
16
- import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
17
-
18
- var MasterDeck = function (_React$Component) {
19
- inherits(MasterDeck, _React$Component);
20
-
21
- function MasterDeck() {
22
- var _ref,
23
- _this2 = this;
24
-
25
- var _temp, _this, _ret;
26
-
27
- classCallCheck(this, MasterDeck);
28
-
29
- for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
30
- args[_key] = arguments[_key];
31
- }
32
-
33
- return _ret = (_temp = (_this = 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 = {
34
- data: _this.data,
35
- dataKeptToCompareNewDatarecord: _this.data,
36
- per: _this.params ? _this.params.to : 2,
37
- page: _this.props.currentPage || 1,
38
- from: _this.params ? _this.params.from : 0,
39
- to: _this.params ? _this.params.to : 2,
40
- total_pages: null,
41
- scrolling: true,
42
- query: _this.query,
43
- currentPage: _this.props.currentPage || 1
44
- }, _this.loadMore = debounce_1(function () {
45
- _this.setState(function (state) {
46
- var page = state.page,
47
- from = state.from,
48
- per = state.per,
49
- to = state.to;
50
-
51
- return {
52
- page: page + 1,
53
- from: from + per,
54
- to: to + per
55
- };
56
- }, _this.loadData);
57
- }, 0), _this.loadData = function () {
58
- var _this$state = _this.state,
59
- from = _this$state.from,
60
- to = _this$state.to,
61
- data = _this$state.data,
62
- query = _this$state.query,
63
- page = _this$state.page;
64
- var _this$props = _this.props,
65
- client = _this$props.client,
66
- dataHandler = _this$props.dataHandler;
67
-
68
-
69
- var params = _extends({}, _this.params, { from: from, to: to });
70
-
71
- if (dataHandler) {
72
- var dataHandlerPromise = new Promise(function (resolve, reject) {
73
- try {
74
- var result = dataHandler(params);
75
- resolve(result);
76
- } catch (e) {
77
- reject(e);
78
- }
79
- });
80
- dataHandlerPromise.then(function (dataArr) {
81
- _this.loadDataFinished(data, dataArr, page);
82
- });
83
- } else {
84
- client.fetch(query, params).then(function (dataArr) {
85
- _this.loadDataFinished(data, dataArr, page);
86
- });
87
- }
88
- }, _this.loadDataFinished = function (data, dataArr, page) {
89
- if (_this.pointer && _this.pointerArray) {
90
- var pointer = _this.pointer;
91
- dataArr = dataArr[_this.pointerArray][pointer];
92
- }
93
- dataArr = dataArr.map(function (item) {
94
- return _extends({}, item, {
95
- pageNumber: page
96
- });
97
- });
98
-
99
- _this.setState(function () {
100
- if (dataArr.length > 0) {
101
- return {
102
- data: [].concat(toConsumableArray(data), toConsumableArray(dataArr)),
103
- scrolling: true
104
- };
105
- } else {
106
- return {
107
- scrolling: false
108
- };
109
- }
110
- });
111
- }, _this.changePageNumber = function (pageNumber) {
112
- var _this$props2 = _this.props,
113
- seoPaginate = _this$props2.seoPaginate,
114
- pageview = _this$props2.pageview,
115
- router = _this$props2.router;
116
- var currentPage = _this.state.currentPage;
117
-
118
- if (seoPaginate) {
119
- var path = router.asPath;
120
- var qrIndex = path.indexOf('?');
121
- var pathname = router.pathname;
122
- var queryString = '';
123
-
124
- if (qrIndex > 0) {
125
- path = path.substring(1, qrIndex);
126
-
127
- var partialQS = router.asPath.substring(qrIndex + 1);
128
- var partialQSArr = partialQS.split('&');
129
-
130
- // exclude page=xxx from query string
131
- partialQSArr.map(function (item) {
132
- var itemArr = item.split('=');
133
- var key = itemArr[0];
134
- var val = itemArr[1];
135
-
136
- if (key !== 'page') {
137
- queryString += (queryString.length === 0 ? '' : '&') + key + '=' + val;
138
- }
139
- });
140
- }
141
-
142
- if (queryString.length > 0) {
143
- path += '?' + queryString;
144
- }
145
-
146
- pageNumber = parseInt(pageNumber);
147
-
148
- if (currentPage !== pageNumber) {
149
- lib_3.refresh();
150
-
151
- _this.setState({
152
- currentPage: pageNumber
153
- }, function () {
154
- if (path[0] !== '/') {
155
- path = '/' + path;
156
- }
157
-
158
- var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
159
-
160
- // please leave this for later debug purpose : Yong Jun.
161
- /* console.log('page change reported', {
162
- currentPage: currentPage,
163
- pageNumber: pageNumber,
164
- pathname: pathname,
165
- path: path,
166
- newPath: newPath,
167
- firstPage: pageNumber === 1,
168
- queryString: queryString
169
- }) */
170
-
171
- if (pageview) {
172
- pageview(newPath);
173
- }
174
-
175
- router.push(pathname, newPath, {
176
- shallow: true
177
- });
178
- });
179
- }
180
- }
181
- }, _this.cardLoader = function (page, columns, variant) {
182
- var numberOfItemsBeforeAd = 6;
183
- return React__default.createElement(
184
- Row,
185
- null,
186
- _this.state.data && _this.state.data.map(function (row, index) {
187
- var pageNumber = row.pageNumber || _this.state.page;
188
-
189
- return React__default.createElement(
190
- React__default.Fragment,
191
- { key: index },
192
- React__default.createElement(
193
- VisibilitySensor,
194
- {
195
- onChange: function onChange(isVisible) {
196
- isVisible && _this.changePageNumber(pageNumber);
197
- } },
198
- React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage })
199
- ),
200
- main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
201
- 'div',
202
- { style: { margin: '0 auto' } },
203
- _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
204
- )
205
- );
206
- })
207
- );
208
- }, _this.renderMobileAd = function (index, numberOfItemsBeforeAd, rightItems) {
209
- var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
210
- return React__default.createElement(
211
- 'div',
212
- { style: { display: 'flex', flex: '1 0 auto', width: '100%', textAlign: 'center', marginBottom: '2rem' } },
213
- rightItems[i].component
214
- );
215
- }, _this.renderManualPagination = function () {
216
- var currentPage = _this.state.currentPage;
217
-
218
- return React__default.createElement(
219
- 'div',
220
- { className: 'd-flex justify-content-between' },
221
- currentPage && currentPage > 1 && React__default.createElement(
222
- 'a',
223
- { href: '?page=' + (currentPage - 1) },
224
- '<< Previous'
225
- ),
226
- React__default.createElement(
227
- 'a',
228
- { href: '?page=' + (currentPage + 1) },
229
- 'Next >>'
230
- )
231
- );
232
- }, _temp), possibleConstructorReturn(_this, _ret);
233
- }
234
-
235
- createClass(MasterDeck, [{
236
- key: 'componentDidUpdate',
237
- value: function componentDidUpdate(prevProps, prevState) {
238
- if (this.state.dataKeptToCompareNewDatarecord !== this.props.dataRecord) {
239
- // eslint-disable-next-line react/no-did-update-set-state
240
- this.setState({
241
- data: this.props.dataRecord,
242
- dataKeptToCompareNewDatarecord: this.props.dataRecord,
243
- per: this.props.params ? this.props.params.to : 2,
244
- page: 1,
245
- from: this.props.params ? this.props.params.from : 0,
246
- to: this.props.params ? this.props.params.to : 2,
247
- total_pages: null,
248
- scrolling: true,
249
- query: this.props.query
250
- });
251
- }
252
- }
253
- }, {
254
- key: 'componentDidMount',
255
- value: function componentDidMount() {
256
- // this.loadData();
257
- }
258
- }, {
259
- key: 'render',
260
- value: function render() {
261
- var _this3 = this;
262
-
263
- var _props = this.props,
264
- columns = _props.columns,
265
- variant = _props.variant,
266
- autoScroll = _props.autoScroll,
267
- page = _props.page;
268
-
269
-
270
- return React__default.createElement(
271
- 'div',
272
- { className: 'contentDeck' },
273
- autoScroll ? React__default.createElement(
274
- React__default.Fragment,
275
- null,
276
- React__default.createElement(
277
- InfiniteScroll,
278
- { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
279
- React__default.createElement(
280
- Container,
281
- null,
282
- this.cardLoader(page, columns, variant)
283
- )
284
- ),
285
- React__default.createElement(
286
- 'noscript',
287
- null,
288
- this.renderManualPagination()
289
- )
290
- ) : React__default.createElement(
291
- React__default.Fragment,
292
- null,
293
- React__default.createElement(
294
- Container,
295
- null,
296
- this.cardLoader(page, columns, variant)
297
- ),
298
- React__default.createElement(
299
- 'div',
300
- { style: { padding: '0px 10px' } },
301
- this.state.scrolling ? React__default.createElement(
302
- 'button',
303
- {
304
- style: { margin: 'auto', width: '100%' },
305
- onClick: function onClick(e) {
306
- _this3.loadMore();
307
- } },
308
- 'Load More'
309
- ) : React__default.createElement(
310
- 'p',
311
- { style: { textAlign: 'center' } },
312
- React__default.createElement(
313
- 'b',
314
- null,
315
- 'End of data'
316
- )
317
- )
318
- ),
319
- React__default.createElement(
320
- 'noscript',
321
- null,
322
- this.renderManualPagination()
323
- )
324
- )
325
- );
326
- }
327
- }]);
328
- return MasterDeck;
329
- }(React__default.Component);
330
-
331
- var MasterDeck$1 = withRouter(MasterDeck);
332
-
333
- export default MasterDeck$1;
20
+ import './index-3849e3fe.js';
21
+ import './main-eecf7b27.js';
22
+ export { M as default } from './MasterDeck-5dd97a66.js';
@@ -1,14 +1,14 @@
1
+ import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
1
2
  import React__default, { useState, useEffect, useRef } from 'react';
2
- import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-ae1b5db5.js';
3
3
  import PropTypes from 'prop-types';
4
4
  import Container from 'react-bootstrap/Container';
5
5
  import Row from 'react-bootstrap/Row';
6
6
  import Col from 'react-bootstrap/Col';
7
7
  import Link from 'next/link';
8
- import { m as main_36, b as main_37 } from './main-cd81c243.js';
9
- import { s as slicedToArray } from './_babelHelpers-67c05996.js';
10
- import { D as DFPAdSlot } from './AdSlot-0ea49f7e.js';
11
- import { g as get_1 } from './get-b074314b.js';
8
+ import { m as main_36, b as main_37 } from './main-eecf7b27.js';
9
+ import { _ as _slicedToArray } from './slicedToArray-eb7eca9e.js';
10
+ import { D as DFPAdSlot } from './AdSlot-017b8051.js';
11
+ import { g as get_1 } from './get-8d382479.js';
12
12
  import { Dropdown } from 'react-bootstrap';
13
13
  import { G as GenIcon, b as IoMdLogIn, c as IoIosHome } from './index.esm-536609db.js';
14
14
  import Button from 'react-bootstrap/Button';
@@ -881,7 +881,7 @@ var PageFilter = function PageFilter(props) {
881
881
  defaultFilter = props.defaultFilter;
882
882
 
883
883
  var _useState = useState(''),
884
- _useState2 = slicedToArray(_useState, 2),
884
+ _useState2 = _slicedToArray(_useState, 2),
885
885
  filter = _useState2[0],
886
886
  setFilter = _useState2[1];
887
887
 
@@ -1074,7 +1074,7 @@ var Search = function Search(props) {
1074
1074
  device = _props$device === undefined ? 'desktop' : _props$device;
1075
1075
 
1076
1076
  var _useState = useState(''),
1077
- _useState2 = slicedToArray(_useState, 2),
1077
+ _useState2 = _slicedToArray(_useState, 2),
1078
1078
  searchKey = _useState2[0],
1079
1079
  setSearchKey = _useState2[1];
1080
1080
 
@@ -1268,12 +1268,12 @@ var NavMagazine = function NavMagazine(props) {
1268
1268
  var navRef = useRef(null);
1269
1269
 
1270
1270
  var _useState = useState(false),
1271
- _useState2 = slicedToArray(_useState, 2),
1271
+ _useState2 = _slicedToArray(_useState, 2),
1272
1272
  isSticky = _useState2[0],
1273
1273
  setIsSticky = _useState2[1];
1274
1274
 
1275
1275
  var _useState3 = useState(0),
1276
- _useState4 = slicedToArray(_useState3, 2),
1276
+ _useState4 = _slicedToArray(_useState3, 2),
1277
1277
  screenWidth = _useState4[0],
1278
1278
  setScreenWidth = _useState4[1];
1279
1279
 
@@ -1549,7 +1549,7 @@ var NavMagazine = function NavMagazine(props) {
1549
1549
  React__default.createElement(
1550
1550
  Nav,
1551
1551
  { className: 'mr-auto' },
1552
- socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website }) : React__default.createElement(NavFooter$1, { website: website })
1552
+ socialFooterNav ? React__default.createElement(SocialNavFooter, { website: website, showLogo: true }) : React__default.createElement(NavFooter$1, { website: website, showLogo: true })
1553
1553
  )
1554
1554
  )
1555
1555
  )
@@ -1589,12 +1589,12 @@ var NavNative = function NavNative(props) {
1589
1589
  var navRef = useRef(null);
1590
1590
 
1591
1591
  var _useState = useState(false),
1592
- _useState2 = slicedToArray(_useState, 2),
1592
+ _useState2 = _slicedToArray(_useState, 2),
1593
1593
  isSticky = _useState2[0],
1594
1594
  setIsSticky = _useState2[1];
1595
1595
 
1596
1596
  var _useState3 = useState(0),
1597
- _useState4 = slicedToArray(_useState3, 2),
1597
+ _useState4 = _slicedToArray(_useState3, 2),
1598
1598
  screenWidth = _useState4[0],
1599
1599
  setScreenWidth = _useState4[1];
1600
1600
 
@@ -1991,19 +1991,24 @@ var HamMagazine = function HamMagazine(props) {
1991
1991
  var navRef = useRef(null);
1992
1992
 
1993
1993
  var _useState = useState(false),
1994
- _useState2 = slicedToArray(_useState, 2),
1994
+ _useState2 = _slicedToArray(_useState, 2),
1995
1995
  isSticky = _useState2[0],
1996
1996
  setIsSticky = _useState2[1];
1997
1997
 
1998
1998
  var _useState3 = useState(0),
1999
- _useState4 = slicedToArray(_useState3, 2),
1999
+ _useState4 = _slicedToArray(_useState3, 2),
2000
2000
  screenWidth = _useState4[0],
2001
2001
  setScreenWidth = _useState4[1];
2002
2002
 
2003
- var _useState5 = useState(false),
2004
- _useState6 = slicedToArray(_useState5, 2),
2005
- isOpen = _useState6[0],
2006
- setIsOpen = _useState6[1];
2003
+ var _useState5 = useState(null),
2004
+ _useState6 = _slicedToArray(_useState5, 2),
2005
+ userAgent = _useState6[0],
2006
+ setUserAgent = _useState6[1];
2007
+
2008
+ var _useState7 = useState(false),
2009
+ _useState8 = _slicedToArray(_useState7, 2),
2010
+ isOpen = _useState8[0],
2011
+ setIsOpen = _useState8[1];
2007
2012
 
2008
2013
  useEffect(function () {
2009
2014
  document.addEventListener('scroll', trackScrolling);
@@ -2013,17 +2018,25 @@ var HamMagazine = function HamMagazine(props) {
2013
2018
  // eslint-disable-next-line react-hooks/exhaustive-deps
2014
2019
  }, []);
2015
2020
 
2021
+ // Initial User agent setup on refresh or on load
2022
+ useEffect(function () {
2023
+ setUserAgent(navigator.userAgent.toString());
2024
+ }, []);
2025
+
2016
2026
  useEffect(function () {
2017
2027
  setScreenWidth(parseInt(window.innerWidth));
2018
2028
  }, []);
2019
2029
 
2030
+ // Check for change in useragent with change in screen resolution
2020
2031
  useEffect(function () {
2021
2032
  var handleResize = function handleResize() {
2022
- window.location.reload();
2023
- console.log('Screen size changed. Refreshing page.');
2033
+ if (userAgent && userAgent !== navigator.userAgent.toString()) {
2034
+ console.log('Browser change detected, refreshing');
2035
+ window.location.reload();
2036
+ }
2024
2037
  };
2025
2038
  window.addEventListener('resize', handleResize);
2026
- }, []);
2039
+ }, [userAgent]);
2027
2040
 
2028
2041
  useEffect(function () {
2029
2042
  var navOffsetTop = navRef.current.getBoundingClientRect().top;
@@ -1,13 +1,13 @@
1
+ import './_commonjsHelpers-0c4b6f40.js';
1
2
  import React__default from 'react';
2
- import './_commonjsHelpers-ae1b5db5.js';
3
3
  import 'prop-types';
4
4
  import Row from 'react-bootstrap/Row';
5
5
  import Col from 'react-bootstrap/Col';
6
6
  import Card from 'react-bootstrap/Card';
7
7
  import 'next/link';
8
8
  import 'react-dom';
9
- import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
10
- import { L as LazyLoad } from './index-3c1ee9ab.js';
9
+ import { i as imageUrlBuilder } from './index-3849e3fe.js';
10
+ import { L as LazyLoad } from './index-5f9f807a.js';
11
11
  import Button from 'react-bootstrap/Button';
12
12
 
13
13
  var PublicationDeck = function PublicationDeck(props) {
@@ -1,16 +1,21 @@
1
+ import './_commonjsHelpers-0c4b6f40.js';
2
+ import './_to-object-86553f76.js';
3
+ import './web.dom.iterable-f05d2f57.js';
4
+ import { _ as _toConsumableArray } from './toConsumableArray-08d50169.js';
5
+ import './core.get-iterator-method-709061dc.js';
6
+ import { _ as _extends } from './extends-7f88fa22.js';
1
7
  import React__default, { useState, useEffect, useRef } from 'react';
2
- import './_commonjsHelpers-ae1b5db5.js';
3
- import { l as lib_3 } from './index-70f7c966.js';
8
+ import { l as lib_3 } from './index-fa84ea96.js';
4
9
  import 'prop-types';
5
- import { I as InfiniteScroll, V as VisibilitySensor, m as moment } from './visibility-sensor-71e50a91.js';
10
+ import { I as InfiniteScroll, V as VisibilitySensor, m as moment } from './visibility-sensor-336093e1.js';
6
11
  import 'next/link';
7
12
  import { useRouter } from 'next/router';
8
13
  import 'react-dom';
9
- import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
10
- import { L as LazyLoad } from './index-3c1ee9ab.js';
11
- import { m as main_36 } from './main-cd81c243.js';
12
- import { c as clean_html_1 } from './entities-e85d3a4a.js';
13
- import { s as slicedToArray, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
14
+ import { i as imageUrlBuilder } from './index-3849e3fe.js';
15
+ import { L as LazyLoad } from './index-5f9f807a.js';
16
+ import { m as main_36 } from './main-eecf7b27.js';
17
+ import { c as clean_html_1 } from './entities-7cc3bf45.js';
18
+ import { _ as _slicedToArray } from './slicedToArray-eb7eca9e.js';
14
19
  import { Container, Media } from 'react-bootstrap';
15
20
 
16
21
  var urlFor = function urlFor(source, builder) {
@@ -55,7 +60,7 @@ var loadData = function loadData(values, query, client, params, setData, setScro
55
60
 
56
61
  if (dataArr.length > 0) {
57
62
  setData(function (prevData) {
58
- return [].concat(toConsumableArray(prevData), toConsumableArray(dataArr));
63
+ return [].concat(_toConsumableArray(prevData), _toConsumableArray(dataArr));
59
64
  });
60
65
  setScrolling(true);
61
66
  } else {
@@ -473,21 +478,21 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
473
478
  var builder = imageUrlBuilder(client);
474
479
 
475
480
  var _useState = useState(initialData),
476
- _useState2 = slicedToArray(_useState, 2),
481
+ _useState2 = _slicedToArray(_useState, 2),
477
482
  data = _useState2[0],
478
483
  setData = _useState2[1];
479
484
 
480
485
  var _useState3 = useState(true),
481
- _useState4 = slicedToArray(_useState3, 2),
486
+ _useState4 = _slicedToArray(_useState3, 2),
482
487
  scrolling = _useState4[0],
483
488
  setScrolling = _useState4[1];
484
489
 
485
490
  var _useState5 = useState(params ? params.to : 0),
486
- _useState6 = slicedToArray(_useState5, 1),
491
+ _useState6 = _slicedToArray(_useState5, 1),
487
492
  per = _useState6[0];
488
493
 
489
494
  var _useState7 = useState(initialCurrentPage || 1),
490
- _useState8 = slicedToArray(_useState7, 2),
495
+ _useState8 = _slicedToArray(_useState7, 2),
491
496
  currentPage = _useState8[0],
492
497
  setCurrentPage = _useState8[1];
493
498
 
@@ -496,7 +501,7 @@ var QueueDeckExpanded = function QueueDeckExpanded(props) {
496
501
  to: params ? params.to : 0,
497
502
  page: 1
498
503
  }),
499
- _useState10 = slicedToArray(_useState9, 2),
504
+ _useState10 = _slicedToArray(_useState9, 2),
500
505
  values = _useState10[0],
501
506
  setValues = _useState10[1];
502
507
 
@@ -1,12 +1,12 @@
1
+ import { _ as _extends } from './extends-7f88fa22.js';
1
2
  import React__default from 'react';
2
3
  import PropTypes from 'prop-types';
3
4
  import Container from 'react-bootstrap/Container';
4
5
  import Row from 'react-bootstrap/Row';
5
6
  import Col from 'react-bootstrap/Col';
6
7
  import Card from 'react-bootstrap/Card';
7
- import { n as node, i as imageUrlBuilder } from './index-ca4ff5cb.js';
8
- import { L as LazyLoad } from './index-3c1ee9ab.js';
9
- import { _ as _extends } from './_babelHelpers-67c05996.js';
8
+ import { n as node, i as imageUrlBuilder } from './index-3849e3fe.js';
9
+ import { L as LazyLoad } from './index-5f9f807a.js';
10
10
 
11
11
  /*
12
12
  object-assign
@@ -1,12 +1,13 @@
1
+ import './_commonjsHelpers-0c4b6f40.js';
2
+ import './_to-object-86553f76.js';
3
+ import './extends-7f88fa22.js';
1
4
  import 'react';
2
- import './_commonjsHelpers-ae1b5db5.js';
3
5
  import 'prop-types';
4
6
  import 'react-bootstrap/Container';
5
7
  import 'react-bootstrap/Row';
6
8
  import 'react-bootstrap/Col';
7
9
  import 'react-bootstrap/Card';
8
10
  import 'react-dom';
9
- import './index-ca4ff5cb.js';
10
- import './index-3c1ee9ab.js';
11
- import './_babelHelpers-67c05996.js';
12
- export { T as default } from './TaxonomyCard-f9c93953.js';
11
+ import './index-3849e3fe.js';
12
+ import './index-5f9f807a.js';
13
+ export { T as default } from './TaxonomyCard-f74512cb.js';
@@ -1,20 +1,23 @@
1
+ import './_commonjsHelpers-0c4b6f40.js';
2
+ import './_to-object-86553f76.js';
3
+ import './web.dom.iterable-f05d2f57.js';
4
+ import './core.get-iterator-method-709061dc.js';
1
5
  import 'react';
2
- import './_commonjsHelpers-ae1b5db5.js';
3
- import './index-70f7c966.js';
6
+ import './index-fa84ea96.js';
4
7
  import 'prop-types';
5
8
  import 'react-bootstrap/Container';
6
9
  import 'react-bootstrap/Row';
7
10
  import 'react-bootstrap/Col';
8
11
  import 'next/link';
9
- import './debounce-dc0c02e5.js';
10
- import './main-cd81c243.js';
11
- import './_babelHelpers-67c05996.js';
12
- import './AdSlot-0ea49f7e.js';
13
- import './get-b074314b.js';
12
+ import './debounce-fa7fbf11.js';
13
+ import './main-eecf7b27.js';
14
+ import './slicedToArray-eb7eca9e.js';
15
+ import './AdSlot-017b8051.js';
16
+ import './get-8d382479.js';
14
17
  import 'react-bootstrap';
15
18
  import './index.esm-536609db.js';
16
19
  import 'react-bootstrap/Button';
17
- export { T as default } from './Normal-20ff5bf5.js';
20
+ export { T as default } from './Normal-357f00d1.js';
18
21
  import 'react-bootstrap/ListGroup';
19
22
  import 'next/head';
20
23
  import 'react-bootstrap/Nav';
@@ -1,10 +1,10 @@
1
+ import './_commonjsHelpers-0c4b6f40.js';
1
2
  import React__default from 'react';
2
- import './_commonjsHelpers-ae1b5db5.js';
3
3
  import 'prop-types';
4
4
  import 'react-dom';
5
- import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
6
- import { L as LazyLoad } from './index-3c1ee9ab.js';
7
- import { c as clean_html_1 } from './entities-e85d3a4a.js';
5
+ import { i as imageUrlBuilder } from './index-3849e3fe.js';
6
+ import { L as LazyLoad } from './index-5f9f807a.js';
7
+ import { c as clean_html_1 } from './entities-7cc3bf45.js';
8
8
  import Media$1 from 'react-bootstrap/Media';
9
9
 
10
10
  var ThumbnailCard = function ThumbnailCard(_ref) {