@mjhls/mjh-framework 1.0.1001-popup-polls → 1.0.1001

package/dist/cjs/{index-19fbbcea.js → index-e4f1fe32.js}

@@ -4,7 +4,7 @@ var React = require('react');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var reactBootstrap = require('react-bootstrap');
 var urlFor = require('./urlFor.js');
-var index = require('./index-d2a6ef75.js');
+var index = require('./index-7435b964.js');
 var Router = require('next/router');
 var index$1 = require('./index-187c967e.js');
 var PropTypes = require('prop-types');
@@ -12,7 +12,7 @@ var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var util = require('./util-93a37fd0.js');
 require('./Beam.js');
 var Segment = require('./Segment.js');
-var main = require('./main-3643d499.js');
+var main = require('./main-6054981e.js');
 var BlockContent = require('./BlockContent-96b44364.js');
 var _extends = require('./extends-7c86182f.js');
 var urlForFile = require('./urlForFile-29d3815a.js');
@@ -21,9 +21,6 @@ var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
 var _typeof$1 = require('./typeof-567e31ff.js');
 var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-4c7825a1.js');
 var stringify = require('./stringify-f7a37a8d.js');
-var core_getIteratorMethod = require('./core.get-iterator-method-5643aa10.js');
-var _objectToArray = require('./_object-to-array-ce86cae7.js');
-var keys = require('./keys-e982b3fa.js');
 var Modal = require('react-bootstrap/Modal');
 var Button = require('react-bootstrap/Button');
 var Form = require('react-bootstrap/Form');
@@ -31,6 +28,8 @@ var ReactGA = require('react-ga');
 var GroupDeck = require('./GroupDeck.js');
 var moment = require('./moment-aca40de1.js');
 var SocialShare = require('./SocialShare.js');
+var core_getIteratorMethod = require('./core.get-iterator-method-5643aa10.js');
+var _objectToArray = require('./_object-to-array-ce86cae7.js');
 var toConsumableArray = require('./toConsumableArray-d7797c2b.js');
 var Pagination = require('react-bootstrap/Pagination');
 var entities = require('./entities-df1aed86.js');
@@ -1649,13 +1648,11 @@ function shouldUpdateVideo(prevProps, props) {
 
 function filterResetOptions(opts) {
   return _objectSpread(_objectSpread({}, opts), {}, {
-    height: 0,
-    width: 0,
-    playerVars: _objectSpread(_objectSpread({}, opts.playerVars), {}, {
+    playerVars: _objectSpread({
       autoplay: 0,
       start: 0,
       end: 0
-    })
+    }, opts.playerVars)
   });
 }
 /**
@@ -1670,7 +1667,7 @@ function filterResetOptions(opts) {
 
 
 function shouldResetPlayer(prevProps, props) {
-  return prevProps.videoId !== props.videoId || !fastDeepEqual(filterResetOptions(prevProps.opts), filterResetOptions(props.opts));
+  return !fastDeepEqual(filterResetOptions(prevProps.opts), filterResetOptions(props.opts));
 }
 /**
  * Check whether a props change should result in an id or className update.
@@ -1681,7 +1678,7 @@ function shouldResetPlayer(prevProps, props) {
 
 
 function shouldUpdatePlayer(prevProps, props) {
-  return prevProps.id !== props.id || prevProps.className !== props.className || prevProps.opts.width !== props.opts.width || prevProps.opts.height !== props.opts.height || prevProps.title !== props.title;
+  return prevProps.id !== props.id || prevProps.className !== props.className;
 }
 
 var YouTube = /*#__PURE__*/function (_React$Component) {
@@ -1768,9 +1765,6 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
       _this.internalPlayer.getIframe().then(function (iframe) {
         if (_this.props.id) iframe.setAttribute('id', _this.props.id);else iframe.removeAttribute('id');
         if (_this.props.className) iframe.setAttribute('class', _this.props.className);else iframe.removeAttribute('class');
-        if (_this.props.opts && _this.props.opts.width) iframe.setAttribute('width', _this.props.opts.width);else iframe.removeAttribute('width');
-        if (_this.props.opts && _this.props.opts.height) iframe.setAttribute('height', _this.props.opts.height);else iframe.removeAttribute('height');
-        if (typeof _this.props.title === 'string') iframe.setAttribute('title', _this.props.title);else iframe.setAttribute('title', 'YouTube video player');
       });
     });
 
@@ -1869,8 +1863,7 @@ var YouTube = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         id: this.props.id,
         className: this.props.className,
-        ref: this.refContainer,
-        loading: this.props.loading
+        ref: this.refContainer
       }));
     }
   }]);
@@ -1895,10 +1888,6 @@ YouTube.propTypes = {
   className: PropTypes__default["default"].string,
   // custom class name for player container element
   containerClassName: PropTypes__default["default"].string,
-  // custom title for the iFrame, see https://www.w3.org/TR/WCAG20-TECHS/H64.html
-  title: PropTypes__default["default"].string,
-  // custom loading for player element
-  loading: PropTypes__default["default"].oneOf(['lazy', 'eager', 'auto']),
   // https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player
   opts: PropTypes__default["default"].objectOf(PropTypes__default["default"].any),
   // event subscriptions
@@ -1915,7 +1904,6 @@ YouTube.defaultProps = {
   videoId: null,
   id: null,
   className: null,
-  loading: null,
   opts: {},
   containerClassName: '',
   onReady: function onReady() {},
@@ -1925,8 +1913,7 @@ YouTube.defaultProps = {
   onEnd: function onEnd() {},
   onStateChange: function onStateChange() {},
   onPlaybackRateChange: function onPlaybackRateChange() {},
-  onPlaybackQualityChange: function onPlaybackQualityChange() {},
-  title: null
+  onPlaybackQualityChange: function onPlaybackQualityChange() {}
 };
 
 var YouTubePlayer = function YouTubePlayer(_ref) {
@@ -2232,24 +2219,6 @@ var IFrame = function IFrame(_ref) {
   );
 };
 
-// https://github.com/tc39/proposal-object-values-entries
-
-var $values = _objectToArray._objectToArray(false);
-
-core_getIteratorMethod._export(core_getIteratorMethod._export.S, 'Object', {
-  values: function values(it) {
-    return $values(it);
-  }
-});
-
-var values$1 = core_getIteratorMethod._core.Object.values;
-
-var values = _commonjsHelpers.createCommonjsModule(function (module) {
-module.exports = { "default": values$1, __esModule: true };
-});
-
-var _Object$values = _commonjsHelpers.unwrapExports(values);
-
 var PopupMultiChoice = function PopupMultiChoice(_ref) {
   var question = _ref.question,
       choices = _ref.choices,
@@ -2260,7 +2229,7 @@ var PopupMultiChoice = function PopupMultiChoice(_ref) {
       inline: true,
       label: choice.choiceText,
       value: choice.choiceText,
-      name: question,
+      name: 'radioButton',
       type: 'radio',
       className: 'radioButton',
       onClick: handlePollAnswer
@@ -2330,15 +2299,10 @@ var PopupPollModal = function PopupPollModal(props) {
       pollAnswer = _useState2[0],
       setPollAnswer = _useState2[1];
 
-  var _useState3 = React.useState({}),
+  var _useState3 = React.useState(''),
       _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      multiItemPollAnswers = _useState4[0],
-      setMultiItemPollAnswers = _useState4[1];
-
-  var _useState5 = React.useState(''),
-      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
-      textAnswer = _useState6[0],
-      setTextAnswer = _useState6[1];
+      textAnswer = _useState4[0],
+      setTextAnswer = _useState4[1];
 
   React.useEffect(function () {
     var modal = document.getElementById('modalDiv');
@@ -2353,98 +2317,77 @@ var PopupPollModal = function PopupPollModal(props) {
     setPollAnswer(e.target.value);
   };
 
-  var handleMultiItemPollAnswers = function handleMultiItemPollAnswers(e) {
-    var question = e.target.name;
-    var answer = e.target.value;
-    var tempObj = {};
-    tempObj[question] = answer;
-    setMultiItemPollAnswers(function (prev) {
-      return _extends._extends({}, prev, tempObj);
-    });
-  };
-
   var handleSubmit = function handleSubmit(e) {
     var currentDate = new Date(Date.now()).toUTCString();
     // eslint-disable-next-line no-undef
     var anonymousID = typeof analytics !== 'undefined' && typeof analytics.user === 'function' && analytics.user() && analytics.user().anonymousId();
-    var formData = {};
-
     pollItems.forEach(function (item) {
-      formData = {
+      var submitAnswer = void 0;
+      if (item.format === 'multiChoice') submitAnswer = pollAnswer;
+      if (item.format === 'textInput') submitAnswer = textAnswer;
+      var formData = {
         uuid: anonymousID,
         url: pollUrl,
         date: currentDate,
-        questionsArray: keys._Object$keys(multiItemPollAnswers),
-        answersArray: _Object$values(multiItemPollAnswers)
+        question: item.question,
+        answer: submitAnswer
       };
-      item.question ? formData.question = item.question : null;
-      pollAnswer && item.format === 'multiChoice' ? formData.answer = pollAnswer : pollAnswer && item.format === 'textInput' ? formData.answer = textAnswer : null;
-      keys._Object$keys(multiItemPollAnswers).length > 0 ? formData.multiItemQandA = multiItemPollAnswers : null;
-    });
-    var requestOptions = {
-      method: 'POST',
-      headers: { 'content-type': 'application/json' },
-      body: stringify._JSON$stringify({ data: formData })
-    };
-    var insertData = function () {
-      var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee() {
-        return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.prev = 0;
-                _context.next = 3;
-                return fetch('/api/popup_polls', requestOptions).then(function (res) {
-                  return res.json();
-                }).then(function (res) {
-                  return console.log(res);
-                });
-
-              case 3:
-                _context.next = 8;
-                break;
-
-              case 5:
-                _context.prev = 5;
-                _context.t0 = _context['catch'](0);
-
-                if (_context.t0) console.log('There was an error in insertData in PopupPollModal.js: ' + _context.t0);
-
-              case 8:
-              case 'end':
-                return _context.stop();
+      var requestOptions = {
+        method: 'POST',
+        headers: { 'content-type': 'application/json' },
+        body: stringify._JSON$stringify({ data: formData })
+      };
+      var insertData = function () {
+        var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee() {
+          return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  _context.prev = 0;
+                  _context.next = 3;
+                  return fetch('/api/popup_polls', requestOptions).then(function (res) {
+                    return res.json();
+                  }).then(function (res) {
+                    return console.log(res);
+                  });
+
+                case 3:
+                  _context.next = 8;
+                  break;
+
+                case 5:
+                  _context.prev = 5;
+                  _context.t0 = _context['catch'](0);
+
+                  if (_context.t0) console.log('There was an error in insertData in PopupPollModal.js: ' + _context.t0);
+
+                case 8:
+                case 'end':
+                  return _context.stop();
+              }
             }
-          }
-        }, _callee, _this, [[0, 5]]);
-      }));
+          }, _callee, _this, [[0, 5]]);
+        }));
 
-      return function insertData() {
-        return _ref.apply(this, arguments);
-      };
-    }();
-    // console.log('formData', formData)
-    insertData();
+        return function insertData() {
+          return _ref.apply(this, arguments);
+        };
+      }();
+      console.log('formData', formData);
+      insertData();
+    });
     restartPlayer();
+    // setIsPollingTime(false)
     e.preventDefault();
   };
 
   var pollArray = [];
-
   pollItems.forEach(function (item, ind) {
-    if (!item.atStart) {
-      if (item.format === 'multiChoice') {
-        pollArray.push(React__default["default"].createElement(PopupMultiChoice, { question: item.question, choices: item.choices, handlePollAnswer: handlePollAnswer, key: ind }));
-      }
-      if (item.format === 'textInput') {
-        pollArray.push(React__default["default"].createElement(PopupPollTextInput, { textInputQuestion: item.question, textanswer: textAnswer, handleTextAnswer: handleTextAnswer, key: ind }));
-      }
-    } else {
-      if (item.pollItems[0] && item.pollItems[0].format === 'multiChoice') {
-        pollArray.push(React__default["default"].createElement(PopupMultiChoice, { question: item.pollItems[0].question, choices: item.pollItems[0].choices, handlePollAnswer: handleMultiItemPollAnswers, key: ind }));
-      }
-      if (item.pollItems[0] && item.pollItems[0].format === 'textInput') {
-        pollArray.push(React__default["default"].createElement(PopupPollTextInput, { textInputQuestion: item.pollItems[0].question, textanswer: textAnswer, handleTextAnswer: handleTextAnswer, key: ind }));
-      }
+    if (item.format === 'multiChoice') {
+      pollArray.push(React__default["default"].createElement(PopupMultiChoice, { question: item.question, choices: item.choices, handlePollAnswer: handlePollAnswer, key: ind }));
+    }
+    if (item.format === 'textInput') {
+      pollArray.push(React__default["default"].createElement(PopupPollTextInput, { textInputQuestion: item.question, textanswer: textAnswer, handleTextAnswer: handleTextAnswer, key: ind }));
     }
   });
 
@@ -2453,10 +2396,7 @@ var PopupPollModal = function PopupPollModal(props) {
     { className: 'modalDiv', id: 'modalDiv' },
     React__default["default"].createElement(
       Modal__default["default"].Dialog,
-      { className: pollItems.length > 1 ? 'modal-dialog-overflow' : null, scrollable: pollItems.length > 1 },
-      props.closeable && React__default["default"].createElement(Modal__default["default"].Header, { closeButton: true, onClick: function onClick() {
-          return restartPlayer();
-        } }),
+      null,
       React__default["default"].createElement(
         Modal__default["default"].Body,
         null,
@@ -2468,13 +2408,9 @@ var PopupPollModal = function PopupPollModal(props) {
             Button__default["default"],
             { className: 'submitButton', type: 'submit', variant: 'success', disabled: !textAnswer },
             'Submit'
-          ) : !textInputRender && multiChoiceRender ? React__default["default"].createElement(
-            Button__default["default"],
-            { className: 'submitButton', type: 'submit', variant: 'success', disabled: !pollAnswer },
-            'Submit'
           ) : React__default["default"].createElement(
             Button__default["default"],
-            { className: 'submitButton', type: 'submit', variant: 'success' },
+            { className: 'submitButton', type: 'submit', variant: 'success', disabled: !pollAnswer },
             'Submit'
           )
         )
@@ -2694,7 +2630,6 @@ var Video = function Video(_ref) {
       experienceID = node.experienceID;
 
   var polls = void 0;
-
   if (node.polls) polls = node.polls;
 
   var _useState = React.useState(false),
@@ -2739,16 +2674,10 @@ var Video = function Video(_ref) {
     return minutes * 60 + seconds;
   };
   var modalTimes = [];
-  var initPolls = [];
-  var nonInitPolls = [];
   if (polls) {
     polls.forEach(function (pollObj) {
-      return pollObj.timestamp !== '0:00' && pollObj.timestamp !== '00:00' ? modalTimes.push(convertTime(pollObj.timestamp)) : null;
+      return modalTimes.push(convertTime(pollObj.timestamp));
     });
-    polls.forEach(function (pollObj) {
-      return pollObj.atStart ? initPolls.push(pollObj) : nonInitPolls.push(pollObj);
-    });
-    if (nonInitPolls.length > 0) polls = nonInitPolls;
   }
 
   var restartPlayer = function restartPlayer() {
@@ -2823,14 +2752,7 @@ var Video = function Video(_ref) {
           return _ref2.apply(this, arguments);
         };
       }();
-      // console.log('initPolls', initPolls)
-      if (initPolls.length > 0) {
-        player.pause();
-        setPollItems(initPolls);
-        setPollUrl(targeting.document_url[0]);
-        setIsPollingTime(true);
-        initPolls = [];
-      }
+
       if (autoplay) {
         autoPlayVideo();
       }
@@ -2838,15 +2760,20 @@ var Video = function Video(_ref) {
       // Beam.report_beam_video('Ready', deviceType, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID)
       Segment.report_video_event('Video Ready', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
-
+    // let intId
+    // const convertTime = (timeStr) => {
+    //   const minutes = parseInt(timeStr.slice(0, 2))
+    //   const seconds = parseInt(timeStr.slice(3))
+    //   return minutes * 60 + seconds
+    // }
+    // const modalTimes = []
+    // polls.forEach(pollObj => modalTimes.push(convertTime(pollObj.timestamp)))
     player.on('play', function (evt) {
-      console.log('in player.on');
       var duration = player.mediainfo.duration;
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-
-      if (polls && initPolls.length === 0) {
+      if (polls) {
         var vidPlayer = this;
         intId = setInterval(function () {
           var ct = player.currentTime();
@@ -2947,8 +2874,6 @@ var Video = function Video(_ref) {
           , textInputRender: textInputRender
           // eslint-disable-next-line react/jsx-indent-props
           , multiChoiceRender: multiChoiceRender
-          // eslint-disable-next-line react/jsx-indent-props
-          , closeable: node.polls && node.polls[0] ? node.polls[0].closeable : null
         }) : null,
         React__default["default"].createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
           onSuccess: onVideoSuccess,
@@ -2981,8 +2906,6 @@ var Video = function Video(_ref) {
           , textInputRender: textInputRender
           // eslint-disable-next-line react/jsx-indent-props
           , multiChoiceRender: multiChoiceRender
-          // eslint-disable-next-line react/jsx-indent-props
-          , closeable: node.polls && node.polls[0] ? node.polls[0].closeable : null
         }) : null,
         React__default["default"].createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
           accountId: accountIDs.brightcove.accountId,
@@ -3016,9 +2939,6 @@ var Video = function Video(_ref) {
           , textInputRender: textInputRender
           // eslint-disable-next-line react/jsx-indent-props
           , multiChoiceRender: multiChoiceRender
-          // eslint-disable-next-line react/jsx-indent-props
-          , closeable: node.polls && node.polls[0] ? node.polls[0].closeable : null
-
         }) : null
       );
     }
@@ -8235,6 +8155,24 @@ var Poll$1 = function Poll(_ref) {
   );
 };
 
+// https://github.com/tc39/proposal-object-values-entries
+
+var $values = _objectToArray._objectToArray(false);
+
+core_getIteratorMethod._export(core_getIteratorMethod._export.S, 'Object', {
+  values: function values(it) {
+    return $values(it);
+  }
+});
+
+var values$1 = core_getIteratorMethod._core.Object.values;
+
+var values = _commonjsHelpers.createCommonjsModule(function (module) {
+module.exports = { "default": values$1, __esModule: true };
+});
+
+var _Object$values = _commonjsHelpers.unwrapExports(values);
+
 var Poll = function Poll(_ref) {
   var node = _ref.node;
       _ref.client;

package/dist/cjs/index.js

@@ -79,7 +79,7 @@ var stringify = require('./stringify-f7a37a8d.js');
 var _extends = require('./extends-7c86182f.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var PropTypes = require('prop-types');
-var index$1 = require('./index-f86bb269.js');
+var index$1 = require('./index-96c331fd.js');
 var ProgressBar = require('react-bootstrap/ProgressBar');
 var PixelTracking = require('./PixelTracking.js');
 var ForbesHero = require('./ForbesHero.js');
@@ -90,7 +90,7 @@ var VerticalHero = require('./VerticalHero.js');
 var YahooHero = require('./YahooHero.js');
 var GridHero = require('./GridHero.js');
 var ConferenceArticleCard = require('./ConferenceArticleCard.js');
-var getSerializers = require('./index-19fbbcea.js');
+var getSerializers = require('./index-e4f1fe32.js');
 var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
 var KMTracker = require('./KMTracker.js');
@@ -120,8 +120,7 @@ require('./web.dom.iterable-d98303e0.js');
 require('./_is-array-54228b29.js');
 require('./_object-pie-083f2dd6.js');
 require('./_library-dd23b178.js');
-require('./index-d2a6ef75.js');
-require('./events-1b438fe7.js');
+require('./index-7435b964.js');
 require('react-bootstrap/Container');
 require('react-bootstrap/Card');
 require('./moment-aca40de1.js');
@@ -132,11 +131,11 @@ require('./toNumber-5e1fac58.js');
 require('./index.es-1ab8dda7.js');
 require('./visibility-sensor-56020df6.js');
 require('react-dom');
-require('./main-3643d499.js');
+require('./main-6054981e.js');
 require('./entities-df1aed86.js');
-require('./ADInfeed-0394f391.js');
+require('./ADInfeed-ef933a08.js');
 require('./lodash-f0783643.js');
-require('./ADlgInfeed-759969d6.js');
+require('./ADlgInfeed-0e931f24.js');
 require('./getContentCategory-f38a4c00.js');
 require('./get-5839e5b5.js');
 require('./eq-5fc26c07.js');
@@ -158,8 +157,7 @@ require('./_object-to-array-ce86cae7.js');
 require('react-bootstrap/Spinner');
 require('react-bootstrap/Form');
 require('./js.cookie-a511c430.js');
-require('./typeof-1358762e.js');
-require('./index-50be6759.js');
+require('./index-b95410f0.js');
 require('./ConferenceBanner-213003ce.js');
 require('next/head');
 require('react-bootstrap/ListGroup');
@@ -172,7 +170,7 @@ require('react-bootstrap/NavDropdown');
 require('./index.esm-c1e16606.js');
 require('./NavFooter-880e9d87.js');
 require('./index.esm-f59ef5b4.js');
-require('./SocialSearchComponent-62bceb87.js');
+require('./SocialSearchComponent-ca9c0c45.js');
 require('react-bootstrap/FormControl');
 require('react-ga');
 require('react-bootstrap/Carousel');
@@ -195,12 +193,11 @@ require('swr');
 require('passport-local');
 require('mysql');
 require('./md5-e1ca5797.js');
-require('./SeriesSlider-3d57985d.js');
+require('./SeriesSlider-18fc6e71.js');
 require('./style-inject.es-dcee06b6.js');
 require('disqus-react');
 require('react-twitter-embed');
-require('./ImageSlider-17fdaf3b.js');
-require('./defineProperty-e0fb52c5.js');
+require('./ImageSlider-1ec0408b.js');
 require('./VideoSeriesCard.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }