@mjhls/mjh-framework 1.0.439 → 1.0.441

package/dist/esm/{AdSlot-78e48a2c.js → AdSlot-362a1c30.js}

@@ -1,9 +1,9 @@
 import { u as unwrapExports, c as createCommonjsModule } from './_commonjsHelpers-0c4b6f40.js';
 import { b as _core } from './_to-object-1b1f7766.js';
-import React__default, { useState } from 'react';
-import { d as debounce_1, e as lib_2 } from './debounce-df468b0e.js';
+import React, { useState } from 'react';
+import { d as debounce_1, e as lib_2 } from './debounce-42a7f724.js';
 import PropTypes from 'prop-types';
-import { a as main_16 } from './main-7d1b3c98.js';
+import { a as main_16 } from './main-cf4930f0.js';
 import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
 import { p as promise } from './promise-2592a80a.js';
 
@@ -1158,6 +1158,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,
@@ -1195,15 +1407,24 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
     }
   }, 500);
 
-  return React__default.createElement(
+  var _useState7 = useState(null),
+      _useState8 = _slicedToArray(_useState7, 2),
+      eventData = _useState8[0],
+      setEventData = _useState8[1];
+
+  return React.createElement(
     'div',
     { className: className, style: { textAlign: 'center' } },
-    React__default.createElement(lib_2, {
+    React.createElement(lib_2, {
       slotId: slotId,
       sizes: sizes,
       adUnit: adUnit,
       sizeMapping: sizeMapping,
       targetingArguments: targeting,
+      onSlotIsViewable: function onSlotIsViewable(e) {
+        Beam.report_beam_ad('Impression', 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) {
@@ -1220,8 +1441,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_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) {
@@ -1247,6 +1484,7 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
               if (hasFocus == 'yes' && document.hidden) {
                 slot_div.setAttribute('hasFocus', 'no');
                 Beam.report_beam_ad('Click', main_16, cID, lID, campID, adSize, slotId);
+                Segment.adClicked(domain, advertiserId, campID, cID, lID, adSize, isEmpty, sourceAgnosticCreativeId, sourceAgnosticLineItemId);
               }
             });
           } else {
@@ -1270,4 +1508,4 @@ DFPAdSlot.propTypes = {
   sizes: PropTypes.array
 };
 
-export { Beam as B, DFPAdSlot as D, _JSON$stringify as _, _asyncToGenerator as a, regenerator as r };
+export { Beam as B, DFPAdSlot as D, Segment as S, _JSON$stringify as _, _asyncToGenerator as a, regenerator as r };

package/dist/esm/{AuthorComponent-c9e46673.js → AuthorComponent-4f5f15ed.js}

@@ -1,4 +1,4 @@
-import React__default, { useEffect, useState, useRef } from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 import { _ as _slicedToArray } from './slicedToArray-04e02710.js';
 
 var AuthorComponent = function AuthorComponent(_ref) {
@@ -13,15 +13,15 @@ var AuthorComponent = function AuthorComponent(_ref) {
 
 
       if (displayName && url && url.current) {
-        return React__default.createElement(
+        return React.createElement(
           'span',
           { key: _id },
-          index === 0 && React__default.createElement(
+          index === 0 && React.createElement(
             'span',
             { className: 'pr-1' },
             'By'
           ),
-          React__default.createElement(
+          React.createElement(
             'a',
             { href: '/authors/' + url.current, className: 'text-muted' },
             displayName
@@ -29,15 +29,15 @@ var AuthorComponent = function AuthorComponent(_ref) {
           length !== index + 1 && ', '
         );
       } else if (displayName) {
-        return React__default.createElement(
+        return React.createElement(
           'span',
           { key: _id },
-          index === 0 && React__default.createElement(
+          index === 0 && React.createElement(
             'span',
             { className: 'pr-1' },
             'By'
           ),
-          React__default.createElement(
+          React.createElement(
             'span',
             { className: 'text-muted' },
             displayName,
@@ -70,16 +70,16 @@ var AuthorComponent = function AuthorComponent(_ref) {
   var overlayRef = useRef(null);
   var authorRef = useRef(null);
 
-  return React__default.createElement(
+  return React.createElement(
     'div',
     { id: 'author-sec' + index, ref: authorRef },
-    hideContent && React__default.createElement('div', { onClick: function onClick() {
+    hideContent && React.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.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        '

package/dist/esm/DeckContent.js

@@ -6,10 +6,10 @@ import './_iter-detect-7c281f0a.js';
 import { _ as _toConsumableArray } from './toConsumableArray-c5e2fde8.js';
 import './_object-pie-33c40e79.js';
 import { _ as _extends } from './extends-92072fff.js';
-import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-dfba24f5.js';
-import './typeof-e4b50250.js';
-import React__default from 'react';
-import { d as debounce_1, l as lib_3 } from './debounce-df468b0e.js';
+import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _Object$getPrototypeOf, e as _createClass } from './inherits-bbec2f34.js';
+import './typeof-09bf9211.js';
+import React from 'react';
+import { d as debounce_1, l as lib_3 } from './debounce-42a7f724.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
@@ -17,17 +17,17 @@ import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import { m as moment } from './moment-12415288.js';
 import { withRouter } from 'next/router';
-import { I as InfiniteScroll } from './index.es-938a3a58.js';
+import { I as InfiniteScroll } from './index.es-27d0bae9.js';
 import 'react-dom';
-import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
-import { i as imageUrlBuilder } from './index-51a80699.js';
-import { L as LazyLoad } from './index-5f9f807a.js';
-import { m as main_39 } from './main-7d1b3c98.js';
+import { V as VisibilitySensor } from './visibility-sensor-87d6b78c.js';
+import { i as imageUrlBuilder } from './index-73819142.js';
+import { L as LazyLoad } from './index-c5fd0af5.js';
+import { m as main_36 } from './main-cf4930f0.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-04e02710.js';
-import './AdSlot-78e48a2c.js';
+import './AdSlot-362a1c30.js';
 import './promise-2592a80a.js';
-import { A as ADInfeed } from './ADInfeed-e5cefea5.js';
+import { A as ADInfeed } from './ADInfeed-dff74bbe.js';
 
 var DeckContent = function (_React$Component) {
   _inherits(DeckContent, _React$Component);
@@ -168,14 +168,14 @@ var DeckContent = function (_React$Component) {
             var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
 
             // please leave this for later debug purpose : Yong Jun.
-            /* console.log('page change reported', {
-              currentPage: currentPage,
-              pageNumber: pageNumber,
-              pathname: pathname,
-              path: path,
-              newPath: newPath,
-              firstPage: pageNumber === 1,
-              queryString: queryString
+            /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
             }) */
 
             if (pageview) {
@@ -195,35 +195,35 @@ var DeckContent = function (_React$Component) {
             url = authorDetail.url;
 
         if (displayName && url && url.current) {
-          return React__default.createElement(
+          return React.createElement(
             'div',
             { key: _id },
-            index === 0 && React__default.createElement(
+            index === 0 && React.createElement(
               'span',
               { className: 'pr-1' },
               'By'
             ),
-            React__default.createElement(
+            React.createElement(
               'a',
               { href: '/authors/${url.current}', className: 'text-muted' },
               displayName,
-              length !== index + 1 && React__default.createElement('br', null)
+              length !== index + 1 && React.createElement('br', null)
             )
           );
         } else if (displayName) {
-          return React__default.createElement(
+          return React.createElement(
             'div',
             { key: _id },
-            index === 0 && React__default.createElement(
+            index === 0 && React.createElement(
               'span',
               { className: 'pr-1' },
               'By'
             ),
-            React__default.createElement(
+            React.createElement(
               'span',
               { className: 'text-muted' },
               displayName,
-              length !== index + 1 && React__default.createElement('br', null)
+              length !== index + 1 && React.createElement('br', null)
             )
           );
         }
@@ -265,7 +265,7 @@ var DeckContent = function (_React$Component) {
         articles = _this.state.data;
       }
 
-      return React__default.createElement(
+      return React.createElement(
         Row,
         null,
         articles && articles.map(function (row, index) {
@@ -277,51 +277,51 @@ var DeckContent = function (_React$Component) {
             lgVar = 6;
           }
           if (row._type === 'BrandInsight' && row.adUnit) {
-            return React__default.createElement(ADInfeed, { index: index, infeedAd: row });
+            return React.createElement(ADInfeed, { index: index, infeedAd: row });
           } else {
             var pageNumber = row.pageNumber || _this.state.page;
             var contentCategoryName = row.contentCategory && row.contentCategory.name && _this.mapping[row.contentCategory.name] ? row.contentCategory.name : 'Articles';
-            return React__default.createElement(
-              React__default.Fragment,
+            return React.createElement(
+              React.Fragment,
               { key: itemCounter },
-              React__default.createElement(
+              React.createElement(
                 VisibilitySensor,
                 {
                   onChange: function onChange(isVisible) {
                     isVisible && _this.changePageNumber(pageNumber);
                   } },
-                React__default.createElement(
+                React.createElement(
                   Col,
                   { md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
-                  React__default.createElement(
+                  React.createElement(
                     Card,
                     { className: 'content-card', style: { flexDirection: mode } },
-                    (row.thumbnail && row.thumbnail.asset || _this.props.defaultImage) && React__default.createElement(
+                    (row.thumbnail && row.thumbnail.asset || _this.props.defaultImage) && React.createElement(
                       'a',
                       { href: _this.mapping[contentCategoryName] + '/' + row.url.current },
-                      React__default.createElement(
+                      React.createElement(
                         LazyLoad,
                         { height: _this.props.imageHeight },
-                        React__default.createElement(Card.Img, {
+                        React.createElement(Card.Img, {
                           variant: 'top',
                           src: _this.renderCardImage(row, page),
                           alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
                         })
                       )
                     ),
-                    React__default.createElement(
+                    React.createElement(
                       Card.Body,
                       null,
-                      React__default.createElement(
+                      React.createElement(
                         'a',
                         { href: _this.mapping[contentCategoryName] + '/' + row.url.current },
-                        React__default.createElement(
+                        React.createElement(
                           Card.Title,
                           null,
                           row.title
                         )
                       ),
-                      _this.props.showPublished && row.published && React__default.createElement(
+                      _this.props.showPublished && row.published && React.createElement(
                         Card.Subtitle,
                         null,
                         moment(row.published).format('MMMM DD, YYYY')
@@ -329,7 +329,7 @@ var DeckContent = function (_React$Component) {
                       _this.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index) {
                         return _this.renderAuthor(authorDetail, index, row.authorMapping.length);
                       }),
-                      React__default.createElement(
+                      React.createElement(
                         Card.Text,
                         null,
                         clean_html_1(row.summary)
@@ -338,7 +338,7 @@ var DeckContent = function (_React$Component) {
                   )
                 )
               ),
-              main_39 && _this.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this.renderMobileAd(index, numberOfItemsBeforeAd)
+              main_36 && _this.props.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && _this.renderMobileAd(index, numberOfItemsBeforeAd)
             );
           }
         })
@@ -347,7 +347,7 @@ var DeckContent = function (_React$Component) {
       var rightItems = _this.props.rightItems;
 
       var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
-      return React__default.createElement(
+      return React.createElement(
         Col,
         { md: 12, style: { display: 'flex', flex: '1 0 auto' } },
         rightItems[i].component
@@ -355,15 +355,15 @@ var DeckContent = function (_React$Component) {
     }, _this.renderManualPagination = function () {
       var currentPage = _this.state.currentPage;
 
-      return React__default.createElement(
+      return React.createElement(
         'div',
         { className: 'd-flex justify-content-between' },
-        currentPage && currentPage > 1 && React__default.createElement(
+        currentPage && currentPage > 1 && React.createElement(
           'a',
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        React__default.createElement(
+        React.createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -409,38 +409,38 @@ var DeckContent = function (_React$Component) {
           brandInsight = _props.brandInsight;
 
 
-      return React__default.createElement(
+      return React.createElement(
         'div',
         { className: 'contentDeck' },
-        autoScroll ? React__default.createElement(
-          React__default.Fragment,
+        autoScroll ? React.createElement(
+          React.Fragment,
           null,
-          React__default.createElement(
+          React.createElement(
             InfiniteScroll,
             { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
-            React__default.createElement(
+            React.createElement(
               Container,
               null,
               this.cardLoader(page, columns, variant, showBI, brandInsight)
             )
           ),
-          React__default.createElement(
+          React.createElement(
             'noscript',
             null,
             this.renderManualPagination()
           )
-        ) : React__default.createElement(
-          React__default.Fragment,
+        ) : React.createElement(
+          React.Fragment,
           null,
-          React__default.createElement(
+          React.createElement(
             Container,
             null,
             this.cardLoader(page, columns, variant, showBI, brandInsight)
           ),
-          React__default.createElement(
+          React.createElement(
             'div',
             { style: { padding: '0px 10px' } },
-            this.state.scrolling ? React__default.createElement(
+            this.state.scrolling ? React.createElement(
               'button',
               {
                 style: { margin: 'auto', width: '100%' },
@@ -448,17 +448,17 @@ var DeckContent = function (_React$Component) {
                   _this2.loadMore();
                 } },
               'Load More'
-            ) : React__default.createElement(
+            ) : React.createElement(
               'p',
               { style: { textAlign: 'center' } },
-              React__default.createElement(
+              React.createElement(
                 'b',
                 null,
                 'End of data'
               )
             )
           ),
-          React__default.createElement(
+          React.createElement(
             'noscript',
             null,
             this.renderManualPagination()
@@ -469,7 +469,7 @@ var DeckContent = function (_React$Component) {
   }]);
 
   return DeckContent;
-}(React__default.Component);
+}(React.Component);
 
 var ContentCard = withRouter(DeckContent);