@mjhls/mjh-framework 1.0.98 → 1.0.99-0.next12

package/dist/esm/Segment.js

@@ -0,0 +1,401 @@
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-9716ae8d.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-e903ff31.js';
+import './web.dom.iterable-fdf034f5.js';
+import './_library-528f1934.js';
+import './_iter-detect-f089461c.js';
+
+require('babel-polyfill');
+
+var Segment = {
+  identify: function identify(eKey) {
+    if (!eKey) {
+      throw new Error('eKey is not present');
+    }
+
+    if (typeof analytics === 'undefined') {
+      console.error('Segment not initialized', analytics);
+      return;
+    }
+
+    var buff = Buffer.from(eKey, 'base64');
+    var email = buff.toString('ascii');
+
+    analytics.identify(eKey, {
+      email: email
+    });
+  },
+  identifyWithEmail: function identifyWithEmail(email) {
+    if (typeof analytics === 'undefined') {
+      console.error('Segment not initialized', analytics);
+      return;
+    }
+
+    var buff = Buffer.from(email, 'ascii');
+    var eKey = buff.toString('base64');
+
+    analytics.identify(eKey, {
+      email: email
+    });
+  },
+  getURL: function getURL(url) {
+    var data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+
+    if (!data || !data.needSegmentSupport) {
+      return url;
+    }
+
+    if (typeof analytics === 'undefined') {
+      console.error('segment not defined');
+      return url;
+    }
+
+    if (!analytics || typeof analytics.user !== 'function') {
+      console.error('segment not defined: user function');
+      return url;
+    }
+
+    var user = analytics.user();
+    if (!user) {
+      console.log('segment user not defined');
+      return url;
+    }
+
+    var anonymouseId = user.anonymousId();
+    var eKey = user._getId();
+    if (eKey) {
+      url += (url.includes('?') ? '&' : '?') + 'ekey=' + eKey;
+    } else {
+      url += (url.includes('?') ? '&' : '?') + 'anonymousid=' + anonymouseId;
+    }
+
+    return url;
+  },
+  getIDs: function getIDs() {
+    var _this = this;
+
+    return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              return _context.abrupt('return', {});
+
+            case 1:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, _this);
+    }))();
+  },
+  getMeta: function getMeta(metaName) {
+    var metas = document.getElementsByTagName('meta');
+    for (var i = 0; i < metas.length; i++) {
+      if (metas[i].getAttribute('name') === metaName) {
+        var attributeContent = metas[i].getAttribute('content');
+        return attributeContent.split(',');
+      }
+    }
+
+    return '';
+  },
+  getOsano: function getOsano() {
+    var osano = {};
+    if (window && window.Osano && window.Osano.cm) {
+      osano.analytics = window.Osano.cm.analytics;
+      osano.locale = window.Osano.cm.locale;
+      osano.marketing = window.Osano.cm.marketing;
+      osano.mode = window.Osano.cm.mode;
+      osano.optOut = window.Osano.cm.optOut;
+      osano.personalization = window.Osano.cm.personalization;
+    }
+    return osano;
+  },
+  pageview: function pageview(domain) {
+    var _this2 = this;
+
+    var properties = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
+      var urlParams, eKey, result, beam_id, session_id;
+      return regenerator.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!(typeof analytics === 'undefined')) {
+                _context2.next = 3;
+                break;
+              }
+
+              console.error('Segment not initialized', window);
+              return _context2.abrupt('return');
+
+            case 3:
+              if (!(window && window.location && window.location.search)) {
+                _context2.next = 9;
+                break;
+              }
+
+              urlParams = new URLSearchParams(window.location.search);
+              eKey = urlParams.get('eKey');
+
+              if (!eKey) {
+                _context2.next = 9;
+                break;
+              }
+
+              _context2.next = 9;
+              return _this2.identify(eKey);
+
+            case 9:
+              _context2.next = 11;
+              return _this2.getIDs();
+
+            case 11:
+              result = _context2.sent;
+              beam_id = result.beam_id ? result.beam_id : '';
+              session_id = result.session_id ? result.session_id : '';
+
+              analytics.track('pageviews', {
+                beamid: beam_id,
+                sessionid: session_id,
+                category: properties.category ? properties.category : '',
+                content_placement: properties.content_placement && properties.content_placement.length > 0 ? properties.content_placement : '',
+                document_group: properties.document_group && properties.document_group.length > 0 ? properties.document_group : '',
+                domain: domain,
+                keywords: _this2.getMeta('keywords'),
+                osano: _this2.getOsano()
+              });
+
+            case 15:
+            case 'end':
+              return _context2.stop();
+          }
+        }
+      }, _callee2, _this2);
+    }))();
+  },
+  report_video_event: function report_video_event(action, deviceType, duration, current, segmentData) {
+    var videoType = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 'Youtube';
+    var brightCovePlayerID = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : '';
+
+    var _this3 = 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 _callee3() {
+      var result, beam_id, session_id, domain, data;
+      return regenerator.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              if (!(typeof analytics === 'undefined')) {
+                _context3.next = 3;
+                break;
+              }
+
+              console.error('Segment not initialized');
+              return _context3.abrupt('return');
+
+            case 3:
+              _context3.next = 5;
+              return _this3.getIDs();
+
+            case 5:
+              result = _context3.sent;
+              beam_id = result.beam_id ? result.beam_id : '';
+              session_id = result.session_id ? result.session_id : '';
+              domain = typeof window !== 'undefined' && window.location ? window.location.hostname : '';
+              data = {
+                beamid: beam_id,
+                sessionid: session_id,
+                domain: domain,
+                Devicetype: deviceType,
+                videoid: brightCoveVideoID,
+                title: '',
+                category: '',
+                videoplayer: videoType,
+                totalduration: duration,
+                currentduration: current,
+                segment: segmentData,
+                queue: Math.floor(duration / 10),
+                brightCovePlayerID: brightCovePlayerID,
+                brightCoveAccountID: brightCoveAccountID,
+                keywords: _this3.getMeta('keywords'),
+                osano: _this3.getOsano()
+              };
+
+
+              console.log('Segment ' + videoType, action, data);
+              analytics.track(action, data);
+
+            case 12:
+            case 'end':
+              return _context3.stop();
+          }
+        }
+      }, _callee3, _this3);
+    }))();
+  },
+  report_ad_event: function report_ad_event(action, deviceType, duration) {
+    var adType = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'brightcove';
+    var adId = arguments[4];
+
+    var _this4 = this;
+
+    var brightCovePlayerID = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : '';
+    var brightCoveAccountID = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : '';
+    return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee4() {
+      var result, beam_id, session_id, domain, data;
+      return regenerator.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              if (!(typeof analytics === 'undefined')) {
+                _context4.next = 3;
+                break;
+              }
+
+              console.error('Segment not initialized');
+              return _context4.abrupt('return');
+
+            case 3:
+              _context4.next = 5;
+              return _this4.getIDs();
+
+            case 5:
+              result = _context4.sent;
+              beam_id = result.beam_id ? result.beam_id : '';
+              session_id = result.session_id ? result.session_id : '';
+              domain = typeof window !== 'undefined' && window.location ? window.location.hostname : '';
+              data = {
+                beamid: beam_id,
+                sessionid: session_id,
+                domain: domain,
+                Devicetype: deviceType,
+                title: '',
+                category: '',
+                adType: adType,
+                totalduration: duration,
+                adId: adId,
+                brightCovePlayerID: brightCovePlayerID,
+                brightCoveAccountID: brightCoveAccountID,
+                keywords: _this4.getMeta('keywords'),
+                osano: _this4.getOsano()
+              };
+
+
+              console.log('Segment ' + adType, action, data);
+              analytics.track(action, data);
+
+            case 12:
+            case 'end':
+              return _context4.stop();
+          }
+        }
+      }, _callee4, _this4);
+    }))();
+  },
+  adClicked: function adClicked(domain, advertiserid, campaignid, creativeid, itemid, size, isemptyline, sourceAgnosticCreativeId, sourceAgnosticlineId) {
+    var _this5 = this;
+
+    return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee5() {
+      var result, beam_id, session_id;
+      return regenerator.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              if (!(typeof analytics === 'undefined')) {
+                _context5.next = 3;
+                break;
+              }
+
+              console.error('Segment not initialized');
+              return _context5.abrupt('return');
+
+            case 3:
+              _context5.next = 5;
+              return _this5.getIDs();
+
+            case 5:
+              result = _context5.sent;
+              beam_id = result.beam_id ? result.beam_id : '';
+              session_id = result.session_id ? result.session_id : '';
+
+              analytics.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,
+                keywords: _this5.getMeta('keywords'),
+                osano: _this5.getOsano()
+              });
+
+            case 9:
+            case 'end':
+              return _context5.stop();
+          }
+        }
+      }, _callee5, _this5);
+    }))();
+  },
+  adViewed: function adViewed(domain, advertiserid, campaignid, creativeid, itemid, size, isemptyline, sourceAgnosticCreativeId, sourceAgnosticlineId) {
+    var _this6 = this;
+
+    return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee6() {
+      var result, beam_id, session_id;
+      return regenerator.wrap(function _callee6$(_context6) {
+        while (1) {
+          switch (_context6.prev = _context6.next) {
+            case 0:
+              if (!(typeof analytics === 'undefined')) {
+                _context6.next = 3;
+                break;
+              }
+
+              console.error('Segment not initialized');
+              return _context6.abrupt('return');
+
+            case 3:
+              _context6.next = 5;
+              return _this6.getIDs();
+
+            case 5:
+              result = _context6.sent;
+              beam_id = result.beam_id ? result.beam_id : '';
+              session_id = result.session_id ? result.session_id : '';
+
+              analytics.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,
+                keywords: _this6.getMeta('keywords'),
+                osano: _this6.getOsano()
+              });
+
+            case 9:
+            case 'end':
+              return _context6.stop();
+          }
+        }
+      }, _callee6, _this6);
+    }))();
+  }
+};
+
+export default Segment;

package/dist/esm/SeriesListingDeck.js

@@ -0,0 +1,242 @@
+import { _ as _toConsumableArray } from './toConsumableArray-7b1c0e23.js';
+import { _ as _extends } from './extends-dc6a71fd.js';
+import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
+import React__default, { useState, useEffect, useRef } from 'react';
+import { useRouter } from 'next/router';
+import { l as lib_3 } from './index-5cc7b406.js';
+import { I as InfiniteScroll } from './index.es-a6137319.js';
+import { S as SeriesSlider } from './SeriesSlider-609f9d94.js';
+import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-e903ff31.js';
+import './_iter-detect-f089461c.js';
+import './_object-pie-133f504a.js';
+import './web.dom.iterable-fdf034f5.js';
+import 'prop-types';
+import './index-c7e2ac95.js';
+import './index-755f2cc2.js';
+import 'react-dom';
+import './smoothscroll-fa4e3f8c.js';
+import './urlFor.js';
+import './index-0dbff1d1.js';
+import './main-1894c974.js';
+
+var usePrevious = function usePrevious(value) {
+  var ref = useRef();
+  useEffect(function () {
+    ref.current = value;
+  });
+  return ref.current;
+};
+
+var SeriesListingDeck = function SeriesListingDeck(props) {
+  var data = props.data,
+      client = props.client,
+      query = props.query,
+      params = props.params,
+      parentIdentifier = props.identifier,
+      initialCurrentPage = props.currentPage,
+      pageview = props.pageview;
+
+  var _useState = useState(params ? params.count : 0),
+      _useState2 = _slicedToArray(_useState, 1),
+      count = _useState2[0];
+
+  var _useState3 = useState(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      scrolling = _useState4[0],
+      setScrolling = _useState4[1];
+
+  var _useState5 = useState(data.series),
+      _useState6 = _slicedToArray(_useState5, 2),
+      seriesData = _useState6[0],
+      setSeriesData = _useState6[1];
+
+  var _useState7 = useState(initialCurrentPage || 1),
+      _useState8 = _slicedToArray(_useState7, 2),
+      currentPage = _useState8[0],
+      setCurrentPage = _useState8[1];
+
+  var _useState9 = useState({
+    from: params ? params.from : 0,
+    to: params ? params.to : 0,
+    page: 1
+  }),
+      _useState10 = _slicedToArray(_useState9, 2),
+      values = _useState10[0],
+      setValues = _useState10[1];
+
+  var prevValues = usePrevious(values);
+
+  var router = useRouter();
+
+  var loadMore = function loadMore() {
+    setValues({
+      page: values.page + 1,
+      from: parseInt(values.from) + parseInt(count),
+      to: parseInt(values.to) + parseInt(count)
+    });
+  };
+
+  var changePageNumber = function changePageNumber(pageNumber, arrIndex, pageview) {
+    if (pageNumber) {
+      var path = router.asPath;
+      var qrIndex = path.indexOf('?');
+      var pathname = router.pathname;
+      var queryString = '';
+
+      if (qrIndex > 0) {
+        path = path.substring(1, qrIndex);
+
+        var partialQS = router.asPath.substring(qrIndex + 1);
+        var partialQSArr = partialQS.split('&');
+
+        // exclude page=xxx from query string
+        partialQSArr.map(function (item) {
+          var itemArr = item.split('=');
+          var key = itemArr[0];
+          var val = itemArr[1];
+
+          if (key !== 'page') {
+            queryString += (queryString.length === 0 ? '' : '&') + key + '=' + val;
+          }
+        });
+      }
+
+      if (queryString.length > 0) {
+        path += '?' + queryString;
+      }
+
+      // pageNumber = parseInt(pageNumber)
+      var index = Number(arrIndex);
+      var perPage = 6;
+
+      pageNumber = Math.ceil((index + 1) / perPage);
+
+      if (currentPage !== pageNumber) {
+        lib_3.refresh();
+
+        setCurrentPage(pageNumber);
+        if (path[0] !== '/') {
+          path = '/' + path;
+        }
+
+        var newPath = pageNumber === 1 ? '' + path : '' + path + (queryString.length > 0 ? '&' : '?') + 'page=' + pageNumber;
+
+        if (pageview) {
+          pageview(newPath);
+        }
+
+        router.push(pathname, newPath, {
+          shallow: true
+        });
+      }
+    }
+  };
+
+  var loadData = function loadData(values, query, client, params, setSeriesData, setScrolling) {
+    params = _extends({}, params, {
+      from: values.from,
+      to: values.to
+    });
+
+    client.fetch(query, params).then(function (dataArr) {
+      if (!dataArr.series) {
+        dataArr.series = [];
+      }
+
+      dataArr.series = dataArr.series.map(function (item) {
+        return _extends({}, item, {
+          pageNumber: values.page
+        });
+      });
+
+      if (dataArr.series.length > 0) {
+        setSeriesData(function (prevData) {
+          var newArr = [].concat(_toConsumableArray(prevData), _toConsumableArray(dataArr.series));
+          return newArr;
+        });
+        setScrolling(true);
+      } else {
+        var parentScroll = document.getElementsByClassName('infinite-scroll-component')[0];
+        parentScroll.style.overflow = 'hidden';
+        setScrolling(false);
+      }
+    });
+  };
+
+  useEffect(function () {
+    if (prevValues) {
+      if (values.page !== prevValues.page && values.from !== prevValues.from && values.to !== prevValues.from) {
+        loadData(values, query, client, params, setSeriesData, setScrolling);
+      }
+    }
+  }, [values, prevValues, query, client, params, setSeriesData, setScrolling]);
+
+  useEffect(function () {
+    if (seriesData.length < count) {
+      var parentScroll = document.getElementsByClassName('infinite-scroll-component')[0];
+      parentScroll.style.overflow = 'hidden';
+      setScrolling(false);
+    }
+  }, [seriesData, setScrolling, count]);
+
+  return React__default.createElement(
+    InfiniteScroll,
+    { dataLength: seriesData && seriesData.length, next: function next() {
+        return loadMore();
+      }, hasMore: scrolling, scrollThreshold: 0.9 },
+    React__default.createElement(
+      'div',
+      null,
+      seriesData && seriesData.length ? React__default.createElement(
+        'div',
+        null,
+        seriesData.map(function (series, index) {
+          return React__default.createElement(
+            VisibilitySensor,
+            {
+              key: series._id ? series._id : index,
+              partialVisibility: true,
+              onChange: function onChange(isVisible) {
+                isVisible && changePageNumber(currentPage, index, pageview);
+              } },
+            React__default.createElement(
+              'div',
+              { className: 'mb-5', key: series.name },
+              React__default.createElement(
+                'div',
+                { style: { fontSize: '20px', fontWeight: 'bold', borderBottom: '1px solid #eee', margin: '0 .5rem', color: '373a3c' } },
+                React__default.createElement(
+                  'a',
+                  { href: '/' + parentIdentifier + '/' + series.identifier.current },
+                  series.name
+                )
+              ),
+              series.articles && series.articles.length == 0 && React__default.createElement(
+                'p',
+                { className: 'mt-2 ml-2' },
+                'Please check back for more content.'
+              ),
+              series.articles && series.articles.length > 0 && React__default.createElement(SeriesSlider, _extends({}, props, { dataset: series.articles, client: client }))
+            )
+          );
+        })
+      ) : React__default.createElement(
+        'div',
+        null,
+        React__default.createElement(
+          'h5',
+          null,
+          React__default.createElement(
+            'em',
+            { className: 'pl-3' },
+            'New content coming soon, please check back later.'
+          )
+        )
+      )
+    )
+  );
+};
+
+export default SeriesListingDeck;