@mjhls/mjh-framework 1.0.477 → 1.0.478

package/dist/esm/Beam.js

@@ -4,341 +4,7 @@ import './core.get-iterator-method-f5c0d66a.js';
 import './_library-528f1934.js';
 import './_iter-detect-6e099a34.js';
 import './web.dom.iterable-46c95e52.js';
-import { _ as _JSON$stringify } from './stringify-e30bc114.js';
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-0379e924.js';
+import './stringify-e30bc114.js';
+import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-
-require("babel-polyfill");
-// server key for beam 
-// fnADs4Gtx6ACEgKgwlNo-eNSIrdwykH9Zj74GsDI
-
-var beam_domain = 'https://beam.mjhlifesciences.com';
-
-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( /*#__PURE__*/regenerator.mark(function _callee() {
-      var eKey;
-      return 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( /*#__PURE__*/regenerator.mark(function _callee2() {
-      var beam;
-      return 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( /*#__PURE__*/regenerator.mark(function _callee3() {
-      var beam, response, res;
-      return 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: _JSON$stringify({
-                  event: 'Beam',
-                  action: action,
-                  beam: _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);
-              }
-
-            case 11:
-            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( /*#__PURE__*/regenerator.mark(function _callee4() {
-      var beam, data, response, res;
-      return 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: _JSON$stringify({
-                  event: 'DFP',
-                  action: action,
-                  beam: _JSON$stringify(beam),
-                  data: _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( /*#__PURE__*/regenerator.mark(function _callee5() {
-      var beam, data, response, res;
-      return 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: _JSON$stringify({
-                  event: 'Video',
-                  action: action,
-                  beam: _JSON$stringify(beam),
-                  data: _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);
-    }))();
-  }
-};
-
-export default Beam;
+export { B as default } from './beam-1ffc08d4.js';

package/dist/esm/Column2.js

@@ -1,9 +1,18 @@
 import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
+import './_library-528f1934.js';
+import './_iter-detect-6e099a34.js';
+import './web.dom.iterable-46c95e52.js';
 import React__default from 'react';
 import 'prop-types';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import './isSymbol-c1b9be80.js';
+import './stringify-e30bc114.js';
+import './asyncToGenerator-0379e924.js';
+import './_set-species-6f64f1c1.js';
+import './beam-1ffc08d4.js';
 import './_arrayMap-a8dd2b2c.js';
 import './get-ae817b75.js';
 import './react-social-icons-a7d5c5c7.js';

package/dist/esm/Column3.js

@@ -16,8 +16,7 @@ import './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './Beam.js';
-import './Segment.js';
+import './beam-1ffc08d4.js';
 import './AdSlot.js';
 import './_arrayMap-a8dd2b2c.js';
 import './get-ae817b75.js';

package/dist/esm/DeckContent.js

@@ -34,10 +34,9 @@ import './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './Beam.js';
-import './Segment.js';
+import './beam-1ffc08d4.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-dbd65900.js';
+import { A as ADInfeed } from './ADInfeed-84a98951.js';
 
 var DeckContent = function (_React$Component) {
   _inherits(DeckContent, _React$Component);

package/dist/esm/GridContent.js

@@ -34,12 +34,11 @@ import './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './Beam.js';
-import './Segment.js';
+import './beam-1ffc08d4.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-dbd65900.js';
+import { A as ADInfeed } from './ADInfeed-84a98951.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-a385f968.js';
+import { A as ADlgInfeed } from './ADlgInfeed-25962fea.js';
 import './_arrayMap-a8dd2b2c.js';
 import { g as get_1 } from './get-ae817b75.js';
 import './AD.js';

package/dist/esm/HamMagazine.js

@@ -1,12 +1,18 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-16fd8b46.js';
 import './core.get-iterator-method-f5c0d66a.js';
+import './_library-528f1934.js';
+import './_iter-detect-6e099a34.js';
 import './web.dom.iterable-46c95e52.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import { m as main_39 } from './main-7255814e.js';
 import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
+import './stringify-e30bc114.js';
+import './asyncToGenerator-0379e924.js';
+import './_set-species-6f64f1c1.js';
+import { S as SegmentAPI } from './beam-1ffc08d4.js';
 import './react-social-icons-a7d5c5c7.js';
 import './iconBase-6ee2f2fb.js';
 import { b as IoMdLogIn, c as IoIosHome } from './index.esm-b97cf389.js';
@@ -337,7 +343,7 @@ var HamMagazine = function HamMagazine(props) {
                           if (ddRow.url && ddRow.name) {
                             return ddRow.url && ddRow.name ? React__default.createElement(
                               'a',
-                              { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'dropdown-item' },
+                              { key: subIndex, href: SegmentAPI.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'dropdown-item' },
                               ddRow.name
                             ) : null;
                           } else return null;
@@ -354,7 +360,7 @@ var HamMagazine = function HamMagazine(props) {
                           if (ddRow.url && ddRow.name) {
                             return ddRow.url && ddRow.name ? React__default.createElement(
                               'a',
-                              { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'dropdown-item' },
+                              { key: subIndex, href: SegmentAPI.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'dropdown-item' },
                               ddRow.name
                             ) : null;
                           } else return null;
@@ -365,7 +371,7 @@ var HamMagazine = function HamMagazine(props) {
                 } else {
                   return row.url && row.name ? React__default.createElement(
                     'a',
-                    { key: index, href: row.url, target: row.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'nav-link' },
+                    { key: index, href: SegmentAPI.getURL(row.url, row), target: row.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'nav-link' },
                     row.name
                   ) : null;
                 }
@@ -397,7 +403,7 @@ var HamMagazine = function HamMagazine(props) {
                         } else {
                           return ddRow.url && ddRow.name ? React__default.createElement(
                             'a',
-                            { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'dropdown-item nav-link' },
+                            { key: subIndex, href: SegmentAPI.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'dropdown-item nav-link' },
                             ddRow.name
                           ) : null;
                         }
@@ -413,7 +419,7 @@ var HamMagazine = function HamMagazine(props) {
                           if (ddRow.url && ddRow.name) {
                             return ddRow.url && ddRow.name ? React__default.createElement(
                               'a',
-                              { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'dropdown-item' },
+                              { key: subIndex, href: SegmentAPI.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'dropdown-item' },
                               ddRow.name
                             ) : null;
                           } else return null;
@@ -424,7 +430,7 @@ var HamMagazine = function HamMagazine(props) {
                 } else {
                   return row.url && row.name ? React__default.createElement(
                     'a',
-                    { key: index, href: row.url, target: row.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'nav-link' },
+                    { key: index, href: SegmentAPI.getURL(row.url, row), target: row.blank ? '_blank' : '_self', rel: 'noopener noreferrer', className: 'nav-link' },
                     row.name
                   ) : null;
                 }

package/dist/esm/IssueLanding.js

@@ -27,12 +27,11 @@ import './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './Beam.js';
-import './Segment.js';
+import './beam-1ffc08d4.js';
 import './AdSlot.js';
-import './ADInfeed-dbd65900.js';
+import './ADInfeed-84a98951.js';
 import './lodash-17fdfebb.js';
-import './ADlgInfeed-a385f968.js';
+import './ADlgInfeed-25962fea.js';
 import './AuthorComponent-158226c9.js';
 import 'react-bootstrap';
 import QueueDeckExpanded from './QueueDeckExpanded.js';

package/dist/esm/LeftNav.js

@@ -4,7 +4,7 @@ import './core.get-iterator-method-f5c0d66a.js';
 import './_library-528f1934.js';
 import './_iter-detect-6e099a34.js';
 import './web.dom.iterable-46c95e52.js';
-import React__default from 'react';
+import React__default, { useRef, useEffect } from 'react';
 import './index-93ec3c59.js';
 import 'prop-types';
 import './isSymbol-c1b9be80.js';
@@ -14,8 +14,7 @@ import './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './Beam.js';
-import './Segment.js';
+import { S as SegmentAPI } from './beam-1ffc08d4.js';
 import './AdSlot.js';
 import ListGroup from 'react-bootstrap/ListGroup';
 import ADWebcast from './ADWebcast.js';
@@ -47,24 +46,38 @@ var LeftNav = function LeftNav(props) {
     return false;
   };
 
+  var leftNavRef = useRef(null);
+  useEffect(function () {
+    SegmentAPI.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 = SegmentAPI.getURL(href, { needSegmentSupport: true });
+      link.setAttribute('href', newHref);
+    }
+  }, []);
+
   var renderListGroupItem = function renderListGroupItem(subRow) {
     if (checkUrlIsExternal(subRow.url)) {
       return React__default.createElement(
         'a',
-        { target: subRow.blank ? '_blank' : '_self', href: subRow.url },
+        { target: subRow.blank ? '_blank' : '_self', needSegmentSupport: subRow.needSegmentSupport ? 'true' : '', href: subRow.url },
         subRow.name
       );
     }
+
     return React__default.createElement(
       'a',
-      { href: subRow.url || '#', target: subRow.blank ? '_blank' : '_self' },
+      { href: subRow.url || '#', target: subRow.blank ? '_blank' : '_self', needSegmentSupport: subRow.needSegmentSupport ? 'true' : '' },
       subRow.name
     );
   };
 
   return React__default.createElement(
     'section',
-    null,
+    { ref: leftNavRef },
     leftItems && leftItems.map(function (row, index) {
       //  Showing webcast AD between spotlight and sub navigation when "webcastAD" is passed from site within "leftItems"
       //  Since Webcast Ad should be between spotlight and sub navigation it should be passed as the second element of leftItems array from site level.
@@ -93,7 +106,8 @@ var LeftNav = function LeftNav(props) {
               React__default.createElement(
                 'a',
                 { style: { color: 'white', fontSize: '.6rem' }, href: row.url },
-                'See All >'
+                'See All ',
+                '>'
               )
             )
           ),

package/dist/esm/MasterDeck.js

@@ -32,12 +32,11 @@ import './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import { _ as _Promise } from './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './Beam.js';
-import './Segment.js';
+import './beam-1ffc08d4.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-dbd65900.js';
+import { A as ADInfeed } from './ADInfeed-84a98951.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-a385f968.js';
+import { A as ADlgInfeed } from './ADlgInfeed-25962fea.js';
 
 var MasterDeck = function (_React$Component) {
   _inherits(MasterDeck, _React$Component);

package/dist/esm/NavDvm.js

@@ -1,10 +1,16 @@
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-16fd8b46.js';
 import './core.get-iterator-method-f5c0d66a.js';
+import './_library-528f1934.js';
+import './_iter-detect-6e099a34.js';
 import './web.dom.iterable-46c95e52.js';
 import React__default from 'react';
 import Container from 'react-bootstrap/Container';
 import './slicedToArray-f1e40361.js';
+import './stringify-e30bc114.js';
+import './asyncToGenerator-0379e924.js';
+import './_set-species-6f64f1c1.js';
+import { S as SegmentAPI } from './beam-1ffc08d4.js';
 import 'react-bootstrap/Button';
 import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';
@@ -23,6 +29,9 @@ var NavDvm = function NavDvm(props) {
 
 
   var getLink = function getLink(url, className, name, key, blank) {
+    var needSegmentSupport = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+
+    url = SegmentAPI.getURL(url, { needSegmentSupport: needSegmentSupport });
     if (url && (url.includes('https://') || url.includes('http://'))) {
       return React__default.createElement(
         'a',
@@ -92,7 +101,7 @@ var NavDvm = function NavDvm(props) {
                       if (ddRow.type === 'divider') {
                         return React__default.createElement(NavDropdown.Divider, { key: subIndex });
                       } else {
-                        return getLink(ddRow.url, 'dropdown-item', ddRow.name, subIndex, ddRow.blank);
+                        return getLink(ddRow.url, 'dropdown-item', ddRow.name, subIndex, ddRow.blank, ddRow.needSegmentSupport);
                       }
                     })
                   ),
@@ -106,14 +115,14 @@ var NavDvm = function NavDvm(props) {
                         if (ddRow.type === 'divider') {
                           return React__default.createElement(NavDropdown.Divider, { key: subIndex });
                         } else {
-                          return getLink(ddRow.url, 'dropdown-item', ddRow.name, subIndex, ddRow.blank);
+                          return getLink(ddRow.url, 'dropdown-item', ddRow.name, subIndex, ddRow.blank, ddRow.needSegmentSupport);
                         }
                       })
                     )
                   )
                 );
               } else {
-                return getLink(row.url, 'nav-link', row.name, index, row.blank);
+                return getLink(row.url, 'nav-link', row.name, index, row.blank, row.needSegmentSupport);
               }
             })
           ),
@@ -140,7 +149,7 @@ var NavDvm = function NavDvm(props) {
                         if (ddRow.url && ddRow.name) {
                           return ddRow.url && ddRow.name ? React__default.createElement(
                             'a',
-                            { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                            { key: subIndex, href: SegmentAPI.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                             ddRow.name
                           ) : null;
                         } else return null;
@@ -160,7 +169,7 @@ var NavDvm = function NavDvm(props) {
                           if (ddRow.url && ddRow.name) {
                             return ddRow.url && ddRow.name ? React__default.createElement(
                               'a',
-                              { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                              { key: subIndex, href: SegmentAPI.getURL(ddRow.url, ddRow), target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
                               ddRow.name
                             ) : null;
                           } else return null;
@@ -172,7 +181,7 @@ var NavDvm = function NavDvm(props) {
               } else {
                 return row.url && row.name ? React__default.createElement(
                   'a',
-                  { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
+                  { key: index, href: SegmentAPI.getURL(row.url, row), target: row.blank ? '_blank' : '_self', className: 'nav-link' },
                   row.name
                 ) : null;
               }