@mjhls/mjh-framework 1.0.694-beta.3 → 1.0.694

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 (149) hide show
  1. package/dist/cjs/AD.js +1 -1
  2. package/dist/cjs/AD300x250.js +3 -3
  3. package/dist/cjs/AD300x250x600.js +3 -3
  4. package/dist/cjs/AD728x90.js +4 -4
  5. package/dist/cjs/ADFloatingFooter.js +2 -2
  6. package/dist/cjs/ADGutter.js +2 -2
  7. package/dist/cjs/ADSkyscraper.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/ArticleCarousel.js +1 -1
  14. package/dist/cjs/ArticleSeriesListing.js +4 -4
  15. package/dist/cjs/Auth.js +301 -250
  16. package/dist/cjs/{BlockContent-091a991f.js → BlockContent-88f69acd.js} +1 -1
  17. package/dist/cjs/BrowseVideosListing.js +1 -1
  18. package/dist/cjs/CMEDeck.js +5 -5
  19. package/dist/cjs/Column3.js +4 -4
  20. package/dist/cjs/ConferenceArticleCard.js +2 -2
  21. package/dist/cjs/DeckContent.js +7 -7
  22. package/dist/cjs/DeckQueue.js +6 -6
  23. package/dist/cjs/{Dfp-f6a18ed2.js → Dfp-b2bc3b97.js} +1 -1
  24. package/dist/cjs/EventsDeck.js +4 -4
  25. package/dist/cjs/ExternalResources.js +7 -7
  26. package/dist/cjs/Feature.js +3 -3
  27. package/dist/cjs/ForbesHero.js +2 -2
  28. package/dist/cjs/GridContent.js +10 -10
  29. package/dist/cjs/GridHero.js +2 -2
  30. package/dist/cjs/GroupDeck.js +1 -1
  31. package/dist/cjs/HamMagazine.js +4 -4
  32. package/dist/cjs/Hero.js +1 -1
  33. package/dist/cjs/HorizontalHero.js +2 -2
  34. package/dist/cjs/IssueContentDeck.js +2 -2
  35. package/dist/cjs/IssueDeck.js +2 -2
  36. package/dist/cjs/IssueLanding.js +7 -7
  37. package/dist/cjs/LeftNav.js +2 -2
  38. package/dist/cjs/MasterDeck.js +7 -7
  39. package/dist/cjs/NavMagazine.js +4 -4
  40. package/dist/cjs/NavNative.js +3 -3
  41. package/dist/cjs/OncliveHero.js +2 -2
  42. package/dist/cjs/OncliveLargeHero.js +2 -2
  43. package/dist/cjs/PartnerDetailListing.js +16 -16
  44. package/dist/cjs/PublicationDeck.js +1 -1
  45. package/dist/cjs/QueueDeckExpanded.js +9 -9
  46. package/dist/cjs/RecentNews.js +2 -2
  47. package/dist/cjs/RelatedContent.js +2 -2
  48. package/dist/cjs/{SocialSearchComponent-9cd24578.js → SocialSearchComponent-6b5e5b47.js} +5 -5
  49. package/dist/cjs/TaxonomyCard.js +2 -2
  50. package/dist/cjs/TemplateNormal.js +3 -3
  51. package/dist/cjs/ThumbnailCard.js +1 -1
  52. package/dist/cjs/Ustream.js +2 -2
  53. package/dist/cjs/VerticalHero.js +2 -2
  54. package/dist/cjs/VideoSeriesCard.js +2 -2
  55. package/dist/cjs/VideoSeriesListing.js +4 -4
  56. package/dist/cjs/View.js +213 -174
  57. package/dist/cjs/YahooHero.js +2 -2
  58. package/dist/cjs/YoutubeGroup.js +1 -1
  59. package/dist/cjs/getQuery.js +2 -2
  60. package/dist/cjs/getRelatedArticle.js +156 -137
  61. package/dist/cjs/getSerializers.js +6 -6
  62. package/dist/cjs/{getTargeting-9af0ef69.js → getTargeting-fee8c429.js} +2 -2
  63. package/dist/cjs/getTargeting.js +1 -1
  64. package/dist/cjs/{index-fa8ed292.js → index-2d0a4911.js} +34 -27
  65. package/dist/cjs/{index-3294d3bc.js → index-5be2866f.js} +1 -1
  66. package/dist/cjs/{index-be0c82be.js → index-b5eb3ff8.js} +20 -19
  67. package/dist/cjs/{index-a5919bab.js → index-bb6b1bfb.js} +460 -448
  68. package/dist/cjs/{index.es-9110add6.js → index.es-ab3f2690.js} +3 -1
  69. package/dist/cjs/index.js +12 -12
  70. package/dist/cjs/{main-a4cb15bb.js → main-b6c96c8d.js} +67 -36
  71. package/dist/cjs/{moment-575fe24c.js → moment-66a6a284.js} +1 -1
  72. package/dist/cjs/timeDifferenceCalc.js +1 -1
  73. package/dist/cjs/urlFor.js +1 -1
  74. package/dist/esm/AD.js +1 -1
  75. package/dist/esm/AD300x250.js +3 -3
  76. package/dist/esm/AD300x250x600.js +3 -3
  77. package/dist/esm/AD728x90.js +4 -4
  78. package/dist/esm/ADFloatingFooter.js +2 -2
  79. package/dist/esm/ADGutter.js +2 -2
  80. package/dist/esm/ADSkyscraper.js +2 -2
  81. package/dist/esm/ADSponsoredResources.js +2 -2
  82. package/dist/esm/ADWebcast.js +2 -2
  83. package/dist/esm/ADWelcome.js +2 -2
  84. package/dist/esm/AdSlot.js +2 -2
  85. package/dist/esm/AdSlotsProvider.js +1 -1
  86. package/dist/esm/ArticleCarousel.js +1 -1
  87. package/dist/esm/ArticleSeriesListing.js +4 -4
  88. package/dist/esm/Auth.js +298 -247
  89. package/dist/esm/{BlockContent-e9b4ddcf.js → BlockContent-a614acdf.js} +1 -1
  90. package/dist/esm/BrowseVideosListing.js +1 -1
  91. package/dist/esm/CMEDeck.js +5 -5
  92. package/dist/esm/Column3.js +4 -4
  93. package/dist/esm/ConferenceArticleCard.js +2 -2
  94. package/dist/esm/DeckContent.js +7 -7
  95. package/dist/esm/DeckQueue.js +6 -6
  96. package/dist/esm/{Dfp-96b49def.js → Dfp-8a8fca18.js} +1 -1
  97. package/dist/esm/EventsDeck.js +4 -4
  98. package/dist/esm/ExternalResources.js +7 -7
  99. package/dist/esm/Feature.js +3 -3
  100. package/dist/esm/ForbesHero.js +2 -2
  101. package/dist/esm/GridContent.js +10 -10
  102. package/dist/esm/GridHero.js +2 -2
  103. package/dist/esm/GroupDeck.js +1 -1
  104. package/dist/esm/HamMagazine.js +4 -4
  105. package/dist/esm/Hero.js +1 -1
  106. package/dist/esm/HorizontalHero.js +2 -2
  107. package/dist/esm/IssueContentDeck.js +2 -2
  108. package/dist/esm/IssueDeck.js +2 -2
  109. package/dist/esm/IssueLanding.js +7 -7
  110. package/dist/esm/LeftNav.js +2 -2
  111. package/dist/esm/MasterDeck.js +7 -7
  112. package/dist/esm/NavMagazine.js +4 -4
  113. package/dist/esm/NavNative.js +3 -3
  114. package/dist/esm/OncliveHero.js +2 -2
  115. package/dist/esm/OncliveLargeHero.js +2 -2
  116. package/dist/esm/PartnerDetailListing.js +14 -14
  117. package/dist/esm/PublicationDeck.js +1 -1
  118. package/dist/esm/QueueDeckExpanded.js +9 -9
  119. package/dist/esm/RecentNews.js +2 -2
  120. package/dist/esm/RelatedContent.js +2 -2
  121. package/dist/esm/{SocialSearchComponent-93233334.js → SocialSearchComponent-7f14e0f3.js} +5 -5
  122. package/dist/esm/TaxonomyCard.js +2 -2
  123. package/dist/esm/TemplateNormal.js +3 -3
  124. package/dist/esm/ThumbnailCard.js +1 -1
  125. package/dist/esm/Ustream.js +2 -2
  126. package/dist/esm/VerticalHero.js +2 -2
  127. package/dist/esm/VideoSeriesCard.js +2 -2
  128. package/dist/esm/VideoSeriesListing.js +4 -4
  129. package/dist/esm/View.js +188 -149
  130. package/dist/esm/YahooHero.js +2 -2
  131. package/dist/esm/YoutubeGroup.js +1 -1
  132. package/dist/esm/getQuery.js +2 -2
  133. package/dist/esm/getRelatedArticle.js +156 -137
  134. package/dist/esm/getSerializers.js +6 -6
  135. package/dist/esm/{index-73819142.js → index-51a80699.js} +20 -19
  136. package/dist/esm/{index-c376cd8e.js → index-74d46cc5.js} +460 -448
  137. package/dist/esm/{index-0e45a0b2.js → index-93ec3c59.js} +34 -27
  138. package/dist/esm/{index-ef6d5dcf.js → index-d2f90501.js} +1 -1
  139. package/dist/esm/{index.es-29c1cef5.js → index.es-938a3a58.js} +3 -1
  140. package/dist/esm/index.js +11 -11
  141. package/dist/esm/{main-5d1e4bd3.js → main-0465b2a0.js} +65 -34
  142. package/dist/esm/{moment-e2f9b20c.js → moment-12415288.js} +1 -1
  143. package/dist/esm/timeDifferenceCalc.js +1 -1
  144. package/dist/esm/urlFor.js +1 -1
  145. package/package.json +1 -1
  146. /package/dist/cjs/{ADInfeed-2fe7211c.js → ADInfeed-3410ab3c.js} +0 -0
  147. /package/dist/cjs/{ADlgInfeed-14e17b43.js → ADlgInfeed-845aac15.js} +0 -0
  148. /package/dist/esm/{ADInfeed-eae71d07.js → ADInfeed-205cb7a9.js} +0 -0
  149. /package/dist/esm/{ADlgInfeed-c619fe64.js → ADlgInfeed-e538f17a.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-0e45a0b2.js';
17
+ import { l as lib_3 } from './index-93ec3c59.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-e2f9b20c.js';
21
+ import { m as moment } from './moment-12415288.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-29c1cef5.js';
25
+ import { I as InfiniteScroll } from './index.es-938a3a58.js';
26
26
  import 'react-dom';
27
- import './index-73819142.js';
27
+ import './index-51a80699.js';
28
28
  import './index-5f9f807a.js';
29
- import { m as main_36 } from './main-5d1e4bd3.js';
29
+ import { m as main_39 } from './main-0465b2a0.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,15 +35,16 @@ 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-e9b4ddcf.js';
38
+ import { B as BlockContent } from './BlockContent-a614acdf.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';
45
46
  import Form from 'react-bootstrap/Form';
46
- import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-c376cd8e.js';
47
+ import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-74d46cc5.js';
47
48
  import './util-7700fc59.js';
48
49
  import './brightcove-react-player-loader.es-83f53e4e.js';
49
50
  import 'react-bootstrap/Pagination';
@@ -138,9 +139,9 @@ var DocumentGroup = function DocumentGroup(_ref) {
138
139
  style: { display: 'flex', flexDirection: 'column', padding: '0 1rem', justifyContent: thumbnailUrl ? 'center' : 'flex-start', alignItems: 'center' } },
139
140
  thumbnailUrl && React__default.createElement('img', { style: { maxWidth: '220px', maxHeight: '100px', marginTop: '1rem' }, src: thumbnailUrl, alt: name }),
140
141
  !thumbnailUrl && React__default.createElement('p', {
141
- style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main_36 ? 'left' : 'right', marginTop: '.25rem' },
142
+ style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main_39 ? 'left' : 'right', marginTop: '.25rem' },
142
143
  dangerouslySetInnerHTML: { __html: name } }),
143
- main_36 && !thumbnailUrl && React__default.createElement(
144
+ main_39 && !thumbnailUrl && React__default.createElement(
144
145
  'style',
145
146
  { jsx: 'true' },
146
147
  '\n a.doc-group {\n display: block !important;\n padding: 0!important;\n }\n '
@@ -247,7 +248,7 @@ var ISI = function ISI(props) {
247
248
  );
248
249
  };
249
250
 
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";
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";
251
252
  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" };
252
253
  styleInject(css);
253
254
 
@@ -483,73 +484,65 @@ var Article = function Article(props) {
483
484
  };
484
485
 
485
486
  var RelevantTopics = function RelevantTopics() {
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 }]);
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;
492
503
  }
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) {
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) {
499
524
  var cp_url = cpModificationRequired ? getContentPlacementUrl(cp) : cp.path;
500
525
  var href = '/' + cp_url;
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(
526
+ return React__default.createElement(
527
+ React__default.Fragment,
528
+ { key: index },
529
+ React__default.createElement(
510
530
  'span',
511
- { key: index, className: 'related-link' },
531
+ null,
512
532
  React__default.createElement(
513
533
  'a',
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 '
534
+ { className: 'related-links', key: index, href: href, style: { color: 'blue' } },
535
+ cp.name
521
536
  )
522
- );
523
- })
524
- );
525
- }
526
- return null;
537
+ ),
538
+ content_placement.length > index + 1 ? ' | ' : null
539
+ );
540
+ }) : null
541
+ );
527
542
  }
528
543
  return null;
529
544
  };
530
545
 
531
- var RelatedContent = function RelatedContent() {
532
- return React__default.createElement(
533
- 'section',
534
- { id: 'related-content-section', 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
-
553
546
  var form = function form() {
554
547
  return React__default.createElement(
555
548
  React__default.Fragment,
@@ -955,7 +948,7 @@ var Article = function Article(props) {
955
948
  React__default.createElement(
956
949
  'div',
957
950
  { className: 'ad-box', style: { textAlign: 'center' } },
958
- main_36 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
951
+ main_39 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
959
952
  if (index === 0) {
960
953
  return React__default.createElement(
961
954
  'div',
@@ -1008,7 +1001,20 @@ var Article = function Article(props) {
1008
1001
  )
1009
1002
  ),
1010
1003
  React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
1011
- showRelatedArticles && !showIsi && React__default.createElement(RelatedContent, null)
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
+ )
1012
1018
  ),
1013
1019
  renderIsiContent(props.article)
1014
1020
  ),
@@ -1021,7 +1027,7 @@ var Article = function Article(props) {
1021
1027
  })
1022
1028
  )
1023
1029
  ),
1024
- main_36 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
1030
+ main_39 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
1025
1031
  if (index > 0) {
1026
1032
  return React__default.createElement(
1027
1033
  'div',
@@ -1094,7 +1100,7 @@ var ArticleQueue = function ArticleQueue(props) {
1094
1100
  });
1095
1101
  var targeting = getTargeting({ article: activeArticle, cpModificationRequired: cpModificationRequired, position: props.position, prevUrl: prevUrl });
1096
1102
 
1097
- if (!main_36) {
1103
+ if (!main_39) {
1098
1104
  lib_3.getGoogletag().then(function (googletag) {
1099
1105
  if (window.googletag && googletag.pubadsReady) {
1100
1106
  var slots = googletag.pubads().getSlots();
@@ -1112,7 +1118,7 @@ var ArticleQueue = function ArticleQueue(props) {
1112
1118
  });
1113
1119
  }
1114
1120
  //Refresh leaderboard ad on mobile
1115
- if (main_36) {
1121
+ if (main_39) {
1116
1122
  var leaderboardSlotId = '';
1117
1123
  lib_3.getGoogletag().then(function (googletag) {
1118
1124
  if (window.googletag && googletag.pubadsReady) {
@@ -1173,77 +1179,50 @@ var ArticleQueue = function ArticleQueue(props) {
1173
1179
  }, 1000);
1174
1180
  }, [queueData.length]);
1175
1181
 
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;
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();
1186
1215
  }
1216
+ }
1217
+ }, _callee, _this);
1218
+ }));
1187
1219
 
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
- }();
1220
+ return function (_x) {
1221
+ return _ref.apply(this, arguments);
1222
+ };
1223
+ }());
1224
+ }
1225
+ };
1247
1226
 
1248
1227
  var changeMeta = function changeMeta(meta) {
1249
1228
  document.title = meta.shareTitle;
@@ -1315,6 +1294,74 @@ var ArticleQueue = function ArticleQueue(props) {
1315
1294
  );
1316
1295
  };
1317
1296
 
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
+
1318
1365
  var _this$1 = undefined;
1319
1366
 
1320
1367
  var View = function View(props) {
@@ -1493,15 +1540,7 @@ var View = function View(props) {
1493
1540
  props.article.seriesDetail && props.article.seriesDetail.nextUrl && React__default.createElement('link', { rel: 'next', href: props.article.seriesDetail.nextUrl })
1494
1541
  )
1495
1542
  ),
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))
1543
+ !needInfiniteScroll ? React__default.createElement(Article, _extends({ infiniteScroll: false, showRelatedArticles: showRelatedArticles }, props)) : React__default.createElement(Articles, _extends({ infiniteScroll: true, showRelatedArticles: showRelatedArticles, canonicalTag: canonicalTag }, props))
1505
1544
  );
1506
1545
  };
1507
1546
 
@@ -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-e2f9b20c.js';
8
+ import { m as moment } from './moment-12415288.js';
9
9
  import 'react-dom';
10
- import { i as imageUrlBuilder } from './index-73819142.js';
10
+ import { i as imageUrlBuilder } from './index-51a80699.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-73819142.js';
13
+ import { i as imageUrlBuilder } from './index-51a80699.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 ' + conditions + '\n && !defined(body[].videos)\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 }';
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 }';
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 _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 }';
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 }';
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':