@mjhls/mjh-framework 1.0.236 → 1.0.238

package/dist/esm/AdSlot-c40f4438.js

@@ -1,509 +0,0 @@
-import React__default, { useState } from 'react';
-import { b as lib_2 } from './index-70f7c966.js';
-import PropTypes from 'prop-types';
-import { d as debounce_1 } from './debounce-dc0c02e5.js';
-import { a as main_16 } from './main-e84e7749.js';
-import { b as asyncToGenerator, s as slicedToArray } from './_babelHelpers-c212c59c.js';
-
-var faunadb = require('faunadb');
-
-var _require = require('faunadb'),
-    q = _require.query;
-
-var shortid = require('shortid');
-var moment = require('moment');
-var cookie = require('react-cookies'); // client side cookie handler
-
-var _require2 = require('cookie'),
-    serialize = _require2.serialize; // cookie serializer
-
-
-var serverCookies = require('next-cookies'); // server side cookie handler
-require("babel-polyfill");
-
-// admin key for beam 
-var secret = 'fnADs4GncNACEiNgTqb2GYn7p8SENkcQmbRmywRA';
-// server key for beam 
-// fnADs4Gtx6ACEgKgwlNo-eNSIrdwykH9Zj74GsDI
-
-var Beam = {
-  init: function init(ctx) {
-    // set eKey in cookie for later use 
-    var eKey = ctx.query.eKey;
-
-    if (eKey) {
-      ctx.res.setHeader('Set-Cookie', serialize('eKey', eKey, { path: '/' }));
-    }
-
-    var _serverCookies = serverCookies(ctx),
-        MJH_SSID = _serverCookies.MJH_SSID;
-
-    if (!MJH_SSID) {
-      ctx.res.setHeader('Set-Cookie', serialize('MJH_SSID', shortid.generate(), { path: '/' }));
-    }
-
-    var _serverCookies2 = serverCookies(ctx),
-        BEAMID = _serverCookies2.BEAMID;
-
-    if (!BEAMID) {
-      var now = new Date();
-      var time = now.getTime();
-      var expireTime = time + 1000 * 60 * 60 * 24 * 365 * 20;
-      now.setTime(expireTime);
-      ctx.res.setHeader('Set-Cookie', serialize('BEAMID', shortid.generate(), { path: '/', expires: now }));
-    }
-  },
-  get_email_from_ekey: function get_email_from_ekey(eKey) {
-    var email = '';
-    if (eKey) {
-      try {
-        var buff = new Buffer(eKey, 'base64');
-        email = buff.toString('ascii');
-      } catch (e) {
-        console.log('invalid eKey:', eKey);
-      }
-    }
-
-    return email;
-  },
-  save_beam_ad: function save_beam_ad(beam_id, session_id, ip, url, host, eKey, event, referer, device, agent, cID, lID, campID, adSize, keywords) {
-    var _this = this;
-
-    return asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var client, _id, email, result;
-
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              client = new faunadb.Client({ secret: secret });
-              _id = shortid.generate();
-              email = _this.get_email_from_ekey(eKey);
-              _context.next = 6;
-              return client.query(q.Create(q.Collection('beamlogad'), {
-                data: {
-                  id: _id,
-                  beam_id: beam_id,
-                  session_id: session_id,
-                  eKey: eKey,
-                  email: email,
-                  keywords: keywords,
-                  ip: ip,
-                  domain: host,
-                  url: url,
-                  fullUrl: '' + host + url,
-                  referer: referer,
-                  device: device,
-                  event: event,
-                  serverAgent: agent,
-                  cID: cID,
-                  lID: lID,
-                  campID: campID,
-                  adSize: adSize,
-                  uptime: moment().utc().format()
-                }
-              }));
-
-            case 6:
-              result = _context.sent;
-
-              if (!(!result.data || !result.data.id)) {
-                _context.next = 9;
-                break;
-              }
-
-              throw new Error('Failed to report pageview!');
-
-            case 9:
-              return _context.abrupt('return', { error: '', log_id: _id });
-
-            case 12:
-              _context.prev = 12;
-              _context.t0 = _context['catch'](0);
-              return _context.abrupt('return', { error: _context.t0.message, log_id: '' });
-
-            case 15:
-            case 'end':
-              return _context.stop();
-          }
-        }
-      }, _callee, _this, [[0, 12]]);
-    }))();
-  },
-  save_beam_event: function save_beam_event(beam_id, session_id, ip, url, host, eKey, event, referer, device, agent, keywords) {
-    var _this2 = this;
-
-    return asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-      var client, _id, email, result;
-
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.prev = 0;
-              client = new faunadb.Client({ secret: secret });
-              _id = shortid.generate();
-              email = _this2.get_email_from_ekey(eKey);
-              _context2.next = 6;
-              return client.query(q.Create(q.Collection('beamlog'), {
-                data: {
-                  id: _id,
-                  beam_id: beam_id,
-                  session_id: session_id,
-                  eKey: eKey,
-                  email: email,
-                  keywords: keywords,
-                  ip: ip,
-                  domain: host,
-                  url: url,
-                  fullUrl: '' + host + url,
-                  referer: referer,
-                  device: device,
-                  event: event,
-                  serverAgent: agent,
-                  uptime: moment().utc().format()
-                }
-              }));
-
-            case 6:
-              result = _context2.sent;
-
-              if (!(!result.data || !result.data.id)) {
-                _context2.next = 9;
-                break;
-              }
-
-              throw new Error('Failed to report pageview!');
-
-            case 9:
-              return _context2.abrupt('return', { error: '', log_id: _id });
-
-            case 12:
-              _context2.prev = 12;
-              _context2.t0 = _context2['catch'](0);
-              return _context2.abrupt('return', { error: _context2.t0.message, log_id: '' });
-
-            case 15:
-            case 'end':
-              return _context2.stop();
-          }
-        }
-      }, _callee2, _this2, [[0, 12]]);
-    }))();
-  },
-
-
-  /* 
-    ### for /api/beam/event
-    import { process_beam_ad } from '@mjhls/mjh-framework'
-    export default async(req, res) => {
-      await process_beam_ad(req, res) 
-    }
-  */
-  process_beam_event: function process_beam_event(req, res) {
-    var _this3 = this;
-
-    return asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-      var ip, userAgent, host, url, eKey, referer, device, event, session_id, beam_id, keywords;
-      return regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              ip = req.headers['x-real-ip'];
-              userAgent = req.headers['user-agent'];
-              host = req.headers['host'];
-              url = req.body.url;
-              eKey = req.body.eKey;
-              referer = req.body.referer;
-              device = req.body.device;
-              event = req.body.event;
-              session_id = req.body.session_id;
-              beam_id = req.body.beam_id;
-              keywords = req.body.keywords;
-              _context3.t0 = res;
-              _context3.next = 14;
-              return _this3.save_beam_event(beam_id, session_id, ip, url, host, eKey, event, referer, device, userAgent, keywords);
-
-            case 14:
-              _context3.t1 = _context3.sent;
-              return _context3.abrupt('return', _context3.t0.json.call(_context3.t0, _context3.t1));
-
-            case 16:
-            case 'end':
-              return _context3.stop();
-          }
-        }
-      }, _callee3, _this3);
-    }))();
-  },
-
-
-  /* 
-    ### for /api/beam/ad
-    import { process_beam_ad } from '@mjhls/mjh-framework'
-    export default async(req, res) => {
-      await process_beam_ad(req, res) 
-    }
-  */
-  process_beam_ad: function process_beam_ad(req, res) {
-    var _this4 = this;
-
-    return asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
-      var ip, userAgent, host, url, eKey, referer, device, cID, lID, campID, adSize, event, session_id, beam_id, keywords, result;
-      return regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              ip = req.headers['x-real-ip'];
-              userAgent = req.headers['user-agent'];
-              host = req.headers['host'];
-              url = req.body.url;
-              eKey = req.body.eKey;
-              referer = req.body.referer;
-              device = req.body.device;
-              cID = req.body.cID;
-              lID = req.body.lID;
-              campID = req.body.campID;
-              adSize = req.body.adSize;
-              event = req.body.event;
-              session_id = req.body.session_id;
-              beam_id = req.body.beam_id;
-              keywords = req.body.keywords;
-              _context4.next = 17;
-              return _this4.save_beam_ad(beam_id, session_id, ip, url, host, eKey, event, referer, device, userAgent, cID, lID, campID, adSize, keywords);
-
-            case 17:
-              result = _context4.sent;
-              return _context4.abrupt('return', res.json(result));
-
-            case 19:
-            case 'end':
-              return _context4.stop();
-          }
-        }
-      }, _callee4, _this4);
-    }))();
-  },
-
-
-  /* for client use */
-  report_beam_event: function report_beam_event(event, deviceType) {
-    var _this5 = this;
-
-    return asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
-      var referer, eKey, url, session_id, beam_id, element, keywords, response, data;
-      return regeneratorRuntime.wrap(function _callee5$(_context5) {
-        while (1) {
-          switch (_context5.prev = _context5.next) {
-            case 0:
-              referer = document.referrer;
-              eKey = cookie.load('eKey');
-              url = window.location.pathname + window.location.search;
-              session_id = cookie.load('MJH_SSID');
-              beam_id = cookie.load('BEAMID');
-              element = document.querySelector('meta[name="keywords"]');
-              keywords = element.getAttribute("content");
-              _context5.next = 9;
-              return fetch('/api/beam/event', {
-                headers: {
-                  'Content-Type': 'application/json',
-                  'Accept': 'application/json'
-                },
-                method: 'post',
-                credentials: 'same-origin',
-                body: JSON.stringify({
-                  url: url,
-                  referer: referer,
-                  device: deviceType,
-                  eKey: eKey,
-                  event: event,
-                  session_id: session_id,
-                  beam_id: beam_id,
-                  keywords: keywords
-                })
-              });
-
-            case 9:
-              response = _context5.sent;
-              _context5.next = 12;
-              return response.json();
-
-            case 12:
-              data = _context5.sent;
-
-              if (data.error) {
-                console.error('Beam reporting error:', data.error);
-              }
-
-            case 14:
-            case 'end':
-              return _context5.stop();
-          }
-        }
-      }, _callee5, _this5);
-    }))();
-  },
-  report_beam_ad: function report_beam_ad(event, deviceType, cID, lID, campID, adSize) {
-    var _this6 = this;
-
-    return asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
-      var referer, eKey, url, session_id, beam_id, element, keywords, response, data;
-      return regeneratorRuntime.wrap(function _callee6$(_context6) {
-        while (1) {
-          switch (_context6.prev = _context6.next) {
-            case 0:
-              referer = document.referrer;
-              eKey = cookie.load('eKey');
-              url = window.location.pathname + window.location.search;
-              session_id = cookie.load('MJH_SSID');
-              beam_id = cookie.load('BEAMID');
-              element = document.querySelector('meta[name="keywords"]');
-              keywords = element.getAttribute("content");
-              _context6.next = 9;
-              return fetch('/api/beam/ad', {
-                headers: {
-                  'Content-Type': 'application/json',
-                  'Accept': 'application/json'
-                },
-                method: 'post',
-                credentials: 'same-origin',
-                body: JSON.stringify({
-                  url: url,
-                  referer: referer,
-                  device: deviceType,
-                  eKey: eKey,
-                  event: event,
-                  session_id: session_id,
-                  beam_id: beam_id,
-                  keywords: keywords,
-                  cID: cID,
-                  lID: lID,
-                  campID: campID,
-                  adSize: adSize
-                })
-              });
-
-            case 9:
-              response = _context6.sent;
-              _context6.next = 12;
-              return response.json();
-
-            case 12:
-              data = _context6.sent;
-
-              if (data.error) {
-                console.error('Beam AD reporting error:', data.error);
-              }
-
-            case 14:
-            case 'end':
-              return _context6.stop();
-          }
-        }
-      }, _callee6, _this6);
-    }))();
-  }
-};
-
-var DFPAdSlot = function DFPAdSlot(_ref) {
-  var adUnit = _ref.adUnit,
-      sizeMapping = _ref.sizeMapping,
-      className = _ref.className,
-      slotId = _ref.slotId,
-      sizes = _ref.sizes,
-      _ref$targeting = _ref.targeting,
-      targeting = _ref$targeting === undefined ? {} : _ref$targeting;
-
-  var _useState = useState(false),
-      _useState2 = slicedToArray(_useState, 2),
-      adRendered = _useState2[0],
-      setAdRendered = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = slicedToArray(_useState3, 2),
-      adRefreshable = _useState4[0],
-      setAdRefreshable = _useState4[1];
-
-  var _useState5 = useState(false),
-      _useState6 = slicedToArray(_useState5, 2),
-      adHasFocus = _useState6[0],
-      setAdHasFocus = _useState6[1];
-
-  var handleVisibilityChange = debounce_1(function (_ref2) {
-    var event = _ref2.event;
-
-    if (event.inViewPercentage <= 0) {
-      setAdRefreshable(false);
-    } else {
-      setAdRefreshable(true);
-    }
-  }, 500);
-
-  return React__default.createElement(
-    'div',
-    { className: className },
-    React__default.createElement(lib_2, {
-      slotId: slotId,
-      sizes: sizes,
-      adUnit: adUnit,
-      sizeMapping: sizeMapping,
-      targetingArguments: targeting,
-      onSlotRender: function onSlotRender(eventData) {
-        setAdRendered(true);
-        if (eventData && eventData.event) {
-          var cID = eventData.event.creativeId;
-          var lID = eventData.event.lineItemId;
-          var campID = eventData.event.campaignId;
-          var adSize = eventData.event.size.length > 1 ? eventData.event.size[0] + 'x' + eventData.event.size[1] : '';
-          Beam.report_beam_ad('AD Rendered', main_16, cID, lID, campID, adSize);
-
-          var slot_div = document.getElementById(eventData.slotId);
-          if (slot_div) {
-            slot_div.addEventListener('mouseenter', function () {
-              var timeoutId = slot_div.getAttribute('timeoutId');
-              clearTimeout(timeoutId);
-              slot_div.setAttribute('hasFocus', 'yes');
-            });
-
-            slot_div.addEventListener('mouseleave', function () {
-              var timeoutId = setTimeout(function () {
-                slot_div.setAttribute('hasFocus', 'no');
-              }, 60);
-              slot_div.setAttribute('timeoutId', timeoutId);
-            });
-
-            document.addEventListener('visibilitychange', function () {
-              if (!document.hidden) {
-                return;
-              }
-
-              var hasFocus = slot_div.getAttribute('hasFocus');
-              if (hasFocus == 'yes' && document.hidden) {
-                console.log('AD Clicked:', eventData.slotId);
-                slot_div.setAttribute('hasFocus', 'no');
-                Beam.report_beam_ad('AD Clicked', main_16, cID, lID, campID, adSize);
-              }
-            });
-          } else {
-            console.error('slot div not found:', slotId);
-          }
-        }
-      },
-      onSlotVisibilityChanged: handleVisibilityChange,
-      shouldRefresh: function shouldRefresh() {
-        if (adRendered && adRefreshable) return true;else return false;
-      }
-    })
-  );
-};
-
-DFPAdSlot.propTypes = {
-  adUnit: PropTypes.string.isRequired,
-  slotId: PropTypes.string,
-  className: PropTypes.string,
-  sizeMapping: PropTypes.array,
-  sizes: PropTypes.array
-};
-
-export { Beam as B, DFPAdSlot as D };

package/dist/esm/_babelHelpers-c212c59c.js

@@ -1,140 +0,0 @@
-var asyncToGenerator = function (fn) {
-  return function () {
-    var gen = fn.apply(this, arguments);
-    return new Promise(function (resolve, reject) {
-      function step(key, arg) {
-        try {
-          var info = gen[key](arg);
-          var value = info.value;
-        } catch (error) {
-          reject(error);
-          return;
-        }
-
-        if (info.done) {
-          resolve(value);
-        } else {
-          return Promise.resolve(value).then(function (value) {
-            step("next", value);
-          }, function (err) {
-            step("throw", err);
-          });
-        }
-      }
-
-      return step("next");
-    });
-  };
-};
-
-var classCallCheck = function (instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-};
-
-var createClass = function () {
-  function defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
-    }
-  }
-
-  return function (Constructor, protoProps, staticProps) {
-    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) defineProperties(Constructor, staticProps);
-    return Constructor;
-  };
-}();
-
-var _extends = Object.assign || function (target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i];
-
-    for (var key in source) {
-      if (Object.prototype.hasOwnProperty.call(source, key)) {
-        target[key] = source[key];
-      }
-    }
-  }
-
-  return target;
-};
-
-var inherits = function (subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
-    }
-  });
-  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-};
-
-var possibleConstructorReturn = function (self, call) {
-  if (!self) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-
-  return call && (typeof call === "object" || typeof call === "function") ? call : self;
-};
-
-var slicedToArray = function () {
-  function sliceIterator(arr, i) {
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _e = undefined;
-
-    try {
-      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
-      try {
-        if (!_n && _i["return"]) _i["return"]();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-
-    return _arr;
-  }
-
-  return function (arr, i) {
-    if (Array.isArray(arr)) {
-      return arr;
-    } else if (Symbol.iterator in Object(arr)) {
-      return sliceIterator(arr, i);
-    } else {
-      throw new TypeError("Invalid attempt to destructure non-iterable instance");
-    }
-  };
-}();
-
-var toConsumableArray = function (arr) {
-  if (Array.isArray(arr)) {
-    for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
-
-    return arr2;
-  } else {
-    return Array.from(arr);
-  }
-};
-
-export { _extends as _, classCallCheck as a, asyncToGenerator as b, createClass as c, inherits as i, possibleConstructorReturn as p, slicedToArray as s, toConsumableArray as t };