@mjhls/mjh-framework 1.0.464 → 1.0.466

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 (124) hide show
  1. package/README.md +171 -171
  2. package/dist/cjs/AD.js +1 -1
  3. package/dist/cjs/AD300x250.js +3 -3
  4. package/dist/cjs/AD300x250x600.js +3 -3
  5. package/dist/cjs/AD728x90.js +3 -3
  6. package/dist/cjs/ADFloatingFooter.js +2 -2
  7. package/dist/cjs/ADGutter.js +2 -2
  8. package/dist/cjs/ADSponsoredResources.js +2 -2
  9. package/dist/cjs/ADWebcast.js +2 -2
  10. package/dist/cjs/ADWelcome.js +2 -2
  11. package/dist/cjs/AdSlot.js +2 -2
  12. package/dist/cjs/AdSlotsProvider.js +1 -1
  13. package/dist/cjs/ArticleQueue.js +7 -7
  14. package/dist/cjs/Auth.js +301 -250
  15. package/dist/cjs/CMEDeck.js +5 -5
  16. package/dist/cjs/Column3.js +4 -4
  17. package/dist/cjs/ConferenceArticleCard.js +16 -16
  18. package/dist/cjs/DeckContent.js +14 -14
  19. package/dist/cjs/DeckQueue.js +5 -5
  20. package/dist/cjs/{Dfp-fcdeabc4.js → Dfp-fbe32b96.js} +1 -1
  21. package/dist/cjs/EventsDeck.js +21 -21
  22. package/dist/cjs/Feature.js +2 -2
  23. package/dist/cjs/ForbesHero.js +1 -1
  24. package/dist/cjs/GridContent.js +10 -10
  25. package/dist/cjs/GridHero.js +1 -1
  26. package/dist/cjs/GroupDeck.js +4 -4
  27. package/dist/cjs/HamMagazine.js +11 -11
  28. package/dist/cjs/HorizontalHero.js +1 -1
  29. package/dist/cjs/IssueContentDeck.js +1 -1
  30. package/dist/cjs/IssueDeck.js +1 -1
  31. package/dist/cjs/IssueLanding.js +35 -35
  32. package/dist/cjs/KMTracker.js +15 -15
  33. package/dist/cjs/LeftNav.js +2 -2
  34. package/dist/cjs/MasterDeck.js +15 -15
  35. package/dist/cjs/NavMagazine.js +12 -12
  36. package/dist/cjs/NavNative.js +11 -11
  37. package/dist/cjs/OncliveHero.js +1 -1
  38. package/dist/cjs/OncliveLargeHero.js +1 -1
  39. package/dist/cjs/PublicationLanding.js +33 -33
  40. package/dist/cjs/QueueDeckExpanded.js +14 -8
  41. package/dist/cjs/RelatedContent.js +29 -29
  42. package/dist/cjs/RelatedTopicsDropdown.js +10 -10
  43. package/dist/cjs/SideFooter.js +2 -2
  44. package/dist/cjs/TemplateNormal.js +2 -2
  45. package/dist/cjs/VerticalHero.js +1 -1
  46. package/dist/cjs/VideoSeriesFilter.js +1 -1
  47. package/dist/cjs/VideoSeriesListing.js +3 -3
  48. package/dist/cjs/View.js +13 -13
  49. package/dist/cjs/YahooHero.js +1 -1
  50. package/dist/cjs/YoutubeGroup.js +4 -4
  51. package/dist/cjs/getQuery.js +1 -1
  52. package/dist/cjs/getSerializers.js +4 -4
  53. package/dist/cjs/{getTargeting-3ced038f.js → getTargeting-b15993cb.js} +16 -9
  54. package/dist/cjs/getTargeting.js +1 -1
  55. package/dist/cjs/{index-fa3cec70.js → index-f7ee1612.js} +4 -6
  56. package/dist/cjs/{index.es-9110add6.js → index.es-ab3f2690.js} +3 -1
  57. package/dist/cjs/index.js +7 -7
  58. package/dist/cjs/{main-00905561.js → main-bc4db521.js} +61 -30
  59. package/dist/cjs/{moment-3cf060f6.js → moment-66a6a284.js} +5 -5
  60. package/dist/cjs/urlFor.js +1 -1
  61. package/dist/esm/AD.js +1 -1
  62. package/dist/esm/AD300x250.js +3 -3
  63. package/dist/esm/AD300x250x600.js +3 -3
  64. package/dist/esm/AD728x90.js +3 -3
  65. package/dist/esm/ADFloatingFooter.js +2 -2
  66. package/dist/esm/ADGutter.js +2 -2
  67. package/dist/esm/ADSponsoredResources.js +2 -2
  68. package/dist/esm/ADWebcast.js +2 -2
  69. package/dist/esm/ADWelcome.js +2 -2
  70. package/dist/esm/AdSlot.js +2 -2
  71. package/dist/esm/AdSlotsProvider.js +1 -1
  72. package/dist/esm/ArticleQueue.js +7 -7
  73. package/dist/esm/Auth.js +301 -250
  74. package/dist/esm/CMEDeck.js +5 -5
  75. package/dist/esm/Column3.js +4 -4
  76. package/dist/esm/ConferenceArticleCard.js +16 -16
  77. package/dist/esm/DeckContent.js +14 -14
  78. package/dist/esm/DeckQueue.js +5 -5
  79. package/dist/esm/{Dfp-58cfc45a.js → Dfp-6d2b24a0.js} +1 -1
  80. package/dist/esm/EventsDeck.js +21 -21
  81. package/dist/esm/Feature.js +2 -2
  82. package/dist/esm/ForbesHero.js +1 -1
  83. package/dist/esm/GridContent.js +10 -10
  84. package/dist/esm/GridHero.js +1 -1
  85. package/dist/esm/GroupDeck.js +4 -4
  86. package/dist/esm/HamMagazine.js +11 -11
  87. package/dist/esm/HorizontalHero.js +1 -1
  88. package/dist/esm/IssueContentDeck.js +1 -1
  89. package/dist/esm/IssueDeck.js +1 -1
  90. package/dist/esm/IssueLanding.js +35 -35
  91. package/dist/esm/KMTracker.js +15 -15
  92. package/dist/esm/LeftNav.js +2 -2
  93. package/dist/esm/MasterDeck.js +15 -15
  94. package/dist/esm/NavMagazine.js +12 -12
  95. package/dist/esm/NavNative.js +11 -11
  96. package/dist/esm/OncliveHero.js +1 -1
  97. package/dist/esm/OncliveLargeHero.js +1 -1
  98. package/dist/esm/PublicationLanding.js +33 -33
  99. package/dist/esm/QueueDeckExpanded.js +14 -8
  100. package/dist/esm/RelatedContent.js +29 -29
  101. package/dist/esm/RelatedTopicsDropdown.js +10 -10
  102. package/dist/esm/SideFooter.js +2 -2
  103. package/dist/esm/TemplateNormal.js +2 -2
  104. package/dist/esm/VerticalHero.js +1 -1
  105. package/dist/esm/VideoSeriesFilter.js +1 -1
  106. package/dist/esm/VideoSeriesListing.js +3 -3
  107. package/dist/esm/View.js +13 -13
  108. package/dist/esm/YahooHero.js +1 -1
  109. package/dist/esm/YoutubeGroup.js +4 -4
  110. package/dist/esm/getQuery.js +1 -1
  111. package/dist/esm/getSerializers.js +4 -4
  112. package/dist/esm/{getTargeting-8f4bd5db.js → getTargeting-1a0bd08d.js} +16 -9
  113. package/dist/esm/getTargeting.js +1 -1
  114. package/dist/esm/{index-3f4dd6f2.js → index-93ec3c59.js} +4 -6
  115. package/dist/esm/{index.es-29c1cef5.js → index.es-938a3a58.js} +3 -1
  116. package/dist/esm/index.js +7 -7
  117. package/dist/esm/{main-adf6ec37.js → main-7255814e.js} +60 -29
  118. package/dist/esm/{moment-49ae13fa.js → moment-12415288.js} +5 -5
  119. package/dist/esm/urlFor.js +1 -1
  120. package/package.json +105 -105
  121. /package/dist/cjs/{ADInfeed-4b904089.js → ADInfeed-8a7f1d50.js} +0 -0
  122. /package/dist/cjs/{ADlgInfeed-f540f438.js → ADlgInfeed-659b82b6.js} +0 -0
  123. /package/dist/esm/{ADInfeed-23148e88.js → ADInfeed-dbd65900.js} +0 -0
  124. /package/dist/esm/{ADlgInfeed-5460339b.js → ADlgInfeed-a385f968.js} +0 -0
@@ -18,22 +18,22 @@ require('./typeof-1869832c.js');
18
18
  require('./_is-array-754e012d.js');
19
19
  var React = require('react');
20
20
  var React__default = _interopDefault(React);
21
- var index = require('./index-fa3cec70.js');
21
+ var index = require('./index-f7ee1612.js');
22
22
  require('prop-types');
23
23
  var Container = _interopDefault(require('react-bootstrap/Container'));
24
24
  require('react-bootstrap/Row');
25
25
  require('react-bootstrap/Col');
26
26
  require('react-bootstrap/Card');
27
- require('./moment-3cf060f6.js');
27
+ require('./moment-66a6a284.js');
28
28
  var Router = require('next/router');
29
29
  var Router__default = _interopDefault(Router);
30
30
  require('./isSymbol-488934a7.js');
31
31
  var debounce = require('./debounce-32e57002.js');
32
- var index_es = require('./index.es-9110add6.js');
32
+ var index_es = require('./index.es-ab3f2690.js');
33
33
  require('react-dom');
34
34
  var visibilitySensor = require('./visibility-sensor-0c45a583.js');
35
35
  require('./index-b5eb3ff8.js');
36
- var main = require('./main-00905561.js');
36
+ var main = require('./main-bc4db521.js');
37
37
  require('./slicedToArray-8063ee51.js');
38
38
  require('./stringify-7c5aff47.js');
39
39
  var asyncToGenerator = require('./asyncToGenerator-8e707718.js');
@@ -41,9 +41,9 @@ require('./_set-species-4458e975.js');
41
41
  require('./Beam.js');
42
42
  require('./Segment.js');
43
43
  require('./AdSlot.js');
44
- var ADInfeed = require('./ADInfeed-4b904089.js');
44
+ var ADInfeed = require('./ADInfeed-8a7f1d50.js');
45
45
  var lodash = require('./lodash-fc2922d0.js');
46
- var ADlgInfeed = require('./ADlgInfeed-f540f438.js');
46
+ var ADlgInfeed = require('./ADlgInfeed-659b82b6.js');
47
47
 
48
48
  var MasterDeck = function (_React$Component) {
49
49
  inherits._inherits(MasterDeck, _React$Component);
@@ -194,14 +194,14 @@ var MasterDeck = function (_React$Component) {
194
194
  }
195
195
 
196
196
  // please leave this for later debug purpose : Yong Jun.
197
- /* console.log('page change reported', {
198
- currentPage: currentPage,
199
- pageNumber: pageNumber,
200
- pathname: pathname,
201
- path: path,
202
- newPath: newPath,
203
- firstPage: pageNumber === 1,
204
- queryString: queryString
197
+ /* console.log('page change reported', {
198
+ currentPage: currentPage,
199
+ pageNumber: pageNumber,
200
+ pathname: pathname,
201
+ path: path,
202
+ newPath: newPath,
203
+ firstPage: pageNumber === 1,
204
+ queryString: queryString
205
205
  }) */
206
206
 
207
207
  if (pageview) {
@@ -311,7 +311,7 @@ var MasterDeck = function (_React$Component) {
311
311
  'div',
312
312
  null,
313
313
  React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage }),
314
- main.main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
314
+ main.main_39 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
315
315
  'div',
316
316
  { className: 'ad-container', style: { margin: '0 auto' } },
317
317
  _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
@@ -12,7 +12,7 @@ var React = require('react');
12
12
  var React__default = _interopDefault(React);
13
13
  require('prop-types');
14
14
  var Container = _interopDefault(require('react-bootstrap/Container'));
15
- var main = require('./main-00905561.js');
15
+ var main = require('./main-bc4db521.js');
16
16
  var slicedToArray = require('./slicedToArray-8063ee51.js');
17
17
  require('./react-social-icons-cd0d9d3b.js');
18
18
  require('./iconBase-637d3f1e.js');
@@ -29,16 +29,16 @@ var NavFooter = require('./NavFooter-76c913e3.js');
29
29
  var SocialNavFooter = require('./SocialNavFooter-9a07520f.js');
30
30
 
31
31
  var NavMagazine = function NavMagazine(props) {
32
- /*
33
- Example Nav with acceptable props
34
- <MagazineNav
35
- showLogin
36
- user={props.cache.user}
37
- logo={props.settings.logo}
38
- dataObject={props.cache.mainNavCache}
39
- website={website}
40
- subNav={props.cache.subNavCache}
41
- />
32
+ /*
33
+ Example Nav with acceptable props
34
+ <MagazineNav
35
+ showLogin
36
+ user={props.cache.user}
37
+ logo={props.settings.logo}
38
+ dataObject={props.cache.mainNavCache}
39
+ website={website}
40
+ subNav={props.cache.subNavCache}
41
+ />
42
42
  */
43
43
 
44
44
  var logo = props.logo,
@@ -237,7 +237,7 @@ var NavMagazine = function NavMagazine(props) {
237
237
  ),
238
238
  React__default.createElement(
239
239
  Navbar,
240
- { id: 'navbar-ham', className: main.main_37 ? 'bottom-nav ios-nav' : 'bottom-nav ', variant: 'dark', expand: 'xl', bg: 'primary', sticky: 'top', ref: navRef },
240
+ { id: 'navbar-ham', className: main.main_40 ? 'bottom-nav ios-nav' : 'bottom-nav ', variant: 'dark', expand: 'xl', bg: 'primary', sticky: 'top', ref: navRef },
241
241
  React__default.createElement(
242
242
  Container,
243
243
  { className: 'mobile-nav android-nav' },
@@ -12,7 +12,7 @@ var React = require('react');
12
12
  var React__default = _interopDefault(React);
13
13
  require('prop-types');
14
14
  var Container = _interopDefault(require('react-bootstrap/Container'));
15
- var main = require('./main-00905561.js');
15
+ var main = require('./main-bc4db521.js');
16
16
  var slicedToArray = require('./slicedToArray-8063ee51.js');
17
17
  require('./react-social-icons-cd0d9d3b.js');
18
18
  require('./iconBase-637d3f1e.js');
@@ -29,15 +29,15 @@ var NavFooter = require('./NavFooter-76c913e3.js');
29
29
  var SocialNavFooter = require('./SocialNavFooter-9a07520f.js');
30
30
 
31
31
  var NavNative = function NavNative(props) {
32
- /*
33
- Example Nav with acceptable props
34
- <MagazineNav
35
- showLogin
36
- logo={props.settings.logo}
37
- dataObject={props.cache.mainNavCache}
38
- website={website}
39
- subNav={props.cache.subNavCache}
40
- />
32
+ /*
33
+ Example Nav with acceptable props
34
+ <MagazineNav
35
+ showLogin
36
+ logo={props.settings.logo}
37
+ dataObject={props.cache.mainNavCache}
38
+ website={website}
39
+ subNav={props.cache.subNavCache}
40
+ />
41
41
  */
42
42
 
43
43
  var logo = props.logo,
@@ -90,7 +90,7 @@ var NavNative = function NavNative(props) {
90
90
  React__default.createElement(
91
91
  Navbar,
92
92
  {
93
- className: main.main_37 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav',
93
+ className: main.main_40 ? 'bottom-nav ios-nav' : 'bottom-nav android-nav',
94
94
  variant: 'dark',
95
95
  expand: 'lg',
96
96
  bg: 'primary',
@@ -5,7 +5,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  var React = require('react');
7
7
  var React__default = _interopDefault(React);
8
- var moment = require('./moment-3cf060f6.js');
8
+ var moment = require('./moment-66a6a284.js');
9
9
  var index$1 = require('./index-b5eb3ff8.js');
10
10
  require('./iconBase-637d3f1e.js');
11
11
  require('react-bootstrap/Badge');
@@ -9,7 +9,7 @@ require('./web.dom.iterable-43c3e277.js');
9
9
  var React = require('react');
10
10
  var React__default = _interopDefault(React);
11
11
  require('prop-types');
12
- var moment = require('./moment-3cf060f6.js');
12
+ var moment = require('./moment-66a6a284.js');
13
13
  require('react-dom');
14
14
  var index$1 = require('./index-b5eb3ff8.js');
15
15
  var index$2 = require('./index-fa0fb52c.js');
@@ -373,39 +373,39 @@ module.exports = { "default": set, __esModule: true };
373
373
 
374
374
  var _Set = _commonjsHelpers.unwrapExports(set$1);
375
375
 
376
- /* usage & query
377
- const Publication = (props) => {
378
- const { cache, pub, year } = props
379
-
380
- const targeting = {
381
- content_placement: [`/journals/${pub.identifier.current}`],
382
- document_url: [`/journals/${pub.identifier.current}`],
383
- }
384
-
385
- return (
386
- <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
387
- <PublicationLanding publication={pub} year={year} href={'journals'} />
388
- </Shell>
389
- )
390
- }
391
-
392
- Publication.getInitialProps = async (ctx) => {
393
- const { query } = ctx
394
- const {
395
- query: { year },
396
- } = ctx
397
- const pub = await client.fetch(getQuery('publication'), query)
398
- const builder = imageUrlBuilder(client)
399
- const urlFor = (source) => {
400
- return builder.image(source)
401
- }
402
- pub.issues.map((issue) => {
403
- issue.thumbnail = urlFor(issue.thumbnail).url()
404
- })
405
- return { pub, year }
406
- }
407
-
408
- export default Publication
376
+ /* usage & query
377
+ const Publication = (props) => {
378
+ const { cache, pub, year } = props
379
+
380
+ const targeting = {
381
+ content_placement: [`/journals/${pub.identifier.current}`],
382
+ document_url: [`/journals/${pub.identifier.current}`],
383
+ }
384
+
385
+ return (
386
+ <Shell title={pub.name} cache={cache} settings={Settings} targeting={targeting} ads={Ads} layout='3'>
387
+ <PublicationLanding publication={pub} year={year} href={'journals'} />
388
+ </Shell>
389
+ )
390
+ }
391
+
392
+ Publication.getInitialProps = async (ctx) => {
393
+ const { query } = ctx
394
+ const {
395
+ query: { year },
396
+ } = ctx
397
+ const pub = await client.fetch(getQuery('publication'), query)
398
+ const builder = imageUrlBuilder(client)
399
+ const urlFor = (source) => {
400
+ return builder.image(source)
401
+ }
402
+ pub.issues.map((issue) => {
403
+ issue.thumbnail = urlFor(issue.thumbnail).url()
404
+ })
405
+ return { pub, year }
406
+ }
407
+
408
+ export default Publication
409
409
  */
410
410
 
411
411
  var PublicationLanding = function PublicationLanding(props) {
@@ -14,20 +14,20 @@ var _extends = require('./extends-60837c34.js');
14
14
  require('./web.dom.iterable-43c3e277.js');
15
15
  var React = require('react');
16
16
  var React__default = _interopDefault(React);
17
- var index = require('./index-fa3cec70.js');
17
+ var index = require('./index-f7ee1612.js');
18
18
  require('prop-types');
19
19
  require('react-bootstrap/Card');
20
- var moment = require('./moment-3cf060f6.js');
20
+ var moment = require('./moment-66a6a284.js');
21
21
  var Router = require('next/router');
22
22
  var Router__default = _interopDefault(Router);
23
23
  require('./isSymbol-488934a7.js');
24
24
  require('./debounce-32e57002.js');
25
- var index_es = require('./index.es-9110add6.js');
25
+ var index_es = require('./index.es-ab3f2690.js');
26
26
  require('react-dom');
27
27
  var visibilitySensor = require('./visibility-sensor-0c45a583.js');
28
28
  var index$1 = require('./index-b5eb3ff8.js');
29
29
  var index$2 = require('./index-fa0fb52c.js');
30
- var main = require('./main-00905561.js');
30
+ var main = require('./main-bc4db521.js');
31
31
  var entities = require('./entities-310b46ee.js');
32
32
  var slicedToArray = require('./slicedToArray-8063ee51.js');
33
33
  require('./stringify-7c5aff47.js');
@@ -36,9 +36,9 @@ require('./_set-species-4458e975.js');
36
36
  require('./Beam.js');
37
37
  require('./Segment.js');
38
38
  require('./AdSlot.js');
39
- var ADInfeed = require('./ADInfeed-4b904089.js');
39
+ var ADInfeed = require('./ADInfeed-8a7f1d50.js');
40
40
  var lodash = require('./lodash-fc2922d0.js');
41
- var ADlgInfeed = require('./ADlgInfeed-f540f438.js');
41
+ var ADlgInfeed = require('./ADlgInfeed-659b82b6.js');
42
42
  var AuthorComponent = require('./AuthorComponent-cb8b8128.js');
43
43
  var reactBootstrap = require('react-bootstrap');
44
44
 
@@ -123,6 +123,8 @@ var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pagevi
123
123
  }
124
124
 
125
125
  // pageNumber = parseInt(pageNumber)
126
+ console.log('itemIndex:', itemIndex);
127
+ console.log('itemsPerPage:', itemsPerPage);
126
128
 
127
129
  var index$1 = Number(itemIndex);
128
130
  var perPage = Number(itemsPerPage);
@@ -136,6 +138,8 @@ var changePageNumber = function changePageNumber(pageNumber, seoPaginate, pagevi
136
138
  if (path[0] !== '/') {
137
139
  path = '/' + path;
138
140
  }
141
+
142
+ console.log('pageNumber:', pageNumber);
139
143
  var newPath = pageNumber === 1 ? '' + path : '' + path + (queryString.length > 0 ? '&' : '?') + 'page=' + pageNumber;
140
144
 
141
145
  // if (pageview) {
@@ -453,7 +457,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
453
457
  } else if (article._type === 'brandInsightAd' && article.adUnit) {
454
458
  return React__default.createElement(ADInfeed.ADInfeed, { index: index, infeedAd: article });
455
459
  }
456
- if (main.main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0) {
460
+ if (main.main_39 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0) {
457
461
  return renderMobileAd(index, numberOfItemsBeforeAd, rightItems);
458
462
  }
459
463
 
@@ -464,7 +468,9 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
464
468
  key: article._id ? article._id : index,
465
469
  onChange: function onChange(isVisible) {
466
470
  // Passing 'articleCount' instead of index because index will be including the indexes of ads whereas articleCount will be having index of artilce only.
467
- isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, article.articleCount);
471
+ console.log('article.articleCount:', article.articleCount, article);
472
+
473
+ isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, article.articleCount ? article.articleCount : index);
468
474
  } },
469
475
  React__default.createElement(
470
476
  React__default.Fragment,
@@ -5,38 +5,38 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  var React = require('react');
7
7
  var React__default = _interopDefault(React);
8
- var moment = require('./moment-3cf060f6.js');
8
+ var moment = require('./moment-66a6a284.js');
9
9
  var index$1 = require('./index-b5eb3ff8.js');
10
10
  require('react-bootstrap/Media');
11
11
 
12
- /*
13
- Sample query
14
- let references = ''
15
- if(article.taxonomyMapping.length > 0){
16
- article.taxonomyMapping.forEach((ref, index) => {
17
- references = references + `references('${ref._ref}') `
18
- if(index+1 !== article.taxonomyMapping.length){
19
- references = references + ` && `
20
- }
21
- })
22
- }
23
-
24
- const relatedArticlesQuery = `*[!(_id in path("drafts.**")) && _type == "article" && title !='${article.title}' && defined(title) && is_visible == true && ( references('article.documentGroup._id') || ${references} ) && published <= '${today}'] | order(published desc) [0...4] {
25
- ...,
26
- title,
27
- summary,
28
- thumbnail,
29
- url,
30
- published,
31
- authorMapping[]->,
32
- contentCategory->
33
- }`
34
- const relatedArticles = await client.fetch(relatedArticlesQuery)
35
-
36
- Sample usage
37
- <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
38
-
39
-
12
+ /*
13
+ Sample query
14
+ let references = ''
15
+ if(article.taxonomyMapping.length > 0){
16
+ article.taxonomyMapping.forEach((ref, index) => {
17
+ references = references + `references('${ref._ref}') `
18
+ if(index+1 !== article.taxonomyMapping.length){
19
+ references = references + ` && `
20
+ }
21
+ })
22
+ }
23
+
24
+ const relatedArticlesQuery = `*[!(_id in path("drafts.**")) && _type == "article" && title !='${article.title}' && defined(title) && is_visible == true && ( references('article.documentGroup._id') || ${references} ) && published <= '${today}'] | order(published desc) [0...4] {
25
+ ...,
26
+ title,
27
+ summary,
28
+ thumbnail,
29
+ url,
30
+ published,
31
+ authorMapping[]->,
32
+ contentCategory->
33
+ }`
34
+ const relatedArticles = await client.fetch(relatedArticlesQuery)
35
+
36
+ Sample usage
37
+ <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
38
+
39
+
40
40
  */
41
41
  var RelatedContent = function RelatedContent(props) {
42
42
  var client = props.client,
@@ -19,16 +19,16 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
19
19
  _ref$className = _ref.className,
20
20
  className = _ref$className === undefined ? '' : _ref$className;
21
21
 
22
- /*
23
- Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
24
- example:
25
- <RelatedTopicDropdown
26
- page='/clinical'
27
- exclude="clinical"
28
- className='mb-3'
29
- parentTaxonomy={props.parentTaxonomy}
30
- subTaxonomies={props.subTaxonomies}
31
- />
22
+ /*
23
+ Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
24
+ example:
25
+ <RelatedTopicDropdown
26
+ page='/clinical'
27
+ exclude="clinical"
28
+ className='mb-3'
29
+ parentTaxonomy={props.parentTaxonomy}
30
+ subTaxonomies={props.subTaxonomies}
31
+ />
32
32
  */
33
33
  if (subTaxonomies.length === 0 && parentTaxonomy) {
34
34
  if (parentTaxonomy.identifier == exclude) {
@@ -29,8 +29,8 @@ var renderLink = function renderLink(row) {
29
29
  };
30
30
 
31
31
  var SideFooter = function SideFooter(props) {
32
- /*
33
- useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
32
+ /*
33
+ useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
34
34
  */
35
35
  var _get = get.get_1(props, 'cache.siteSettingCache', {}),
36
36
  socialLinks = _get.socialLinks,
@@ -10,7 +10,7 @@ require('./_iter-detect-4d0352f8.js');
10
10
  require('./web.dom.iterable-43c3e277.js');
11
11
  var React = require('react');
12
12
  var React__default = _interopDefault(React);
13
- require('./index-fa3cec70.js');
13
+ require('./index-f7ee1612.js');
14
14
  require('prop-types');
15
15
  var Container = _interopDefault(require('react-bootstrap/Container'));
16
16
  require('react-bootstrap/Row');
@@ -19,7 +19,7 @@ var Router = require('next/router');
19
19
  var Router__default = _interopDefault(Router);
20
20
  require('./isSymbol-488934a7.js');
21
21
  require('./debounce-32e57002.js');
22
- require('./main-00905561.js');
22
+ require('./main-bc4db521.js');
23
23
  var slicedToArray = require('./slicedToArray-8063ee51.js');
24
24
  require('./stringify-7c5aff47.js');
25
25
  require('./asyncToGenerator-8e707718.js');
@@ -5,7 +5,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  require('./_commonjsHelpers-06173234.js');
6
6
  var React = require('react');
7
7
  var React__default = _interopDefault(React);
8
- require('./moment-3cf060f6.js');
8
+ require('./moment-66a6a284.js');
9
9
  var index$1 = require('./index-b5eb3ff8.js');
10
10
 
11
11
  var VerticalHero = function VerticalHero(props) {
@@ -10,7 +10,7 @@ require('./_iter-detect-4d0352f8.js');
10
10
  require('./web.dom.iterable-43c3e277.js');
11
11
  var React = require('react');
12
12
  var React__default = _interopDefault(React);
13
- var moment = require('./moment-3cf060f6.js');
13
+ var moment = require('./moment-66a6a284.js');
14
14
  var Router = require('next/router');
15
15
  var Router__default = _interopDefault(Router);
16
16
  var slicedToArray = require('./slicedToArray-8063ee51.js');
@@ -15,15 +15,15 @@ require('./typeof-1869832c.js');
15
15
  require('./_is-array-754e012d.js');
16
16
  var React = require('react');
17
17
  var React__default = _interopDefault(React);
18
- var index = require('./index-fa3cec70.js');
18
+ var index = require('./index-f7ee1612.js');
19
19
  require('prop-types');
20
20
  var Container = _interopDefault(require('react-bootstrap/Container'));
21
- require('./moment-3cf060f6.js');
21
+ require('./moment-66a6a284.js');
22
22
  var Router = require('next/router');
23
23
  var Router__default = _interopDefault(Router);
24
24
  require('./isSymbol-488934a7.js');
25
25
  var debounce = require('./debounce-32e57002.js');
26
- var index_es = require('./index.es-9110add6.js');
26
+ var index_es = require('./index.es-ab3f2690.js');
27
27
  require('react-dom');
28
28
  var visibilitySensor = require('./visibility-sensor-0c45a583.js');
29
29
  require('./index-b5eb3ff8.js');
package/dist/cjs/View.js CHANGED
@@ -18,17 +18,17 @@ var _typeof$1 = require('./typeof-1869832c.js');
18
18
  require('./_is-array-754e012d.js');
19
19
  var React = require('react');
20
20
  var React__default = _interopDefault(React);
21
- var index = require('./index-fa3cec70.js');
21
+ var index = require('./index-f7ee1612.js');
22
22
  require('prop-types');
23
- var moment = require('./moment-3cf060f6.js');
23
+ var moment = require('./moment-66a6a284.js');
24
24
  require('next/router');
25
25
  require('./isSymbol-488934a7.js');
26
26
  require('./debounce-32e57002.js');
27
- var index_es = require('./index.es-9110add6.js');
27
+ var index_es = require('./index.es-ab3f2690.js');
28
28
  require('react-dom');
29
29
  require('./index-b5eb3ff8.js');
30
30
  require('./index-fa0fb52c.js');
31
- var main = require('./main-00905561.js');
31
+ var main = require('./main-bc4db521.js');
32
32
  require('./entities-310b46ee.js');
33
33
  var slicedToArray = require('./slicedToArray-8063ee51.js');
34
34
  var stringify = require('./stringify-7c5aff47.js');
@@ -57,7 +57,7 @@ require('./util-f2c1b65b.js');
57
57
  require('react-bootstrap/Pagination');
58
58
  require('next/dynamic');
59
59
  var getKeywords = require('./getKeywords.js');
60
- var getTargeting = require('./getTargeting-3ced038f.js');
60
+ var getTargeting = require('./getTargeting-b15993cb.js');
61
61
  var urlFor = require('./urlFor.js');
62
62
 
63
63
  var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
@@ -173,9 +173,9 @@ var DocumentGroup = function DocumentGroup(_ref) {
173
173
  style: { display: 'flex', flexDirection: 'column', padding: '0 1rem', justifyContent: thumbnailUrl ? 'center' : 'flex-start', alignItems: 'center' } },
174
174
  thumbnailUrl && React__default.createElement('img', { style: { maxWidth: '220px', maxHeight: '100px', marginTop: '1rem' }, src: thumbnailUrl, alt: name }),
175
175
  React__default.createElement('p', {
176
- style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main.main_36 ? 'left' : 'right', marginTop: '.25rem' },
176
+ style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main.main_39 ? 'left' : 'right', marginTop: '.25rem' },
177
177
  dangerouslySetInnerHTML: { __html: name } }),
178
- main.main_36 && !thumbnailUrl && React__default.createElement(
178
+ main.main_39 && !thumbnailUrl && React__default.createElement(
179
179
  'style',
180
180
  { jsx: 'true' },
181
181
  '\n a.doc-group {\n display: block !important;\n padding: 0!important;\n }\n '
@@ -502,7 +502,7 @@ var Article = function Article(props) {
502
502
  contextualAD: _extends._extends({}, payload.contextualAD, {
503
503
  slotId: (payload.contextualAD.slotId || 'native-ad') + '-' + payload._id,
504
504
  // Fetching new contextual targeting based on the current active article.
505
- targeting: props.getTargeting(props.article, 'native-ad'),
505
+ targeting: getTargeting.getTargeting(props, 'native-ad'),
506
506
  // Adding new ad size for large contextual ad for desktop screen width >= 1400
507
507
  sizes: lgContextAd ? [[728, 90], 'fluid', [300, 100]] : ['fluid', [300, 100]],
508
508
  sizeMapping: lgContextAd ? [{
@@ -767,7 +767,7 @@ var Article = function Article(props) {
767
767
  React__default.createElement(
768
768
  'div',
769
769
  { className: 'ad-box', style: { textAlign: 'center' } },
770
- main.main_36 && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
770
+ main.main_39 && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
771
771
  if (index === 0) {
772
772
  return React__default.createElement(
773
773
  'div',
@@ -822,7 +822,7 @@ var Article = function Article(props) {
822
822
  renderIsiContent(props.article)
823
823
  )
824
824
  ),
825
- main.main_36 && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
825
+ main.main_39 && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
826
826
  if (index > 0) {
827
827
  return React__default.createElement(
828
828
  'div',
@@ -915,7 +915,7 @@ var ArticleQueue = function ArticleQueue(props) {
915
915
  setQueueData = _useState2[1];
916
916
 
917
917
  var refreshAD = function refreshAD(path) {
918
- if (!main.main_36) {
918
+ if (!main.main_39) {
919
919
  var activeArticle = queueData.find(function (item) {
920
920
  return item.url.current === path;
921
921
  });
@@ -1043,10 +1043,10 @@ var ArticleQueue = function ArticleQueue(props) {
1043
1043
  { dataLength: queueData.length, next: loadmore, scrollThreshold: '60%', hasMore: true, style: { overflow: 'hidden' } },
1044
1044
  queueData.map(function (article, index) {
1045
1045
  if (!checkSponseredArticle(article) && Ads.getVideoContextualAD) {
1046
- article.contextualVideoAD = Ads.getVideoContextualAD(getTargeting.getTargeting(props));
1046
+ article.contextualVideoAD = Ads.getVideoContextualAD(getTargeting.getTargeting(props, 'in-context_video'));
1047
1047
  }
1048
1048
  if (!checkSponseredArticle(article) && Ads.getNativeContextualAD) {
1049
- article.contextualAD = Ads.getNativeContextualAD(getTargeting.getTargeting(props));
1049
+ article.contextualAD = Ads.getNativeContextualAD(getTargeting.getTargeting(props, 'native-ad'));
1050
1050
  }
1051
1051
  return React__default.createElement(Article, _extends._extends({
1052
1052
  key: index
@@ -9,7 +9,7 @@ require('./web.dom.iterable-43c3e277.js');
9
9
  var React = require('react');
10
10
  var React__default = _interopDefault(React);
11
11
  require('prop-types');
12
- var moment = require('./moment-3cf060f6.js');
12
+ var moment = require('./moment-66a6a284.js');
13
13
  require('react-dom');
14
14
  var index$1 = require('./index-b5eb3ff8.js');
15
15
  var index$2 = require('./index-fa0fb52c.js');
@@ -19,10 +19,10 @@ var index$2 = require('./index-fa0fb52c.js');
19
19
  var slicedToArray = require('./slicedToArray-8063ee51.js');
20
20
  var smoothscroll = require('./smoothscroll-95231a70.js');
21
21
 
22
- /*
23
- GROQ query -
24
- accepts an array of title, URL
25
- `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
22
+ /*
23
+ GROQ query -
24
+ accepts an array of title, URL
25
+ `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
26
26
  */
27
27
 
28
28
  var YoutubeGroup = function YoutubeGroup(props) {
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  require('./_commonjsHelpers-06173234.js');
4
- var moment = require('./moment-3cf060f6.js');
4
+ var moment = require('./moment-66a6a284.js');
5
5
 
6
6
  var getQuery = function getQuery(type) {
7
7
  var today = moment.moment().utc().format();