@mjhls/mjh-framework 1.0.440 → 1.0.442

package/dist/cjs/{AdSlot-4d22aad4.js → AdSlot-257d8d4e.js}

@@ -1,17 +1,19 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var _toObject = require('./_to-object-329a650b.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var debounce = require('./debounce-b088070c.js');
-var PropTypes = _interopDefault(require('prop-types'));
-var main = require('./main-bc4db521.js');
+var debounce = require('./debounce-420ff8a8.js');
+var PropTypes = require('prop-types');
+var main = require('./main-d76cde9c.js');
 var slicedToArray = require('./slicedToArray-419d467a.js');
 var promise = require('./promise-0a493c7a.js');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
 var $JSON = _toObject._core.JSON || (_toObject._core.JSON = { stringify: JSON.stringify });
 var stringify = function stringify(it) { // eslint-disable-line no-unused-vars
   return $JSON.stringify.apply($JSON, arguments);
@@ -1163,6 +1165,218 @@ var Beam = {
   }
 };
 
+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);
+        }))();
+    }
+};
+
 var DFPAdSlot = function DFPAdSlot(_ref) {
   var adUnit = _ref.adUnit,
       sizeMapping = _ref.sizeMapping,
@@ -1200,15 +1414,24 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
     }
   }, 500);
 
-  return React__default.createElement(
+  var _useState7 = React.useState(null),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      eventData = _useState8[0],
+      setEventData = _useState8[1];
+
+  return React__default['default'].createElement(
     'div',
     { className: className, style: { textAlign: 'center' } },
-    React__default.createElement(debounce.lib_2, {
+    React__default['default'].createElement(debounce.lib_2, {
       slotId: slotId,
       sizes: sizes,
       adUnit: adUnit,
       sizeMapping: sizeMapping,
       targetingArguments: targeting,
+      onSlotIsViewable: function onSlotIsViewable(e) {
+        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) {
         if (eventData && eventData.slotId && eventData.slotId === slotId && checkIsAdFound) {
           if (eventData.event && eventData.event.creativeId == null) {
@@ -1225,8 +1448,24 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
           var campID = eventData.event.campaignId;
           var adSize = eventData.event.size && eventData.event.size.length > 1 ? eventData.event.size[0] + 'x' + eventData.event.size[1] : '';
           var slot_id = eventData.slotId ? eventData.slotId : '';
-
-          Beam.report_beam_ad('Impression', main.main_16, cID, lID, campID, adSize, slot_id);
+          var isEmpty = eventData.event.isEmpty;
+          var sourceAgnosticCreativeId = eventData.event.sourceAgnosticCreativeId;
+          var sourceAgnosticLineItemId = eventData.event.sourceAgnosticLineItemId;
+          var advertiserId = eventData.event.advertiserId;
+          var domain = typeof window !== 'undefined' && window.location ? window.location.hostname : '';
+
+          setEventData({
+            cID: cID,
+            lID: lID,
+            campID: campID,
+            adSize: adSize,
+            slot_id: slot_id,
+            isEmpty: isEmpty,
+            sourceAgnosticCreativeId: sourceAgnosticCreativeId,
+            sourceAgnosticLineItemId: sourceAgnosticLineItemId,
+            advertiserId: advertiserId,
+            domain: domain
+          });
 
           var slot_div = document.getElementById(eventData.slotId);
           if (slot_div) {
@@ -1252,6 +1491,7 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
               if (hasFocus == 'yes' && document.hidden) {
                 slot_div.setAttribute('hasFocus', 'no');
                 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 {
@@ -1268,15 +1508,16 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
 };
 
 DFPAdSlot.propTypes = {
-  adUnit: PropTypes.string.isRequired,
-  slotId: PropTypes.string,
-  className: PropTypes.string,
-  sizeMapping: PropTypes.array,
-  sizes: PropTypes.array
+  adUnit: PropTypes__default['default'].string.isRequired,
+  slotId: PropTypes__default['default'].string,
+  className: PropTypes__default['default'].string,
+  sizeMapping: PropTypes__default['default'].array,
+  sizes: PropTypes__default['default'].array
 };
 
 exports.Beam = Beam;
 exports.DFPAdSlot = DFPAdSlot;
+exports.Segment = Segment;
 exports._JSON$stringify = _JSON$stringify;
 exports._asyncToGenerator = _asyncToGenerator;
 exports.regenerator = regenerator;

package/dist/cjs/{AuthorComponent-4706f297.js → AuthorComponent-b44bb44e.js}

@@ -1,11 +1,12 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var React = require('react');
-var React__default = _interopDefault(React);
 var slicedToArray = require('./slicedToArray-419d467a.js');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
 var AuthorComponent = function AuthorComponent(_ref) {
   var authors = _ref.authors,
       index = _ref.index;
@@ -18,15 +19,15 @@ var AuthorComponent = function AuthorComponent(_ref) {
 
 
       if (displayName && url && url.current) {
-        return React__default.createElement(
+        return React__default['default'].createElement(
           'span',
           { key: _id },
-          index === 0 && React__default.createElement(
+          index === 0 && React__default['default'].createElement(
             'span',
             { className: 'pr-1' },
             'By'
           ),
-          React__default.createElement(
+          React__default['default'].createElement(
             'a',
             { href: '/authors/' + url.current, className: 'text-muted' },
             displayName
@@ -34,15 +35,15 @@ var AuthorComponent = function AuthorComponent(_ref) {
           length !== index + 1 && ', '
         );
       } else if (displayName) {
-        return React__default.createElement(
+        return React__default['default'].createElement(
           'span',
           { key: _id },
-          index === 0 && React__default.createElement(
+          index === 0 && React__default['default'].createElement(
             'span',
             { className: 'pr-1' },
             'By'
           ),
-          React__default.createElement(
+          React__default['default'].createElement(
             'span',
             { className: 'text-muted' },
             displayName,
@@ -75,16 +76,16 @@ var AuthorComponent = function AuthorComponent(_ref) {
   var overlayRef = React.useRef(null);
   var authorRef = React.useRef(null);
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { id: 'author-sec' + index, ref: authorRef },
-    hideContent && React__default.createElement('div', { onClick: function onClick() {
+    hideContent && React__default['default'].createElement('div', { onClick: function onClick() {
         return onOverlayClick();
       }, ref: overlayRef, id: 'overlay-content' + index }),
     authors.map(function (authorDetail, index) {
       return renderAuthor(authorDetail, index, authors.length);
     }),
-    React__default.createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: true },
       '\n          #author-sec' + index + ' {\n            line-height: 25px;\n            position: relative;\n            height: auto;\n            // max-height: 50px;\n          }\n          .hide-content {\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n          }\n          #overlay-content' + index + ' {\n            position: absolute;\n            cursor: pointer;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 1000;\n          }\n        '