@mjhls/mjh-framework 1.0.817 → 1.0.819-ad-refresh

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 (50) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/AdSlot.js +2 -2
  3. package/dist/cjs/AdSlotsProvider.js +25 -3
  4. package/dist/cjs/ArticleProgramLandingPage.js +1 -1
  5. package/dist/cjs/ArticleSeriesLandingPage.js +2 -2
  6. package/dist/cjs/DeckContent.js +1 -1
  7. package/dist/cjs/ExternalResources.js +1 -1
  8. package/dist/cjs/GridContent.js +2 -2
  9. package/dist/cjs/HamMagazine.js +21 -11
  10. package/dist/cjs/HorizontalArticleListing.js +1 -1
  11. package/dist/cjs/IssueLanding.js +3 -3
  12. package/dist/cjs/MasterDeck.js +2 -2
  13. package/dist/cjs/MediaSeriesLanding.js +3 -3
  14. package/dist/cjs/PartnerDetailListing.js +3 -3
  15. package/dist/cjs/PubSection.js +2 -2
  16. package/dist/cjs/QueueDeckExpanded.js +2 -2
  17. package/dist/cjs/TaxonomyDescription.js +1 -1
  18. package/dist/cjs/VideoProgramLandingPage.js +1 -1
  19. package/dist/cjs/VideoSeriesLandingPage.js +2 -2
  20. package/dist/cjs/View.js +1 -1
  21. package/dist/cjs/getSerializers.js +1 -1
  22. package/dist/cjs/index.js +3 -3
  23. package/dist/esm/AdSlot.js +2 -2
  24. package/dist/esm/AdSlotsProvider.js +24 -3
  25. package/dist/esm/ArticleProgramLandingPage.js +1 -1
  26. package/dist/esm/ArticleSeriesLandingPage.js +2 -2
  27. package/dist/esm/DeckContent.js +1 -1
  28. package/dist/esm/ExternalResources.js +1 -1
  29. package/dist/esm/GridContent.js +2 -2
  30. package/dist/esm/HamMagazine.js +21 -11
  31. package/dist/esm/HorizontalArticleListing.js +1 -1
  32. package/dist/esm/IssueLanding.js +3 -3
  33. package/dist/esm/MasterDeck.js +2 -2
  34. package/dist/esm/MediaSeriesLanding.js +3 -3
  35. package/dist/esm/PartnerDetailListing.js +3 -3
  36. package/dist/esm/PubSection.js +2 -2
  37. package/dist/esm/QueueDeckExpanded.js +2 -2
  38. package/dist/esm/TaxonomyDescription.js +1 -1
  39. package/dist/esm/VideoProgramLandingPage.js +1 -1
  40. package/dist/esm/VideoSeriesLandingPage.js +2 -2
  41. package/dist/esm/View.js +1 -1
  42. package/dist/esm/getSerializers.js +1 -1
  43. package/dist/esm/index.js +3 -3
  44. package/package.json +1 -1
  45. /package/dist/cjs/{ADInfeed-7cf51090.js → ADInfeed-eb4ce360.js} +0 -0
  46. /package/dist/cjs/{ADlgInfeed-bf24708d.js → ADlgInfeed-8a05b63f.js} +0 -0
  47. /package/dist/cjs/{index-70971c54.js → index-48bd6cd5.js} +0 -0
  48. /package/dist/esm/{ADInfeed-f7d00a9a.js → ADInfeed-4a09242b.js} +0 -0
  49. /package/dist/esm/{ADlgInfeed-db64f46d.js → ADlgInfeed-0bff9a62.js} +0 -0
  50. /package/dist/esm/{index-a30e3b71.js → index-343d9c07.js} +0 -0
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.817
2
+ # mjh-framework v. 1.0.819
3
3
 
4
4
 
5
5
  [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
@@ -56,8 +56,8 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
56
56
  _useState6[0];
57
57
  _useState6[1];
58
58
 
59
- targeting.ksg = typeof window !== 'undefined' ? window.Krux.segments : null;
60
- targeting.kuid = typeof window !== 'undefined' ? window.Krux.user : null;
59
+ targeting.ksg = typeof window !== 'undefined' && window.Krux ? window.Krux.segments : null;
60
+ targeting.kuid = typeof window !== 'undefined' && window.Krux ? window.Krux.user : null;
61
61
 
62
62
  var adTargeting = _extends._extends({}, targeting, { hostname: typeof window !== 'undefined' ? window.location.hostname : null });
63
63
 
@@ -3,7 +3,7 @@
3
3
  var asyncToGenerator = require('./asyncToGenerator-58c289d9.js');
4
4
  var toConsumableArray = require('./toConsumableArray-ddb70795.js');
5
5
  var React = require('react');
6
- require('react-ga');
6
+ var ReactGA = require('react-ga');
7
7
  var index = require('./index-0e4427c8.js');
8
8
  var main = require('./main-f1c77adb.js');
9
9
  require('./_commonjsHelpers-06173234.js');
@@ -18,6 +18,7 @@ require('prop-types');
18
18
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
19
19
 
20
20
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
+ var ReactGA__default = /*#__PURE__*/_interopDefaultLegacy(ReactGA);
21
22
 
22
23
  var _this = undefined;
23
24
 
@@ -34,6 +35,27 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
34
35
  refreshADs = _ref$refreshADs === undefined ? {} : _ref$refreshADs,
35
36
  _ref$refreshInterval = _ref.refreshInterval,
36
37
  refreshInterval = _ref$refreshInterval === undefined ? 60 : _ref$refreshInterval;
38
+
39
+
40
+ var logEvent = function logEvent(action, category, GA_TRACKING_ID) {
41
+ if (!GA_TRACKING_ID && typeof window !== 'undefined') GA_TRACKING_ID = sessionStorage.getItem('GA_TRACKING_ID');
42
+
43
+ if (GA_TRACKING_ID && GA_TRACKING_ID.includes(',')) {
44
+ ReactGA__default['default'].event({
45
+ category: category,
46
+ action: action,
47
+ nonInteraction: true
48
+ }, GA_TRACKING_ID.split(',').map(function (id, index) {
49
+ return 'ga_id_' + ++index;
50
+ }));
51
+ } else {
52
+ ReactGA__default['default'].event({
53
+ category: category,
54
+ action: action,
55
+ nonInteraction: true
56
+ });
57
+ }
58
+ };
37
59
  React.useEffect(function () {
38
60
  // Refresh ADs after every one minute if user didn't scroll.
39
61
  // refreshInterval accepts time in seconds and default is 60 seconds
@@ -123,9 +145,9 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
123
145
 
124
146
  case 12:
125
147
  index.lib_3.refresh.apply(index.lib_3, toConsumableArray._toConsumableArray(ads));
126
- //logEvent('AD Refresh', 'AD')
148
+ logEvent('AD Refresh', 'AD');
127
149
 
128
- case 13:
150
+ case 14:
129
151
  case 'end':
130
152
  return _context2.stop();
131
153
  }
@@ -5,7 +5,7 @@ var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
5
5
  var _extends = require('./extends-29bdbc6d.js');
6
6
  var React = require('react');
7
7
  var BlockContent = require('./BlockContent-36e54d77.js');
8
- var getSerializers = require('./index-70971c54.js');
8
+ var getSerializers = require('./index-48bd6cd5.js');
9
9
  var ArticleSeriesListing = require('./ArticleSeriesListing.js');
10
10
  require('./_commonjsHelpers-06173234.js');
11
11
  require('./es6.string.iterator-c2573ffd.js');
@@ -34,14 +34,14 @@ require('./index.es-f3e47207.js');
34
34
  require('./visibility-sensor-eb2c5b69.js');
35
35
  require('react-dom');
36
36
  require('./index-efca863c.js');
37
- require('./ADlgInfeed-bf24708d.js');
37
+ require('./ADlgInfeed-8a05b63f.js');
38
38
  require('./slicedToArray-5d1bc3b3.js');
39
39
  require('./AdSlot.js');
40
40
  require('./Beam.js');
41
41
  require('./stringify-c9ac1214.js');
42
42
  require('./Segment.js');
43
43
  require('./main-f1c77adb.js');
44
- require('./ADInfeed-7cf51090.js');
44
+ require('./ADInfeed-eb4ce360.js');
45
45
 
46
46
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
47
47
 
@@ -18,7 +18,7 @@ var index = require('./index-efca863c.js');
18
18
  var index$2 = require('./index-eadd5035.js');
19
19
  var main = require('./main-f1c77adb.js');
20
20
  var entities = require('./entities-3f9d0f2f.js');
21
- var ADInfeed = require('./ADInfeed-7cf51090.js');
21
+ var ADInfeed = require('./ADInfeed-eb4ce360.js');
22
22
  require('./_commonjsHelpers-06173234.js');
23
23
  require('./es6.string.iterator-c2573ffd.js');
24
24
  require('./_to-object-6de10e57.js');
@@ -4,7 +4,7 @@ var _extends = require('./extends-29bdbc6d.js');
4
4
  var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
5
5
  var React = require('react');
6
6
  var BlockContent = require('./BlockContent-36e54d77.js');
7
- var getSerializers = require('./index-70971c54.js');
7
+ var getSerializers = require('./index-48bd6cd5.js');
8
8
  var index = require('./index-f86bb269.js');
9
9
  var Router = require('next/router');
10
10
  var Button = require('react-bootstrap/Button');
@@ -14,9 +14,9 @@ var moment = require('./moment-aca40de1.js');
14
14
  var Router = require('next/router');
15
15
  var index$2 = require('./index-eadd5035.js');
16
16
  var entities = require('./entities-3f9d0f2f.js');
17
- var ADInfeed = require('./ADInfeed-7cf51090.js');
17
+ var ADInfeed = require('./ADInfeed-eb4ce360.js');
18
18
  var lodash = require('./lodash-f0783643.js');
19
- var ADlgInfeed = require('./ADlgInfeed-bf24708d.js');
19
+ var ADlgInfeed = require('./ADlgInfeed-8a05b63f.js');
20
20
  var getContentCategory = require('./getContentCategory-f38a4c00.js');
21
21
  var get = require('./get-5839e5b5.js');
22
22
  var debounce = require('./debounce-d4a2369b.js');
@@ -168,17 +168,11 @@ var HamMagazine = function HamMagazine(props) {
168
168
  var adSection = document.querySelector('.AD728x90');
169
169
  var navLinks = document.getElementById('nav-links');
170
170
  var mastNav = document.querySelector('.nav-brands');
171
- if (mastNav && mastNav.offsetHeight) setTopOffset(mastNav.offsetHeight - 3);
172
-
173
- if (window.pageYOffset > navOffsetTop) {
174
- if (navRef.current && navRef.current.style) {
175
- navRef.current.style.position = 'fixed';
176
- if (mastNav && mastNav.offsetHeight) navRef.current.style.top = mastNav.offsetHeight;
177
- }
178
- }
179
- var stickyNav = window.addEventListener('scroll', function () {
171
+ var stickNavOnScroll = function stickNavOnScroll() {
180
172
  // Taking into consideration the height of the top navbar while setting the navigation fixed
173
+
181
174
  if (window && topNavRef && topNavRef.current && navRef && navRef.current && window.pageYOffset !== 0 && window.pageYOffset + topNavRef.current.clientHeight + navRef.current.clientHeight > navOffsetTop) {
175
+
182
176
  if (navRef.current && navRef.current.style) {
183
177
  navRef.current.style.position = 'fixed';
184
178
  if (mastNav && mastNav.offsetHeight) navRef.current.style.top = mastNav.offsetHeight;
@@ -195,9 +189,25 @@ var HamMagazine = function HamMagazine(props) {
195
189
  setIsSticky(false);
196
190
  navLinks.style.margin = '0px auto 0px 0px';
197
191
  }
198
- });
192
+ };
193
+ if (mastNav && mastNav.offsetHeight) setTopOffset(mastNav.offsetHeight - 3);
194
+
195
+ if (window.pageYOffset > navOffsetTop) {
196
+ if (navRef.current && navRef.current.style) {
197
+ navRef.current.style.position = 'fixed';
198
+ if (mastNav && mastNav.offsetHeight) navRef.current.style.top = mastNav.offsetHeight;
199
+ }
200
+ }
201
+
202
+ if (props.initiallyCollapsed && !main.main_43) {
203
+ navRef.current.style.position = 'fixed';
204
+ setIsSticky(true);
205
+ navLinks.style.margin = 'auto';
206
+ if (mastNav && mastNav.offsetHeight) navRef.current.style.top = mastNav.offsetHeight;
207
+ }
208
+ window.addEventListener('scroll', stickNavOnScroll);
199
209
  return function () {
200
- window.removeEventListener('scroll', stickyNav);
210
+ window.removeEventListener('scroll', stickNavOnScroll);
201
211
  };
202
212
  }, []);
203
213
 
@@ -5,7 +5,7 @@ var React = require('react');
5
5
  var ArticleCarousel = require('./ArticleCarousel.js');
6
6
  var index_esm = require('./index.esm-00a6aade.js');
7
7
  var BlockContent = require('./BlockContent-36e54d77.js');
8
- var getSerializers = require('./index-70971c54.js');
8
+ var getSerializers = require('./index-48bd6cd5.js');
9
9
  require('./_commonjsHelpers-06173234.js');
10
10
  require('./_to-object-6de10e57.js');
11
11
  require('./_object-pie-083f2dd6.js');
@@ -5,7 +5,7 @@ var React = require('react');
5
5
  var QueueDeckExpanded = require('./QueueDeckExpanded.js');
6
6
  var Breadcrumbs = require('./Breadcrumbs.js');
7
7
  var BlockContent = require('./BlockContent-36e54d77.js');
8
- var getSerializers = require('./index-70971c54.js');
8
+ var getSerializers = require('./index-48bd6cd5.js');
9
9
  require('./_commonjsHelpers-06173234.js');
10
10
  require('./_to-object-6de10e57.js');
11
11
  require('./_object-pie-083f2dd6.js');
@@ -27,7 +27,7 @@ require('next/router');
27
27
  require('./index-eadd5035.js');
28
28
  require('./main-f1c77adb.js');
29
29
  require('./entities-3f9d0f2f.js');
30
- require('./ADInfeed-7cf51090.js');
30
+ require('./ADInfeed-eb4ce360.js');
31
31
  require('react-bootstrap/Card');
32
32
  require('./AdSlot.js');
33
33
  require('./debounce-d4a2369b.js');
@@ -40,7 +40,7 @@ require('./_library-dd23b178.js');
40
40
  require('./Segment.js');
41
41
  require('./AuthorComponent-c21aac7f.js');
42
42
  require('./lodash-f0783643.js');
43
- require('./ADlgInfeed-bf24708d.js');
43
+ require('./ADlgInfeed-8a05b63f.js');
44
44
  require('./getContentCategory-f38a4c00.js');
45
45
  require('./timeDifferenceCalc.js');
46
46
  require('react-bootstrap/Breadcrumb');
@@ -17,8 +17,8 @@ var debounce = require('./debounce-d4a2369b.js');
17
17
  var index_es = require('./index.es-f3e47207.js');
18
18
  var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
19
19
  require('./index-efca863c.js');
20
- var ADlgInfeed = require('./ADlgInfeed-bf24708d.js');
21
- var ADInfeed = require('./ADInfeed-7cf51090.js');
20
+ var ADlgInfeed = require('./ADlgInfeed-8a05b63f.js');
21
+ var ADInfeed = require('./ADInfeed-eb4ce360.js');
22
22
  require('./main-f1c77adb.js');
23
23
  require('./_commonjsHelpers-06173234.js');
24
24
  require('./es6.string.iterator-c2573ffd.js');
@@ -16,7 +16,7 @@ var index = require('./index-efca863c.js');
16
16
  var moment = require('./moment-aca40de1.js');
17
17
  var styleInject_es = require('./style-inject.es-dcee06b6.js');
18
18
  var BlockContent = require('./BlockContent-36e54d77.js');
19
- var getSerializers = require('./index-70971c54.js');
19
+ var getSerializers = require('./index-48bd6cd5.js');
20
20
  require('./define-property-c88be878.js');
21
21
  require('./_to-object-6de10e57.js');
22
22
  require('./es6.string.iterator-c2573ffd.js');
@@ -41,13 +41,13 @@ require('./isSymbol-03abbdf0.js');
41
41
  require('./toNumber-5e1fac58.js');
42
42
  require('./index.es-f3e47207.js');
43
43
  require('./visibility-sensor-eb2c5b69.js');
44
- require('./ADlgInfeed-bf24708d.js');
44
+ require('./ADlgInfeed-8a05b63f.js');
45
45
  require('./AdSlot.js');
46
46
  require('./Beam.js');
47
47
  require('./stringify-c9ac1214.js');
48
48
  require('./Segment.js');
49
49
  require('./main-f1c77adb.js');
50
- require('./ADInfeed-7cf51090.js');
50
+ require('./ADInfeed-eb4ce360.js');
51
51
  require('react-bootstrap');
52
52
  require('./index-187c967e.js');
53
53
  require('./util-6f784d85.js');
@@ -12,7 +12,7 @@ var QueueDeckExpanded = require('./QueueDeckExpanded.js');
12
12
  var Breadcrumbs = require('./Breadcrumbs.js');
13
13
  var Feature = require('./Feature.js');
14
14
  var urlFor = require('./urlFor.js');
15
- var getSerializers = require('./index-70971c54.js');
15
+ var getSerializers = require('./index-48bd6cd5.js');
16
16
  var BlockContent = require('./BlockContent-36e54d77.js');
17
17
  require('./_commonjsHelpers-06173234.js');
18
18
  require('./es6.string.iterator-c2573ffd.js');
@@ -33,7 +33,7 @@ require('next/router');
33
33
  require('./index-eadd5035.js');
34
34
  require('./main-f1c77adb.js');
35
35
  require('./entities-3f9d0f2f.js');
36
- require('./ADInfeed-7cf51090.js');
36
+ require('./ADInfeed-eb4ce360.js');
37
37
  require('react-bootstrap/Card');
38
38
  require('./AdSlot.js');
39
39
  require('./debounce-d4a2369b.js');
@@ -44,7 +44,7 @@ require('./stringify-c9ac1214.js');
44
44
  require('./Segment.js');
45
45
  require('./AuthorComponent-c21aac7f.js');
46
46
  require('./lodash-f0783643.js');
47
- require('./ADlgInfeed-bf24708d.js');
47
+ require('./ADlgInfeed-8a05b63f.js');
48
48
  require('./getContentCategory-f38a4c00.js');
49
49
  require('./timeDifferenceCalc.js');
50
50
  require('react-bootstrap/Breadcrumb');
@@ -26,7 +26,7 @@ require('next/router');
26
26
  require('./index-eadd5035.js');
27
27
  require('./main-f1c77adb.js');
28
28
  require('./entities-3f9d0f2f.js');
29
- require('./ADInfeed-7cf51090.js');
29
+ require('./ADInfeed-eb4ce360.js');
30
30
  require('react-bootstrap/Card');
31
31
  require('./AdSlot.js');
32
32
  require('./debounce-d4a2369b.js');
@@ -37,7 +37,7 @@ require('./stringify-c9ac1214.js');
37
37
  require('./Segment.js');
38
38
  require('./AuthorComponent-c21aac7f.js');
39
39
  require('./lodash-f0783643.js');
40
- require('./ADlgInfeed-bf24708d.js');
40
+ require('./ADlgInfeed-8a05b63f.js');
41
41
  require('./getContentCategory-f38a4c00.js');
42
42
  require('./timeDifferenceCalc.js');
43
43
 
@@ -14,10 +14,10 @@ var Router = require('next/router');
14
14
  var index$1 = require('./index-eadd5035.js');
15
15
  var main = require('./main-f1c77adb.js');
16
16
  var entities = require('./entities-3f9d0f2f.js');
17
- var ADInfeed = require('./ADInfeed-7cf51090.js');
17
+ var ADInfeed = require('./ADInfeed-eb4ce360.js');
18
18
  var AuthorComponent = require('./AuthorComponent-c21aac7f.js');
19
19
  var lodash = require('./lodash-f0783643.js');
20
- var ADlgInfeed = require('./ADlgInfeed-bf24708d.js');
20
+ var ADlgInfeed = require('./ADlgInfeed-8a05b63f.js');
21
21
  var getContentCategory = require('./getContentCategory-f38a4c00.js');
22
22
  var timeDifferenceCalc = require('./timeDifferenceCalc.js');
23
23
  require('./_commonjsHelpers-06173234.js');
@@ -6,7 +6,7 @@ var React = require('react');
6
6
  var Router = require('next/router');
7
7
  var Head = require('next/head');
8
8
  var BlockContent = require('./BlockContent-36e54d77.js');
9
- var getSerializers = require('./index-70971c54.js');
9
+ var getSerializers = require('./index-48bd6cd5.js');
10
10
  require('./_commonjsHelpers-06173234.js');
11
11
  require('./es6.string.iterator-c2573ffd.js');
12
12
  require('./_to-object-6de10e57.js');
@@ -7,7 +7,7 @@ var BlockContent = require('./BlockContent-36e54d77.js');
7
7
  var Col = require('react-bootstrap/Col');
8
8
  var Form = require('react-bootstrap/Form');
9
9
  var Button = require('react-bootstrap/Button');
10
- var getSerializers = require('./index-70971c54.js');
10
+ var getSerializers = require('./index-48bd6cd5.js');
11
11
  var VideoSeriesListing = require('./VideoSeriesListing.js');
12
12
  require('./_commonjsHelpers-06173234.js');
13
13
  require('./es6.string.iterator-c2573ffd.js');
@@ -39,13 +39,13 @@ require('./index.es-f3e47207.js');
39
39
  require('./visibility-sensor-eb2c5b69.js');
40
40
  require('react-dom');
41
41
  require('./index-efca863c.js');
42
- require('./ADlgInfeed-bf24708d.js');
42
+ require('./ADlgInfeed-8a05b63f.js');
43
43
  require('./AdSlot.js');
44
44
  require('./Beam.js');
45
45
  require('./stringify-c9ac1214.js');
46
46
  require('./Segment.js');
47
47
  require('./main-f1c77adb.js');
48
- require('./ADInfeed-7cf51090.js');
48
+ require('./ADInfeed-eb4ce360.js');
49
49
  require('./index-eadd5035.js');
50
50
  require('./style-inject.es-dcee06b6.js');
51
51
 
package/dist/cjs/View.js CHANGED
@@ -17,7 +17,7 @@ var FormControl = require('react-bootstrap/FormControl');
17
17
  var Button = require('react-bootstrap/Button');
18
18
  var visibilitySensor = require('./visibility-sensor-eb2c5b69.js');
19
19
  var SocialShare = require('./SocialShare.js');
20
- var getSerializers = require('./index-70971c54.js');
20
+ var getSerializers = require('./index-48bd6cd5.js');
21
21
  var AdSlot = require('./AdSlot.js');
22
22
  var SeriesSlider = require('./SeriesSlider-2db54929.js');
23
23
  var getTargeting = require('./getTargeting-a100d6e5.js');
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  require('react');
4
- var getSerializers = require('./index-70971c54.js');
4
+ var getSerializers = require('./index-48bd6cd5.js');
5
5
  require('./BlockContent-36e54d77.js');
6
6
  require('./entities-3f9d0f2f.js');
7
7
  require('./slicedToArray-5d1bc3b3.js');
package/dist/cjs/index.js CHANGED
@@ -83,7 +83,7 @@ var VerticalHero = require('./VerticalHero.js');
83
83
  var YahooHero = require('./YahooHero.js');
84
84
  var GridHero = require('./GridHero.js');
85
85
  var ConferenceArticleCard = require('./ConferenceArticleCard.js');
86
- var getSerializers = require('./index-70971c54.js');
86
+ var getSerializers = require('./index-48bd6cd5.js');
87
87
  var Beam = require('./Beam.js');
88
88
  var Segment = require('./Segment.js');
89
89
  var KMTracker = require('./KMTracker.js');
@@ -130,10 +130,10 @@ require('./visibility-sensor-eb2c5b69.js');
130
130
  require('react-dom');
131
131
  require('./main-f1c77adb.js');
132
132
  require('./entities-3f9d0f2f.js');
133
- require('./ADInfeed-7cf51090.js');
133
+ require('./ADInfeed-eb4ce360.js');
134
134
  require('./slicedToArray-5d1bc3b3.js');
135
135
  require('./lodash-f0783643.js');
136
- require('./ADlgInfeed-bf24708d.js');
136
+ require('./ADlgInfeed-8a05b63f.js');
137
137
  require('./getContentCategory-f38a4c00.js');
138
138
  require('./get-5839e5b5.js');
139
139
  require('./eq-5fc26c07.js');
@@ -49,8 +49,8 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
49
49
  _useState6[0];
50
50
  _useState6[1];
51
51
 
52
- targeting.ksg = typeof window !== 'undefined' ? window.Krux.segments : null;
53
- targeting.kuid = typeof window !== 'undefined' ? window.Krux.user : null;
52
+ targeting.ksg = typeof window !== 'undefined' && window.Krux ? window.Krux.segments : null;
53
+ targeting.kuid = typeof window !== 'undefined' && window.Krux ? window.Krux.user : null;
54
54
 
55
55
  var adTargeting = _extends({}, targeting, { hostname: typeof window !== 'undefined' ? window.location.hostname : null });
56
56
 
@@ -1,7 +1,7 @@
1
1
  import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7f8f9219.js';
2
2
  import { _ as _toConsumableArray } from './toConsumableArray-6d9a4616.js';
3
3
  import React__default, { useEffect } from 'react';
4
- import 'react-ga';
4
+ import ReactGA from 'react-ga';
5
5
  import { l as lib_3, b as lib_1 } from './index-5cc7b406.js';
6
6
  import { e as main_24, m as main_43 } from './main-d4165069.js';
7
7
  import './_commonjsHelpers-0c4b6f40.js';
@@ -28,6 +28,27 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
28
28
  refreshADs = _ref$refreshADs === undefined ? {} : _ref$refreshADs,
29
29
  _ref$refreshInterval = _ref.refreshInterval,
30
30
  refreshInterval = _ref$refreshInterval === undefined ? 60 : _ref$refreshInterval;
31
+
32
+
33
+ var logEvent = function logEvent(action, category, GA_TRACKING_ID) {
34
+ if (!GA_TRACKING_ID && typeof window !== 'undefined') GA_TRACKING_ID = sessionStorage.getItem('GA_TRACKING_ID');
35
+
36
+ if (GA_TRACKING_ID && GA_TRACKING_ID.includes(',')) {
37
+ ReactGA.event({
38
+ category: category,
39
+ action: action,
40
+ nonInteraction: true
41
+ }, GA_TRACKING_ID.split(',').map(function (id, index) {
42
+ return 'ga_id_' + ++index;
43
+ }));
44
+ } else {
45
+ ReactGA.event({
46
+ category: category,
47
+ action: action,
48
+ nonInteraction: true
49
+ });
50
+ }
51
+ };
31
52
  useEffect(function () {
32
53
  // Refresh ADs after every one minute if user didn't scroll.
33
54
  // refreshInterval accepts time in seconds and default is 60 seconds
@@ -117,9 +138,9 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
117
138
 
118
139
  case 12:
119
140
  lib_3.refresh.apply(lib_3, _toConsumableArray(ads));
120
- //logEvent('AD Refresh', 'AD')
141
+ logEvent('AD Refresh', 'AD');
121
142
 
122
- case 13:
143
+ case 14:
123
144
  case 'end':
124
145
  return _context2.stop();
125
146
  }
@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
3
3
  import { _ as _extends } from './extends-60e0e1c6.js';
4
4
  import React__default from 'react';
5
5
  import { B as BlockContent } from './BlockContent-c99c9a8d.js';
6
- import { g as getSerializers } from './index-a30e3b71.js';
6
+ import { g as getSerializers } from './index-343d9c07.js';
7
7
  import ArticleSeriesListing from './ArticleSeriesListing.js';
8
8
  import './_commonjsHelpers-0c4b6f40.js';
9
9
  import './es6.string.iterator-bc33758b.js';
@@ -32,14 +32,14 @@ import './index.es-a6137319.js';
32
32
  import './visibility-sensor-72fd8f8b.js';
33
33
  import 'react-dom';
34
34
  import './index-0dbff1d1.js';
35
- import './ADlgInfeed-db64f46d.js';
35
+ import './ADlgInfeed-0bff9a62.js';
36
36
  import './slicedToArray-be2f7a22.js';
37
37
  import './AdSlot.js';
38
38
  import './Beam.js';
39
39
  import './stringify-59c8f690.js';
40
40
  import './Segment.js';
41
41
  import './main-d4165069.js';
42
- import './ADInfeed-f7d00a9a.js';
42
+ import './ADInfeed-4a09242b.js';
43
43
 
44
44
  var _this = undefined;
45
45
 
@@ -16,7 +16,7 @@ import { i as imageUrlBuilder } from './index-0dbff1d1.js';
16
16
  import { L as LazyLoad } from './index-755f2cc2.js';
17
17
  import { m as main_43 } from './main-d4165069.js';
18
18
  import { c as clean_html_1 } from './entities-932b50cf.js';
19
- import { A as ADInfeed } from './ADInfeed-f7d00a9a.js';
19
+ import { A as ADInfeed } from './ADInfeed-4a09242b.js';
20
20
  import './_commonjsHelpers-0c4b6f40.js';
21
21
  import './es6.string.iterator-bc33758b.js';
22
22
  import './_to-object-b50e61c3.js';
@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-60e0e1c6.js';
2
2
  import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
3
3
  import React__default, { useState, useEffect } from 'react';
4
4
  import { B as BlockContent } from './BlockContent-c99c9a8d.js';
5
- import { g as getSerializers } from './index-a30e3b71.js';
5
+ import { g as getSerializers } from './index-343d9c07.js';
6
6
  import { m as momentTimezone } from './index-79cfd25c.js';
7
7
  import { useRouter } from 'next/router';
8
8
  import Button from 'react-bootstrap/Button';
@@ -12,9 +12,9 @@ import { m as moment } from './moment-bc12cb97.js';
12
12
  import { withRouter } from 'next/router';
13
13
  import { L as LazyLoad } from './index-755f2cc2.js';
14
14
  import { c as clean_html_1 } from './entities-932b50cf.js';
15
- import { A as ADInfeed } from './ADInfeed-f7d00a9a.js';
15
+ import { A as ADInfeed } from './ADInfeed-4a09242b.js';
16
16
  import { l as lodash } from './lodash-f97fd99a.js';
17
- import { A as ADlgInfeed } from './ADlgInfeed-db64f46d.js';
17
+ import { A as ADlgInfeed } from './ADlgInfeed-0bff9a62.js';
18
18
  import { g as getContentCategory } from './getContentCategory-15dcc413.js';
19
19
  import { g as get_1 } from './get-3c308da4.js';
20
20
  import { d as debounce_1 } from './debounce-533d9748.js';
@@ -156,17 +156,11 @@ var HamMagazine = function HamMagazine(props) {
156
156
  var adSection = document.querySelector('.AD728x90');
157
157
  var navLinks = document.getElementById('nav-links');
158
158
  var mastNav = document.querySelector('.nav-brands');
159
- if (mastNav && mastNav.offsetHeight) setTopOffset(mastNav.offsetHeight - 3);
160
-
161
- if (window.pageYOffset > navOffsetTop) {
162
- if (navRef.current && navRef.current.style) {
163
- navRef.current.style.position = 'fixed';
164
- if (mastNav && mastNav.offsetHeight) navRef.current.style.top = mastNav.offsetHeight;
165
- }
166
- }
167
- var stickyNav = window.addEventListener('scroll', function () {
159
+ var stickNavOnScroll = function stickNavOnScroll() {
168
160
  // Taking into consideration the height of the top navbar while setting the navigation fixed
161
+
169
162
  if (window && topNavRef && topNavRef.current && navRef && navRef.current && window.pageYOffset !== 0 && window.pageYOffset + topNavRef.current.clientHeight + navRef.current.clientHeight > navOffsetTop) {
163
+
170
164
  if (navRef.current && navRef.current.style) {
171
165
  navRef.current.style.position = 'fixed';
172
166
  if (mastNav && mastNav.offsetHeight) navRef.current.style.top = mastNav.offsetHeight;
@@ -183,9 +177,25 @@ var HamMagazine = function HamMagazine(props) {
183
177
  setIsSticky(false);
184
178
  navLinks.style.margin = '0px auto 0px 0px';
185
179
  }
186
- });
180
+ };
181
+ if (mastNav && mastNav.offsetHeight) setTopOffset(mastNav.offsetHeight - 3);
182
+
183
+ if (window.pageYOffset > navOffsetTop) {
184
+ if (navRef.current && navRef.current.style) {
185
+ navRef.current.style.position = 'fixed';
186
+ if (mastNav && mastNav.offsetHeight) navRef.current.style.top = mastNav.offsetHeight;
187
+ }
188
+ }
189
+
190
+ if (props.initiallyCollapsed && !main_43) {
191
+ navRef.current.style.position = 'fixed';
192
+ setIsSticky(true);
193
+ navLinks.style.margin = 'auto';
194
+ if (mastNav && mastNav.offsetHeight) navRef.current.style.top = mastNav.offsetHeight;
195
+ }
196
+ window.addEventListener('scroll', stickNavOnScroll);
187
197
  return function () {
188
- window.removeEventListener('scroll', stickyNav);
198
+ window.removeEventListener('scroll', stickNavOnScroll);
189
199
  };
190
200
  }, []);
191
201
 
@@ -3,7 +3,7 @@ import React__default from 'react';
3
3
  import ArticleCarousel from './ArticleCarousel.js';
4
4
  import { I as IoIosArrowForward } from './index.esm-f6156a57.js';
5
5
  import { B as BlockContent } from './BlockContent-c99c9a8d.js';
6
- import { g as getSerializers } from './index-a30e3b71.js';
6
+ import { g as getSerializers } from './index-343d9c07.js';
7
7
  import './_commonjsHelpers-0c4b6f40.js';
8
8
  import './_to-object-b50e61c3.js';
9
9
  import './_object-pie-133f504a.js';
@@ -3,7 +3,7 @@ import React__default from 'react';
3
3
  import QueueDeckExpanded from './QueueDeckExpanded.js';
4
4
  import Breadcrumbs from './Breadcrumbs.js';
5
5
  import { B as BlockContent } from './BlockContent-c99c9a8d.js';
6
- import { g as getSerializers } from './index-a30e3b71.js';
6
+ import { g as getSerializers } from './index-343d9c07.js';
7
7
  import './_commonjsHelpers-0c4b6f40.js';
8
8
  import './_to-object-b50e61c3.js';
9
9
  import './_object-pie-133f504a.js';
@@ -25,7 +25,7 @@ import 'next/router';
25
25
  import './index-755f2cc2.js';
26
26
  import './main-d4165069.js';
27
27
  import './entities-932b50cf.js';
28
- import './ADInfeed-f7d00a9a.js';
28
+ import './ADInfeed-4a09242b.js';
29
29
  import 'react-bootstrap/Card';
30
30
  import './AdSlot.js';
31
31
  import './debounce-533d9748.js';
@@ -38,7 +38,7 @@ import './_library-528f1934.js';
38
38
  import './Segment.js';
39
39
  import './AuthorComponent-30aeba69.js';
40
40
  import './lodash-f97fd99a.js';
41
- import './ADlgInfeed-db64f46d.js';
41
+ import './ADlgInfeed-0bff9a62.js';
42
42
  import './getContentCategory-15dcc413.js';
43
43
  import './timeDifferenceCalc.js';
44
44
  import 'react-bootstrap/Breadcrumb';
@@ -15,8 +15,8 @@ import { d as debounce_1 } from './debounce-533d9748.js';
15
15
  import { I as InfiniteScroll } from './index.es-a6137319.js';
16
16
  import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
17
17
  import './index-0dbff1d1.js';
18
- import { A as ADlgInfeed } from './ADlgInfeed-db64f46d.js';
19
- import { A as ADInfeed } from './ADInfeed-f7d00a9a.js';
18
+ import { A as ADlgInfeed } from './ADlgInfeed-0bff9a62.js';
19
+ import { A as ADInfeed } from './ADInfeed-4a09242b.js';
20
20
  import './main-d4165069.js';
21
21
  import './_commonjsHelpers-0c4b6f40.js';
22
22
  import './es6.string.iterator-bc33758b.js';
@@ -14,7 +14,7 @@ import { i as imageUrlBuilder } from './index-0dbff1d1.js';
14
14
  import { m as moment } from './moment-bc12cb97.js';
15
15
  import { s as styleInject } from './style-inject.es-1f59c1d0.js';
16
16
  import { B as BlockContent } from './BlockContent-c99c9a8d.js';
17
- import { g as getSerializers } from './index-a30e3b71.js';
17
+ import { g as getSerializers } from './index-343d9c07.js';
18
18
  import './define-property-fe54dc9f.js';
19
19
  import './_to-object-b50e61c3.js';
20
20
  import './es6.string.iterator-bc33758b.js';
@@ -39,13 +39,13 @@ import './isSymbol-a7e9aafe.js';
39
39
  import './toNumber-5aeba6e7.js';
40
40
  import './index.es-a6137319.js';
41
41
  import './visibility-sensor-72fd8f8b.js';
42
- import './ADlgInfeed-db64f46d.js';
42
+ import './ADlgInfeed-0bff9a62.js';
43
43
  import './AdSlot.js';
44
44
  import './Beam.js';
45
45
  import './stringify-59c8f690.js';
46
46
  import './Segment.js';
47
47
  import './main-d4165069.js';
48
- import './ADInfeed-f7d00a9a.js';
48
+ import './ADInfeed-4a09242b.js';
49
49
  import 'react-bootstrap';
50
50
  import './index-c7e2ac95.js';
51
51
  import './util-3ab476bf.js';
@@ -10,7 +10,7 @@ import QueueDeckExpanded from './QueueDeckExpanded.js';
10
10
  import Breadcrumbs from './Breadcrumbs.js';
11
11
  import Feature from './Feature.js';
12
12
  import urlFor from './urlFor.js';
13
- import { g as getSerializers } from './index-a30e3b71.js';
13
+ import { g as getSerializers } from './index-343d9c07.js';
14
14
  import { B as BlockContent } from './BlockContent-c99c9a8d.js';
15
15
  import './_commonjsHelpers-0c4b6f40.js';
16
16
  import './es6.string.iterator-bc33758b.js';
@@ -31,7 +31,7 @@ import 'next/router';
31
31
  import './index-755f2cc2.js';
32
32
  import './main-d4165069.js';
33
33
  import './entities-932b50cf.js';
34
- import './ADInfeed-f7d00a9a.js';
34
+ import './ADInfeed-4a09242b.js';
35
35
  import 'react-bootstrap/Card';
36
36
  import './AdSlot.js';
37
37
  import './debounce-533d9748.js';
@@ -42,7 +42,7 @@ import './stringify-59c8f690.js';
42
42
  import './Segment.js';
43
43
  import './AuthorComponent-30aeba69.js';
44
44
  import './lodash-f97fd99a.js';
45
- import './ADlgInfeed-db64f46d.js';
45
+ import './ADlgInfeed-0bff9a62.js';
46
46
  import './getContentCategory-15dcc413.js';
47
47
  import './timeDifferenceCalc.js';
48
48
  import 'react-bootstrap/Breadcrumb';
@@ -24,7 +24,7 @@ import 'next/router';
24
24
  import './index-755f2cc2.js';
25
25
  import './main-d4165069.js';
26
26
  import './entities-932b50cf.js';
27
- import './ADInfeed-f7d00a9a.js';
27
+ import './ADInfeed-4a09242b.js';
28
28
  import 'react-bootstrap/Card';
29
29
  import './AdSlot.js';
30
30
  import './debounce-533d9748.js';
@@ -35,7 +35,7 @@ import './stringify-59c8f690.js';
35
35
  import './Segment.js';
36
36
  import './AuthorComponent-30aeba69.js';
37
37
  import './lodash-f97fd99a.js';
38
- import './ADlgInfeed-db64f46d.js';
38
+ import './ADlgInfeed-0bff9a62.js';
39
39
  import './getContentCategory-15dcc413.js';
40
40
  import './timeDifferenceCalc.js';
41
41
 
@@ -12,10 +12,10 @@ import { useRouter } from 'next/router';
12
12
  import { L as LazyLoad } from './index-755f2cc2.js';
13
13
  import { m as main_43 } from './main-d4165069.js';
14
14
  import { c as clean_html_1 } from './entities-932b50cf.js';
15
- import { A as ADInfeed } from './ADInfeed-f7d00a9a.js';
15
+ import { A as ADInfeed } from './ADInfeed-4a09242b.js';
16
16
  import { A as AuthorComponent } from './AuthorComponent-30aeba69.js';
17
17
  import { l as lodash } from './lodash-f97fd99a.js';
18
- import { A as ADlgInfeed } from './ADlgInfeed-db64f46d.js';
18
+ import { A as ADlgInfeed } from './ADlgInfeed-0bff9a62.js';
19
19
  import { g as getContentCategory } from './getContentCategory-15dcc413.js';
20
20
  import timeDifferenceCalc from './timeDifferenceCalc.js';
21
21
  import './_commonjsHelpers-0c4b6f40.js';
@@ -4,7 +4,7 @@ import React__default from 'react';
4
4
  import { useRouter } from 'next/router';
5
5
  import Head from 'next/head';
6
6
  import { B as BlockContent } from './BlockContent-c99c9a8d.js';
7
- import { g as getSerializers } from './index-a30e3b71.js';
7
+ import { g as getSerializers } from './index-343d9c07.js';
8
8
  import './_commonjsHelpers-0c4b6f40.js';
9
9
  import './es6.string.iterator-bc33758b.js';
10
10
  import './_to-object-b50e61c3.js';
@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-c99c9a8d.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-a30e3b71.js';
8
+ import { g as getSerializers } from './index-343d9c07.js';
9
9
  import VideoSeriesListing from './VideoSeriesListing.js';
10
10
  import './_commonjsHelpers-0c4b6f40.js';
11
11
  import './es6.string.iterator-bc33758b.js';
@@ -37,13 +37,13 @@ import './index.es-a6137319.js';
37
37
  import './visibility-sensor-72fd8f8b.js';
38
38
  import 'react-dom';
39
39
  import './index-0dbff1d1.js';
40
- import './ADlgInfeed-db64f46d.js';
40
+ import './ADlgInfeed-0bff9a62.js';
41
41
  import './AdSlot.js';
42
42
  import './Beam.js';
43
43
  import './stringify-59c8f690.js';
44
44
  import './Segment.js';
45
45
  import './main-d4165069.js';
46
- import './ADInfeed-f7d00a9a.js';
46
+ import './ADInfeed-4a09242b.js';
47
47
  import './index-755f2cc2.js';
48
48
  import './style-inject.es-1f59c1d0.js';
49
49
 
package/dist/esm/View.js CHANGED
@@ -15,7 +15,7 @@ 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-a30e3b71.js';
18
+ import { r as renderAuthor, g as getSerializers } from './index-343d9c07.js';
19
19
  import DFPAdSlot from './AdSlot.js';
20
20
  import { S as SeriesSlider } from './SeriesSlider-c8477bf3.js';
21
21
  import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-05c216d6.js';
@@ -1,5 +1,5 @@
1
1
  import 'react';
2
- export { g as default } from './index-a30e3b71.js';
2
+ export { g as default } from './index-343d9c07.js';
3
3
  import './BlockContent-c99c9a8d.js';
4
4
  import './entities-932b50cf.js';
5
5
  import './slicedToArray-be2f7a22.js';
package/dist/esm/index.js CHANGED
@@ -79,7 +79,7 @@ export { default as VerticalHero } from './VerticalHero.js';
79
79
  export { default as YahooHero } from './YahooHero.js';
80
80
  export { default as GridHero } from './GridHero.js';
81
81
  export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
82
- export { g as getSerializers } from './index-a30e3b71.js';
82
+ export { g as getSerializers } from './index-343d9c07.js';
83
83
  export { default as Beam } from './Beam.js';
84
84
  export { default as Segment } from './Segment.js';
85
85
  export { default as KMTracker } from './KMTracker.js';
@@ -126,10 +126,10 @@ import './visibility-sensor-72fd8f8b.js';
126
126
  import 'react-dom';
127
127
  import './main-d4165069.js';
128
128
  import './entities-932b50cf.js';
129
- import './ADInfeed-f7d00a9a.js';
129
+ import './ADInfeed-4a09242b.js';
130
130
  import './slicedToArray-be2f7a22.js';
131
131
  import './lodash-f97fd99a.js';
132
- import './ADlgInfeed-db64f46d.js';
132
+ import './ADlgInfeed-0bff9a62.js';
133
133
  import './getContentCategory-15dcc413.js';
134
134
  import './get-3c308da4.js';
135
135
  import './eq-bdcbf886.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.817",
3
+ "version": "1.0.819-ad-refresh",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",