@mjhls/mjh-framework 1.0.973-pratner-listing-nojs-v1 → 1.0.973-ptce-test

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 (160) hide show
  1. package/README.md +168 -168
  2. package/dist/cjs/AD.js +1 -1
  3. package/dist/cjs/AD300x250.js +2 -1
  4. package/dist/cjs/AD300x250x600.js +2 -1
  5. package/dist/cjs/AD728x90.js +2 -1
  6. package/dist/cjs/ADFloatingFooter.js +2 -1
  7. package/dist/cjs/ADGutter.js +2 -1
  8. package/dist/cjs/ADSkyscraper.js +2 -1
  9. package/dist/cjs/ADSponsoredResources.js +2 -1
  10. package/dist/cjs/ADWebcast.js +2 -1
  11. package/dist/cjs/ADWelcome.js +2 -1
  12. package/dist/cjs/AdSlot.js +2 -1
  13. package/dist/cjs/AdSlotsProvider.js +2 -1
  14. package/dist/cjs/AlgoliaSearch.js +14164 -17
  15. package/dist/cjs/ArticleProgramLandingPage.js +4 -3
  16. package/dist/cjs/ArticleSeriesLandingPage.js +4 -3
  17. package/dist/cjs/ArticleSeriesListing.js +2 -1
  18. package/dist/cjs/Auth.js +1 -1
  19. package/dist/cjs/AuthWrapper.js +3 -29
  20. package/dist/cjs/CMEDeck.js +2 -1
  21. package/dist/cjs/Column3.js +2 -1
  22. package/dist/cjs/ConferenceArticleCard.js +15 -15
  23. package/dist/cjs/ContentCardPaginated.js +5 -3
  24. package/dist/cjs/DeckContent.js +11 -10
  25. package/dist/cjs/DeckQueue.js +2 -1
  26. package/dist/cjs/DeckQueuePaginated.js +4 -2
  27. package/dist/cjs/{Dfp-94f8ccdf.js → Dfp-9be904d5.js} +2 -1
  28. package/dist/cjs/EventsDeck.js +17 -17
  29. package/dist/cjs/ExternalResources.js +4 -3
  30. package/dist/cjs/GridContent.js +4 -3
  31. package/dist/cjs/GridContentPaginated.js +6 -4
  32. package/dist/cjs/HamMagazine.js +9 -9
  33. package/dist/cjs/HealthCareProfessionalModal.js +1 -1
  34. package/dist/cjs/HorizontalArticleListing.js +4 -3
  35. package/dist/cjs/IssueLanding.js +35 -34
  36. package/dist/cjs/KMTracker.js +15 -15
  37. package/dist/cjs/LeftNav.js +2 -1
  38. package/dist/cjs/MasterDeck.js +12 -11
  39. package/dist/cjs/MasterDeckPaginated.js +14 -12
  40. package/dist/cjs/{MediaSeriesCard-1a62916a.js → MediaSeriesCard-4cf41c60.js} +288 -384
  41. package/dist/cjs/MediaSeriesLanding.js +13 -11
  42. package/dist/cjs/MediaSeriesLandingPaginated.js +15 -12
  43. package/dist/cjs/NavMagazine.js +10 -10
  44. package/dist/cjs/NavNative.js +9 -9
  45. package/dist/cjs/Pagination-1e0d5f1d.js +90 -0
  46. package/dist/cjs/PartnerDetailListing.js +30 -30
  47. package/dist/cjs/PartnerDetailListingPaginated.js +8 -6
  48. package/dist/cjs/PtceDeck.js +226 -0
  49. package/dist/cjs/PubSection.js +4 -3
  50. package/dist/cjs/PublicationLanding.js +26 -26
  51. package/dist/cjs/QueueDeckExpanded.js +4 -3
  52. package/dist/cjs/QueueDeckExpandedPaginated.js +6 -4
  53. package/dist/cjs/RelatedContent.js +28 -28
  54. package/dist/cjs/RelatedTopicsDropdown.js +10 -10
  55. package/dist/cjs/SeriesListingDeck.js +3 -2
  56. package/dist/cjs/{SeriesSlider-74546d19.js → SeriesSlider-594b19eb.js} +4 -4
  57. package/dist/cjs/SideFooter.js +2 -2
  58. package/dist/cjs/TaxonomyDescription.js +4 -3
  59. package/dist/cjs/TemplateNormal.js +2 -1
  60. package/dist/cjs/VideoProgramLandingPage.js +4 -3
  61. package/dist/cjs/VideoSeriesCard.js +1 -1
  62. package/dist/cjs/VideoSeriesLandingPage.js +4 -3
  63. package/dist/cjs/VideoSeriesListing.js +2 -1
  64. package/dist/cjs/View.js +13 -15
  65. package/dist/cjs/YoutubeGroup.js +4 -4
  66. package/dist/cjs/events-1b438fe7.js +469 -0
  67. package/dist/cjs/getPtceActivities.js +80 -0
  68. package/dist/cjs/getSerializers.js +8 -7
  69. package/dist/cjs/{getTargeting-dab97fe1.js → getTargeting-3c5754ac.js} +9 -9
  70. package/dist/cjs/getTargeting.js +1 -1
  71. package/dist/cjs/{index-bb00ade7.js → index-3e9b8125.js} +31 -74
  72. package/dist/cjs/index-50be6759.js +105 -0
  73. package/dist/cjs/index-77bc63c7.js +13562 -0
  74. package/dist/cjs/{index-0e4427c8.js → index-fc2f1ca2.js} +2 -467
  75. package/dist/cjs/index.js +11 -8
  76. package/dist/cjs/typeof-1358762e.js +33 -0
  77. package/dist/{esm/util-8ed16d48.js → cjs/util-057669f9.js} +143 -1
  78. package/dist/esm/AD.js +1 -1
  79. package/dist/esm/AD300x250.js +2 -1
  80. package/dist/esm/AD300x250x600.js +2 -1
  81. package/dist/esm/AD728x90.js +2 -1
  82. package/dist/esm/ADFloatingFooter.js +2 -1
  83. package/dist/esm/ADGutter.js +2 -1
  84. package/dist/esm/ADSkyscraper.js +2 -1
  85. package/dist/esm/ADSponsoredResources.js +2 -1
  86. package/dist/esm/ADWebcast.js +2 -1
  87. package/dist/esm/ADWelcome.js +2 -1
  88. package/dist/esm/AdSlot.js +2 -1
  89. package/dist/esm/AdSlotsProvider.js +2 -1
  90. package/dist/esm/AlgoliaSearch.js +14158 -11
  91. package/dist/esm/ArticleProgramLandingPage.js +4 -3
  92. package/dist/esm/ArticleSeriesLandingPage.js +4 -3
  93. package/dist/esm/ArticleSeriesListing.js +2 -1
  94. package/dist/esm/Auth.js +1 -1
  95. package/dist/esm/AuthWrapper.js +2 -28
  96. package/dist/esm/CMEDeck.js +2 -1
  97. package/dist/esm/Column3.js +2 -1
  98. package/dist/esm/ConferenceArticleCard.js +15 -15
  99. package/dist/esm/ContentCardPaginated.js +5 -3
  100. package/dist/esm/DeckContent.js +11 -10
  101. package/dist/esm/DeckQueue.js +2 -1
  102. package/dist/esm/DeckQueuePaginated.js +4 -2
  103. package/dist/esm/{Dfp-cf85d203.js → Dfp-102f0beb.js} +2 -1
  104. package/dist/esm/EventsDeck.js +17 -17
  105. package/dist/esm/ExternalResources.js +4 -3
  106. package/dist/esm/GridContent.js +4 -3
  107. package/dist/esm/GridContentPaginated.js +6 -4
  108. package/dist/esm/HamMagazine.js +9 -9
  109. package/dist/esm/HealthCareProfessionalModal.js +1 -1
  110. package/dist/esm/HorizontalArticleListing.js +4 -3
  111. package/dist/esm/IssueLanding.js +35 -34
  112. package/dist/esm/KMTracker.js +15 -15
  113. package/dist/esm/LeftNav.js +2 -1
  114. package/dist/esm/MasterDeck.js +12 -11
  115. package/dist/esm/MasterDeckPaginated.js +14 -12
  116. package/dist/esm/{MediaSeriesCard-146e08c8.js → MediaSeriesCard-e87632e9.js} +3 -99
  117. package/dist/esm/MediaSeriesLanding.js +13 -11
  118. package/dist/esm/MediaSeriesLandingPaginated.js +15 -12
  119. package/dist/esm/NavMagazine.js +10 -10
  120. package/dist/esm/NavNative.js +9 -9
  121. package/dist/esm/Pagination-cd21f8c2.js +82 -0
  122. package/dist/esm/PartnerDetailListing.js +30 -30
  123. package/dist/esm/PartnerDetailListingPaginated.js +8 -6
  124. package/dist/esm/PtceDeck.js +218 -0
  125. package/dist/esm/PubSection.js +4 -3
  126. package/dist/esm/PublicationLanding.js +26 -26
  127. package/dist/esm/QueueDeckExpanded.js +4 -3
  128. package/dist/esm/QueueDeckExpandedPaginated.js +6 -4
  129. package/dist/esm/RelatedContent.js +28 -28
  130. package/dist/esm/RelatedTopicsDropdown.js +10 -10
  131. package/dist/esm/SeriesListingDeck.js +3 -2
  132. package/dist/esm/{SeriesSlider-e495571f.js → SeriesSlider-f771e20d.js} +4 -4
  133. package/dist/esm/SideFooter.js +2 -2
  134. package/dist/esm/TaxonomyDescription.js +4 -3
  135. package/dist/esm/TemplateNormal.js +2 -1
  136. package/dist/esm/VideoProgramLandingPage.js +4 -3
  137. package/dist/esm/VideoSeriesCard.js +1 -1
  138. package/dist/esm/VideoSeriesLandingPage.js +4 -3
  139. package/dist/esm/VideoSeriesListing.js +2 -1
  140. package/dist/esm/View.js +12 -15
  141. package/dist/esm/YoutubeGroup.js +4 -4
  142. package/dist/esm/events-6c3a7a63.js +467 -0
  143. package/dist/esm/getPtceActivities.js +78 -0
  144. package/dist/esm/getSerializers.js +8 -7
  145. package/dist/esm/{getTargeting-04d979c9.js → getTargeting-42f9b439.js} +9 -9
  146. package/dist/esm/getTargeting.js +1 -1
  147. package/dist/esm/index-98ca9cec.js +100 -0
  148. package/dist/esm/index-99a4897c.js +13560 -0
  149. package/dist/esm/{index-e89d33c8.js → index-e9a70085.js} +31 -74
  150. package/dist/esm/{index-5cc7b406.js → index-f0fc23eb.js} +1 -466
  151. package/dist/esm/index.js +11 -8
  152. package/dist/esm/typeof-2f07d0e8.js +30 -0
  153. package/dist/{cjs/util-93a37fd0.js → esm/util-d39bca09.js} +133 -3
  154. package/package.json +115 -115
  155. package/dist/cjs/Pagination-2a3d0103.js +0 -97
  156. package/dist/esm/Pagination-dc30727b.js +0 -90
  157. /package/dist/cjs/{ADInfeed-cf54cb8a.js → ADInfeed-81006615.js} +0 -0
  158. /package/dist/cjs/{ADlgInfeed-d06624d8.js → ADlgInfeed-0db07099.js} +0 -0
  159. /package/dist/esm/{ADInfeed-0852ff35.js → ADInfeed-6d1fc6bf.js} +0 -0
  160. /package/dist/esm/{ADlgInfeed-5fb3b724.js → ADlgInfeed-dc36c928.js} +0 -0
@@ -11,34 +11,34 @@ import './index-3f5c03b2.js';
11
11
  import 'react-dom';
12
12
  import 'prop-types';
13
13
 
14
- /*
15
- Sample query
16
- let references = ''
17
- if(article.taxonomyMapping.length > 0){
18
- article.taxonomyMapping.forEach((ref, index) => {
19
- references = references + `references('${ref._ref}') `
20
- if(index+1 !== article.taxonomyMapping.length){
21
- references = references + ` && `
22
- }
23
- })
24
- }
25
-
26
- 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] {
27
- ...,
28
- title,
29
- summary,
30
- thumbnail,
31
- url,
32
- published,
33
- authorMapping[]->,
34
- contentCategory->
35
- }`
36
- const relatedArticles = await client.fetch(relatedArticlesQuery)
37
-
38
- Sample usage
39
- <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
40
-
41
-
14
+ /*
15
+ Sample query
16
+ let references = ''
17
+ if(article.taxonomyMapping.length > 0){
18
+ article.taxonomyMapping.forEach((ref, index) => {
19
+ references = references + `references('${ref._ref}') `
20
+ if(index+1 !== article.taxonomyMapping.length){
21
+ references = references + ` && `
22
+ }
23
+ })
24
+ }
25
+
26
+ 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] {
27
+ ...,
28
+ title,
29
+ summary,
30
+ thumbnail,
31
+ url,
32
+ published,
33
+ authorMapping[]->,
34
+ contentCategory->
35
+ }`
36
+ const relatedArticles = await client.fetch(relatedArticlesQuery)
37
+
38
+ Sample usage
39
+ <RelatedContent dataRecord={props.relatedArticles} client={client} showAuthor showPublished reverse/>
40
+
41
+
42
42
  */
43
43
  var RelatedContent = function RelatedContent(props) {
44
44
  var client = props.client,
@@ -14,16 +14,16 @@ var RelatedTopicsDropdown = function RelatedTopicsDropdown(_ref) {
14
14
  _ref$className = _ref.className,
15
15
  className = _ref$className === undefined ? '' : _ref$className;
16
16
 
17
- /*
18
- Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
19
- example:
20
- <RelatedTopicDropdown
21
- page='/clinical'
22
- exclude="clinical"
23
- className='mb-3'
24
- parentTaxonomy={props.parentTaxonomy}
25
- subTaxonomies={props.subTaxonomies}
26
- />
17
+ /*
18
+ Props accepted - parentTaxonomy(required, object), subTaxonomy(required, array), page(optional), exclude(optional), variant(optional), className(optional)
19
+ example:
20
+ <RelatedTopicDropdown
21
+ page='/clinical'
22
+ exclude="clinical"
23
+ className='mb-3'
24
+ parentTaxonomy={props.parentTaxonomy}
25
+ subTaxonomies={props.subTaxonomies}
26
+ />
27
27
  */
28
28
  if (subTaxonomies.length === 0 && parentTaxonomy) {
29
29
  if (parentTaxonomy.identifier == exclude) {
@@ -3,15 +3,16 @@ import { _ as _extends } from './extends-6d8e3924.js';
3
3
  import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
4
4
  import React__default, { useState, useEffect, useRef } from 'react';
5
5
  import { useRouter } from 'next/router';
6
- import { l as lib_3 } from './index-5cc7b406.js';
6
+ import { l as lib_3 } from './index-f0fc23eb.js';
7
7
  import { I as InfiniteScroll } from './index.es-a6137319.js';
8
- import { S as SeriesSlider } from './SeriesSlider-e495571f.js';
8
+ import { S as SeriesSlider } from './SeriesSlider-f771e20d.js';
9
9
  import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
10
10
  import './_commonjsHelpers-0c4b6f40.js';
11
11
  import './core.get-iterator-method-ea258bb1.js';
12
12
  import './_iter-detect-98db3b07.js';
13
13
  import './_object-pie-133f504a.js';
14
14
  import './web.dom.iterable-ab4dea5c.js';
15
+ import './events-6c3a7a63.js';
15
16
  import 'prop-types';
16
17
  import './index-c7e2ac95.js';
17
18
  import './index-755f2cc2.js';
@@ -6,10 +6,10 @@ import { s as smoothscroll } from './smoothscroll-fa4e3f8c.js';
6
6
  import urlFor from './urlFor.js';
7
7
  import { m as main_43, a as main_49, b as main_42 } from './main-1894c974.js';
8
8
 
9
- /*
10
- GROQ query -
11
- accepts an array of title, URL
12
- `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
9
+ /*
10
+ GROQ query -
11
+ accepts an array of title, URL
12
+ `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
13
13
  */
14
14
 
15
15
  var SeriesSlider = function SeriesSlider(_ref) {
@@ -32,8 +32,8 @@ var renderLink = function renderLink(row) {
32
32
  };
33
33
 
34
34
  var SideFooter = function SideFooter(props) {
35
- /*
36
- useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
35
+ /*
36
+ useage example: <SideFooter cache={props.cache} logo='https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' />
37
37
  */
38
38
  var _get = get_1(props, 'cache.siteSettingCache', {}),
39
39
  socialLinks = _get.socialLinks,
@@ -5,7 +5,7 @@ import React__default, { useState, useEffect } from 'react';
5
5
  import { useRouter } from 'next/router';
6
6
  import Head from 'next/head';
7
7
  import { B as BlockContent } from './BlockContent-1e73bd2c.js';
8
- import { g as getSerializers } from './index-e89d33c8.js';
8
+ import { g as getSerializers } from './index-e9a70085.js';
9
9
  import './_commonjsHelpers-0c4b6f40.js';
10
10
  import './core.get-iterator-method-ea258bb1.js';
11
11
  import './_object-pie-133f504a.js';
@@ -16,9 +16,10 @@ import 'prop-types';
16
16
  import './index-3f5c03b2.js';
17
17
  import 'react-bootstrap';
18
18
  import './urlFor.js';
19
- import './index-5cc7b406.js';
19
+ import './index-f0fc23eb.js';
20
+ import './events-6c3a7a63.js';
20
21
  import './index-c7e2ac95.js';
21
- import './util-8ed16d48.js';
22
+ import './util-d39bca09.js';
22
23
  import './Beam.js';
23
24
  import './stringify-2b084bee.js';
24
25
  import './Segment.js';
@@ -19,7 +19,8 @@ import './AdSlot.js';
19
19
  import './extends-6d8e3924.js';
20
20
  import './_object-pie-133f504a.js';
21
21
  import 'prop-types';
22
- import './index-5cc7b406.js';
22
+ import './index-f0fc23eb.js';
23
+ import './events-6c3a7a63.js';
23
24
  import './debounce-533d9748.js';
24
25
  import './isSymbol-a7e9aafe.js';
25
26
  import './toNumber-5aeba6e7.js';
@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-1e73bd2c.js';
5
5
  import Col from 'react-bootstrap/Col';
6
6
  import Form from 'react-bootstrap/Form';
7
7
  import Button from 'react-bootstrap/Button';
8
- import { g as getSerializers } from './index-e89d33c8.js';
8
+ import { g as getSerializers } from './index-e9a70085.js';
9
9
  import VideoSeriesListing from './VideoSeriesListing.js';
10
10
  import './_commonjsHelpers-0c4b6f40.js';
11
11
  import './core.get-iterator-method-ea258bb1.js';
@@ -18,10 +18,11 @@ import './index-3f5c03b2.js';
18
18
  import './slicedToArray-6ebcbfea.js';
19
19
  import 'react-bootstrap';
20
20
  import './urlFor.js';
21
- import './index-5cc7b406.js';
21
+ import './index-f0fc23eb.js';
22
+ import './events-6c3a7a63.js';
22
23
  import 'next/router';
23
24
  import './index-c7e2ac95.js';
24
- import './util-8ed16d48.js';
25
+ import './util-d39bca09.js';
25
26
  import './Beam.js';
26
27
  import './stringify-2b084bee.js';
27
28
  import './Segment.js';
@@ -15,7 +15,7 @@ import 'react-dom';
15
15
  import './slicedToArray-6ebcbfea.js';
16
16
  import './index-3f5c03b2.js';
17
17
 
18
- var css = ".VideoSeriesCard-module_article__Hlc3e {\r\n width: 100%;\r\n margin: 0 0 1rem 0;\r\n}\r\n.VideoSeriesCard-module_article__Hlc3e a {\r\n display: flex;\r\n width: 100%;\r\n color: #000000;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ {\r\n width: 25%;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ img {\r\n width: 100%;\r\n height: auto;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N {\r\n width: 75%;\r\n font-size: 1rem;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N h2 {\r\n font-weight: bold;\r\n font-size: 1.25rem;\r\n margin: 0;\r\n}\r\n.VideoSeriesCard-module_published__1fI0q {\r\n color: #6d6d6d;\r\n margin: 0;\r\n}\r\n.VideoSeriesCard-module_summary__3hWJT {\r\n margin: 0.5rem 0 0 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o {\r\n margin: 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o span {\r\n color: #6d6d6d;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n .VideoSeriesCard-module_article__Hlc3e {\r\n margin: 1rem 0;\r\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n }\r\n .VideoSeriesCard-module_article__Hlc3e a {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .VideoSeriesCard-module_thumb__3hGyJ {\r\n overflow: hidden;\r\n width: 100%;\r\n margin-bottom: 1rem;\r\n }\r\n .VideoSeriesCard-module_thumb__3hGyJ img{\r\n border-radius: 10px 10px 0 0; \r\n }\r\n .VideoSeriesCard-module_thumb__3hGyJ figure {\r\n margin: 0;\r\n }\r\n .VideoSeriesCard-module_info__2_i1N {\r\n width: 90%;\r\n padding: 1rem !important;\r\n }\r\n .VideoSeriesCard-module_info__2_i1N h2 {\r\n font-size: 1rem;\r\n }\r\n}\r\n";
18
+ var css = ".VideoSeriesCard-module_article__Hlc3e {\n width: 100%;\n margin: 0 0 1rem 0;\n}\n.VideoSeriesCard-module_article__Hlc3e a {\n display: flex;\n width: 100%;\n color: #000000;\n}\n.VideoSeriesCard-module_thumb__3hGyJ {\n width: 25%;\n}\n.VideoSeriesCard-module_thumb__3hGyJ img {\n width: 100%;\n height: auto;\n}\n.VideoSeriesCard-module_info__2_i1N {\n width: 75%;\n font-size: 1rem;\n}\n.VideoSeriesCard-module_info__2_i1N h2 {\n font-weight: bold;\n font-size: 1.25rem;\n margin: 0;\n}\n.VideoSeriesCard-module_published__1fI0q {\n color: #6d6d6d;\n margin: 0;\n}\n.VideoSeriesCard-module_summary__3hWJT {\n margin: 0.5rem 0 0 0;\n}\n.VideoSeriesCard-module_author__aU35o {\n margin: 0;\n}\n.VideoSeriesCard-module_author__aU35o span {\n color: #6d6d6d;\n}\n@media only screen and (max-width: 568px) {\n .VideoSeriesCard-module_article__Hlc3e {\n margin: 1rem 0;\n box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n }\n .VideoSeriesCard-module_article__Hlc3e a {\n flex-direction: column;\n align-items: center;\n }\n .VideoSeriesCard-module_thumb__3hGyJ {\n overflow: hidden;\n width: 100%;\n margin-bottom: 1rem;\n }\n .VideoSeriesCard-module_thumb__3hGyJ img{\n border-radius: 10px 10px 0 0; \n }\n .VideoSeriesCard-module_thumb__3hGyJ figure {\n margin: 0;\n }\n .VideoSeriesCard-module_info__2_i1N {\n width: 90%;\n padding: 1rem !important;\n }\n .VideoSeriesCard-module_info__2_i1N h2 {\n font-size: 1rem;\n }\n}\n";
19
19
  var styles = { "article": "VideoSeriesCard-module_article__Hlc3e", "thumb": "VideoSeriesCard-module_thumb__3hGyJ", "info": "VideoSeriesCard-module_info__2_i1N", "published": "VideoSeriesCard-module_published__1fI0q", "summary": "VideoSeriesCard-module_summary__3hWJT", "author": "VideoSeriesCard-module_author__aU35o" };
20
20
  styleInject(css);
21
21
 
@@ -20,7 +20,8 @@ import './extends-6d8e3924.js';
20
20
  import './inherits-a6ba2ec4.js';
21
21
  import './_object-sap-7cee6f84.js';
22
22
  import './define-property-5f1bda73.js';
23
- import './index-5cc7b406.js';
23
+ import './index-f0fc23eb.js';
24
+ import './events-6c3a7a63.js';
24
25
  import 'prop-types';
25
26
  import 'react-bootstrap/Container';
26
27
  import 'react-bootstrap/Row';
@@ -35,13 +36,13 @@ import './index.es-a6137319.js';
35
36
  import './visibility-sensor-72fd8f8b.js';
36
37
  import 'react-dom';
37
38
  import './index-3f5c03b2.js';
38
- import './ADlgInfeed-5fb3b724.js';
39
+ import './ADlgInfeed-dc36c928.js';
39
40
  import './AdSlot.js';
40
41
  import './Beam.js';
41
42
  import './stringify-2b084bee.js';
42
43
  import './Segment.js';
43
44
  import './main-1894c974.js';
44
- import './ADInfeed-0852ff35.js';
45
+ import './ADInfeed-6d1fc6bf.js';
45
46
  import './index-755f2cc2.js';
46
47
  import './urlFor.js';
47
48
  import './style-inject.es-1f59c1d0.js';
@@ -1,7 +1,7 @@
1
1
  import { _ as _extends } from './extends-6d8e3924.js';
2
2
  import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-a6ba2ec4.js';
3
3
  import React__default from 'react';
4
- import { l as lib_3 } from './index-5cc7b406.js';
4
+ import { l as lib_3 } from './index-f0fc23eb.js';
5
5
  import Container from 'react-bootstrap/Container';
6
6
  import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
7
7
  import { I as IoIosArrowForward } from './index.esm-eb1e8e80.js';
@@ -19,6 +19,7 @@ import './typeof-e9fc0c5d.js';
19
19
  import './web.dom.iterable-ab4dea5c.js';
20
20
  import './_is-array-8d21b9e3.js';
21
21
  import './_library-528f1934.js';
22
+ import './events-6c3a7a63.js';
22
23
  import 'prop-types';
23
24
  import 'react-dom';
24
25
  import './iconBase-ccc56b97.js';
package/dist/esm/View.js CHANGED
@@ -15,10 +15,10 @@ import FormControl from 'react-bootstrap/FormControl';
15
15
  import Button from 'react-bootstrap/Button';
16
16
  import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
17
17
  import SocialShare from './SocialShare.js';
18
- import { r as renderAuthor, g as getSerializers } from './index-e89d33c8.js';
18
+ import { r as renderAuthor, g as getSerializers } from './index-e9a70085.js';
19
19
  import DFPAdSlot from './AdSlot.js';
20
- import { S as SeriesSlider } from './SeriesSlider-e495571f.js';
21
- import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-04d979c9.js';
20
+ import { S as SeriesSlider } from './SeriesSlider-f771e20d.js';
21
+ import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-42f9b439.js';
22
22
  import getKeywords from './getKeywords.js';
23
23
  import urlFor from './urlFor.js';
24
24
  import { u as urlForFile } from './urlForFile-b69adffc.js';
@@ -28,14 +28,15 @@ import { s as styleInject } from './style-inject.es-1f59c1d0.js';
28
28
  import './index-755f2cc2.js';
29
29
  import { DiscussionEmbed } from 'disqus-react';
30
30
  import Schema from './Schema.js';
31
- import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers-0c4b6f40.js';
31
+ import FileSaver from 'file-saver';
32
32
  import { PixelTrackingArticle } from './PixelTracking.js';
33
33
  import { _ as _Object$keys } from './keys-31dcdb31.js';
34
34
  import { I as InfiniteScroll } from './index.es-a6137319.js';
35
- import { l as lib_3 } from './index-5cc7b406.js';
35
+ import { l as lib_3 } from './index-f0fc23eb.js';
36
36
  import getRelatedArticle from './getRelatedArticle.js';
37
37
  import getQuery from './getQuery.js';
38
38
  import getSeriesDetail from './getSeriesDetail.js';
39
+ import './_commonjsHelpers-0c4b6f40.js';
39
40
  import './core.get-iterator-method-ea258bb1.js';
40
41
  import './web.dom.iterable-ab4dea5c.js';
41
42
  import './_library-528f1934.js';
@@ -47,7 +48,7 @@ import 'react-dom';
47
48
  import 'react-share';
48
49
  import 'react-bootstrap';
49
50
  import './index-c7e2ac95.js';
50
- import './util-8ed16d48.js';
51
+ import './util-d39bca09.js';
51
52
  import './Beam.js';
52
53
  import './Segment.js';
53
54
  import './brightcove-react-player-loader.es-57a70a56.js';
@@ -73,6 +74,7 @@ import 'react-bootstrap/Popover';
73
74
  import './debounce-533d9748.js';
74
75
  import './isSymbol-a7e9aafe.js';
75
76
  import './toNumber-5aeba6e7.js';
77
+ import './events-6c3a7a63.js';
76
78
  import './index-db3bb315.js';
77
79
 
78
80
  var getArticleSummary = function getArticleSummary(article) {
@@ -348,7 +350,7 @@ var ISI = function ISI(props) {
348
350
  );
349
351
  };
350
352
 
351
- var css$1 = ".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";
353
+ var css$1 = ".RelatedArticles-module_mediaContainer__10h9k {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n margin: 0 -1rem;\n}\n.RelatedArticles-module_mediaCard__3wQbn {\n margin: 0 1rem 1rem;\n width: calc(33% - 1rem);\n display: column;\n flex-direction: row;\n margin-bottom: 0.75rem;\n padding-bottom: 0.75rem;\n border-bottom: none;\n}\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\n border-bottom: none;\n}\n.RelatedArticles-module_cardTitle__3P-Ib {\n font-weight: bold;\n color: #252525;\n margin-bottom: 0.25rem;\n font-size: 15px;\n}\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\n color: #000;\n font-weight: bold;\n}\n.RelatedArticles-module_cardDate__1wOR5 {\n color: var(--dark);\n display: block;\n background: #fff !important;\n margin-bottom: 0;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 {\n display: block;\n text-align: center;\n margin-bottom: 0.5rem;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\n height: 135px;\n width: 100%;\n object-fit: cover;\n object-position: center;\n}\n@media screen and (max-width: 1064px) {\n}\n@media screen and (max-width: 968px) {\n .RelatedArticles-module_mediaContainer__10h9k {\n flex-wrap: wrap;\n }\n .RelatedArticles-module_imgWrapper__5Jx_4 {\n display: none;\n }\n .RelatedArticles-module_mediaCard__3wQbn {\n width: 100%;\n margin-bottom: 0.5rem;\n padding: 0;\n }\n .RelatedArticles-module_cardTitle__3P-Ib {\n font-size: 0.75rem;\n margin-bottom: 0;\n }\n}\n";
352
354
  var styles$1 = { "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" };
353
355
  styleInject(css$1);
354
356
 
@@ -447,13 +449,7 @@ var getSocialShareDisableFlag = function getSocialShareDisableFlag(article) {
447
449
  return showSocialShare;
448
450
  };
449
451
 
450
- var FileSaver_min = createCommonjsModule(function (module, exports) {
451
- (function(a,b){b();})(commonjsGlobal,function(){function b(a,b){return "undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c);},d.onerror=function(){console.error("could not download file");},d.send();}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send();}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"));}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b);}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof commonjsGlobal&&commonjsGlobal.global===commonjsGlobal?commonjsGlobal:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href);},4E4),setTimeout(function(){e(j);},0));}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else {var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i);});}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null;},k.readAsDataURL(b);}else {var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m);},4E4);}});f.saveAs=g.saveAs=g,(module.exports=g);});
452
-
453
-
454
- });
455
-
456
- var css = ".RecommendedArticles-module_recommendTitle__2kUji {\r\n border-bottom: 2px solid var(--secondary-blue);\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n color: #0d335a;\r\n padding: 0.5rem;\r\n}\r\n.RecommendedArticles-module_recommendContainer__sZukI {\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n margin: 0 -0.5rem;\r\n}\r\n.RecommendedArticles-module_recommendTop__1_yqw {\r\n margin: 0.5rem;\r\n width: 100%;\r\n flex-basis: 100%;\r\n display: flex;\r\n\r\n}\r\n.RecommendedArticles-module_recommendTopImg__1b9gu {\r\n min-width: 55%;\r\n width: 55%;\r\n height: 100%;\r\n}\r\n.RecommendedArticles-module_recommendTopImg__1b9gu img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n.RecommendedArticles-module_recommendTopBody__-13FI {\r\n margin-left: 1rem;\r\n line-height: 1.3;\r\n color: #121212;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.RecommendedArticles-module_topTitle__2EafN {\r\n font-size: 25px;\r\n font-weight: bold;\r\n margin-bottom: 0.5rem;\r\n}\r\n.RecommendedArticles-module_topBody__2_VNi {\r\n font-size: 19px;\r\n margin-bottom: 0.5rem;\r\n}\r\n.RecommendedArticles-module_topLink__2RnXu {\r\n font-size: 19px;\r\n color: rgb(43, 43, 151);\r\n text-decoration: underline;\r\n margin-top: auto;\r\n}\r\n.RecommendedArticles-module_smContainer__4byBO {\r\n width: calc(25% - 1rem);\r\n margin: 0 0.5rem;\r\n}\r\n.RecommendedArticles-module_smImage__TYZGY img {\r\n width: 100%;\r\n}\r\n.RecommendedArticles-module_title__3q1ud {\r\n margin-top: 1rem;\r\n line-height: 1.2;\r\n color: #121212;\r\n}\r\n.RecommendedArticles-module_category__2jRto {\r\n text-transform: uppercase;\r\n font-size: 16px;\r\n letter-spacing: 2px;\r\n margin: 0.25rem 0;\r\n}\r\n\r\n/* media query */\r\n\r\n@media screen and (max-width: 1399px) {\r\n .RecommendedArticles-module_topTitle__2EafN {\r\n font-size: 21px;\r\n }\r\n .RecommendedArticles-module_topBody__2_VNi {\r\n font-size: 15px;\r\n }\r\n}\r\n@media screen and (max-width: 1191px) {\r\n .RecommendedArticles-module_topTitle__2EafN {\r\n font-size: 23px;\r\n }\r\n .RecommendedArticles-module_topBody__2_VNi,\r\n .RecommendedArticles-module_topLink__2RnXu {\r\n font-size: 17px;\r\n }\r\n}\r\n@media screen and (max-width: 968px) {\r\n .RecommendedArticles-module_topTitle__2EafN {\r\n font-size: 18px;\r\n }\r\n .RecommendedArticles-module_topBody__2_VNi,\r\n .RecommendedArticles-module_topLink__2RnXu {\r\n font-size: 15px;\r\n }\r\n}\r\n@media screen and (max-width: 768px) {\r\n .RecommendedArticles-module_recommendTop__1_yqw {\r\n flex-direction: column;\r\n }\r\n .RecommendedArticles-module_recommendTopImg__1b9gu,\r\n .RecommendedArticles-module_recommendTopBody__-13FI {\r\n width: 100%;\r\n margin: 0;\r\n }\r\n .RecommendedArticles-module_recommendTopBody__-13FI {\r\n margin-bottom: 1rem;\r\n }\r\n .RecommendedArticles-module_smContainer__4byBO {\r\n width: calc(50% - 1rem);\r\n }\r\n}";
452
+ var css = ".RecommendedArticles-module_recommendTitle__2kUji {\n border-bottom: 2px solid var(--secondary-blue);\n font-size: 1.5rem;\n font-weight: bold;\n color: #0d335a;\n padding: 0.5rem;\n}\n.RecommendedArticles-module_recommendContainer__sZukI {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: 0 -0.5rem;\n}\n.RecommendedArticles-module_recommendTop__1_yqw {\n margin: 0.5rem;\n width: 100%;\n flex-basis: 100%;\n display: flex;\n\n}\n.RecommendedArticles-module_recommendTopImg__1b9gu {\n min-width: 55%;\n width: 55%;\n height: 100%;\n}\n.RecommendedArticles-module_recommendTopImg__1b9gu img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.RecommendedArticles-module_recommendTopBody__-13FI {\n margin-left: 1rem;\n line-height: 1.3;\n color: #121212;\n display: flex;\n flex-direction: column;\n}\n.RecommendedArticles-module_topTitle__2EafN {\n font-size: 25px;\n font-weight: bold;\n margin-bottom: 0.5rem;\n}\n.RecommendedArticles-module_topBody__2_VNi {\n font-size: 19px;\n margin-bottom: 0.5rem;\n}\n.RecommendedArticles-module_topLink__2RnXu {\n font-size: 19px;\n color: rgb(43, 43, 151);\n text-decoration: underline;\n margin-top: auto;\n}\n.RecommendedArticles-module_smContainer__4byBO {\n width: calc(25% - 1rem);\n margin: 0 0.5rem;\n}\n.RecommendedArticles-module_smImage__TYZGY img {\n width: 100%;\n}\n.RecommendedArticles-module_title__3q1ud {\n margin-top: 1rem;\n line-height: 1.2;\n color: #121212;\n}\n.RecommendedArticles-module_category__2jRto {\n text-transform: uppercase;\n font-size: 16px;\n letter-spacing: 2px;\n margin: 0.25rem 0;\n}\n\n/* media query */\n\n@media screen and (max-width: 1399px) {\n .RecommendedArticles-module_topTitle__2EafN {\n font-size: 21px;\n }\n .RecommendedArticles-module_topBody__2_VNi {\n font-size: 15px;\n }\n}\n@media screen and (max-width: 1191px) {\n .RecommendedArticles-module_topTitle__2EafN {\n font-size: 23px;\n }\n .RecommendedArticles-module_topBody__2_VNi,\n .RecommendedArticles-module_topLink__2RnXu {\n font-size: 17px;\n }\n}\n@media screen and (max-width: 968px) {\n .RecommendedArticles-module_topTitle__2EafN {\n font-size: 18px;\n }\n .RecommendedArticles-module_topBody__2_VNi,\n .RecommendedArticles-module_topLink__2RnXu {\n font-size: 15px;\n }\n}\n@media screen and (max-width: 768px) {\n .RecommendedArticles-module_recommendTop__1_yqw {\n flex-direction: column;\n }\n .RecommendedArticles-module_recommendTopImg__1b9gu,\n .RecommendedArticles-module_recommendTopBody__-13FI {\n width: 100%;\n margin: 0;\n }\n .RecommendedArticles-module_recommendTopBody__-13FI {\n margin-bottom: 1rem;\n }\n .RecommendedArticles-module_smContainer__4byBO {\n width: calc(50% - 1rem);\n }\n}";
457
453
  var styles = { "recommendTitle": "RecommendedArticles-module_recommendTitle__2kUji", "recommendContainer": "RecommendedArticles-module_recommendContainer__sZukI", "recommendTop": "RecommendedArticles-module_recommendTop__1_yqw", "recommendTopImg": "RecommendedArticles-module_recommendTopImg__1b9gu", "recommendTopBody": "RecommendedArticles-module_recommendTopBody__-13FI", "topTitle": "RecommendedArticles-module_topTitle__2EafN", "topBody": "RecommendedArticles-module_topBody__2_VNi", "topLink": "RecommendedArticles-module_topLink__2RnXu", "smContainer": "RecommendedArticles-module_smContainer__4byBO", "smImage": "RecommendedArticles-module_smImage__TYZGY", "title": "RecommendedArticles-module_title__3q1ud", "category": "RecommendedArticles-module_category__2jRto" };
458
454
  styleInject(css);
459
455
 
@@ -955,6 +951,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
955
951
  useSegmentRecommendedArticles = _props$useSegmentReco === undefined ? false : _props$useSegmentReco;
956
952
  var sliderData = props.sliderData;
957
953
 
954
+
958
955
  var disableEpisodeNumber = false;
959
956
  if (article && article.documentGroup && article.documentGroup.disableEpisodeNumber === true) {
960
957
  disableEpisodeNumber = true;
@@ -1132,7 +1129,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
1132
1129
  var downloadRIS = function downloadRIS() {
1133
1130
  var fileContent = generateRIS();
1134
1131
  var file = new File([fileContent], 'citation-' + url + '.ris', { type: 'application/x-research-info-systems;charset=utf-8' });
1135
- FileSaver_min.saveAs(file, 'citation-' + url + '.ris');
1132
+ FileSaver.saveAs(file, 'citation-' + url + '.ris');
1136
1133
  };
1137
1134
 
1138
1135
  var RelevantTopics = function RelevantTopics() {
@@ -12,10 +12,10 @@ import 'react-dom';
12
12
  import 'prop-types';
13
13
  import './index-3f5c03b2.js';
14
14
 
15
- /*
16
- GROQ query -
17
- accepts an array of title, URL
18
- `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
15
+ /*
16
+ GROQ query -
17
+ accepts an array of title, URL
18
+ `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
19
19
  */
20
20
 
21
21
  var YoutubeGroup = function YoutubeGroup(props) {