@mjhls/mjh-framework 1.0.476 → 1.0.478

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 (74) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/AD300x250.js +1 -2
  3. package/dist/cjs/AD300x250x600.js +1 -2
  4. package/dist/cjs/AD728x90.js +1 -2
  5. package/dist/cjs/ADFloatingFooter.js +1 -2
  6. package/dist/cjs/ADFooter.js +1 -1
  7. package/dist/cjs/ADGutter.js +1 -2
  8. package/dist/cjs/ADSponsoredResources.js +1 -2
  9. package/dist/cjs/ADWebcast.js +1 -2
  10. package/dist/cjs/ADWelcome.js +1 -2
  11. package/dist/cjs/AdSlot.js +5 -6
  12. package/dist/cjs/ArticleQueue.js +1 -2
  13. package/dist/cjs/Beam.js +4 -334
  14. package/dist/cjs/Column2.js +9 -0
  15. package/dist/cjs/Column3.js +1 -2
  16. package/dist/cjs/DeckContent.js +2 -3
  17. package/dist/cjs/GridContent.js +3 -4
  18. package/dist/cjs/HamMagazine.js +12 -6
  19. package/dist/cjs/IssueLanding.js +3 -4
  20. package/dist/cjs/LeftNav.js +20 -6
  21. package/dist/cjs/MasterDeck.js +3 -4
  22. package/dist/cjs/NavDvm.js +15 -6
  23. package/dist/cjs/NavMagazine.js +12 -6
  24. package/dist/cjs/NavNative.js +12 -9
  25. package/dist/cjs/NavNormal.js +22 -3
  26. package/dist/cjs/PartnerDetailListing.js +3 -4
  27. package/dist/cjs/QueueDeckExpanded.js +3 -4
  28. package/dist/cjs/Segment.js +4 -212
  29. package/dist/cjs/SideFooter.js +27 -3
  30. package/dist/cjs/TemplateNormal.js +1 -2
  31. package/dist/cjs/Ustream.js +1 -1
  32. package/dist/cjs/View.js +1 -2
  33. package/dist/cjs/beam-b2ff7326.js +732 -0
  34. package/dist/cjs/getSerializers.js +45 -25
  35. package/dist/cjs/index.js +5 -6
  36. package/dist/esm/AD300x250.js +1 -2
  37. package/dist/esm/AD300x250x600.js +1 -2
  38. package/dist/esm/AD728x90.js +1 -2
  39. package/dist/esm/ADFloatingFooter.js +1 -2
  40. package/dist/esm/ADFooter.js +1 -1
  41. package/dist/esm/ADGutter.js +1 -2
  42. package/dist/esm/ADSponsoredResources.js +1 -2
  43. package/dist/esm/ADWebcast.js +1 -2
  44. package/dist/esm/ADWelcome.js +1 -2
  45. package/dist/esm/AdSlot.js +3 -4
  46. package/dist/esm/ArticleQueue.js +1 -2
  47. package/dist/esm/Beam.js +3 -337
  48. package/dist/esm/Column2.js +9 -0
  49. package/dist/esm/Column3.js +1 -2
  50. package/dist/esm/DeckContent.js +2 -3
  51. package/dist/esm/GridContent.js +3 -4
  52. package/dist/esm/HamMagazine.js +12 -6
  53. package/dist/esm/IssueLanding.js +3 -4
  54. package/dist/esm/LeftNav.js +21 -7
  55. package/dist/esm/MasterDeck.js +3 -4
  56. package/dist/esm/NavDvm.js +15 -6
  57. package/dist/esm/NavMagazine.js +12 -6
  58. package/dist/esm/NavNative.js +12 -9
  59. package/dist/esm/NavNormal.js +23 -4
  60. package/dist/esm/PartnerDetailListing.js +3 -4
  61. package/dist/esm/QueueDeckExpanded.js +3 -4
  62. package/dist/esm/Segment.js +3 -215
  63. package/dist/esm/SideFooter.js +28 -4
  64. package/dist/esm/TemplateNormal.js +1 -2
  65. package/dist/esm/Ustream.js +1 -1
  66. package/dist/esm/View.js +1 -2
  67. package/dist/esm/beam-1ffc08d4.js +729 -0
  68. package/dist/esm/getSerializers.js +28 -8
  69. package/dist/esm/index.js +3 -4
  70. package/package.json +1 -1
  71. /package/dist/cjs/{ADInfeed-8a7f1d50.js → ADInfeed-53eca520.js} +0 -0
  72. /package/dist/cjs/{ADlgInfeed-659b82b6.js → ADlgInfeed-461fa625.js} +0 -0
  73. /package/dist/esm/{ADInfeed-dbd65900.js → ADInfeed-84a98951.js} +0 -0
  74. /package/dist/esm/{ADlgInfeed-a385f968.js → ADlgInfeed-25962fea.js} +0 -0
@@ -1,12 +1,18 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
2
  import './_to-object-16fd8b46.js';
3
3
  import './core.get-iterator-method-f5c0d66a.js';
4
+ import './_library-528f1934.js';
5
+ import './_iter-detect-6e099a34.js';
4
6
  import './web.dom.iterable-46c95e52.js';
5
7
  import React__default, { useRef, useState, useEffect } from 'react';
6
8
  import 'prop-types';
7
9
  import Container from 'react-bootstrap/Container';
8
10
  import { a as main_40 } from './main-7255814e.js';
9
11
  import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
12
+ import './stringify-e30bc114.js';
13
+ import './asyncToGenerator-0379e924.js';
14
+ import './_set-species-6f64f1c1.js';
15
+ import { S as SegmentAPI } from './beam-1ffc08d4.js';
10
16
  import './react-social-icons-a7d5c5c7.js';
11
17
  import './iconBase-6ee2f2fb.js';
12
18
  import { b as IoMdLogIn, c as IoIosHome } from './index.esm-b97cf389.js';
@@ -289,7 +295,7 @@ var NavMagazine = function NavMagazine(props) {
289
295
  if (ddRow.url && ddRow.name) {
290
296
  return ddRow.url && ddRow.name ? React__default.createElement(
291
297
  'a',
292
- { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
298
+ { key: subIndex, href: SegmentAPI.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
293
299
  ddRow.name
294
300
  ) : null;
295
301
  } else return null;
@@ -309,7 +315,7 @@ var NavMagazine = function NavMagazine(props) {
309
315
  if (ddRow.url && ddRow.name) {
310
316
  return ddRow.url && ddRow.name ? React__default.createElement(
311
317
  'a',
312
- { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
318
+ { key: subIndex, href: SegmentAPI.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
313
319
  ddRow.name
314
320
  ) : null;
315
321
  } else return null;
@@ -321,7 +327,7 @@ var NavMagazine = function NavMagazine(props) {
321
327
  } else {
322
328
  return row.url && row.name ? React__default.createElement(
323
329
  'a',
324
- { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
330
+ { key: index, href: SegmentAPI.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
325
331
  row.name
326
332
  ) : null;
327
333
  }
@@ -353,7 +359,7 @@ var NavMagazine = function NavMagazine(props) {
353
359
  } else {
354
360
  return ddRow.url && ddRow.name ? React__default.createElement(
355
361
  'a',
356
- { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
362
+ { key: subIndex, href: SegmentAPI.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
357
363
  ddRow.name
358
364
  ) : null;
359
365
  }
@@ -371,7 +377,7 @@ var NavMagazine = function NavMagazine(props) {
371
377
  } else {
372
378
  return ddRow.url && ddRow.name ? React__default.createElement(
373
379
  'a',
374
- { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
380
+ { key: subIndex, href: SegmentAPI.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
375
381
  ddRow.name
376
382
  ) : null;
377
383
  }
@@ -382,7 +388,7 @@ var NavMagazine = function NavMagazine(props) {
382
388
  } else {
383
389
  return row.url && row.name ? React__default.createElement(
384
390
  'a',
385
- { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
391
+ { key: index, href: SegmentAPI.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
386
392
  row.name
387
393
  ) : null;
388
394
  }
@@ -1,20 +1,23 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
2
  import './_to-object-16fd8b46.js';
3
3
  import './core.get-iterator-method-f5c0d66a.js';
4
+ import './_library-528f1934.js';
5
+ import './_iter-detect-6e099a34.js';
4
6
  import './web.dom.iterable-46c95e52.js';
5
7
  import React__default, { useRef, useState, useEffect } from 'react';
6
8
  import 'prop-types';
7
9
  import Container from 'react-bootstrap/Container';
8
10
  import { a as main_40 } from './main-7255814e.js';
9
11
  import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
12
+ import './stringify-e30bc114.js';
13
+ import './asyncToGenerator-0379e924.js';
14
+ import './_set-species-6f64f1c1.js';
15
+ import { S as SegmentAPI } from './beam-1ffc08d4.js';
10
16
  import './react-social-icons-a7d5c5c7.js';
11
- import './iconBase-6ee2f2fb.js';
12
- import './index.esm-b97cf389.js';
13
17
  import 'react-bootstrap/Button';
14
18
  import Nav from 'react-bootstrap/Nav';
15
19
  import Navbar from 'react-bootstrap/Navbar';
16
20
  import NavDropdown from 'react-bootstrap/NavDropdown';
17
- import './index.esm-9d6faf80.js';
18
21
  import 'react-bootstrap/Form';
19
22
  import 'react-bootstrap/FormControl';
20
23
  import Search from './Search.js';
@@ -138,7 +141,7 @@ var NavNative = function NavNative(props) {
138
141
  if (ddRow.url && ddRow.name) {
139
142
  return ddRow.url && ddRow.name ? React__default.createElement(
140
143
  'a',
141
- { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
144
+ { key: subIndex, href: SegmentAPI.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
142
145
  ddRow.name
143
146
  ) : null;
144
147
  } else return null;
@@ -158,7 +161,7 @@ var NavNative = function NavNative(props) {
158
161
  if (ddRow.url && ddRow.name) {
159
162
  return ddRow.url && ddRow.name ? React__default.createElement(
160
163
  'a',
161
- { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
164
+ { key: subIndex, href: SegmentAPI.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
162
165
  ddRow.name
163
166
  ) : null;
164
167
  } else return null;
@@ -170,7 +173,7 @@ var NavNative = function NavNative(props) {
170
173
  } else {
171
174
  return row.url && row.name ? React__default.createElement(
172
175
  'a',
173
- { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
176
+ { key: index, href: SegmentAPI.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
174
177
  row.name
175
178
  ) : null;
176
179
  }
@@ -197,7 +200,7 @@ var NavNative = function NavNative(props) {
197
200
  } else {
198
201
  return ddRow.url && ddRow.name ? React__default.createElement(
199
202
  'a',
200
- { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
203
+ { key: subIndex, href: SegmentAPI.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
201
204
  ddRow.name
202
205
  ) : null;
203
206
  }
@@ -215,7 +218,7 @@ var NavNative = function NavNative(props) {
215
218
  } else {
216
219
  return ddRow.url && ddRow.name ? React__default.createElement(
217
220
  'a',
218
- { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
221
+ { key: subIndex, href: SegmentAPI.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
219
222
  ddRow.name
220
223
  ) : null;
221
224
  }
@@ -226,7 +229,7 @@ var NavNative = function NavNative(props) {
226
229
  } else {
227
230
  return row.url && row.name ? React__default.createElement(
228
231
  'a',
229
- { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
232
+ { key: index, href: SegmentAPI.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
230
233
  row.name
231
234
  ) : null;
232
235
  }
@@ -1,10 +1,16 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
2
  import './_to-object-16fd8b46.js';
3
3
  import './core.get-iterator-method-f5c0d66a.js';
4
+ import './_library-528f1934.js';
5
+ import './_iter-detect-6e099a34.js';
4
6
  import './web.dom.iterable-46c95e52.js';
5
- import React__default from 'react';
7
+ import React__default, { useRef, useEffect } from 'react';
6
8
  import Container from 'react-bootstrap/Container';
7
9
  import './slicedToArray-f1e40361.js';
10
+ import './stringify-e30bc114.js';
11
+ import './asyncToGenerator-0379e924.js';
12
+ import './_set-species-6f64f1c1.js';
13
+ import { S as SegmentAPI } from './beam-1ffc08d4.js';
8
14
  import './iconBase-6ee2f2fb.js';
9
15
  import 'react-bootstrap/Button';
10
16
  import Nav from 'react-bootstrap/Nav';
@@ -20,9 +26,22 @@ var NavNormal = function NavNormal(props) {
20
26
  dataObject = props.dataObject;
21
27
 
22
28
 
29
+ var ref = useRef(null);
30
+
31
+ useEffect(function () {
32
+ SegmentAPI.init(); // auto init if not done yet
33
+ var segmentLinks = ref.current.querySelectorAll('a[needSegmentSupport="true"]');
34
+ for (var i = 0; i < segmentLinks.length; i++) {
35
+ var link = segmentLinks[i];
36
+ var href = link.getAttribute('href');
37
+ var newHref = SegmentAPI.getURL(href, { needSegmentSupport: true });
38
+ link.setAttribute('href', newHref);
39
+ }
40
+ }, []);
41
+
23
42
  return React__default.createElement(
24
43
  'section',
25
- null,
44
+ { ref: ref },
26
45
  React__default.createElement(
27
46
  Navbar,
28
47
  { expand: 'lg' },
@@ -65,7 +84,7 @@ var NavNormal = function NavNormal(props) {
65
84
  } else {
66
85
  return React__default.createElement(
67
86
  NavDropdown.Item,
68
- { href: ddRow.url, target: ddRow.blank ? '_blank' : '_self' },
87
+ { href: ddRow.url, needSegmentSupport: ddRow.needSegmentSupport ? 'true' : '', target: ddRow.blank ? '_blank' : '_self' },
69
88
  ddRow.name
70
89
  );
71
90
  }
@@ -75,7 +94,7 @@ var NavNormal = function NavNormal(props) {
75
94
  // Link default
76
95
  return React__default.createElement(
77
96
  Nav.Link,
78
- { href: row.url, target: row.blank ? '_blank' : '_self' },
97
+ { href: row.url, needSegmentSupport: row.needSegmentSupport ? 'true' : '', target: row.blank ? '_blank' : '_self' },
79
98
  row.name
80
99
  );
81
100
  }
@@ -29,12 +29,11 @@ import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
29
29
  import './stringify-e30bc114.js';
30
30
  import { a as _asyncToGenerator, r as regenerator, _ as _Promise } from './asyncToGenerator-0379e924.js';
31
31
  import './_set-species-6f64f1c1.js';
32
- import './Beam.js';
33
- import './Segment.js';
32
+ import './beam-1ffc08d4.js';
34
33
  import './AdSlot.js';
35
- import './ADInfeed-dbd65900.js';
34
+ import './ADInfeed-84a98951.js';
36
35
  import './lodash-17fdfebb.js';
37
- import './ADlgInfeed-a385f968.js';
36
+ import './ADlgInfeed-25962fea.js';
38
37
  import './AuthorComponent-158226c9.js';
39
38
  import { B as BlockContent } from './BlockContent-a614acdf.js';
40
39
  import './smoothscroll-4b699764.js';
@@ -27,12 +27,11 @@ import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
27
27
  import './stringify-e30bc114.js';
28
28
  import './asyncToGenerator-0379e924.js';
29
29
  import './_set-species-6f64f1c1.js';
30
- import './Beam.js';
31
- import './Segment.js';
30
+ import './beam-1ffc08d4.js';
32
31
  import './AdSlot.js';
33
- import { A as ADInfeed } from './ADInfeed-dbd65900.js';
32
+ import { A as ADInfeed } from './ADInfeed-84a98951.js';
34
33
  import { l as lodash } from './lodash-17fdfebb.js';
35
- import { A as ADlgInfeed } from './ADlgInfeed-a385f968.js';
34
+ import { A as ADlgInfeed } from './ADlgInfeed-25962fea.js';
36
35
  import { A as AuthorComponent } from './AuthorComponent-158226c9.js';
37
36
  import { Container, Media } from 'react-bootstrap';
38
37
 
@@ -4,219 +4,7 @@ import './core.get-iterator-method-f5c0d66a.js';
4
4
  import './_library-528f1934.js';
5
5
  import './_iter-detect-6e099a34.js';
6
6
  import './web.dom.iterable-46c95e52.js';
7
- import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-0379e924.js';
7
+ import './stringify-e30bc114.js';
8
+ import './asyncToGenerator-0379e924.js';
8
9
  import './_set-species-6f64f1c1.js';
9
-
10
- require("babel-polyfill");
11
-
12
- var Segment = {
13
- // onclive default
14
- init: function init() {
15
- var apiKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'BBbKMoOjmhsxPnbd2nO6osz3zq67DzuN';
16
-
17
- if (typeof window === 'undefined') {
18
- throw new Error('window object is not defined');
19
- }
20
-
21
- var Analytics = require('@segment/analytics.js-core/build/analytics');
22
- var SegmentIntegration = require('@segment/analytics.js-integration-segmentio');
23
-
24
- var analytics = new Analytics();
25
- analytics.use(SegmentIntegration);
26
-
27
- var integrationSettings = {
28
- "Segment.io": {
29
- apiKey: apiKey,
30
- retryQueue: true,
31
- addBundledMetadata: true
32
- }
33
- };
34
-
35
- analytics.initialize(integrationSettings);
36
- window.$segment = analytics;
37
- },
38
- getIDs: function getIDs() {
39
- var _this = this;
40
-
41
- return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
42
- var res, json;
43
- return regenerator.wrap(function _callee$(_context) {
44
- while (1) {
45
- switch (_context.prev = _context.next) {
46
- case 0:
47
- _context.next = 2;
48
- return fetch('https://beam.mjhlifesciences.com/api/beam/id', {
49
- headers: {
50
- 'Content-Type': 'application/json',
51
- Accept: 'application/json'
52
- },
53
- method: 'post',
54
- credentials: 'include'
55
- });
56
-
57
- case 2:
58
- res = _context.sent;
59
- _context.next = 5;
60
- return res.json();
61
-
62
- case 5:
63
- json = _context.sent;
64
- return _context.abrupt('return', json);
65
-
66
- case 7:
67
- case 'end':
68
- return _context.stop();
69
- }
70
- }
71
- }, _callee, _this);
72
- }))();
73
- },
74
- pageview: function pageview(domain) {
75
- var _this2 = this;
76
-
77
- return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
78
- var segment, result, beam_id, session_id;
79
- return regenerator.wrap(function _callee2$(_context2) {
80
- while (1) {
81
- switch (_context2.prev = _context2.next) {
82
- case 0:
83
- segment = window.$segment;
84
-
85
- if (segment) {
86
- _context2.next = 4;
87
- break;
88
- }
89
-
90
- console.error('Segment not initialized', window);
91
- return _context2.abrupt('return');
92
-
93
- case 4:
94
- _context2.next = 6;
95
- return _this2.getIDs();
96
-
97
- case 6:
98
- result = _context2.sent;
99
- beam_id = result.beam_id ? result.beam_id : '';
100
- session_id = result.session_id ? result.session_id : '';
101
-
102
-
103
- segment.track('pageviews', {
104
- beamid: beam_id,
105
- sessionid: session_id,
106
- category: '',
107
- domain: domain
108
- });
109
-
110
- case 10:
111
- case 'end':
112
- return _context2.stop();
113
- }
114
- }
115
- }, _callee2, _this2);
116
- }))();
117
- },
118
- adClicked: function adClicked(domain, advertiserid, campaignid, creativeid, itemid, size, isemptyline, sourceAgnosticCreativeId, sourceAgnosticlineId) {
119
- var _this3 = this;
120
-
121
- return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3() {
122
- var segment, result, beam_id, session_id;
123
- return regenerator.wrap(function _callee3$(_context3) {
124
- while (1) {
125
- switch (_context3.prev = _context3.next) {
126
- case 0:
127
- segment = window.$segment;
128
-
129
- if (segment) {
130
- _context3.next = 4;
131
- break;
132
- }
133
-
134
- console.error('Segment not initialized');
135
- return _context3.abrupt('return');
136
-
137
- case 4:
138
- _context3.next = 6;
139
- return _this3.getIDs();
140
-
141
- case 6:
142
- result = _context3.sent;
143
- beam_id = result.beam_id ? result.beam_id : '';
144
- session_id = result.session_id ? result.session_id : '';
145
-
146
-
147
- segment.track('Ad Clicked', {
148
- beamid: beam_id,
149
- sessionid: session_id,
150
- advertiserid: advertiserid,
151
- campaignid: campaignid,
152
- creativeid: creativeid,
153
- itemid: itemid,
154
- size: size,
155
- isemptyline: isemptyline,
156
- sourceAgnosticCreativeId: sourceAgnosticCreativeId,
157
- sourceAgnosticlineId: sourceAgnosticlineId,
158
- domain: domain
159
- });
160
-
161
- case 10:
162
- case 'end':
163
- return _context3.stop();
164
- }
165
- }
166
- }, _callee3, _this3);
167
- }))();
168
- },
169
- adViewed: function adViewed(domain, advertiserid, campaignid, creativeid, itemid, size, isemptyline, sourceAgnosticCreativeId, sourceAgnosticlineId) {
170
- var _this4 = this;
171
-
172
- return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee4() {
173
- var segment, result, beam_id, session_id;
174
- return regenerator.wrap(function _callee4$(_context4) {
175
- while (1) {
176
- switch (_context4.prev = _context4.next) {
177
- case 0:
178
- segment = window.$segment;
179
-
180
- if (segment) {
181
- _context4.next = 4;
182
- break;
183
- }
184
-
185
- console.error('Segment not initialized');
186
- return _context4.abrupt('return');
187
-
188
- case 4:
189
- _context4.next = 6;
190
- return _this4.getIDs();
191
-
192
- case 6:
193
- result = _context4.sent;
194
- beam_id = result.beam_id ? result.beam_id : '';
195
- session_id = result.session_id ? result.session_id : '';
196
-
197
-
198
- segment.track('Impression Viewed', {
199
- beamid: beam_id,
200
- sessionid: session_id,
201
- advertiserid: advertiserid,
202
- campaignid: campaignid,
203
- creativeid: creativeid,
204
- itemid: itemid,
205
- size: size,
206
- isemptyline: isemptyline,
207
- sourceAgnosticCreativeId: sourceAgnosticCreativeId,
208
- sourceAgnosticlineId: sourceAgnosticlineId,
209
- domain: domain
210
- });
211
-
212
- case 10:
213
- case 'end':
214
- return _context4.stop();
215
- }
216
- }
217
- }, _callee4, _this4);
218
- }))();
219
- }
220
- };
221
-
222
- export default Segment;
10
+ export { S as default } from './beam-1ffc08d4.js';
@@ -1,7 +1,16 @@
1
1
  import './_commonjsHelpers-0c4b6f40.js';
2
- import React__default from 'react';
2
+ import './_to-object-16fd8b46.js';
3
+ import './core.get-iterator-method-f5c0d66a.js';
4
+ import './_library-528f1934.js';
5
+ import './_iter-detect-6e099a34.js';
6
+ import './web.dom.iterable-46c95e52.js';
7
+ import React__default, { useRef, useEffect } from 'react';
3
8
  import 'prop-types';
4
9
  import './isSymbol-c1b9be80.js';
10
+ import './stringify-e30bc114.js';
11
+ import './asyncToGenerator-0379e924.js';
12
+ import './_set-species-6f64f1c1.js';
13
+ import { S as SegmentAPI } from './beam-1ffc08d4.js';
5
14
  import './_arrayMap-a8dd2b2c.js';
6
15
  import { g as get_1 } from './get-ae817b75.js';
7
16
  import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
@@ -12,13 +21,13 @@ var renderLink = function renderLink(row) {
12
21
  if (row.blank) {
13
22
  return React__default.createElement(
14
23
  'a',
15
- { href: row.url, target: '_blank', rel: 'noopener noreferrer' },
24
+ { href: row.url, needSegmentSupport: row.needSegmentSupport ? 'true' : '', target: '_blank', rel: 'noopener noreferrer' },
16
25
  row.title
17
26
  );
18
27
  }
19
28
  return React__default.createElement(
20
29
  'a',
21
- { href: row.url },
30
+ { href: row.url, needSegmentSupport: row.needSegmentSupport ? 'true' : '' },
22
31
  row.title
23
32
  );
24
33
  };
@@ -34,9 +43,24 @@ var SideFooter = function SideFooter(props) {
34
43
 
35
44
  var logo = props.logo;
36
45
 
46
+ var sfRef = useRef(null);
47
+
48
+ useEffect(function () {
49
+ SegmentAPI.init(); // auto init if not done yet
50
+ // this adds ?eKey=xxx or ?anonymousid=xxx for forms that's outside - eg) formstack forms
51
+ // for tracking same user
52
+ var segmentLinks = sfRef.current.querySelectorAll('a[needSegmentSupport="true"]');
53
+ for (var i = 0; i < segmentLinks.length; i++) {
54
+ var link = segmentLinks[i];
55
+ var href = link.getAttribute('href');
56
+ var newRef = SegmentAPI.getURL(href, { needSegmentSupport: true });
57
+ link.setAttribute('href', newRef);
58
+ }
59
+ }, []);
60
+
37
61
  return React__default.createElement(
38
62
  'div',
39
- { className: 'side-footer' },
63
+ { className: 'side-footer', ref: sfRef },
40
64
  React__default.createElement(
41
65
  'ul',
42
66
  null,
@@ -18,8 +18,7 @@ import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
18
18
  import './stringify-e30bc114.js';
19
19
  import './asyncToGenerator-0379e924.js';
20
20
  import './_set-species-6f64f1c1.js';
21
- import './Beam.js';
22
- import './Segment.js';
21
+ import './beam-1ffc08d4.js';
23
22
  import './AdSlot.js';
24
23
  import './_arrayMap-a8dd2b2c.js';
25
24
  import './get-ae817b75.js';
@@ -92,7 +92,7 @@ var Ustream = function Ustream(_ref) {
92
92
  React__default.createElement(
93
93
  'style',
94
94
  { jsx: 'true' },
95
- '\n #ustream-container {\n position: fixed;\n bottom: 0;\n ' + (right ? 'right: 1rem;' : 'left: 1.5rem;') + '\n // Updating z-index to fix gutter ad over ustream\n z-index: 999999;\n max-width: 100%;\n }\n .ustream-minimize,\n .ustream-close {\n position: absolute;\n color: white;\n right: 0.5rem;\n top: 0.25rem;\n cursor: pointer;\n font-weight: bold;\n }\n .ustream-close {\n ' + (close ? 'display: block; right: .75rem; top: .5rem; ' : 'display: none; right: .5rem; top: .75rem;') + '\n }\n @media screen and (max-width: 768px) {\n #ustream-container:not(.closed) {\n width: 231px !important;\n height: 130px !important;\n }\n #ustream-container:not(.closed) iframe {\n height: 130px !important;\n }\n }\n '
95
+ '\n #ustream-container {\n position: fixed;\n bottom: 0;\n ' + (right ? 'right: 1rem;' : 'left: 1.5rem;') + '\n /* Updating z-index to fix gutter ad over ustream */\n z-index: 999999;\n max-width: 100%;\n }\n .ustream-minimize,\n .ustream-close {\n position: absolute;\n color: white;\n right: 0.5rem;\n top: 0.25rem;\n cursor: pointer;\n font-weight: bold;\n }\n .ustream-close {\n ' + (close ? 'display: block; right: .75rem; top: .5rem; ' : 'display: none; right: .5rem; top: .75rem;') + '\n }\n @media screen and (max-width: 768px) {\n #ustream-container:not(.closed) {\n width: 231px !important;\n height: 130px !important;\n }\n #ustream-container:not(.closed) iframe {\n height: 130px !important;\n }\n }\n '
96
96
  )
97
97
  );
98
98
  };
package/dist/esm/View.js CHANGED
@@ -29,8 +29,7 @@ import { a as _getIterator, _ as _slicedToArray } from './slicedToArray-f1e40361
29
29
  import { _ as _JSON$stringify } from './stringify-e30bc114.js';
30
30
  import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-0379e924.js';
31
31
  import './_set-species-6f64f1c1.js';
32
- import './Beam.js';
33
- import './Segment.js';
32
+ import './beam-1ffc08d4.js';
34
33
  import DFPAdSlot from './AdSlot.js';
35
34
  import './_arrayMap-a8dd2b2c.js';
36
35
  import { B as BlockContent } from './BlockContent-a614acdf.js';