@mjhls/mjh-framework 1.0.236 → 1.0.237

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 };