@mjhls/mjh-framework 1.0.477 → 1.0.479

package/dist/esm/NavMagazine.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 { a as main_40 } 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-e248fb74.js';
 import './react-social-icons-a7d5c5c7.js';
 import './iconBase-6ee2f2fb.js';
 import { b as IoMdLogIn, c as IoIosHome } from './index.esm-b97cf389.js';
@@ -289,7 +295,7 @@ var NavMagazine = function NavMagazine(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;
@@ -309,7 +315,7 @@ var NavMagazine = function NavMagazine(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;
@@ -321,7 +327,7 @@ var NavMagazine = function NavMagazine(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;
               }
@@ -353,7 +359,7 @@ var NavMagazine = function NavMagazine(props) {
                       } else {
                         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;
                       }
@@ -371,7 +377,7 @@ var NavMagazine = function NavMagazine(props) {
                         } else {
                           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;
                         }
@@ -382,7 +388,7 @@ var NavMagazine = function NavMagazine(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;
               }

package/dist/esm/NavNative.js

@@ -1,20 +1,23 @@
 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 { a as main_40 } 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-e248fb74.js';
 import './react-social-icons-a7d5c5c7.js';
-import './iconBase-6ee2f2fb.js';
-import './index.esm-b97cf389.js';
 import 'react-bootstrap/Button';
 import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';
 import NavDropdown from 'react-bootstrap/NavDropdown';
-import './index.esm-9d6faf80.js';
 import 'react-bootstrap/Form';
 import 'react-bootstrap/FormControl';
 import Search from './Search.js';
@@ -138,7 +141,7 @@ var NavNative = function NavNative(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;
@@ -158,7 +161,7 @@ var NavNative = function NavNative(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;
@@ -170,7 +173,7 @@ var NavNative = function NavNative(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;
               }
@@ -197,7 +200,7 @@ var NavNative = function NavNative(props) {
                       } else {
                         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;
                       }
@@ -215,7 +218,7 @@ var NavNative = function NavNative(props) {
                         } else {
                           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;
                         }
@@ -226,7 +229,7 @@ var NavNative = function NavNative(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;
               }

package/dist/esm/NavNormal.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 React__default, { useRef, useEffect } 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-e248fb74.js';
 import './iconBase-6ee2f2fb.js';
 import 'react-bootstrap/Button';
 import Nav from 'react-bootstrap/Nav';
@@ -20,9 +26,22 @@ var NavNormal = function NavNormal(props) {
       dataObject = props.dataObject;
 
 
+  var ref = useRef(null);
+
+  useEffect(function () {
+    SegmentAPI.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 = SegmentAPI.getURL(href, { needSegmentSupport: true });
+      link.setAttribute('href', newHref);
+    }
+  }, []);
+
   return React__default.createElement(
     'section',
-    null,
+    { ref: ref },
     React__default.createElement(
       Navbar,
       { expand: 'lg' },
@@ -65,7 +84,7 @@ var NavNormal = function NavNormal(props) {
                     } else {
                       return React__default.createElement(
                         NavDropdown.Item,
-                        { href: ddRow.url, target: ddRow.blank ? '_blank' : '_self' },
+                        { href: ddRow.url, needSegmentSupport: ddRow.needSegmentSupport ? 'true' : '', target: ddRow.blank ? '_blank' : '_self' },
                         ddRow.name
                       );
                     }
@@ -75,7 +94,7 @@ var NavNormal = function NavNormal(props) {
                 // Link default
                 return React__default.createElement(
                   Nav.Link,
-                  { href: row.url, target: row.blank ? '_blank' : '_self' },
+                  { href: row.url, needSegmentSupport: row.needSegmentSupport ? 'true' : '', target: row.blank ? '_blank' : '_self' },
                   row.name
                 );
               }

package/dist/esm/PartnerDetailListing.js

@@ -29,12 +29,11 @@ import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import { a as _asyncToGenerator, r as regenerator, _ as _Promise } from './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './Beam.js';
-import './Segment.js';
+import './beam-e248fb74.js';
 import './AdSlot.js';
-import './ADInfeed-dbd65900.js';
+import './ADInfeed-f2d3970d.js';
 import './lodash-17fdfebb.js';
-import './ADlgInfeed-a385f968.js';
+import './ADlgInfeed-3c3c976a.js';
 import './AuthorComponent-158226c9.js';
 import { B as BlockContent } from './BlockContent-a614acdf.js';
 import './smoothscroll-4b699764.js';

package/dist/esm/QueueDeckExpanded.js

@@ -27,12 +27,11 @@ import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './Beam.js';
-import './Segment.js';
+import './beam-e248fb74.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-dbd65900.js';
+import { A as ADInfeed } from './ADInfeed-f2d3970d.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-a385f968.js';
+import { A as ADlgInfeed } from './ADlgInfeed-3c3c976a.js';
 import { A as AuthorComponent } from './AuthorComponent-158226c9.js';
 import { Container, Media } from 'react-bootstrap';
 

package/dist/esm/Segment.js

@@ -4,219 +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 { 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");
-
-var Segment = {
-    // onclive default 
-    init: function init() {
-        var apiKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'BBbKMoOjmhsxPnbd2nO6osz3zq67DzuN';
-
-        if (typeof window === 'undefined') {
-            throw new Error('window object is not defined');
-        }
-
-        var Analytics = require('@segment/analytics.js-core/build/analytics');
-        var SegmentIntegration = require('@segment/analytics.js-integration-segmentio');
-
-        var analytics = new Analytics();
-        analytics.use(SegmentIntegration);
-
-        var integrationSettings = {
-            "Segment.io": {
-                apiKey: apiKey,
-                retryQueue: true,
-                addBundledMetadata: true
-            }
-        };
-
-        analytics.initialize(integrationSettings);
-        window.$segment = analytics;
-    },
-    getIDs: function getIDs() {
-        var _this = this;
-
-        return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
-            var res, json;
-            return regenerator.wrap(function _callee$(_context) {
-                while (1) {
-                    switch (_context.prev = _context.next) {
-                        case 0:
-                            _context.next = 2;
-                            return fetch('https://beam.mjhlifesciences.com/api/beam/id', {
-                                headers: {
-                                    'Content-Type': 'application/json',
-                                    Accept: 'application/json'
-                                },
-                                method: 'post',
-                                credentials: 'include'
-                            });
-
-                        case 2:
-                            res = _context.sent;
-                            _context.next = 5;
-                            return res.json();
-
-                        case 5:
-                            json = _context.sent;
-                            return _context.abrupt('return', json);
-
-                        case 7:
-                        case 'end':
-                            return _context.stop();
-                    }
-                }
-            }, _callee, _this);
-        }))();
-    },
-    pageview: function pageview(domain) {
-        var _this2 = this;
-
-        return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
-            var segment, result, beam_id, session_id;
-            return regenerator.wrap(function _callee2$(_context2) {
-                while (1) {
-                    switch (_context2.prev = _context2.next) {
-                        case 0:
-                            segment = window.$segment;
-
-                            if (segment) {
-                                _context2.next = 4;
-                                break;
-                            }
-
-                            console.error('Segment not initialized', window);
-                            return _context2.abrupt('return');
-
-                        case 4:
-                            _context2.next = 6;
-                            return _this2.getIDs();
-
-                        case 6:
-                            result = _context2.sent;
-                            beam_id = result.beam_id ? result.beam_id : '';
-                            session_id = result.session_id ? result.session_id : '';
-
-
-                            segment.track('pageviews', {
-                                beamid: beam_id,
-                                sessionid: session_id,
-                                category: '',
-                                domain: domain
-                            });
-
-                        case 10:
-                        case 'end':
-                            return _context2.stop();
-                    }
-                }
-            }, _callee2, _this2);
-        }))();
-    },
-    adClicked: function adClicked(domain, advertiserid, campaignid, creativeid, itemid, size, isemptyline, sourceAgnosticCreativeId, sourceAgnosticlineId) {
-        var _this3 = this;
-
-        return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3() {
-            var segment, result, beam_id, session_id;
-            return regenerator.wrap(function _callee3$(_context3) {
-                while (1) {
-                    switch (_context3.prev = _context3.next) {
-                        case 0:
-                            segment = window.$segment;
-
-                            if (segment) {
-                                _context3.next = 4;
-                                break;
-                            }
-
-                            console.error('Segment not initialized');
-                            return _context3.abrupt('return');
-
-                        case 4:
-                            _context3.next = 6;
-                            return _this3.getIDs();
-
-                        case 6:
-                            result = _context3.sent;
-                            beam_id = result.beam_id ? result.beam_id : '';
-                            session_id = result.session_id ? result.session_id : '';
-
-
-                            segment.track('Ad Clicked', {
-                                beamid: beam_id,
-                                sessionid: session_id,
-                                advertiserid: advertiserid,
-                                campaignid: campaignid,
-                                creativeid: creativeid,
-                                itemid: itemid,
-                                size: size,
-                                isemptyline: isemptyline,
-                                sourceAgnosticCreativeId: sourceAgnosticCreativeId,
-                                sourceAgnosticlineId: sourceAgnosticlineId,
-                                domain: domain
-                            });
-
-                        case 10:
-                        case 'end':
-                            return _context3.stop();
-                    }
-                }
-            }, _callee3, _this3);
-        }))();
-    },
-    adViewed: function adViewed(domain, advertiserid, campaignid, creativeid, itemid, size, isemptyline, sourceAgnosticCreativeId, sourceAgnosticlineId) {
-        var _this4 = this;
-
-        return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee4() {
-            var segment, result, beam_id, session_id;
-            return regenerator.wrap(function _callee4$(_context4) {
-                while (1) {
-                    switch (_context4.prev = _context4.next) {
-                        case 0:
-                            segment = window.$segment;
-
-                            if (segment) {
-                                _context4.next = 4;
-                                break;
-                            }
-
-                            console.error('Segment not initialized');
-                            return _context4.abrupt('return');
-
-                        case 4:
-                            _context4.next = 6;
-                            return _this4.getIDs();
-
-                        case 6:
-                            result = _context4.sent;
-                            beam_id = result.beam_id ? result.beam_id : '';
-                            session_id = result.session_id ? result.session_id : '';
-
-
-                            segment.track('Impression Viewed', {
-                                beamid: beam_id,
-                                sessionid: session_id,
-                                advertiserid: advertiserid,
-                                campaignid: campaignid,
-                                creativeid: creativeid,
-                                itemid: itemid,
-                                size: size,
-                                isemptyline: isemptyline,
-                                sourceAgnosticCreativeId: sourceAgnosticCreativeId,
-                                sourceAgnosticlineId: sourceAgnosticlineId,
-                                domain: domain
-                            });
-
-                        case 10:
-                        case 'end':
-                            return _context4.stop();
-                    }
-                }
-            }, _callee4, _this4);
-        }))();
-    }
-};
-
-export default Segment;
+export { S as default } from './beam-e248fb74.js';

package/dist/esm/SideFooter.js

@@ -1,7 +1,16 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import React__default from 'react';
+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, useEffect } from 'react';
 import 'prop-types';
 import './isSymbol-c1b9be80.js';
+import './stringify-e30bc114.js';
+import './asyncToGenerator-0379e924.js';
+import './_set-species-6f64f1c1.js';
+import { S as SegmentAPI } from './beam-e248fb74.js';
 import './_arrayMap-a8dd2b2c.js';
 import { g as get_1 } from './get-ae817b75.js';
 import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
@@ -12,13 +21,13 @@ var renderLink = function renderLink(row) {
   if (row.blank) {
     return React__default.createElement(
       'a',
-      { href: row.url, target: '_blank', rel: 'noopener noreferrer' },
+      { href: row.url, needSegmentSupport: row.needSegmentSupport ? 'true' : '', target: '_blank', rel: 'noopener noreferrer' },
       row.title
     );
   }
   return React__default.createElement(
     'a',
-    { href: row.url },
+    { href: row.url, needSegmentSupport: row.needSegmentSupport ? 'true' : '' },
     row.title
   );
 };
@@ -34,9 +43,24 @@ var SideFooter = function SideFooter(props) {
 
   var logo = props.logo;
 
+  var sfRef = useRef(null);
+
+  useEffect(function () {
+    SegmentAPI.init(); // auto init if not done yet 
+    // 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 = SegmentAPI.getURL(href, { needSegmentSupport: true });
+      link.setAttribute('href', newRef);
+    }
+  }, []);
+
   return React__default.createElement(
     'div',
-    { className: 'side-footer' },
+    { className: 'side-footer', ref: sfRef },
     React__default.createElement(
       'ul',
       null,

package/dist/esm/TemplateNormal.js

@@ -18,8 +18,7 @@ import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './Beam.js';
-import './Segment.js';
+import './beam-e248fb74.js';
 import './AdSlot.js';
 import './_arrayMap-a8dd2b2c.js';
 import './get-ae817b75.js';

package/dist/esm/View.js

@@ -29,8 +29,7 @@ import { a as _getIterator, _ as _slicedToArray } from './slicedToArray-f1e40361
 import { _ as _JSON$stringify } from './stringify-e30bc114.js';
 import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './Beam.js';
-import './Segment.js';
+import './beam-e248fb74.js';
 import DFPAdSlot from './AdSlot.js';
 import './_arrayMap-a8dd2b2c.js';
 import { B as BlockContent } from './BlockContent-a614acdf.js';