@mjhls/mjh-framework 1.0.971 → 1.0.972-masterdeck-pagination-v1

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 (74) hide show
  1. package/README.md +168 -168
  2. package/dist/cjs/AlgoliaSearch.js +131 -15
  3. package/dist/cjs/AuthWrapper.js +1 -1
  4. package/dist/cjs/ConferenceArticleCard.js +15 -15
  5. package/dist/cjs/ContentCardPaginated.js +1 -2
  6. package/dist/cjs/DeckContent.js +8 -8
  7. package/dist/cjs/DeckQueuePaginated.js +1 -2
  8. package/dist/cjs/EventsDeck.js +17 -17
  9. package/dist/cjs/GridContentPaginated.js +1 -2
  10. package/dist/cjs/HamMagazine.js +9 -9
  11. package/dist/cjs/HealthCareProfessionalModal.js +1 -1
  12. package/dist/cjs/IssueLanding.js +29 -29
  13. package/dist/cjs/KMTracker.js +15 -15
  14. package/dist/cjs/MasterDeck.js +8 -8
  15. package/dist/cjs/MasterDeckPaginated.js +9 -10
  16. package/dist/cjs/{MediaSeriesCard-5bf9813e.js → MediaSeriesCard-b81ba298.js} +1 -1
  17. package/dist/cjs/MediaSeriesLanding.js +6 -6
  18. package/dist/cjs/MediaSeriesLandingPaginated.js +7 -8
  19. package/dist/cjs/NavMagazine.js +10 -10
  20. package/dist/cjs/NavNative.js +9 -9
  21. package/dist/cjs/Pagination-2a3d0103.js +97 -0
  22. package/dist/cjs/PartnerDetailListingPaginated.js +1 -2
  23. package/dist/cjs/PublicationLanding.js +26 -26
  24. package/dist/cjs/QueueDeckExpandedPaginated.js +1 -2
  25. package/dist/cjs/RelatedContent.js +28 -28
  26. package/dist/cjs/RelatedTopicsDropdown.js +10 -10
  27. package/dist/cjs/SeriesListingDeck.js +1 -1
  28. package/dist/cjs/{SeriesSlider-594b19eb.js → SeriesSlider-74546d19.js} +4 -4
  29. package/dist/cjs/SideFooter.js +2 -2
  30. package/dist/cjs/TaxonomyDescription.js +12 -8
  31. package/dist/cjs/VideoSeriesCard.js +1 -1
  32. package/dist/cjs/View.js +12 -8
  33. package/dist/cjs/YoutubeGroup.js +4 -4
  34. package/dist/cjs/{getTargeting-3c5754ac.js → getTargeting-dab97fe1.js} +9 -9
  35. package/dist/cjs/getTargeting.js +1 -1
  36. package/dist/cjs/index.js +2 -3
  37. package/dist/esm/AlgoliaSearch.js +132 -16
  38. package/dist/esm/AuthWrapper.js +1 -1
  39. package/dist/esm/ConferenceArticleCard.js +15 -15
  40. package/dist/esm/ContentCardPaginated.js +1 -2
  41. package/dist/esm/DeckContent.js +8 -8
  42. package/dist/esm/DeckQueuePaginated.js +1 -2
  43. package/dist/esm/EventsDeck.js +17 -17
  44. package/dist/esm/GridContentPaginated.js +1 -2
  45. package/dist/esm/HamMagazine.js +9 -9
  46. package/dist/esm/HealthCareProfessionalModal.js +1 -1
  47. package/dist/esm/IssueLanding.js +29 -29
  48. package/dist/esm/KMTracker.js +15 -15
  49. package/dist/esm/MasterDeck.js +8 -8
  50. package/dist/esm/MasterDeckPaginated.js +9 -10
  51. package/dist/esm/{MediaSeriesCard-305a9cb3.js → MediaSeriesCard-e3b52a0f.js} +1 -1
  52. package/dist/esm/MediaSeriesLanding.js +6 -6
  53. package/dist/esm/MediaSeriesLandingPaginated.js +7 -8
  54. package/dist/esm/NavMagazine.js +10 -10
  55. package/dist/esm/NavNative.js +9 -9
  56. package/dist/esm/Pagination-dc30727b.js +90 -0
  57. package/dist/esm/PartnerDetailListingPaginated.js +1 -2
  58. package/dist/esm/PublicationLanding.js +26 -26
  59. package/dist/esm/QueueDeckExpandedPaginated.js +1 -2
  60. package/dist/esm/RelatedContent.js +28 -28
  61. package/dist/esm/RelatedTopicsDropdown.js +10 -10
  62. package/dist/esm/SeriesListingDeck.js +1 -1
  63. package/dist/esm/{SeriesSlider-f771e20d.js → SeriesSlider-e495571f.js} +4 -4
  64. package/dist/esm/SideFooter.js +2 -2
  65. package/dist/esm/TaxonomyDescription.js +12 -8
  66. package/dist/esm/VideoSeriesCard.js +1 -1
  67. package/dist/esm/View.js +12 -7
  68. package/dist/esm/YoutubeGroup.js +4 -4
  69. package/dist/esm/{getTargeting-42f9b439.js → getTargeting-04d979c9.js} +9 -9
  70. package/dist/esm/getTargeting.js +1 -1
  71. package/dist/esm/index.js +2 -3
  72. package/package.json +115 -115
  73. package/dist/cjs/Pagination-c63770a3.js +0 -90
  74. package/dist/esm/Pagination-6f8d5327.js +0 -82
@@ -1767,7 +1767,7 @@ client$1.Provider;
1767
1767
 
1768
1768
  var client = client$1.default;
1769
1769
 
1770
- var css = ".AuthWrapper-module_loginBox__3l-BE {\n margin-bottom: 2rem;\n width: 350px;\n max-width: 90vw;\n margin-left: auto;\n margin-right: auto;\n /* box-shadow: 2px 5px 12px rgba(0, 0, 0, 0.15); */\n background: #fff;\n z-index: 1;\n}\n.AuthWrapper-module_loginBox_title__12rGD {\n margin-bottom: 2rem;\n text-align: center;\n}\n.AuthWrapper-module_bar__1dafn {\n background: #eee;\n margin-left: unset;\n margin-right: unset;\n}\n.AuthWrapper-module_bar__1dafn:nth-child(1) {\n float: left;\n border-right: 1rem solid #fff;\n background: rgb(245, 245, 245);\n height: 10rem;\n width: 25%;\n margin-left: auto;\n margin-right: auto;\n margin-bottom: 2rem;\n}\n.AuthWrapper-module_bar__1dafn:nth-child(2n) {\n width: 97%;\n height: 1.5rem;\n margin-bottom: 0.25rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(3n) {\n width: 96%;\n height: 1.5rem;\n margin-bottom: 1.5rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(4n) {\n width: 72%;\n height: 1.5rem;\n margin-bottom: 0.25rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(5n) {\n width: 88%;\n height: 1.5rem;\n margin-bottom: 0.25rem;\n}\n\n.AuthWrapper-module_iframe__2wDJW {\n margin-top: -3rem;\n border: none;\n width: 100%;\n height: 1900px;\n}";
1770
+ var css = ".AuthWrapper-module_loginBox__3l-BE {\r\n margin-bottom: 2rem;\r\n width: 350px;\r\n max-width: 90vw;\r\n margin-left: auto;\r\n margin-right: auto;\r\n /* box-shadow: 2px 5px 12px rgba(0, 0, 0, 0.15); */\r\n background: #fff;\r\n z-index: 1;\r\n}\r\n.AuthWrapper-module_loginBox_title__12rGD {\r\n margin-bottom: 2rem;\r\n text-align: center;\r\n}\r\n.AuthWrapper-module_bar__1dafn {\r\n background: #eee;\r\n margin-left: unset;\r\n margin-right: unset;\r\n}\r\n.AuthWrapper-module_bar__1dafn:nth-child(1) {\r\n float: left;\r\n border-right: 1rem solid #fff;\r\n background: rgb(245, 245, 245);\r\n height: 10rem;\r\n width: 25%;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-bottom: 2rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn:nth-child(2n) {\r\n width: 97%;\r\n height: 1.5rem;\r\n margin-bottom: 0.25rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(3n) {\r\n width: 96%;\r\n height: 1.5rem;\r\n margin-bottom: 1.5rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(4n) {\r\n width: 72%;\r\n height: 1.5rem;\r\n margin-bottom: 0.25rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(5n) {\r\n width: 88%;\r\n height: 1.5rem;\r\n margin-bottom: 0.25rem;\r\n}\r\n\r\n.AuthWrapper-module_iframe__2wDJW {\r\n margin-top: -3rem;\r\n border: none;\r\n width: 100%;\r\n height: 1900px;\r\n}";
1771
1771
  var styles = { "loginBox": "AuthWrapper-module_loginBox__3l-BE", "loginBox_title": "AuthWrapper-module_loginBox_title__12rGD", "bar": "AuthWrapper-module_bar__1dafn", "iframe": "AuthWrapper-module_iframe__2wDJW" };
1772
1772
  styleInject_es.styleInject(css);
1773
1773
 
@@ -13,21 +13,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
 
14
14
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
15
 
16
- /*
17
- Example usage - targetedonc.com/latest-conference
18
- const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
19
- ...,
20
- title,
21
- summary,
22
- thumbnail,
23
- url,
24
- published,
25
- documentGroup->,
26
- contentCategory->,
27
- 'pageNumber': ${currentPage}
28
- }`
29
-
30
- const posts = await client.fetch(query, params)
16
+ /*
17
+ Example usage - targetedonc.com/latest-conference
18
+ const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
19
+ ...,
20
+ title,
21
+ summary,
22
+ thumbnail,
23
+ url,
24
+ published,
25
+ documentGroup->,
26
+ contentCategory->,
27
+ 'pageNumber': ${currentPage}
28
+ }`
29
+
30
+ const posts = await client.fetch(query, params)
31
31
  */
32
32
 
33
33
  var ConferenceArticleCard = function ConferenceArticleCard(props) {
@@ -17,7 +17,7 @@ var index$1 = require('./index-eadd5035.js');
17
17
  var main = require('./main-f1c77adb.js');
18
18
  var entities = require('./entities-df1aed86.js');
19
19
  var ADInfeed = require('./ADInfeed-81006615.js');
20
- var Pagination = require('./Pagination-c63770a3.js');
20
+ var Pagination = require('./Pagination-2a3d0103.js');
21
21
  var Spinner = require('react-bootstrap/Spinner');
22
22
  require('./_commonjsHelpers-06173234.js');
23
23
  require('./core.get-iterator-method-5643aa10.js');
@@ -41,7 +41,6 @@ require('./toNumber-5e1fac58.js');
41
41
  require('./Beam.js');
42
42
  require('./stringify-f7a37a8d.js');
43
43
  require('./Segment.js');
44
- require('react-paginate');
45
44
  require('react-bootstrap/Button');
46
45
  require('./index.esm-d51c9ac6.js');
47
46
  require('./iconBase-be4097c0.js');
@@ -192,14 +192,14 @@ var DeckContent = function (_React$Component) {
192
192
  var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
193
193
 
194
194
  // please leave this for later debug purpose : Yong Jun.
195
- /* console.log('page change reported', {
196
- currentPage: currentPage,
197
- pageNumber: pageNumber,
198
- pathname: pathname,
199
- path: path,
200
- newPath: newPath,
201
- firstPage: pageNumber === 1,
202
- queryString: queryString
195
+ /* console.log('page change reported', {
196
+ currentPage: currentPage,
197
+ pageNumber: pageNumber,
198
+ pathname: pathname,
199
+ path: path,
200
+ newPath: newPath,
201
+ firstPage: pageNumber === 1,
202
+ queryString: queryString
203
203
  }) */
204
204
 
205
205
  if (pageview) {
@@ -18,7 +18,7 @@ var get = require('./get-5839e5b5.js');
18
18
  var main = require('./main-f1c77adb.js');
19
19
  var urlFor = require('./urlFor.js');
20
20
  var entities = require('./entities-df1aed86.js');
21
- var Pagination = require('./Pagination-c63770a3.js');
21
+ var Pagination = require('./Pagination-2a3d0103.js');
22
22
  require('./_commonjsHelpers-06173234.js');
23
23
  require('./core.get-iterator-method-5643aa10.js');
24
24
  require('./web.dom.iterable-d98303e0.js');
@@ -36,7 +36,6 @@ require('./isSymbol-03abbdf0.js');
36
36
  require('./eq-5fc26c07.js');
37
37
  require('./slicedToArray-067dd3bc.js');
38
38
  require('./index-d48b231c.js');
39
- require('react-paginate');
40
39
  require('react-bootstrap/Button');
41
40
  require('./index.esm-d51c9ac6.js');
42
41
  require('./iconBase-be4097c0.js');
@@ -258,23 +258,23 @@ var EventsDeck = function EventsDeck(_ref) {
258
258
  if (cventAccessToken && cventAccessToken !== 'undefined') {
259
259
  setAccessToken(cventAccessToken);
260
260
  } else {
261
- /*const encodedData = window.btoa(clientId + ':' + clientSecret)
262
- //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
263
- const url = `https://api-platform.cvent.com/ea/oauth2/token`
264
- fetch(url, {
265
- headers: {
266
- 'Content-Type': 'application/x-www-form-urlencoded',
267
- Authorization: `Basic ${encodedData}`
268
- },
269
- method: 'POST',
270
- body: `grant_type=client_credentials&client_id=${clientId}`
271
- })
272
- .then((response) => response.json())
273
- .then((json) => {
274
- const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
275
- Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
276
- setAccessToken(json.access_token)
277
- })
261
+ /*const encodedData = window.btoa(clientId + ':' + clientSecret)
262
+ //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
263
+ const url = `https://api-platform.cvent.com/ea/oauth2/token`
264
+ fetch(url, {
265
+ headers: {
266
+ 'Content-Type': 'application/x-www-form-urlencoded',
267
+ Authorization: `Basic ${encodedData}`
268
+ },
269
+ method: 'POST',
270
+ body: `grant_type=client_credentials&client_id=${clientId}`
271
+ })
272
+ .then((response) => response.json())
273
+ .then((json) => {
274
+ const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
275
+ Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
276
+ setAccessToken(json.access_token)
277
+ })
278
278
  .catch((e) => console.log(e))*/
279
279
  // hello
280
280
  var url = 'https://beam.mjhlifesciences.com/api/cvent/token';
@@ -24,7 +24,7 @@ var urlFor = require('./urlFor.js');
24
24
  var main = require('./main-f1c77adb.js');
25
25
  var AuthorComponent = require('./AuthorComponent-39b37d84.js');
26
26
  var PublicationFeature = require('./PublicationFeature-5ccf9b13.js');
27
- var Pagination = require('./Pagination-c63770a3.js');
27
+ var Pagination = require('./Pagination-2a3d0103.js');
28
28
  var Spinner = require('react-bootstrap/Spinner');
29
29
  require('./_commonjsHelpers-06173234.js');
30
30
  require('./core.get-iterator-method-5643aa10.js');
@@ -49,7 +49,6 @@ require('./Segment.js');
49
49
  require('./eq-5fc26c07.js');
50
50
  require('./index-d48b231c.js');
51
51
  require('react-bootstrap/Button');
52
- require('react-paginate');
53
52
  require('./index.esm-d51c9ac6.js');
54
53
  require('./iconBase-be4097c0.js');
55
54
 
@@ -38,15 +38,15 @@ var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
38
38
  var NavDropdown__default = /*#__PURE__*/_interopDefaultLegacy(NavDropdown);
39
39
 
40
40
  var HamMagazine = function HamMagazine(props) {
41
- /*
42
- Example Nav with acceptable props
43
- <MagazineNav
44
- showLogin
45
- logo={props.settings.logo}
46
- dataObject={props.cache.mainNavCache}
47
- website={website}
48
- subNav={props.cache.subNavCache}
49
- />
41
+ /*
42
+ Example Nav with acceptable props
43
+ <MagazineNav
44
+ showLogin
45
+ logo={props.settings.logo}
46
+ dataObject={props.cache.mainNavCache}
47
+ website={website}
48
+ subNav={props.cache.subNavCache}
49
+ />
50
50
  */
51
51
 
52
52
  // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black
@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
12
  var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
13
13
  var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
14
14
 
15
- var css = ".HealthcareProfessionalModal-module_container__HUaSr {\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background: rgba(0,0,0,.1);\n z-index: 9999999999;\n display: grid;\n place-items: center;\n}\n.HealthcareProfessionalModal-module_modal__31CzM{\n background: #fff;\n padding: 1.5rem;\n text-align: center;\n position: relative;\n width: 400px;\n max-width: 90vw;\n\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n animation: HealthcareProfessionalModal-module_show__3soMo .5s forwards;\n transform: translateY(0);\n opacity:1;\n}\n.HealthcareProfessionalModal-module_header__3uIr7 {\n background-color: #0d335a;\nposition: absolute;\n padding: 1rem;\n width: 80%;\ntop: 0;\nleft: 50%;\ntransform: translateX(-50%) translateY(-50%) ;\n border-radius: 15px;\n}\n.HealthcareProfessionalModal-module_body__3bnyN {\n color: #202020;\n}\n.HealthcareProfessionalModal-module_body__3bnyN span{\n font-weight: bold;\n}\n.HealthcareProfessionalModal-module_body__3bnyN .HealthcareProfessionalModal-module_title__27l5n {\n font-size: 24px;\n margin-bottom: 1rem;\n}\n.HealthcareProfessionalModal-module_controls__1wXJl button {\n margin: 1.5rem 1rem;\n border-radius: 5px;\n font-size: 1rem;\n}\n@keyframes HealthcareProfessionalModal-module_show__3soMo {\n from{\n transform: translateY(25px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity:1;\n }\n}";
15
+ var css = ".HealthcareProfessionalModal-module_container__HUaSr {\r\n position: fixed;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n background: rgba(0,0,0,.1);\r\n z-index: 9999999999;\r\n display: grid;\r\n place-items: center;\r\n}\r\n.HealthcareProfessionalModal-module_modal__31CzM{\r\n background: #fff;\r\n padding: 1.5rem;\r\n text-align: center;\r\n position: relative;\r\n width: 400px;\r\n max-width: 90vw;\r\n\r\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n animation: HealthcareProfessionalModal-module_show__3soMo .5s forwards;\r\n transform: translateY(0);\r\n opacity:1;\r\n}\r\n.HealthcareProfessionalModal-module_header__3uIr7 {\r\n background-color: #0d335a;\r\nposition: absolute;\r\n padding: 1rem;\r\n width: 80%;\r\ntop: 0;\r\nleft: 50%;\r\ntransform: translateX(-50%) translateY(-50%) ;\r\n border-radius: 15px;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN {\r\n color: #202020;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN span{\r\n font-weight: bold;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN .HealthcareProfessionalModal-module_title__27l5n {\r\n font-size: 24px;\r\n margin-bottom: 1rem;\r\n}\r\n.HealthcareProfessionalModal-module_controls__1wXJl button {\r\n margin: 1.5rem 1rem;\r\n border-radius: 5px;\r\n font-size: 1rem;\r\n}\r\n@keyframes HealthcareProfessionalModal-module_show__3soMo {\r\n from{\r\n transform: translateY(25px);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translateY(0);\r\n opacity:1;\r\n }\r\n}";
16
16
  var styles = { "container": "HealthcareProfessionalModal-module_container__HUaSr", "modal": "HealthcareProfessionalModal-module_modal__31CzM", "show": "HealthcareProfessionalModal-module_show__3soMo", "header": "HealthcareProfessionalModal-module_header__3uIr7", "body": "HealthcareProfessionalModal-module_body__3bnyN", "title": "HealthcareProfessionalModal-module_title__27l5n", "controls": "HealthcareProfessionalModal-module_controls__1wXJl" };
17
17
  styleInject_es.styleInject(css);
18
18
 
@@ -77,35 +77,35 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
77
77
 
78
78
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
79
79
 
80
- /* usage
81
- import Settings, { Ads } from '../../../../settings'
82
- import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
83
- import client from '../../../../client'
84
- import moment from 'moment'
85
- import Shell from '../../../../components/2.0/Shell'
86
- import { pageview } from '../../../../utilities/gtag'
87
-
88
- const Issue = (props) => {
89
- const { pubIssue, cache } = props
90
- const targeting = {
91
- content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
92
- document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
93
- }
94
- return (
95
- <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
96
- <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
97
- </Shell>
98
- )
99
- }
100
-
101
- Issue.getInitialProps = async (ctx) => {
102
- const { query } = ctx
103
- const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
104
- )
105
- return { pubIssue }
106
- }
107
-
108
- export default Issue
80
+ /* usage
81
+ import Settings, { Ads } from '../../../../settings'
82
+ import { IssueLanding, getQuery } from '@mjhls/mjh-framework'
83
+ import client from '../../../../client'
84
+ import moment from 'moment'
85
+ import Shell from '../../../../components/2.0/Shell'
86
+ import { pageview } from '../../../../utilities/gtag'
87
+
88
+ const Issue = (props) => {
89
+ const { pubIssue, cache } = props
90
+ const targeting = {
91
+ content_placement: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
92
+ document_url: [`/publications/${pubIssue.identifier.current}/${pubIssue.issue.identifier.current}`],
93
+ }
94
+ return (
95
+ <Shell cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3' title={pubIssue.issue.name}>
96
+ <IssueLanding pubIssue={pubIssue} client={client} settings={Settings} pageview={pageview} rightItems={Ads.getMobileAds(targeting)} />
97
+ </Shell>
98
+ )
99
+ }
100
+
101
+ Issue.getInitialProps = async (ctx) => {
102
+ const { query } = ctx
103
+ const pubIssue = await client.fetch(getQuery('issue'), { ...query, currentDate: moment().utc().format() }
104
+ )
105
+ return { pubIssue }
106
+ }
107
+
108
+ export default Issue
109
109
  */
110
110
 
111
111
  var IssueLanding = function IssueLanding(props) {
@@ -1,27 +1,27 @@
1
1
  'use strict';
2
2
 
3
3
  var KMTracker = function KMTracker(props) {
4
- var id = props.id;
4
+ var id = props.id;
5
5
 
6
- if (document && id) {
6
+ if (document && id) {
7
7
  (function () {
8
- var ecnJquery = document.createElement('script');
8
+ var ecnJquery = document.createElement('script');
9
9
 
10
- ecnJquery.type = 'text/javascript';
11
- ecnJquery.async = true;
12
- ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
10
+ ecnJquery.type = 'text/javascript';
11
+ ecnJquery.async = true;
12
+ ecnJquery.src = 'https://apidt.ecn5.com/ECN_jQuery.min.js';
13
13
 
14
- var ecnScript = document.createElement('script');
14
+ var ecnScript = document.createElement('script');
15
15
 
16
- ecnScript.type = 'text/javascript';
17
- ecnScript.async = true;
18
- ecnScript.id = 'km-tracker';
19
- ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
16
+ ecnScript.type = 'text/javascript';
17
+ ecnScript.async = true;
18
+ ecnScript.id = 'km-tracker';
19
+ ecnScript.src = 'https://apidt.ecn5.com/ECN_tracker_Secure.js?TrackerKey=' + id;
20
20
 
21
- document.head.appendChild(ecnJquery);
22
- document.head.appendChild(ecnScript);
23
- })();
24
- }
21
+ document.head.appendChild(ecnJquery);
22
+ document.head.appendChild(ecnScript);
23
+ })();
24
+ }
25
25
  };
26
26
 
27
27
  module.exports = KMTracker;
@@ -230,14 +230,14 @@ var MasterDeck = function (_React$Component) {
230
230
  }
231
231
 
232
232
  // please leave this for later debug purpose : Yong Jun.
233
- /* console.log('page change reported', {
234
- currentPage: currentPage,
235
- pageNumber: pageNumber,
236
- pathname: pathname,
237
- path: path,
238
- newPath: newPath,
239
- firstPage: pageNumber === 1,
240
- queryString: queryString
233
+ /* console.log('page change reported', {
234
+ currentPage: currentPage,
235
+ pageNumber: pageNumber,
236
+ pathname: pathname,
237
+ path: path,
238
+ newPath: newPath,
239
+ firstPage: pageNumber === 1,
240
+ queryString: queryString
241
241
  }) */
242
242
 
243
243
  if (pageview) {
@@ -14,7 +14,7 @@ var lodash = require('./lodash-f0783643.js');
14
14
  var main = require('./main-f1c77adb.js');
15
15
  var ADlgInfeed = require('./ADlgInfeed-0db07099.js');
16
16
  var ADInfeed = require('./ADInfeed-81006615.js');
17
- var Pagination = require('./Pagination-c63770a3.js');
17
+ var Pagination = require('./Pagination-2a3d0103.js');
18
18
  require('./_commonjsHelpers-06173234.js');
19
19
  require('./core.get-iterator-method-5643aa10.js');
20
20
  require('./web.dom.iterable-d98303e0.js');
@@ -35,7 +35,6 @@ require('./isSymbol-03abbdf0.js');
35
35
  require('./toNumber-5e1fac58.js');
36
36
  require('./Beam.js');
37
37
  require('./Segment.js');
38
- require('react-paginate');
39
38
  require('react-bootstrap/Button');
40
39
  require('./index.esm-d51c9ac6.js');
41
40
  require('./iconBase-be4097c0.js');
@@ -116,14 +115,14 @@ var MasterDeck = function (_React$Component) {
116
115
  }
117
116
 
118
117
  // please leave this for later debug purpose : Yong Jun.
119
- /* console.log('page change reported', {
120
- currentPage: currentPage,
121
- pageNumber: pageNumber,
122
- pathname: pathname,
123
- path: path,
124
- newPath: newPath,
125
- firstPage: pageNumber === 1,
126
- queryString: queryString
118
+ /* console.log('page change reported', {
119
+ currentPage: currentPage,
120
+ pageNumber: pageNumber,
121
+ pathname: pathname,
122
+ path: path,
123
+ newPath: newPath,
124
+ firstPage: pageNumber === 1,
125
+ queryString: queryString
127
126
  }) */
128
127
 
129
128
  if (pageview) {
@@ -9435,7 +9435,7 @@ var Tooltip = React__default['default'].forwardRef(function (_ref, ref) {
9435
9435
  Tooltip.defaultProps = defaultProps;
9436
9436
  Tooltip.displayName = 'Tooltip';
9437
9437
 
9438
- var css = ".MediaSeriesCard-module_article__SAFYK {\n width: 100%;\n margin: 0 0 1rem 0;\n}\n.MediaSeriesCard-module_article__SAFYK a {\n display: flex;\n width: 100%;\n color: #000000;\n}\n.MediaSeriesCard-module_thumb__3jRAU {\n width: 25%;\n}\n.MediaSeriesCard-module_thumb__3jRAU img {\n width: 100%;\n height: auto;\n}\n.MediaSeriesCard-module_info__3L7_o {\n width: 75%;\n font-size: 1rem;\n}\n.MediaSeriesCard-module_info__3L7_o h2 {\n font-weight: bold;\n font-size: 1.25rem;\n margin: 0;\n}\n.MediaSeriesCard-module_published__E4oiz {\n color: #6d6d6d;\n margin: 0;\n}\n.MediaSeriesCard-module_summary__1xanh {\n margin: 0.5rem 0 0 0;\n}\n.MediaSeriesCard-module_author__e5fuR {\n margin: 0;\n}\n.MediaSeriesCard-module_author__e5fuR span {\n color: #6d6d6d;\n}\n.MediaSeriesCard-module_name__2m5KY {\n font-size: 1.3rem;\n font-weight: bold;\n}\n@media only screen and (max-width: 568px) {\n .MediaSeriesCard-module_article__SAFYK {\n margin: 1rem 0;\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n }\n .MediaSeriesCard-module_article__SAFYK a {\n flex-direction: column;\n align-items: center;\n }\n .MediaSeriesCard-module_thumb__3jRAU {\n overflow: hidden;\n width: 100%;\n margin-bottom: 1rem;\n }\n .MediaSeriesCard-module_thumb__3jRAU img{\n border-radius: 10px 10px 0 0; \n }\n .MediaSeriesCard-module_thumb__3jRAU figure {\n margin: 0;\n }\n .MediaSeriesCard-module_info__3L7_o {\n width: 90%;\n padding: 0rem !important;\n }\n .MediaSeriesCard-module_info__3L7_o h2 {\n font-size: 1rem;\n }\n .MediaSeriesCard-module_name__2m5KY {\n font-size: 1rem;\n \n }\n}\n";
9438
+ var css = ".MediaSeriesCard-module_article__SAFYK {\r\n width: 100%;\r\n margin: 0 0 1rem 0;\r\n}\r\n.MediaSeriesCard-module_article__SAFYK a {\r\n display: flex;\r\n width: 100%;\r\n color: #000000;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU {\r\n width: 25%;\r\n}\r\n.MediaSeriesCard-module_thumb__3jRAU img {\r\n width: 100%;\r\n height: auto;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o {\r\n width: 75%;\r\n font-size: 1rem;\r\n}\r\n.MediaSeriesCard-module_info__3L7_o h2 {\r\n font-weight: bold;\r\n font-size: 1.25rem;\r\n margin: 0;\r\n}\r\n.MediaSeriesCard-module_published__E4oiz {\r\n color: #6d6d6d;\r\n margin: 0;\r\n}\r\n.MediaSeriesCard-module_summary__1xanh {\r\n margin: 0.5rem 0 0 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR {\r\n margin: 0;\r\n}\r\n.MediaSeriesCard-module_author__e5fuR span {\r\n color: #6d6d6d;\r\n}\r\n.MediaSeriesCard-module_name__2m5KY {\r\n font-size: 1.3rem;\r\n font-weight: bold;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n .MediaSeriesCard-module_article__SAFYK {\r\n margin: 1rem 0;\r\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n }\r\n .MediaSeriesCard-module_article__SAFYK a {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .MediaSeriesCard-module_thumb__3jRAU {\r\n overflow: hidden;\r\n width: 100%;\r\n margin-bottom: 1rem;\r\n }\r\n .MediaSeriesCard-module_thumb__3jRAU img{\r\n border-radius: 10px 10px 0 0; \r\n }\r\n .MediaSeriesCard-module_thumb__3jRAU figure {\r\n margin: 0;\r\n }\r\n .MediaSeriesCard-module_info__3L7_o {\r\n width: 90%;\r\n padding: 0rem !important;\r\n }\r\n .MediaSeriesCard-module_info__3L7_o h2 {\r\n font-size: 1rem;\r\n }\r\n .MediaSeriesCard-module_name__2m5KY {\r\n font-size: 1rem;\r\n \r\n }\r\n}\r\n";
9439
9439
  var styles = { "article": "MediaSeriesCard-module_article__SAFYK", "thumb": "MediaSeriesCard-module_thumb__3jRAU", "info": "MediaSeriesCard-module_info__3L7_o", "published": "MediaSeriesCard-module_published__E4oiz", "summary": "MediaSeriesCard-module_summary__1xanh", "author": "MediaSeriesCard-module_author__e5fuR", "name": "MediaSeriesCard-module_name__2m5KY" };
9440
9440
  styleInject_es.styleInject(css);
9441
9441
 
@@ -5,7 +5,7 @@ var _typeof = require('./typeof-567e31ff.js');
5
5
  var _extends = require('./extends-7c86182f.js');
6
6
  var slicedToArray = require('./slicedToArray-067dd3bc.js');
7
7
  var React = require('react');
8
- var MediaSeriesCard = require('./MediaSeriesCard-5bf9813e.js');
8
+ var MediaSeriesCard = require('./MediaSeriesCard-b81ba298.js');
9
9
  require('./index-50be6759.js');
10
10
  require('react-dom');
11
11
  var Link = require('next/link');
@@ -100,11 +100,11 @@ var Filter = function Filter(_ref) {
100
100
  _useState6 = slicedToArray._slicedToArray(_useState5, 2),
101
101
  grandChildData = _useState6[0],
102
102
  setGrandChildData = _useState6[1];
103
- /*
104
- {parent: showAll,
105
- chidlren: show selected from parent,
106
- grandchildren: show selected from children
107
- }
103
+ /*
104
+ {parent: showAll,
105
+ chidlren: show selected from parent,
106
+ grandchildren: show selected from children
107
+ }
108
108
  */
109
109
 
110
110
 
@@ -5,7 +5,7 @@ var _typeof = require('./typeof-567e31ff.js');
5
5
  var _extends = require('./extends-7c86182f.js');
6
6
  var slicedToArray = require('./slicedToArray-067dd3bc.js');
7
7
  var React = require('react');
8
- var MediaSeriesCard = require('./MediaSeriesCard-5bf9813e.js');
8
+ var MediaSeriesCard = require('./MediaSeriesCard-b81ba298.js');
9
9
  require('./index-50be6759.js');
10
10
  require('react-dom');
11
11
  var Link = require('next/link');
@@ -46,8 +46,7 @@ require('./toNumber-5e1fac58.js');
46
46
  require('./Beam.js');
47
47
  require('./Segment.js');
48
48
  require('./ADInfeed-81006615.js');
49
- require('./Pagination-c63770a3.js');
50
- require('react-paginate');
49
+ require('./Pagination-2a3d0103.js');
51
50
  require('react-bootstrap/Button');
52
51
  require('./index.esm-d51c9ac6.js');
53
52
  require('./iconBase-be4097c0.js');
@@ -102,11 +101,11 @@ var Filter = function Filter(_ref) {
102
101
  _useState6 = slicedToArray._slicedToArray(_useState5, 2),
103
102
  grandChildData = _useState6[0],
104
103
  setGrandChildData = _useState6[1];
105
- /*
106
- {parent: showAll,
107
- chidlren: show selected from parent,
108
- grandchildren: show selected from children
109
- }
104
+ /*
105
+ {parent: showAll,
106
+ chidlren: show selected from parent,
107
+ grandchildren: show selected from children
108
+ }
110
109
  */
111
110
 
112
111
 
@@ -38,16 +38,16 @@ var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
38
38
  var NavDropdown__default = /*#__PURE__*/_interopDefaultLegacy(NavDropdown);
39
39
 
40
40
  var NavMagazine = function NavMagazine(props) {
41
- /*
42
- Example Nav with acceptable props
43
- <MagazineNav
44
- showLogin
45
- user={props.cache.user}
46
- logo={props.settings.logo}
47
- dataObject={props.cache.mainNavCache}
48
- website={website}
49
- subNav={props.cache.subNavCache}
50
- />
41
+ /*
42
+ Example Nav with acceptable props
43
+ <MagazineNav
44
+ showLogin
45
+ user={props.cache.user}
46
+ logo={props.settings.logo}
47
+ dataObject={props.cache.mainNavCache}
48
+ website={website}
49
+ subNav={props.cache.subNavCache}
50
+ />
51
51
  */
52
52
 
53
53
  // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black
@@ -315,15 +315,15 @@ function chunk(array, size, guard) {
315
315
  var chunk_1 = chunk;
316
316
 
317
317
  var NavNative = function NavNative(props) {
318
- /*
319
- Example Nav with acceptable props
320
- <MagazineNav
321
- showLogin
322
- logo={props.settings.logo}
323
- dataObject={props.cache.mainNavCache}
324
- website={website}
325
- subNav={props.cache.subNavCache}
326
- />
318
+ /*
319
+ Example Nav with acceptable props
320
+ <MagazineNav
321
+ showLogin
322
+ logo={props.settings.logo}
323
+ dataObject={props.cache.mainNavCache}
324
+ website={website}
325
+ subNav={props.cache.subNavCache}
326
+ />
327
327
  */
328
328
  // Setting 'socialIconVariant' as 'dark' as default to make the social icons and search icon black
329
329
  var logo = props.logo,