@mjhls/mjh-framework 1.0.693 → 1.0.694-beta.0

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 (150) hide show
  1. package/README.md +1 -1
  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 +4 -4
  6. package/dist/cjs/ADFloatingFooter.js +2 -2
  7. package/dist/cjs/ADGutter.js +2 -2
  8. package/dist/cjs/ADSkyscraper.js +2 -2
  9. package/dist/cjs/ADSponsoredResources.js +2 -2
  10. package/dist/cjs/ADWebcast.js +2 -2
  11. package/dist/cjs/ADWelcome.js +2 -2
  12. package/dist/cjs/AdSlot.js +2 -2
  13. package/dist/cjs/AdSlotsProvider.js +1 -1
  14. package/dist/cjs/ArticleCarousel.js +1 -1
  15. package/dist/cjs/ArticleSeriesListing.js +4 -4
  16. package/dist/cjs/Auth.js +250 -301
  17. package/dist/cjs/{BlockContent-88f69acd.js → BlockContent-091a991f.js} +1 -1
  18. package/dist/cjs/BrowseVideosListing.js +1 -1
  19. package/dist/cjs/CMEDeck.js +5 -5
  20. package/dist/cjs/Column3.js +4 -4
  21. package/dist/cjs/ConferenceArticleCard.js +2 -2
  22. package/dist/cjs/DeckContent.js +7 -7
  23. package/dist/cjs/DeckQueue.js +6 -6
  24. package/dist/cjs/{Dfp-b2bc3b97.js → Dfp-f6a18ed2.js} +1 -1
  25. package/dist/cjs/EventsDeck.js +4 -4
  26. package/dist/cjs/ExternalResources.js +7 -7
  27. package/dist/cjs/Feature.js +3 -3
  28. package/dist/cjs/ForbesHero.js +2 -2
  29. package/dist/cjs/GridContent.js +10 -10
  30. package/dist/cjs/GridHero.js +2 -2
  31. package/dist/cjs/GroupDeck.js +1 -1
  32. package/dist/cjs/HamMagazine.js +4 -4
  33. package/dist/cjs/Hero.js +1 -1
  34. package/dist/cjs/HorizontalHero.js +2 -2
  35. package/dist/cjs/IssueContentDeck.js +2 -2
  36. package/dist/cjs/IssueDeck.js +2 -2
  37. package/dist/cjs/IssueLanding.js +7 -7
  38. package/dist/cjs/LeftNav.js +2 -2
  39. package/dist/cjs/MasterDeck.js +7 -7
  40. package/dist/cjs/NavMagazine.js +4 -4
  41. package/dist/cjs/NavNative.js +3 -3
  42. package/dist/cjs/OncliveHero.js +2 -2
  43. package/dist/cjs/OncliveLargeHero.js +2 -2
  44. package/dist/cjs/PartnerDetailListing.js +16 -16
  45. package/dist/cjs/PublicationDeck.js +1 -1
  46. package/dist/cjs/QueueDeckExpanded.js +9 -9
  47. package/dist/cjs/RecentNews.js +2 -2
  48. package/dist/cjs/RelatedContent.js +2 -2
  49. package/dist/cjs/{SocialSearchComponent-6b5e5b47.js → SocialSearchComponent-9cd24578.js} +5 -5
  50. package/dist/cjs/TaxonomyCard.js +2 -2
  51. package/dist/cjs/TemplateNormal.js +3 -3
  52. package/dist/cjs/ThumbnailCard.js +1 -1
  53. package/dist/cjs/Ustream.js +2 -2
  54. package/dist/cjs/VerticalHero.js +2 -2
  55. package/dist/cjs/VideoSeriesCard.js +2 -2
  56. package/dist/cjs/VideoSeriesListing.js +4 -4
  57. package/dist/cjs/View.js +174 -213
  58. package/dist/cjs/YahooHero.js +2 -2
  59. package/dist/cjs/YoutubeGroup.js +1 -1
  60. package/dist/cjs/getQuery.js +2 -2
  61. package/dist/cjs/getRelatedArticle.js +119 -153
  62. package/dist/cjs/getSerializers.js +6 -6
  63. package/dist/cjs/{getTargeting-fee8c429.js → getTargeting-9af0ef69.js} +2 -2
  64. package/dist/cjs/getTargeting.js +1 -1
  65. package/dist/cjs/{index-5be2866f.js → index-3294d3bc.js} +1 -1
  66. package/dist/cjs/{index-59436c13.js → index-a5919bab.js} +462 -474
  67. package/dist/cjs/{index-b5eb3ff8.js → index-be0c82be.js} +19 -20
  68. package/dist/cjs/{index-2d0a4911.js → index-fa8ed292.js} +27 -34
  69. package/dist/cjs/{index.es-ab3f2690.js → index.es-9110add6.js} +1 -3
  70. package/dist/cjs/index.js +12 -12
  71. package/dist/cjs/{main-b6c96c8d.js → main-a4cb15bb.js} +36 -67
  72. package/dist/cjs/{moment-66a6a284.js → moment-575fe24c.js} +1 -1
  73. package/dist/cjs/timeDifferenceCalc.js +1 -1
  74. package/dist/cjs/urlFor.js +1 -1
  75. package/dist/esm/AD.js +1 -1
  76. package/dist/esm/AD300x250.js +3 -3
  77. package/dist/esm/AD300x250x600.js +3 -3
  78. package/dist/esm/AD728x90.js +4 -4
  79. package/dist/esm/ADFloatingFooter.js +2 -2
  80. package/dist/esm/ADGutter.js +2 -2
  81. package/dist/esm/ADSkyscraper.js +2 -2
  82. package/dist/esm/ADSponsoredResources.js +2 -2
  83. package/dist/esm/ADWebcast.js +2 -2
  84. package/dist/esm/ADWelcome.js +2 -2
  85. package/dist/esm/AdSlot.js +2 -2
  86. package/dist/esm/AdSlotsProvider.js +1 -1
  87. package/dist/esm/ArticleCarousel.js +1 -1
  88. package/dist/esm/ArticleSeriesListing.js +4 -4
  89. package/dist/esm/Auth.js +247 -298
  90. package/dist/esm/{BlockContent-a614acdf.js → BlockContent-e9b4ddcf.js} +1 -1
  91. package/dist/esm/BrowseVideosListing.js +1 -1
  92. package/dist/esm/CMEDeck.js +5 -5
  93. package/dist/esm/Column3.js +4 -4
  94. package/dist/esm/ConferenceArticleCard.js +2 -2
  95. package/dist/esm/DeckContent.js +7 -7
  96. package/dist/esm/DeckQueue.js +6 -6
  97. package/dist/esm/{Dfp-8a8fca18.js → Dfp-96b49def.js} +1 -1
  98. package/dist/esm/EventsDeck.js +4 -4
  99. package/dist/esm/ExternalResources.js +7 -7
  100. package/dist/esm/Feature.js +3 -3
  101. package/dist/esm/ForbesHero.js +2 -2
  102. package/dist/esm/GridContent.js +10 -10
  103. package/dist/esm/GridHero.js +2 -2
  104. package/dist/esm/GroupDeck.js +1 -1
  105. package/dist/esm/HamMagazine.js +4 -4
  106. package/dist/esm/Hero.js +1 -1
  107. package/dist/esm/HorizontalHero.js +2 -2
  108. package/dist/esm/IssueContentDeck.js +2 -2
  109. package/dist/esm/IssueDeck.js +2 -2
  110. package/dist/esm/IssueLanding.js +7 -7
  111. package/dist/esm/LeftNav.js +2 -2
  112. package/dist/esm/MasterDeck.js +7 -7
  113. package/dist/esm/NavMagazine.js +4 -4
  114. package/dist/esm/NavNative.js +3 -3
  115. package/dist/esm/OncliveHero.js +2 -2
  116. package/dist/esm/OncliveLargeHero.js +2 -2
  117. package/dist/esm/PartnerDetailListing.js +14 -14
  118. package/dist/esm/PublicationDeck.js +1 -1
  119. package/dist/esm/QueueDeckExpanded.js +9 -9
  120. package/dist/esm/RecentNews.js +2 -2
  121. package/dist/esm/RelatedContent.js +2 -2
  122. package/dist/esm/{SocialSearchComponent-7f14e0f3.js → SocialSearchComponent-93233334.js} +5 -5
  123. package/dist/esm/TaxonomyCard.js +2 -2
  124. package/dist/esm/TemplateNormal.js +3 -3
  125. package/dist/esm/ThumbnailCard.js +1 -1
  126. package/dist/esm/Ustream.js +2 -2
  127. package/dist/esm/VerticalHero.js +2 -2
  128. package/dist/esm/VideoSeriesCard.js +2 -2
  129. package/dist/esm/VideoSeriesListing.js +4 -4
  130. package/dist/esm/View.js +149 -188
  131. package/dist/esm/YahooHero.js +2 -2
  132. package/dist/esm/YoutubeGroup.js +1 -1
  133. package/dist/esm/getQuery.js +2 -2
  134. package/dist/esm/getRelatedArticle.js +119 -153
  135. package/dist/esm/getSerializers.js +6 -6
  136. package/dist/esm/{index-93ec3c59.js → index-0e45a0b2.js} +27 -34
  137. package/dist/esm/{index-51a80699.js → index-73819142.js} +19 -20
  138. package/dist/esm/{index-a2e78632.js → index-c376cd8e.js} +462 -474
  139. package/dist/esm/{index-d2f90501.js → index-ef6d5dcf.js} +1 -1
  140. package/dist/esm/{index.es-938a3a58.js → index.es-29c1cef5.js} +1 -3
  141. package/dist/esm/index.js +11 -11
  142. package/dist/esm/{main-0465b2a0.js → main-5d1e4bd3.js} +34 -65
  143. package/dist/esm/{moment-12415288.js → moment-e2f9b20c.js} +1 -1
  144. package/dist/esm/timeDifferenceCalc.js +1 -1
  145. package/dist/esm/urlFor.js +1 -1
  146. package/package.json +1 -1
  147. /package/dist/cjs/{ADInfeed-3410ab3c.js → ADInfeed-2fe7211c.js} +0 -0
  148. /package/dist/cjs/{ADlgInfeed-845aac15.js → ADlgInfeed-14e17b43.js} +0 -0
  149. /package/dist/esm/{ADInfeed-205cb7a9.js → ADInfeed-eae71d07.js} +0 -0
  150. /package/dist/esm/{ADlgInfeed-e538f17a.js → ADlgInfeed-c619fe64.js} +0 -0
package/dist/esm/View.js CHANGED
@@ -14,19 +14,19 @@ import './web.dom.iterable-8956f9a5.js';
14
14
  import { _ as _typeof } from './typeof-08f2c380.js';
15
15
  import './_is-array-49698029.js';
16
16
  import React__default, { useState, useRef, useEffect } from 'react';
17
- import { l as lib_3 } from './index-93ec3c59.js';
17
+ import { l as lib_3 } from './index-0e45a0b2.js';
18
18
  import 'prop-types';
19
19
  import 'react-bootstrap/Row';
20
20
  import 'react-bootstrap/Col';
21
- import { m as moment } from './moment-12415288.js';
21
+ import { m as moment } from './moment-e2f9b20c.js';
22
22
  import { useRouter } from 'next/router';
23
23
  import './isSymbol-807e927e.js';
24
24
  import './debounce-1a993acf.js';
25
- import { I as InfiniteScroll } from './index.es-938a3a58.js';
25
+ import { I as InfiniteScroll } from './index.es-29c1cef5.js';
26
26
  import 'react-dom';
27
- import './index-51a80699.js';
27
+ import './index-73819142.js';
28
28
  import './index-5f9f807a.js';
29
- import { m as main_39 } from './main-0465b2a0.js';
29
+ import { m as main_36 } from './main-5d1e4bd3.js';
30
30
  import './entities-7cc3bf45.js';
31
31
  import { _ as _JSON$stringify } from './stringify-008c8802.js';
32
32
  import { a as _getIterator, _ as _slicedToArray } from './slicedToArray-7021e5df.js';
@@ -35,16 +35,15 @@ import './_set-species-cede29f8.js';
35
35
  import './Segment.js';
36
36
  import './Beam.js';
37
37
  import DFPAdSlot from './AdSlot.js';
38
- import { B as BlockContent } from './BlockContent-a614acdf.js';
38
+ import { B as BlockContent } from './BlockContent-e9b4ddcf.js';
39
39
  import './smoothscroll-4b699764.js';
40
40
  import './GroupDeck.js';
41
41
  import 'react-bootstrap';
42
42
  import './iconBase-602d52fe.js';
43
43
  import './index.esm-29e48d38.js';
44
44
  import Button from 'react-bootstrap/Button';
45
- import { _ as _defineProperty } from './defineProperty-b798470d.js';
46
45
  import Form from 'react-bootstrap/Form';
47
- import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-a2e78632.js';
46
+ import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-c376cd8e.js';
48
47
  import './util-7700fc59.js';
49
48
  import './brightcove-react-player-loader.es-83f53e4e.js';
50
49
  import 'react-bootstrap/Pagination';
@@ -139,9 +138,9 @@ var DocumentGroup = function DocumentGroup(_ref) {
139
138
  style: { display: 'flex', flexDirection: 'column', padding: '0 1rem', justifyContent: thumbnailUrl ? 'center' : 'flex-start', alignItems: 'center' } },
140
139
  thumbnailUrl && React__default.createElement('img', { style: { maxWidth: '220px', maxHeight: '100px', marginTop: '1rem' }, src: thumbnailUrl, alt: name }),
141
140
  !thumbnailUrl && React__default.createElement('p', {
142
- style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main_39 ? 'left' : 'right', marginTop: '.25rem' },
141
+ style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main_36 ? 'left' : 'right', marginTop: '.25rem' },
143
142
  dangerouslySetInnerHTML: { __html: name } }),
144
- main_39 && !thumbnailUrl && React__default.createElement(
143
+ main_36 && !thumbnailUrl && React__default.createElement(
145
144
  'style',
146
145
  { jsx: 'true' },
147
146
  '\n a.doc-group {\n display: block !important;\n padding: 0!important;\n }\n '
@@ -248,7 +247,7 @@ var ISI = function ISI(props) {
248
247
  );
249
248
  };
250
249
 
251
- var css = ".RelatedArticles-module_mediaContainer__10h9k {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n margin: 0 -1rem;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn {\r\n margin: 0 1rem 1rem;\r\n width: calc(33% - 1rem);\r\n display: column;\r\n flex-direction: row;\r\n margin-bottom: 0.75rem;\r\n padding-bottom: 0.75rem;\r\n border-bottom: none;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\r\n border-bottom: none;\r\n}\r\n.RelatedArticles-module_cardTitle__3P-Ib {\r\n font-weight: bold;\r\n color: #252525;\r\n margin-bottom: 0.25rem;\r\n font-size: 15px;\r\n}\r\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\r\n color: #000;\r\n font-weight: bold;\r\n}\r\n.RelatedArticles-module_cardDate__1wOR5 {\r\n color: var(--dark);\r\n display: block;\r\n background: #fff !important;\r\n margin-bottom: 0;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 {\r\n display: block;\r\n text-align: center;\r\n margin-bottom: 0.5rem;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\r\n height: 135px;\r\n width: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n}\r\n@media screen and (max-width: 1064px) {\r\n}\r\n@media screen and (max-width: 968px) {\r\n .RelatedArticles-module_mediaContainer__10h9k {\r\n flex-wrap: wrap;\r\n }\r\n .RelatedArticles-module_mediaCard__3wQbn {\r\n width: 100%;\r\n }\r\n .RelatedArticles-module_imgWrapper__5Jx_4 img {\r\n width: 100%;\r\n height: auto;\r\n\r\n max-height: 175px;\r\n object-fit: contain;\r\n margin-bottom: 1rem;\r\n }\r\n}\r\n";
250
+ var css = ".RelatedArticles-module_mediaContainer__10h9k {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: nowrap;\r\n margin: 0 -1rem;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn {\r\n margin: 0 1rem 1rem;\r\n width: calc(33% - 1rem);\r\n display: column;\r\n flex-direction: row;\r\n margin-bottom: 0.75rem;\r\n padding-bottom: 0.75rem;\r\n border-bottom: none;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\r\n border-bottom: none;\r\n}\r\n.RelatedArticles-module_cardTitle__3P-Ib {\r\n font-weight: bold;\r\n color: #252525;\r\n margin-bottom: 0.25rem;\r\n font-size: 15px;\r\n}\r\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\r\n color: #000;\r\n font-weight: bold;\r\n}\r\n.RelatedArticles-module_cardDate__1wOR5 {\r\n color: var(--dark);\r\n display: block;\r\n background: #fff !important;\r\n margin-bottom: 0;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 {\r\n display: block;\r\n text-align: center;\r\n margin-bottom: 0.5rem;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\r\n height: 135px;\r\n width: 100%;\r\n object-fit: cover;\r\n object-position: center;\r\n}\r\n@media screen and (max-width: 1064px) {\r\n}\r\n@media screen and (max-width: 968px) {\r\n .RelatedArticles-module_mediaContainer__10h9k {\r\n flex-wrap: wrap;\r\n }\r\n .RelatedArticles-module_imgWrapper__5Jx_4 {\r\n display: none;\r\n }\r\n .RelatedArticles-module_mediaCard__3wQbn {\r\n width: 100%;\r\n margin-bottom: 0.5rem;\r\n padding: 0;\r\n }\r\n .RelatedArticles-module_cardTitle__3P-Ib {\r\n font-size: 0.75rem;\r\n margin-bottom: 0;\r\n }\r\n}\r\n";
252
251
  var styles = { "mediaContainer": "RelatedArticles-module_mediaContainer__10h9k", "mediaCard": "RelatedArticles-module_mediaCard__3wQbn", "cardTitle": "RelatedArticles-module_cardTitle__3P-Ib", "authorListing": "RelatedArticles-module_authorListing__1EFg4", "text-muted": "RelatedArticles-module_text-muted__3b0zX", "cardDate": "RelatedArticles-module_cardDate__1wOR5", "imgWrapper": "RelatedArticles-module_imgWrapper__5Jx_4" };
253
252
  styleInject(css);
254
253
 
@@ -484,65 +483,73 @@ var Article = function Article(props) {
484
483
  };
485
484
 
486
485
  var RelevantTopics = function RelevantTopics() {
487
- if (content_placement && content_placement.length > 0 || documentGroupMapping) {
488
- return React__default.createElement(
489
- 'div',
490
- { style: { color: '#262626' } },
491
- React__default.createElement(
492
- 'p',
493
- { className: 'mb-0' },
494
- React__default.createElement(
495
- 'b',
496
- null,
497
- 'Related Content:'
498
- )
499
- ),
500
- documentGroupMapping && documentGroupMapping.map(function (documentGroup) {
501
- if (!documentGroup.parent) {
502
- return null;
486
+ if (content_placement && content_placement.length > 0 || documentGroupMapping && documentGroupMapping.length > 0) {
487
+ var relatedLinks = [];
488
+ if (documentGroupMapping && documentGroupMapping.length > 0) {
489
+ documentGroupMapping.forEach(function (documentGroup) {
490
+ if (documentGroup.parent) {
491
+ relatedLinks = [].concat(_toConsumableArray(relatedLinks), [{ label: documentGroup.name, href: cpModificationRequired ? '/' + documentGroup.parent.identifier.current + '/' + documentGroup.path : '/' + documentGroup.path }]);
503
492
  }
504
-
505
- return React__default.createElement(
506
- React__default.Fragment,
507
- null,
508
- React__default.createElement(
509
- 'span',
510
- { className: '' },
511
- React__default.createElement(
512
- 'a',
513
- {
514
- className: 'related-links',
515
- style: { color: 'blue' },
516
- href: cpModificationRequired ? '/' + documentGroup.parent.identifier.current + '/' + documentGroup.path : '/' + documentGroup.path },
517
- documentGroup.name
518
- )
519
- ),
520
- content_placement && content_placement.length ? ' | ' : null
521
- );
522
- }),
523
- content_placement && content_placement.length > 0 ? content_placement.map(function (cp, index) {
493
+ });
494
+ }
495
+ if (content_placement && content_placement.length > 0) {
496
+ content_placement.filter(function (item) {
497
+ return item.path !== 'news';
498
+ }).forEach(function (cp) {
524
499
  var cp_url = cpModificationRequired ? getContentPlacementUrl(cp) : cp.path;
525
500
  var href = '/' + cp_url;
526
- return React__default.createElement(
527
- React__default.Fragment,
528
- { key: index },
529
- React__default.createElement(
501
+ relatedLinks = [].concat(_toConsumableArray(relatedLinks), [{ label: cp.name, href: href }]);
502
+ });
503
+ }
504
+ if (relatedLinks && relatedLinks.length > 0) {
505
+ return React__default.createElement(
506
+ 'div',
507
+ null,
508
+ relatedLinks.map(function (relatedLink, index) {
509
+ return React__default.createElement(
530
510
  'span',
531
- null,
511
+ { key: index, className: 'related-link' },
532
512
  React__default.createElement(
533
513
  'a',
534
- { className: 'related-links', key: index, href: href, style: { color: 'blue' } },
535
- cp.name
514
+ { className: 'related-links', style: { color: 'blue' }, href: relatedLink.href },
515
+ relatedLink.label
516
+ ),
517
+ React__default.createElement(
518
+ 'style',
519
+ { jsx: 'true' },
520
+ '\n .related-link:not(:first-child):before {\n content: \' | \';\n }\n '
536
521
  )
537
- ),
538
- content_placement.length > index + 1 ? ' | ' : null
539
- );
540
- }) : null
541
- );
522
+ );
523
+ })
524
+ );
525
+ }
526
+ return null;
542
527
  }
543
528
  return null;
544
529
  };
545
530
 
531
+ var RelatedContent = function RelatedContent() {
532
+ return React__default.createElement(
533
+ 'section',
534
+ { className: 'my-1' },
535
+ React__default.createElement(
536
+ 'p',
537
+ { className: 'mb-0' },
538
+ React__default.createElement(
539
+ 'b',
540
+ null,
541
+ 'Related Content:'
542
+ )
543
+ ),
544
+ React__default.createElement(RelevantTopics, null),
545
+ React__default.createElement(
546
+ 'div',
547
+ { className: 'pt-2' },
548
+ React__default.createElement(RelatedArticle, { articles: article.relatedArticle, client: client })
549
+ )
550
+ );
551
+ };
552
+
546
553
  var form = function form() {
547
554
  return React__default.createElement(
548
555
  React__default.Fragment,
@@ -948,7 +955,7 @@ var Article = function Article(props) {
948
955
  React__default.createElement(
949
956
  'div',
950
957
  { className: 'ad-box', style: { textAlign: 'center' } },
951
- main_39 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
958
+ main_36 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
952
959
  if (index === 0) {
953
960
  return React__default.createElement(
954
961
  'div',
@@ -1001,20 +1008,7 @@ var Article = function Article(props) {
1001
1008
  )
1002
1009
  ),
1003
1010
  React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
1004
- showRelatedArticles && !showIsi && React__default.createElement(
1005
- React__default.Fragment,
1006
- null,
1007
- React__default.createElement(
1008
- 'div',
1009
- null,
1010
- React__default.createElement(RelevantTopics, null)
1011
- ),
1012
- React__default.createElement(
1013
- 'div',
1014
- { className: 'pt-2' },
1015
- React__default.createElement(RelatedArticle, { articles: article.relatedArticle, client: client })
1016
- )
1017
- )
1011
+ showRelatedArticles && !showIsi && React__default.createElement(RelatedContent, null)
1018
1012
  ),
1019
1013
  renderIsiContent(props.article)
1020
1014
  ),
@@ -1027,7 +1021,7 @@ var Article = function Article(props) {
1027
1021
  })
1028
1022
  )
1029
1023
  ),
1030
- main_39 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
1024
+ main_36 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
1031
1025
  if (index > 0) {
1032
1026
  return React__default.createElement(
1033
1027
  'div',
@@ -1100,7 +1094,7 @@ var ArticleQueue = function ArticleQueue(props) {
1100
1094
  });
1101
1095
  var targeting = getTargeting({ article: activeArticle, cpModificationRequired: cpModificationRequired, position: props.position, prevUrl: prevUrl });
1102
1096
 
1103
- if (!main_39) {
1097
+ if (!main_36) {
1104
1098
  lib_3.getGoogletag().then(function (googletag) {
1105
1099
  if (window.googletag && googletag.pubadsReady) {
1106
1100
  var slots = googletag.pubads().getSlots();
@@ -1118,7 +1112,7 @@ var ArticleQueue = function ArticleQueue(props) {
1118
1112
  });
1119
1113
  }
1120
1114
  //Refresh leaderboard ad on mobile
1121
- if (main_39) {
1115
+ if (main_36) {
1122
1116
  var leaderboardSlotId = '';
1123
1117
  lib_3.getGoogletag().then(function (googletag) {
1124
1118
  if (window.googletag && googletag.pubadsReady) {
@@ -1179,50 +1173,77 @@ var ArticleQueue = function ArticleQueue(props) {
1179
1173
  }, 1000);
1180
1174
  }, [queueData.length]);
1181
1175
 
1182
- var loadmore = function loadmore() {
1183
- var query = props.relatedArticleQuery;
1184
- var params = props.params;
1185
- if (queueData && queueData.length < maxListLength) {
1186
- params.index = queueData.length - 1;
1187
- props.client.fetch(query, params).then(function () {
1188
- var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(article) {
1189
- var startingIndex, endingIndex, targeting;
1190
- return regenerator.wrap(function _callee$(_context) {
1191
- while (1) {
1192
- switch (_context.prev = _context.next) {
1193
- case 0:
1194
- if (!(article && article._id)) {
1195
- _context.next = 9;
1196
- break;
1197
- }
1198
-
1199
- //query next 4 related article without repeating previous 4 related articles
1200
- startingIndex = queueData.length + 1;
1201
- endingIndex = startingIndex + 2;
1202
- _context.next = 5;
1203
- return getRelatedArticle(null, props.client, article, prevUrl, startingIndex + '..' + endingIndex);
1204
-
1205
- case 5:
1206
- article.relatedArticle = _context.sent;
1207
- targeting = getTargeting({ article: article, cpModificationRequired: cpModificationRequired, prevUrl: prevUrl });
1208
-
1209
- article.Ads = Ads.getRightItems(targeting);
1210
- setQueueData([].concat(_toConsumableArray(queueData), [article]));
1211
-
1212
- case 9:
1213
- case 'end':
1214
- return _context.stop();
1176
+ var loadmore = function () {
1177
+ var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
1178
+ var index, article, startingIndex, endingIndex, targeting;
1179
+ return regenerator.wrap(function _callee$(_context) {
1180
+ while (1) {
1181
+ switch (_context.prev = _context.next) {
1182
+ case 0:
1183
+ if (!(queueData && queueData.length < maxListLength)) {
1184
+ _context.next = 27;
1185
+ break;
1215
1186
  }
1216
- }
1217
- }, _callee, _this);
1218
- }));
1219
1187
 
1220
- return function (_x) {
1221
- return _ref.apply(this, arguments);
1222
- };
1223
- }());
1224
- }
1225
- };
1188
+ index = queueData.length - 1;
1189
+ article = null;
1190
+ _context.prev = 3;
1191
+ _context.next = 6;
1192
+ return getRelatedArticle(null, props.client, props.article, prevUrl, index);
1193
+
1194
+ case 6:
1195
+ article = _context.sent;
1196
+ _context.next = 12;
1197
+ break;
1198
+
1199
+ case 9:
1200
+ _context.prev = 9;
1201
+ _context.t0 = _context['catch'](3);
1202
+
1203
+ console.error(_context.t0);
1204
+
1205
+ case 12:
1206
+ if (!(article && article._id)) {
1207
+ _context.next = 27;
1208
+ break;
1209
+ }
1210
+
1211
+ //query next 4 related article without repeating previous 4 related articles
1212
+ startingIndex = queueData.length + 1;
1213
+ endingIndex = startingIndex + 2;
1214
+ _context.prev = 15;
1215
+ _context.next = 18;
1216
+ return getRelatedArticle(null, props.client, props.article, prevUrl, startingIndex + '..' + endingIndex);
1217
+
1218
+ case 18:
1219
+ article.relatedArticle = _context.sent;
1220
+ _context.next = 24;
1221
+ break;
1222
+
1223
+ case 21:
1224
+ _context.prev = 21;
1225
+ _context.t1 = _context['catch'](15);
1226
+
1227
+ console.error(_context.t1);
1228
+
1229
+ case 24:
1230
+ targeting = getTargeting({ article: article, cpModificationRequired: cpModificationRequired, prevUrl: prevUrl });
1231
+
1232
+ article.Ads = Ads.getRightItems(targeting);
1233
+ setQueueData([].concat(_toConsumableArray(queueData), [article]));
1234
+
1235
+ case 27:
1236
+ case 'end':
1237
+ return _context.stop();
1238
+ }
1239
+ }
1240
+ }, _callee, _this, [[3, 9], [15, 21]]);
1241
+ }));
1242
+
1243
+ return function loadmore() {
1244
+ return _ref.apply(this, arguments);
1245
+ };
1246
+ }();
1226
1247
 
1227
1248
  var changeMeta = function changeMeta(meta) {
1228
1249
  document.title = meta.shareTitle;
@@ -1294,74 +1315,6 @@ var ArticleQueue = function ArticleQueue(props) {
1294
1315
  );
1295
1316
  };
1296
1317
 
1297
- var Articles = function Articles(props) {
1298
- var _extends2;
1299
-
1300
- var videoAccountIDs = props.videoAccountIDs,
1301
- Ads = props.Ads,
1302
- cpModificationRequired = props.cpModificationRequired,
1303
- Settings = props.Settings,
1304
- ISIContent = props.ISIContent,
1305
- prevUrl = props.prevUrl,
1306
- setActiveArticle = props.setActiveArticle,
1307
- article = props.article,
1308
- client = props.client,
1309
- relatedArticleQuery = props.relatedArticleQuery,
1310
- Website = props.Website,
1311
- pageview = props.pageview,
1312
- shareOptions = props.shareOptions,
1313
- WAds = props.WAds,
1314
- regionalPages = props.regionalPages,
1315
- nationalPage = props.nationalPage,
1316
- canonicalTag = props.canonicalTag;
1317
- var taxonomyMapping = article.taxonomyMapping,
1318
- _article$url = article.url;
1319
- _article$url = _article$url === undefined ? {
1320
- current: null
1321
- } : _article$url;
1322
- var url = _article$url.current,
1323
- content_placement = article.content_placement;
1324
-
1325
-
1326
- var taxonomy = [];
1327
- content_placement.forEach(function (_ref2) {
1328
- var path = _ref2.path,
1329
- _id = _ref2._id;
1330
-
1331
- var prev_url_to_check = prevUrl;
1332
- if (prev_url_to_check.includes('?')) {
1333
- prev_url_to_check = prev_url_to_check.split('?')[0];
1334
- }
1335
- if (prev_url_to_check.endsWith(path)) taxonomy.push(_id);
1336
- });
1337
-
1338
- if (taxonomy.length === 0) {
1339
- taxonomy = taxonomyMapping.map(function (_ref3) {
1340
- var _ref = _ref3._ref;
1341
- return _ref;
1342
- });
1343
- }
1344
-
1345
- var params = {
1346
- url: url,
1347
- taxonomy: taxonomy,
1348
- index: 0
1349
- };
1350
-
1351
- return React__default.createElement(ArticleQueue, _extends((_extends2 = {
1352
- client: client,
1353
- params: params,
1354
- relatedArticleQuery: relatedArticleQuery,
1355
- website: Website,
1356
- checkSponsered: true,
1357
- pageview: pageview,
1358
- shareOptions: shareOptions,
1359
- Ads: WAds,
1360
- regionalPages: regionalPages,
1361
- nationalPage: nationalPage
1362
- }, _defineProperty(_extends2, 'pageview', pageview), _defineProperty(_extends2, 'onVote', function onVote() {}), _defineProperty(_extends2, 'ISIContent', ISIContent), _defineProperty(_extends2, 'videoAccountIDs', videoAccountIDs), _defineProperty(_extends2, 'sponsoredTaxonomies', []), _defineProperty(_extends2, 'cpModificationRequired', cpModificationRequired), _defineProperty(_extends2, 'Settings', Settings), _defineProperty(_extends2, 'canonicalTag', canonicalTag), _extends2), props));
1363
- };
1364
-
1365
1318
  var _this$1 = undefined;
1366
1319
 
1367
1320
  var View = function View(props) {
@@ -1540,7 +1493,15 @@ var View = function View(props) {
1540
1493
  props.article.seriesDetail && props.article.seriesDetail.nextUrl && React__default.createElement('link', { rel: 'next', href: props.article.seriesDetail.nextUrl })
1541
1494
  )
1542
1495
  ),
1543
- !needInfiniteScroll ? React__default.createElement(Article, _extends({ infiniteScroll: false, showRelatedArticles: showRelatedArticles }, props)) : React__default.createElement(Articles, _extends({ infiniteScroll: true, showRelatedArticles: showRelatedArticles, canonicalTag: canonicalTag }, props))
1496
+ !needInfiniteScroll ? React__default.createElement(Article, _extends({ infiniteScroll: false, showRelatedArticles: showRelatedArticles }, props)) : React__default.createElement(ArticleQueue, _extends({
1497
+ infiniteScroll: true,
1498
+ showRelatedArticles: showRelatedArticles,
1499
+ canonicalTag: canonicalTag,
1500
+ checkSponsered: true,
1501
+ Ads: props.WAds,
1502
+ onVote: function onVote() {},
1503
+ sponsoredTaxonomies: []
1504
+ }, props))
1544
1505
  );
1545
1506
  };
1546
1507
 
@@ -5,9 +5,9 @@ import './core.get-iterator-method-54d2e411.js';
5
5
  import './web.dom.iterable-8956f9a5.js';
6
6
  import React__default from 'react';
7
7
  import 'prop-types';
8
- import { m as moment } from './moment-12415288.js';
8
+ import { m as moment } from './moment-e2f9b20c.js';
9
9
  import 'react-dom';
10
- import { i as imageUrlBuilder } from './index-51a80699.js';
10
+ import { i as imageUrlBuilder } from './index-73819142.js';
11
11
  import { L as LazyLoad } from './index-5f9f807a.js';
12
12
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
13
13
  import './slicedToArray-7021e5df.js';
@@ -10,7 +10,7 @@ import './_is-array-49698029.js';
10
10
  import React__default, { useRef, useState, useEffect } from 'react';
11
11
  import 'prop-types';
12
12
  import 'react-dom';
13
- import { i as imageUrlBuilder } from './index-51a80699.js';
13
+ import { i as imageUrlBuilder } from './index-73819142.js';
14
14
  import { L as LazyLoad } from './index-5f9f807a.js';
15
15
  import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
16
16
  import { s as smoothscroll, g as getYoutubeId } from './smoothscroll-4b699764.js';
@@ -8,9 +8,9 @@ var getQuery = function getQuery(type) {
8
8
 
9
9
  switch (type) {
10
10
  case 'related':
11
- return '*[\n _type == "article"\n && defined(title)\n && defined(url)\n && !(_id in path("drafts.**"))\n && is_visible == true\n && defined(published) \n && dateTime(published) <= dateTime(now())\n && passwordLock!=true\n && taxonomyMapping[]._ref in $taxonomy\n && taxonomyMapping[].disableAds != \'true\'\n && contentCategory->.name != \'Poll\'\n && contentCategory->.name != \'Slideshows\'\n && contentCategory->.disableAds != \'true\'\n && ExcludeFromInfiniteScroll !=true\n && url.current != $url\n && !defined(body[].videos)\n ' + conditions + '\n ]| order(published desc)[' + (articleCount ? articleCount : '$index') + ']{\n ' + params + '\n title,\n published,\n summary,\n thumbnail,\n ...,\n passwordLock,\n password,\n "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n body[] {\n ...,\n upload_doc {\n _type,\n asset->\n },\n uploadAudio {\n _type,\n asset->\n }\n },\n \'content_placement\': taxonomyMapping[]-> {\n \'ancestor\': parent->parent->identifier,\n \'parent\': parent->identifier,\n \'name\': name,\n \'path\': identifier,\n disableAds\n },\n documentGroup-> {\n name,\n thumbnail,\n parent->{...,parent->},\n \'path\': identifier.current\n },\n documentGroupMapping[]-> {\n name,\n thumbnail,\n parent->{...,parent->},\n \'path\': identifier.current\n },\n \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n name,\n \'path\': identifier.current,\n \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n name,\n \'path\': identifier.current\n },\n \'url\' : pdf.asset-> url\n }\n }';
11
+ return '*[\n _type == "article"\n && defined(title)\n && defined(url)\n && !(_id in path("drafts.**"))\n && is_visible == true\n && defined(published) \n && dateTime(published) <= dateTime(now())\n && passwordLock!=true\n && taxonomyMapping[]._ref in $taxonomy\n && taxonomyMapping[].disableAds != \'true\'\n && contentCategory->.name != \'Poll\'\n && contentCategory->.name != \'Slideshows\'\n && contentCategory->.disableAds != \'true\'\n && ExcludeFromInfiniteScroll !=true\n && url.current != $url\n && !defined(body[].videos)\n ' + conditions + '\n ]| order(published desc)[' + (articleCount ? articleCount : '$index') + ']{\n ' + params + '\n title,\n published,\n summary,\n thumbnail,\n ...,\n passwordLock,\n password,\n "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n body[] {\n ...,\n upload_doc {\n _type,\n asset->\n },\n uploadAudio {\n _type,\n asset->\n }\n },\n \'content_placement\': taxonomyMapping[]-> {\n _id,\n \'ancestor\': parent->parent->identifier,\n \'parent\': parent->identifier,\n \'name\': name,\n \'path\': identifier,\n disableAds\n },\n documentGroup-> {\n name,\n thumbnail,\n parent->{...,parent->},\n \'path\': identifier.current\n },\n documentGroupMapping[]-> {\n _id,\n name,\n thumbnail,\n parent->{...,parent->},\n \'path\': identifier.current\n },\n \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n name,\n \'path\': identifier.current,\n \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n name,\n \'path\': identifier.current\n },\n \'url\' : pdf.asset-> url\n }\n }';
12
12
  case 'article':
13
- return '*[\n _type == "article"\n && !(_id in path("drafts.**"))\n && defined(title)\n && defined(url)\n && url.current == $url\n ' + conditions + '\n ][0]{\n ' + params + '\n title,\n published,\n summary,\n thumbnail,\n ...,\n passwordLock,\n password,\n "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n body[] {\n ...,\n upload_doc {\n _type,\n asset->\n },\n uploadAudio {\n _type,\n asset->\n },\n medias[]{\n ...,\n upload_doc {\n _type,\n asset-> \n } \n },\n articles[]{\n ...,\n "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n text[]{\n ...,\n upload_doc {\n _type,\n asset->\n },\n uploadAudio {\n _type,\n asset->\n },\n }\n }\n },\n \'content_placement\': taxonomyMapping[]-> {\n ...,\n \'ancestor\': parent->parent->identifier,\n \'parent\': parent->identifier,\n \'name\': name,\n \'path\': identifier\n },\n documentGroup-> {\n name,\n thumbnail,\n parent->{...,parent->},\n \'path\': identifier.current\n },\n documentGroupMapping[]-> {\n name,\n thumbnail,\n parent->{...,parent->},\n \'path\': identifier.current\n },\n \'category\':contentCategory->{\n name,\n disableAds\n },\n \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n name,\n volume,\n \'issueNumber\': number,\n \'articleSource\': source,\n \'path\': identifier.current,\n \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n name,\n \'path\': identifier.current\n },\n \'url\' : pdf.asset-> url\n }\n\n }';
13
+ return '*[\n _type == "article"\n && !(_id in path("drafts.**"))\n && defined(title)\n && defined(url)\n && url.current == $url\n ' + conditions + '\n ][0]{\n ' + params + '\n title,\n published,\n summary,\n thumbnail,\n ...,\n passwordLock,\n password,\n "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n body[] {\n ...,\n upload_doc {\n _type,\n asset->\n },\n uploadAudio {\n _type,\n asset->\n },\n medias[]{\n ...,\n upload_doc {\n _type,\n asset-> \n } \n },\n articles[]{\n ...,\n "authorDetails": authorMapping[]->{ displayName, url, profileImage, biography },\n text[]{\n ...,\n upload_doc {\n _type,\n asset->\n },\n uploadAudio {\n _type,\n asset->\n },\n }\n }\n },\n \'content_placement\': taxonomyMapping[]-> {\n ...,\n \'ancestor\': parent->parent->identifier,\n \'parent\': parent->identifier,\n \'name\': name,\n \'path\': identifier\n },\n documentGroup-> {\n name,\n thumbnail,\n parent->{...,parent->},\n \'path\': identifier.current\n },\n documentGroupMapping[]-> {\n _id,\n name,\n thumbnail,\n parent->{...,parent->},\n \'path\': identifier.current\n },\n \'category\':contentCategory->{\n name,\n disableAds\n },\n \'issue\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.issueGroup._ref][0] {\n name,\n volume,\n \'issueNumber\': number,\n \'articleSource\': source,\n \'path\': identifier.current,\n \'publication\' : *[_type == \'publication\' && !(_id in path("drafts.**")) && is_visible == true && _id == ^.parent._ref][0] {\n name,\n \'path\': identifier.current\n },\n \'url\' : pdf.asset-> url\n }\n\n }';
14
14
  case 'publication':
15
15
  return '*[_type == \'publication\'\n && identifier.current == $publication\n ' + conditions + '][0] {\n ' + params + '\n ...,\n \'issues\': *[_type == \'publication\'\n && is_visible\n && references(^._id)\n && defined(identifier)] {\n ...,\n pdf{asset->}\n } | order(year desc, month desc)\n }';
16
16
  case 'issue':