@mjhls/mjh-framework 1.0.686 → 1.0.688

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.686
+# mjh-framework v. 1.0.688
 
 > Foundation Framework 
 

package/dist/cjs/AD300x250.js

@@ -20,7 +20,8 @@ var stringify = 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');
 var AdSlot = require('./AdSlot.js');
 
 // removed static slotID ,because defining static slotID is restricting AD to render only once.

package/dist/cjs/AD300x250x600.js

@@ -20,7 +20,8 @@ var stringify = 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');
 var AdSlot = require('./AdSlot.js');
 
 // removed static slotID ,because defining static slotID is restricting AD to render only once.

package/dist/cjs/AD728x90.js

@@ -20,7 +20,8 @@ var stringify = 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');
 var AdSlot = require('./AdSlot.js');
 
 var AD728x90 = function AD728x90(_ref) {

package/dist/cjs/ADFloatingFooter.js

@@ -20,7 +20,8 @@ var stringify = 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');
 var AdSlot = require('./AdSlot.js');
 
 var ADFloatingFooter = function ADFloatingFooter(_ref) {

package/dist/cjs/ADGutter.js

@@ -20,7 +20,8 @@ var stringify = 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');
 var AdSlot = require('./AdSlot.js');
 
 var ADGutter = function ADGutter(_ref) {

package/dist/cjs/ADSkyscraper.js

@@ -20,7 +20,8 @@ var stringify = 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');
 var AdSlot = require('./AdSlot.js');
 
 // Skyscraper is below sponsored resource ad in the left column.

package/dist/cjs/ADSponsoredResources.js

@@ -20,7 +20,8 @@ var stringify = 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');
 var AdSlot = require('./AdSlot.js');
 
 var ADSponsoredResources = function ADSponsoredResources(_ref) {

package/dist/cjs/ADWebcast.js

@@ -20,7 +20,8 @@ var stringify = 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');
 var AdSlot = require('./AdSlot.js');
 
 //  Webcast AD : New AD with size [200,100] that is to be renderedin the LeftNav between the spotlight and subnavigation.

package/dist/cjs/ADWelcome.js

@@ -20,7 +20,8 @@ var stringify = 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');
 var AdSlot = require('./AdSlot.js');
 
 var ADWelcome = function ADWelcome(_ref) {

package/dist/cjs/AdSlot.js

@@ -21,7 +21,8 @@ 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');
+var Beam = require('./Beam.js');
 
 var DFPAdSlot = function DFPAdSlot(_ref) {
   var adUnit = _ref.adUnit,
@@ -80,8 +81,8 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
       targetingArguments: targeting,
       onSlotIsViewable: function onSlotIsViewable(e) {
         setStickyAd(true);
-        Segment.Beam.report_beam_ad('Impression', main.main_16, eventData.cID, eventData.lID, eventData.campID, eventData.adSize, eventData.slot_id);
-        Segment.Segment.adViewed(eventData.domain, eventData.advertiserId, eventData.campID, eventData.cID, eventData.lID, eventData.adSize, eventData.isEmpty, eventData.sourceAgnosticCreativeId, eventData.sourceAgnosticLineItemId);
+        Beam.report_beam_ad('Impression', main.main_16, eventData.cID, eventData.lID, eventData.campID, eventData.adSize, eventData.slot_id);
+        Segment.adViewed(eventData.domain, eventData.advertiserId, eventData.campID, eventData.cID, eventData.lID, eventData.adSize, eventData.isEmpty, eventData.sourceAgnosticCreativeId, eventData.sourceAgnosticLineItemId);
       },
       onSlotRender: function onSlotRender(eventData) {
         // Updating the condition to remove the dependency on static slotId.
@@ -142,8 +143,8 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
               var hasFocus = slot_div.getAttribute('hasFocus');
               if (hasFocus == 'yes' && document.hidden) {
                 slot_div.setAttribute('hasFocus', 'no');
-                Segment.Beam.report_beam_ad('Click', main.main_16, cID, lID, campID, adSize, slotId);
-                Segment.Segment.adClicked(domain, advertiserId, campID, cID, lID, adSize, isEmpty, sourceAgnosticCreativeId, sourceAgnosticLineItemId);
+                Beam.report_beam_ad('Click', main.main_16, cID, lID, campID, adSize, slotId);
+                Segment.adClicked(domain, advertiserId, campID, cID, lID, adSize, isEmpty, sourceAgnosticCreativeId, sourceAgnosticLineItemId);
               }
             });
           } else {

package/dist/cjs/Beam.js

@@ -7,11 +7,347 @@ require('./_library-dd23b178.js');
 require('./_iter-detect-60b2f026.js');
 require('./core.get-iterator-method-f62321d4.js');
 require('./web.dom.iterable-a0e279c1.js');
-require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-533d476a.js');
+var stringify = require('./stringify-7c5aff47.js');
+var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
-var Segment = require('./beam-7217b7e7.js');
+var Segment = require('./Segment.js');
 
+require("babel-polyfill");
+// server key for beam 
+// fnADs4Gtx6ACEgKgwlNo-eNSIrdwykH9Zj74GsDI
 
+var beam_domain = 'https://beam.mjhlifesciences.com';
 
-module.exports = Segment.Beam;
+function getCookie(cname) {
+  var name = cname + "=";
+  var decodedCookie = decodeURIComponent(document.cookie);
+  var ca = decodedCookie.split(';');
+  for (var i = 0; i < ca.length; i++) {
+    var c = ca[i];
+    while (c.charAt(0) == ' ') {
+      c = c.substring(1);
+    }
+    if (c.indexOf(name) == 0) {
+      return c.substring(name.length, c.length);
+    }
+  }
+  return "";
+}
+
+var Beam = {
+  proc_url: function proc_url() {
+    var $_GET = {};
+    document.location.search.replace(/\??(?:([^=]+)=([^&]*)&?)/g, function () {
+      function decode(s) {
+        return decodeURIComponent(s.split("+").join(" "));
+      }
+      $_GET[decode(arguments[1])] = decode(arguments[2]);
+    });
+
+    return $_GET;
+  },
+  proc_eKey: function proc_eKey($_GET) {
+    var _this = this;
+
+    return asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee() {
+      var eKey;
+      return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              eKey = "N/A";
+
+
+              if ($_GET["eKey"]) {
+                eKey = $_GET["eKey"];
+              } else if (typeof window.eKey !== 'undefined') {
+                eKey = window.eKey;
+              }
+
+              if (!eKey || eKey === 'N/A') {
+                eKey = getCookie('eKey');
+              }
+
+              return _context.abrupt('return', eKey);
+
+            case 4:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, _this);
+    }))();
+  },
+  proc_source: function proc_source() {
+    var referrer = "N/A";
+
+    if (encodeURIComponent(document.referrer)) {
+      referrer = encodeURIComponent(document.referrer);
+    }
+
+    return referrer;
+  },
+  proc_meta: function proc_meta() {
+    var data = {};
+
+    //keyword processing
+    var element = document.querySelector('meta[name="keywords"]');
+
+    data.keywords = "N/A";
+
+    if (element && element.getAttribute("content")) {
+      data.keywords = element.getAttribute("content");
+    }
+
+    //title processing
+    data.title = "N/A";
+    if (document.title !== "undefined") {
+      data.title = document.title;
+    }
+
+    return data;
+  },
+  proc_host: function proc_host() {
+    var data = {};
+    data.domain = window.location.hostname;
+    data.uri = window.location.pathname;
+    data.host = window.location.host;
+    data.protocol = window.location.protocol;
+
+    if (window.location.search) {
+      data.uri = data.uri + window.location.search;
+    }
+
+    return data;
+  },
+  get_beam: function get_beam(deviceType) {
+    var _this2 = this;
+
+    return asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee2() {
+      var beam;
+      return asyncToGenerator.regenerator.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              beam = {};
+              _context2.next = 3;
+              return _this2.proc_eKey(_this2.proc_url());
+
+            case 3:
+              beam.eKey = _context2.sent;
+
+              beam.source = _this2.proc_source();
+              beam.meta = _this2.proc_meta();
+              beam.host = _this2.proc_host();
+              beam.device = deviceType;
+              return _context2.abrupt('return', beam);
+
+            case 9:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, _this2);
+    }))();
+  },
+
+
+  /* for client use */
+  report_beam_event: function report_beam_event(action, deviceType) {
+    var _this3 = this;
+
+    return asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee3() {
+      var beam, response, res;
+      return asyncToGenerator.regenerator.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return _this3.get_beam(deviceType);
+
+            case 2:
+              beam = _context3.sent;
+
+
+              console.log('Call Beam', action, beam);
+
+              _context3.next = 6;
+              return fetch(beam_domain + '/api/beam/event', {
+                headers: {
+                  'Content-Type': 'application/json',
+                  'Accept': 'application/json'
+                },
+                method: 'post',
+                credentials: "include",
+                body: stringify._JSON$stringify({
+                  event: 'Beam',
+                  action: action,
+                  beam: stringify._JSON$stringify(beam)
+                })
+              });
+
+            case 6:
+              response = _context3.sent;
+              _context3.next = 9;
+              return response.json();
+
+            case 9:
+              res = _context3.sent;
+
+              if (res.error) {
+                console.error('Beam reporting error:', res.error);
+              }
+
+              // report segment when eKey is present 
+              if (beam.eKey) {
+                Segment.identify(beam.eKey);
+              }
+
+            case 12:
+            case 'end':
+              return _context3.stop();
+          }
+        }
+      }, _callee3, _this3);
+    }))();
+  },
+  report_beam_ad: function report_beam_ad(action, deviceType, cID, lID, campID, adSize, slotId) {
+    var adType = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 'DFP';
+
+    var _this4 = this;
+
+    var adDurationBrightCove = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : '';
+    var adIDBrightCove = arguments.length > 9 && arguments[9] !== undefined ? arguments[9] : '';
+    return asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee4() {
+      var beam, data, response, res;
+      return asyncToGenerator.regenerator.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.next = 2;
+              return _this4.get_beam(deviceType);
+
+            case 2:
+              beam = _context4.sent;
+              data = {};
+
+              data.campaignId = campID;
+              data.lineItemId = lID;
+              data.creativeId = cID;
+              data.size = adSize;
+              data.slotId = slotId;
+
+              data.adType = adType;
+              data.adDurationBrightCove = adDurationBrightCove;
+              data.adIDBrightCove = adIDBrightCove;
+
+              console.log('Call ' + adType, action, data);
+
+              _context4.next = 15;
+              return fetch(beam_domain + '/api/beam/ad', {
+                headers: {
+                  'Content-Type': 'application/json',
+                  'Accept': 'application/json'
+                },
+                method: 'post',
+                credentials: "include",
+                body: stringify._JSON$stringify({
+                  event: 'DFP',
+                  action: action,
+                  beam: stringify._JSON$stringify(beam),
+                  data: stringify._JSON$stringify(data)
+                })
+              });
+
+            case 15:
+              response = _context4.sent;
+              _context4.next = 18;
+              return response.json();
+
+            case 18:
+              res = _context4.sent;
+
+              if (res.error) {
+                console.error('DFP reporting error:', res.error);
+              }
+
+            case 20:
+            case 'end':
+              return _context4.stop();
+          }
+        }
+      }, _callee4, _this4);
+    }))();
+  },
+  report_beam_video: function report_beam_video(action, deviceType, duration, current, segment) {
+    var videoType = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 'Youtube';
+    var brightCovePlayerID = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : '';
+
+    var _this5 = this;
+
+    var brightCoveAccountID = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : '';
+    var brightCoveVideoID = arguments.length > 8 && arguments[8] !== undefined ? arguments[8] : '';
+    return asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee5() {
+      var beam, data, response, res;
+      return asyncToGenerator.regenerator.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              _context5.next = 2;
+              return _this5.get_beam(deviceType);
+
+            case 2:
+              beam = _context5.sent;
+              data = {};
+
+              data.duration = duration;
+              data.queue = Math.floor(duration / 10);
+              data.segment = segment;
+              data.current = current;
+
+              data.videoType = videoType;
+              data.brightCovePlayerID = brightCovePlayerID;
+              data.brightCoveAccountID = brightCoveAccountID;
+              data.brightCoveVideoID = brightCoveVideoID;
+
+              console.log('Call ' + videoType, action, data);
+
+              _context5.next = 15;
+              return fetch(beam_domain + '/api/beam/video', {
+                headers: {
+                  'Content-Type': 'application/json',
+                  'Accept': 'application/json'
+                },
+                method: 'post',
+                credentials: "include",
+                body: stringify._JSON$stringify({
+                  event: 'Video',
+                  action: action,
+                  beam: stringify._JSON$stringify(beam),
+                  data: stringify._JSON$stringify(data)
+                })
+              });
+
+            case 15:
+              response = _context5.sent;
+              _context5.next = 18;
+              return response.json();
+
+            case 18:
+              res = _context5.sent;
+
+              if (res.error) {
+                console.error('Video reporting error:', res.error);
+              }
+
+            case 20:
+            case 'end':
+              return _context5.stop();
+          }
+        }
+      }, _callee5, _this5);
+    }))();
+  }
+};
+
+module.exports = Beam;

package/dist/cjs/Column2.js

@@ -18,10 +18,9 @@ require('prop-types');
 var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 require('./isSymbol-04666465.js');
-require('./stringify-7c5aff47.js');
 require('./asyncToGenerator-533d476a.js');
 require('./_set-species-f92c67c5.js');
-require('./beam-7217b7e7.js');
+require('./Segment.js');
 require('./get-68c52cb1.js');
 require('./react-social-icons-f7f48f71.js');
 require('./defineProperty-55548b25.js');

package/dist/cjs/Column3.js

@@ -25,7 +25,8 @@ 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('./get-68c52cb1.js');
 require('./react-social-icons-f7f48f71.js');

package/dist/cjs/DeckContent.js

@@ -41,9 +41,10 @@ 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');
-var ADInfeed = require('./ADInfeed-c676389b.js');
+var ADInfeed = require('./ADInfeed-cf81b7aa.js');
 
 var DeckContent = function (_React$Component) {
   inherits._inherits(DeckContent, _React$Component);

package/dist/cjs/ExternalResources.js

@@ -37,7 +37,8 @@ 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 BlockContent = require('./BlockContent-88f69acd.js');
 require('./smoothscroll-95231a70.js');
@@ -45,7 +46,7 @@ require('./GroupDeck.js');
 require('react-bootstrap');
 var Button = _interopDefault(require('react-bootstrap/Button'));
 var index$3 = require('./index-5be2866f.js');
-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/GridContent.js

@@ -41,11 +41,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');
-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 get = require('./get-68c52cb1.js');
 require('./AD.js');

package/dist/cjs/HamMagazine.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');
@@ -114,6 +113,14 @@ var HamMagazine = function HamMagazine(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
@@ -403,7 +410,8 @@ var HamMagazine = function HamMagazine(props) {
                               'a',
                               {
                                 key: subIndex,
-                                href: Segment.Segment.getURL(ddRow.url, ddRow),
+                                needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '',
+                                href: ddRow.url,
                                 target: ddRow.blank ? '_blank' : '_self',
                                 rel: 'noopener noreferrer',
                                 className: 'dropdown-item' },
@@ -425,7 +433,8 @@ var HamMagazine = function HamMagazine(props) {
                               'a',
                               {
                                 key: subIndex,
-                                href: Segment.Segment.getURL(ddRow.url, ddRow),
+                                needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '',
+                                href: ddRow.url,
                                 target: ddRow.blank ? '_blank' : '_self',
                                 rel: 'noopener noreferrer',
                                 className: 'dropdown-item' },
@@ -439,7 +448,13 @@ var HamMagazine = function HamMagazine(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', rel: 'noopener noreferrer', className: 'nav-link' },
+                    { key: index,
+                      needsegmentsupport: row.needSegmentSupport ? 'true' : '',
+                      href: row.url,
+                      target: row.blank ? '_blank' : '_self',
+                      rel: 'noopener noreferrer',
+                      className: 'nav-link'
+                    },
                     row.name
                   ) : null;
                 }
@@ -477,7 +492,8 @@ var HamMagazine = function HamMagazine(props) {
                             'a',
                             {
                               key: subIndex,
-                              href: Segment.Segment.getURL(ddRow.url, ddRow),
+                              needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '',
+                              href: ddRow.url,
                               target: ddRow.blank ? '_blank' : '_self',
                               rel: 'noopener noreferrer',
                               className: 'dropdown-item nav-link' },
@@ -498,7 +514,8 @@ var HamMagazine = function HamMagazine(props) {
                               'a',
                               {
                                 key: subIndex,
-                                href: Segment.Segment.getURL(ddRow.url, ddRow),
+                                needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '',
+                                href: ddRow.url,
                                 target: ddRow.blank ? '_blank' : '_self',
                                 rel: 'noopener noreferrer',
                                 className: 'dropdown-item' },
@@ -512,7 +529,13 @@ var HamMagazine = function HamMagazine(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', rel: 'noopener noreferrer', className: 'nav-link' },
+                    { key: index,
+                      needsegmentsupport: row.needSegmentSupport ? 'true' : '',
+                      href: row.url,
+                      target: row.blank ? '_blank' : '_self',
+                      rel: 'noopener noreferrer',
+                      className: 'nav-link'
+                    },
                     row.name
                   ) : null;
                 }