@mjhls/mjh-framework 1.0.686 → 1.0.688

package/dist/cjs/IssueLanding.js

@@ -32,11 +32,12 @@ require('./stringify-7c5aff47.js');
 require('./slicedToArray-8f385299.js');
 require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
-require('./beam-7217b7e7.js');
+require('./Segment.js');
+require('./Beam.js');
 require('./AdSlot.js');
-require('./ADInfeed-c676389b.js');
+require('./ADInfeed-cf81b7aa.js');
 require('./lodash-fc2922d0.js');
-require('./ADlgInfeed-57d63c87.js');
+require('./ADlgInfeed-ebc1bf56.js');
 require('./getContentCategory-f38a4c00.js');
 require('./AuthorComponent-bb831b74.js');
 require('react-bootstrap');

package/dist/cjs/LeftNav.js

@@ -22,7 +22,8 @@ require('./stringify-7c5aff47.js');
 require('./slicedToArray-8f385299.js');
 require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
-var Segment = require('./beam-7217b7e7.js');
+var Segment = require('./Segment.js');
+require('./Beam.js');
 require('./AdSlot.js');
 var ListGroup = _interopDefault(require('react-bootstrap/ListGroup'));
 var ADWebcast = require('./ADWebcast.js');
@@ -56,13 +57,11 @@ var LeftNav = function LeftNav(props) {
 
   var leftNavRef = React.useRef(null);
   React.useEffect(function () {
-    Segment.Segment.init(); // auto init if not done yet
-
     var segmentLinks = leftNavRef.current.querySelectorAll('a[needsegmentsupport="true"]');
     for (var i = 0; i < segmentLinks.length; i++) {
       var link = segmentLinks[i];
       var href = link.getAttribute('href');
-      var newHref = Segment.Segment.getURL(href, { needSegmentSupport: true });
+      var newHref = Segment.getURL(href, { needSegmentSupport: true });
       link.setAttribute('href', newHref);
     }
   }, []);

package/dist/cjs/MasterDeck.js

@@ -39,11 +39,12 @@ require('./stringify-7c5aff47.js');
 require('./slicedToArray-8f385299.js');
 var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
-require('./beam-7217b7e7.js');
+require('./Segment.js');
+require('./Beam.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-c676389b.js');
+var ADInfeed = require('./ADInfeed-cf81b7aa.js');
 var lodash = require('./lodash-fc2922d0.js');
-var ADlgInfeed = require('./ADlgInfeed-57d63c87.js');
+var ADlgInfeed = require('./ADlgInfeed-ebc1bf56.js');
 
 var MasterDeck = function (_React$Component) {
   inherits._inherits(MasterDeck, _React$Component);

package/dist/cjs/NavDvm.js

@@ -14,11 +14,10 @@ require('./web.dom.iterable-a0e279c1.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var Container = _interopDefault(require('react-bootstrap/Container'));
-require('./stringify-7c5aff47.js');
 require('./slicedToArray-8f385299.js');
 require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
-var Segment = require('./beam-7217b7e7.js');
+var Segment = require('./Segment.js');
 require('react-bootstrap/Button');
 require('react-bootstrap/Form');
 var Nav = _interopDefault(require('react-bootstrap/Nav'));
@@ -37,28 +36,41 @@ var NavDvm = function NavDvm(props) {
       website = _props$website === undefined ? {} : _props$website;
 
 
+  var sfRef = React.useRef(null);
+
+  React.useEffect(function () {
+    // this adds ?eKey=xxx or ?anonymousid=xxx for forms that's outside - eg) formstack forms
+    // for tracking same user
+    var segmentLinks = sfRef.current.querySelectorAll('a[needsegmentsupport="true"]');
+    for (var i = 0; i < segmentLinks.length; i++) {
+      var link = segmentLinks[i];
+      var href = link.getAttribute('href');
+      var newRef = Segment.getURL(href, { needSegmentSupport: true });
+      link.setAttribute('href', newRef);
+    }
+  }, []);
+
   var getLink = function getLink(url, className, name, key, blank) {
     var needSegmentSupport = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
 
-    url = Segment.Segment.getURL(url, { needSegmentSupport: needSegmentSupport });
     if (url && (url.includes('https://') || url.includes('http://'))) {
       return React__default.createElement(
         'a',
-        { target: blank ? '_blank' : '_self', key: key, href: url || '#', className: className },
+        { target: blank ? '_blank' : '_self', needsegmentsupport: needSegmentSupport ? 'true' : '', key: key, href: url || '#', className: className },
         name
       );
     }
 
     return React__default.createElement(
       'a',
-      { key: key, href: url || '#', target: blank ? '_blank' : '_self', className: className },
+      { key: key, href: url || '#', needsegmentsupport: needSegmentSupport ? 'true' : '', target: blank ? '_blank' : '_self', className: className },
       name
     );
   };
 
   return React__default.createElement(
     React__default.Fragment,
-    null,
+    { ref: sfRef },
     React__default.createElement(
       Navbar,
       { className: 'top-nav', expand: 'xl' },
@@ -158,7 +170,7 @@ var NavDvm = function NavDvm(props) {
                         if (ddRow.url && ddRow.name) {
                           return ddRow.url && ddRow.name ? React__default.createElement(
                             'a',
-                            { key: subIndex, href: Segment.Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                            { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                             ddRow.name
                           ) : null;
                         } else return null;
@@ -178,7 +190,7 @@ var NavDvm = function NavDvm(props) {
                           if (ddRow.url && ddRow.name) {
                             return ddRow.url && ddRow.name ? React__default.createElement(
                               'a',
-                              { key: subIndex, href: Segment.Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                              { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                               ddRow.name
                             ) : null;
                           } else return null;
@@ -190,7 +202,7 @@ var NavDvm = function NavDvm(props) {
               } else {
                 return row.url && row.name ? React__default.createElement(
                   'a',
-                  { key: index, href: Segment.Segment.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
+                  { key: index, needsegmentsupport: row.needSegmentSupport ? 'true' : '', href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
                   row.name
                 ) : null;
               }

package/dist/cjs/NavMagazine.js

@@ -16,11 +16,10 @@ var React__default = _interopDefault(React);
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
 var main = require('./main-b6c96c8d.js');
-require('./stringify-7c5aff47.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
-var Segment = require('./beam-7217b7e7.js');
+var Segment = require('./Segment.js');
 require('./react-social-icons-f7f48f71.js');
 require('./iconBase-68959171.js');
 var index_esm = require('./index.esm-876ca9ff.js');
@@ -116,6 +115,14 @@ var NavMagazine = function NavMagazine(props) {
 
     // Initial screenwidth setup on refresh or on load
     setScreenWidth(parseInt(window.innerWidth));
+
+    var segmentLinks = navRef.current.querySelectorAll('a[needsegmentsupport="true"]');
+    for (var i = 0; i < segmentLinks.length; i++) {
+      var link = segmentLinks[i];
+      var href = link.getAttribute('href');
+      var newRef = Segment.getURL(href, { needSegmentSupport: true });
+      link.setAttribute('href', newRef);
+    }
   }, []);
 
   // Check for browser resize
@@ -424,7 +431,7 @@ var NavMagazine = function NavMagazine(props) {
                           if (ddRow.url && ddRow.name) {
                             return ddRow.url && ddRow.name ? React__default.createElement(
                               'a',
-                              { key: subIndex, href: Segment.Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                              { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                               ddRow.name
                             ) : null;
                           } else return null;
@@ -444,7 +451,7 @@ var NavMagazine = function NavMagazine(props) {
                             if (ddRow.url && ddRow.name) {
                               return ddRow.url && ddRow.name ? React__default.createElement(
                                 'a',
-                                { key: subIndex, href: Segment.Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                                { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                                 ddRow.name
                               ) : null;
                             } else return null;
@@ -456,7 +463,7 @@ var NavMagazine = function NavMagazine(props) {
                 } else {
                   return row.url && row.name ? React__default.createElement(
                     'a',
-                    { key: index, href: Segment.Segment.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
+                    { key: index, needsegmentsupport: row.needSegmentSupport ? 'true' : '', href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
                     row.name
                   ) : null;
                 }
@@ -492,7 +499,7 @@ var NavMagazine = function NavMagazine(props) {
                         } else {
                           return ddRow.url && ddRow.name ? React__default.createElement(
                             'a',
-                            { key: subIndex, href: Segment.Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                            { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                             ddRow.name
                           ) : null;
                         }
@@ -510,7 +517,7 @@ var NavMagazine = function NavMagazine(props) {
                           } else {
                             return ddRow.url && ddRow.name ? React__default.createElement(
                               'a',
-                              { key: subIndex, href: Segment.Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                              { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                               ddRow.name
                             ) : null;
                           }
@@ -521,7 +528,7 @@ var NavMagazine = function NavMagazine(props) {
                 } else {
                   return row.url && row.name ? React__default.createElement(
                     'a',
-                    { key: index, href: Segment.Segment.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
+                    { key: index, needsegmentsupport: row.needSegmentSupport ? 'true' : '', href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
                     row.name
                   ) : null;
                 }

package/dist/cjs/NavNative.js

@@ -16,11 +16,10 @@ var React__default = _interopDefault(React);
 require('prop-types');
 var Container = _interopDefault(require('react-bootstrap/Container'));
 var main = require('./main-b6c96c8d.js');
-require('./stringify-7c5aff47.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
-var Segment = require('./beam-7217b7e7.js');
+var Segment = require('./Segment.js');
 require('./react-social-icons-f7f48f71.js');
 var iconBase = require('./iconBase-68959171.js');
 var Button = _interopDefault(require('react-bootstrap/Button'));
@@ -93,6 +92,14 @@ var NavNative = function NavNative(props) {
     var topNavHeight = document.querySelector('.nav-brands') && document.querySelector('.nav-brands').offsetHeight;
     // Setting the top of the search component based on the offset of navigation component.
     searchRef.current.style.top = (topNavHeight ? topNavHeight + navRef.current.offsetHeight : navRef.current.offsetHeight) + 1 + 'px';
+
+    var segmentLinks = navRef.current.querySelectorAll('a[needsegmentsupport="true"]');
+    for (var i = 0; i < segmentLinks.length; i++) {
+      var link = segmentLinks[i];
+      var href = link.getAttribute('href');
+      var newRef = Segment.getURL(href, { needSegmentSupport: true });
+      link.setAttribute('href', newRef);
+    }
   }, []);
 
   React.useEffect(function () {
@@ -362,7 +369,7 @@ var NavNative = function NavNative(props) {
                         if (ddRow.url && ddRow.name) {
                           return ddRow.url && ddRow.name ? React__default.createElement(
                             'a',
-                            { key: subIndex, href: Segment.Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                            { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                             ddRow.name
                           ) : null;
                         } else return null;
@@ -382,7 +389,7 @@ var NavNative = function NavNative(props) {
                           if (ddRow.url && ddRow.name) {
                             return ddRow.url && ddRow.name ? React__default.createElement(
                               'a',
-                              { key: subIndex, href: Segment.Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                              { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                               ddRow.name
                             ) : null;
                           } else return null;
@@ -394,7 +401,7 @@ var NavNative = function NavNative(props) {
               } else {
                 return row.url && row.name ? React__default.createElement(
                   'a',
-                  { key: index, href: Segment.Segment.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
+                  { key: index, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
                   row.name
                 ) : null;
               }
@@ -421,7 +428,7 @@ var NavNative = function NavNative(props) {
                       } else {
                         return ddRow.url && ddRow.name ? React__default.createElement(
                           'a',
-                          { key: subIndex, href: Segment.Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                          { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                           ddRow.name
                         ) : null;
                       }
@@ -439,7 +446,7 @@ var NavNative = function NavNative(props) {
                         } else {
                           return ddRow.url && ddRow.name ? React__default.createElement(
                             'a',
-                            { key: subIndex, href: Segment.Segment.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                            { key: subIndex, needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '', href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                             ddRow.name
                           ) : null;
                         }
@@ -450,7 +457,7 @@ var NavNative = function NavNative(props) {
               } else {
                 return row.url && row.name ? React__default.createElement(
                   'a',
-                  { key: index, href: Segment.Segment.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
+                  { key: index, needsegmentsupport: row.needSegmentSupport ? 'true' : '', href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
                   row.name
                 ) : null;
               }

package/dist/cjs/NavNormal.js

@@ -14,11 +14,10 @@ require('./web.dom.iterable-a0e279c1.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var Container = _interopDefault(require('react-bootstrap/Container'));
-require('./stringify-7c5aff47.js');
 require('./slicedToArray-8f385299.js');
 require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
-var Segment = require('./beam-7217b7e7.js');
+var Segment = require('./Segment.js');
 require('./iconBase-68959171.js');
 require('react-bootstrap/Button');
 require('react-bootstrap/Form');
@@ -39,12 +38,11 @@ var NavNormal = function NavNormal(props) {
   var ref = React.useRef(null);
 
   React.useEffect(function () {
-    Segment.Segment.init(); // auto init if not done yet
     var segmentLinks = ref.current.querySelectorAll('a[needsegmentsupport="true"]');
     for (var i = 0; i < segmentLinks.length; i++) {
       var link = segmentLinks[i];
       var href = link.getAttribute('href');
-      var newHref = Segment.Segment.getURL(href, { needSegmentSupport: true });
+      var newHref = Segment.getURL(href, { needSegmentSupport: true });
       link.setAttribute('href', newHref);
     }
   }, []);

package/dist/cjs/PartnerDetailListing.js

@@ -39,11 +39,12 @@ require('./stringify-7c5aff47.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
-require('./beam-7217b7e7.js');
+require('./Segment.js');
+require('./Beam.js');
 require('./AdSlot.js');
-require('./ADInfeed-c676389b.js');
+require('./ADInfeed-cf81b7aa.js');
 require('./lodash-fc2922d0.js');
-require('./ADlgInfeed-57d63c87.js');
+require('./ADlgInfeed-ebc1bf56.js');
 require('./getContentCategory-f38a4c00.js');
 require('./AuthorComponent-bb831b74.js');
 var BlockContent = require('./BlockContent-88f69acd.js');
@@ -53,7 +54,7 @@ require('react-bootstrap');
 require('./timeDifferenceCalc.js');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 require('react-bootstrap/Button');
-var getSerializers = require('./index-8c9e8ca7.js');
+var getSerializers = require('./index-a1090dcd.js');
 require('./util-f2c1b65b.js');
 require('./brightcove-react-player-loader.es-156bd4d6.js');
 require('react-bootstrap/Pagination');

package/dist/cjs/QueueDeckExpanded.js

@@ -33,11 +33,12 @@ require('./stringify-7c5aff47.js');
 var slicedToArray = require('./slicedToArray-8f385299.js');
 require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
-require('./beam-7217b7e7.js');
+require('./Segment.js');
+require('./Beam.js');
 require('./AdSlot.js');
-var ADInfeed = require('./ADInfeed-c676389b.js');
+var ADInfeed = require('./ADInfeed-cf81b7aa.js');
 var lodash = require('./lodash-fc2922d0.js');
-var ADlgInfeed = require('./ADlgInfeed-57d63c87.js');
+var ADlgInfeed = require('./ADlgInfeed-ebc1bf56.js');
 var getContentCategory = require('./getContentCategory-f38a4c00.js');
 var AuthorComponent = require('./AuthorComponent-bb831b74.js');
 var reactBootstrap = require('react-bootstrap');