@mjhls/mjh-framework 1.0.686 → 1.0.688

package/dist/esm/Beam.js

@@ -5,7 +5,347 @@ import './_library-528f1934.js';
 import './_iter-detect-59409a32.js';
 import './core.get-iterator-method-54d2e411.js';
 import './web.dom.iterable-8956f9a5.js';
-import './stringify-008c8802.js';
-import './asyncToGenerator-7c654f36.js';
+import { _ as _JSON$stringify } from './stringify-008c8802.js';
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
-export { B as default } from './beam-681a9749.js';
+import Segment from './Segment.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);
+              }
+
+              // 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( /*#__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;

package/dist/esm/Column2.js

@@ -11,10 +11,9 @@ import 'prop-types';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import './isSymbol-807e927e.js';
-import './stringify-008c8802.js';
 import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
-import './beam-681a9749.js';
+import './Segment.js';
 import './get-5ee14cda.js';
 import './react-social-icons-a7d5c5c7.js';
 import './defineProperty-b798470d.js';

package/dist/esm/Column3.js

@@ -18,7 +18,8 @@ import './stringify-008c8802.js';
 import './slicedToArray-7021e5df.js';
 import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
-import './beam-681a9749.js';
+import './Segment.js';
+import './Beam.js';
 import './AdSlot.js';
 import './get-5ee14cda.js';
 import './react-social-icons-a7d5c5c7.js';

package/dist/esm/DeckContent.js

@@ -35,9 +35,10 @@ import './stringify-008c8802.js';
 import './slicedToArray-7021e5df.js';
 import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
-import './beam-681a9749.js';
+import './Segment.js';
+import './Beam.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-97b8cea7.js';
+import { A as ADInfeed } from './ADInfeed-898b9c8f.js';
 
 var DeckContent = function (_React$Component) {
   _inherits(DeckContent, _React$Component);

package/dist/esm/ExternalResources.js

@@ -31,7 +31,8 @@ import './stringify-008c8802.js';
 import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
 import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
-import './beam-681a9749.js';
+import './Segment.js';
+import './Beam.js';
 import './AdSlot.js';
 import { B as BlockContent } from './BlockContent-a614acdf.js';
 import './smoothscroll-4b699764.js';
@@ -39,7 +40,7 @@ import './GroupDeck.js';
 import 'react-bootstrap';
 import Button from 'react-bootstrap/Button';
 import { m as momentTimezone } from './index-d2f90501.js';
-import { g as getSerializers } from './index-5505d4f9.js';
+import { g as getSerializers } from './index-a3da0503.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'react-bootstrap/Pagination';

package/dist/esm/GridContent.js

@@ -35,11 +35,12 @@ import './stringify-008c8802.js';
 import './slicedToArray-7021e5df.js';
 import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
-import './beam-681a9749.js';
+import './Segment.js';
+import './Beam.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-97b8cea7.js';
+import { A as ADInfeed } from './ADInfeed-898b9c8f.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-3ab91c75.js';
+import { A as ADlgInfeed } from './ADlgInfeed-a747451b.js';
 import { g as getContentCategory } from './getContentCategory-15dcc413.js';
 import { g as get_1 } from './get-5ee14cda.js';
 import './AD.js';

package/dist/esm/HamMagazine.js

@@ -9,11 +9,10 @@ import React__default, { useRef, useState, useEffect } from 'react';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import { m as main_39, a as main_40 } from './main-0465b2a0.js';
-import './stringify-008c8802.js';
 import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
 import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
-import { S as Segment } from './beam-681a9749.js';
+import Segment from './Segment.js';
 import './react-social-icons-a7d5c5c7.js';
 import './iconBase-602d52fe.js';
 import { b as IoMdLogIn } from './index.esm-85cb09e6.js';
@@ -107,6 +106,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
@@ -396,7 +403,8 @@ var HamMagazine = function HamMagazine(props) {
                               'a',
                               {
                                 key: subIndex,
-                                href: Segment.getURL(ddRow.url, ddRow),
+                                needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '',
+                                href: ddRow.url,
                                 target: ddRow.blank ? '_blank' : '_self',
                                 rel: 'noopener noreferrer',
                                 className: 'dropdown-item' },
@@ -418,7 +426,8 @@ var HamMagazine = function HamMagazine(props) {
                               'a',
                               {
                                 key: subIndex,
-                                href: Segment.getURL(ddRow.url, ddRow),
+                                needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '',
+                                href: ddRow.url,
                                 target: ddRow.blank ? '_blank' : '_self',
                                 rel: 'noopener noreferrer',
                                 className: 'dropdown-item' },
@@ -432,7 +441,13 @@ var HamMagazine = function HamMagazine(props) {
                 } else {
                   return row.url && row.name ? React__default.createElement(
                     'a',
-                    { key: index, href: 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;
                 }
@@ -470,7 +485,8 @@ var HamMagazine = function HamMagazine(props) {
                             'a',
                             {
                               key: subIndex,
-                              href: 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' },
@@ -491,7 +507,8 @@ var HamMagazine = function HamMagazine(props) {
                               'a',
                               {
                                 key: subIndex,
-                                href: Segment.getURL(ddRow.url, ddRow),
+                                needsegmentsupport: ddRow.needSegmentSupport ? 'true' : '',
+                                href: ddRow.url,
                                 target: ddRow.blank ? '_blank' : '_self',
                                 rel: 'noopener noreferrer',
                                 className: 'dropdown-item' },
@@ -505,7 +522,13 @@ var HamMagazine = function HamMagazine(props) {
                 } else {
                   return row.url && row.name ? React__default.createElement(
                     'a',
-                    { key: index, href: 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;
                 }

package/dist/esm/IssueLanding.js

@@ -27,11 +27,12 @@ import './stringify-008c8802.js';
 import './slicedToArray-7021e5df.js';
 import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
-import './beam-681a9749.js';
+import './Segment.js';
+import './Beam.js';
 import './AdSlot.js';
-import './ADInfeed-97b8cea7.js';
+import './ADInfeed-898b9c8f.js';
 import './lodash-17fdfebb.js';
-import './ADlgInfeed-3ab91c75.js';
+import './ADlgInfeed-a747451b.js';
 import './getContentCategory-15dcc413.js';
 import './AuthorComponent-00f13201.js';
 import 'react-bootstrap';

package/dist/esm/LeftNav.js

@@ -15,7 +15,8 @@ import './stringify-008c8802.js';
 import './slicedToArray-7021e5df.js';
 import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
-import { S as Segment } from './beam-681a9749.js';
+import Segment from './Segment.js';
+import './Beam.js';
 import './AdSlot.js';
 import ListGroup from 'react-bootstrap/ListGroup';
 import ADWebcast from './ADWebcast.js';
@@ -49,8 +50,6 @@ var LeftNav = function LeftNav(props) {
 
   var leftNavRef = useRef(null);
   useEffect(function () {
-    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];

package/dist/esm/MasterDeck.js

@@ -33,11 +33,12 @@ import './stringify-008c8802.js';
 import './slicedToArray-7021e5df.js';
 import { _ as _Promise } from './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
-import './beam-681a9749.js';
+import './Segment.js';
+import './Beam.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-97b8cea7.js';
+import { A as ADInfeed } from './ADInfeed-898b9c8f.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-3ab91c75.js';
+import { A as ADlgInfeed } from './ADlgInfeed-a747451b.js';
 
 var MasterDeck = function (_React$Component) {
   _inherits(MasterDeck, _React$Component);

package/dist/esm/NavDvm.js

@@ -5,13 +5,12 @@ import './_library-528f1934.js';
 import './_iter-detect-59409a32.js';
 import './core.get-iterator-method-54d2e411.js';
 import './web.dom.iterable-8956f9a5.js';
-import React__default from 'react';
+import React__default, { useRef, useEffect } from 'react';
 import Container from 'react-bootstrap/Container';
-import './stringify-008c8802.js';
 import './slicedToArray-7021e5df.js';
 import './asyncToGenerator-7c654f36.js';
 import './_set-species-cede29f8.js';
-import { S as Segment } from './beam-681a9749.js';
+import Segment from './Segment.js';
 import 'react-bootstrap/Button';
 import 'react-bootstrap/Form';
 import Nav from 'react-bootstrap/Nav';
@@ -30,28 +29,41 @@ var NavDvm = function NavDvm(props) {
       website = _props$website === undefined ? {} : _props$website;
 
 
+  var sfRef = useRef(null);
+
+  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.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' },
@@ -151,7 +163,7 @@ var NavDvm = function NavDvm(props) {
                         if (ddRow.url && ddRow.name) {
                           return ddRow.url && ddRow.name ? React__default.createElement(
                             'a',
-                            { key: subIndex, href: 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;
@@ -171,7 +183,7 @@ var NavDvm = function NavDvm(props) {
                           if (ddRow.url && ddRow.name) {
                             return ddRow.url && ddRow.name ? React__default.createElement(
                               'a',
-                              { key: subIndex, href: 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;
@@ -183,7 +195,7 @@ var NavDvm = function NavDvm(props) {
               } else {
                 return row.url && row.name ? React__default.createElement(
                   'a',
-                  { key: index, href: 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;
               }