@mjhls/mjh-framework 1.0.929 → 1.0.931

package/dist/cjs/{index-07f1af18.js → index-636dcd3f.js}

@@ -20,6 +20,10 @@ var index$2 = require('./index-eadd5035.js');
 var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
 var _typeof$1 = require('./typeof-567e31ff.js');
 var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-a195642e.js');
+var stringify = require('./stringify-f7a37a8d.js');
+var Modal = require('react-bootstrap/Modal');
+var Button = require('react-bootstrap/Button');
+var Form = require('react-bootstrap/Form');
 var GroupDeck = require('./GroupDeck.js');
 var moment = require('./moment-aca40de1.js');
 var SocialShare = require('./SocialShare.js');
@@ -27,7 +31,6 @@ 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 Button = require('react-bootstrap/Button');
 var entities = require('./entities-df1aed86.js');
 var AdSlot = require('./AdSlot.js');
 var Row = require('react-bootstrap/Row');
@@ -45,8 +48,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Router__default = /*#__PURE__*/_interopDefaultLegacy(Router);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var Pagination__default = /*#__PURE__*/_interopDefaultLegacy(Pagination);
+var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
+var Pagination__default = /*#__PURE__*/_interopDefaultLegacy(Pagination);
 var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
 var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
 var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
@@ -2211,10 +2216,239 @@ var IFrame = function IFrame(_ref) {
   );
 };
 
+var PopupMultiChoice = function PopupMultiChoice(_ref) {
+  var question = _ref.question,
+      choices = _ref.choices,
+      handlePollAnswer = _ref.handlePollAnswer;
+
+  var choiceArray = choices.map(function (choice) {
+    return React__default['default'].createElement(Form__default['default'].Check, {
+      inline: true,
+      label: choice.choiceText,
+      value: choice.choiceText,
+      name: 'radioButton',
+      type: 'radio',
+      className: 'radioButton',
+      onClick: handlePollAnswer
+    });
+  });
+  return React__default['default'].createElement(
+    'div',
+    {
+      key: 'inline-radio',
+      className: 'mb-3' },
+    React__default['default'].createElement(
+      'h2',
+      {
+        className: 'radioLabelText'
+      },
+      question
+    ),
+    React__default['default'].createElement(
+      'div',
+      {
+        className: 'multiChoiceDiv'
+      },
+      choiceArray
+    )
+  );
+};
+
+var PopupPollTextInput = function PopupPollTextInput(_ref) {
+  var textInputQuestion = _ref.textInputQuestion,
+      textAnswer = _ref.textAnswer,
+      handleTextAnswer = _ref.handleTextAnswer;
+
+  return React__default['default'].createElement(
+    'div',
+    {
+      className: 'textInputDiv'
+    },
+    React__default['default'].createElement(
+      'h2',
+      {
+        className: 'textInputQuestion'
+      },
+      textInputQuestion
+    ),
+    React__default['default'].createElement(Form__default['default'].Control, {
+      type: 'text',
+      className: 'textInput',
+      value: textAnswer,
+      placeholder: 'Your response',
+      onChange: handleTextAnswer
+    })
+  );
+};
+
+var _this = undefined;
+var fetch = require('node-fetch');
+
+var PopupPollModal = function PopupPollModal(props) {
+  var pollItems = props.pollItems,
+      pollUrl = props.pollUrl,
+      restartPlayer = props.restartPlayer,
+      multiChoiceRender = props.multiChoiceRender,
+      textInputRender = props.textInputRender;
+
+  var _useState = React.useState(''),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      pollAnswer = _useState2[0],
+      setPollAnswer = _useState2[1];
+
+  var _useState3 = React.useState(''),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      textAnswer = _useState4[0],
+      setTextAnswer = _useState4[1];
+
+  React.useEffect(function () {
+    var modal = document.getElementById('modalDiv');
+    modal.style.visibility = 'visible';
+  }, []);
+
+  var handleTextAnswer = function handleTextAnswer(e) {
+    setTextAnswer(e.target.value);
+  };
+
+  var handlePollAnswer = function handlePollAnswer(e) {
+    setPollAnswer(e.target.value);
+  };
+
+  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();
+    pollItems.forEach(function (item) {
+      var submitAnswer = void 0;
+      if (item.format === 'multiChoice') submitAnswer = pollAnswer;
+      if (item.format === 'textInput') submitAnswer = textAnswer;
+      var formData = {
+        uuid: anonymousID,
+        url: pollUrl,
+        date: currentDate,
+        question: item.question,
+        answer: submitAnswer
+      };
+      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]]);
+        }));
+
+        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.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
+      }));
+    }
+  });
+
+  return React__default['default'].createElement(
+    'div',
+    {
+      className: 'modalDiv',
+      id: 'modalDiv'
+    },
+    React__default['default'].createElement(
+      Modal__default['default'].Dialog,
+      null,
+      React__default['default'].createElement(
+        Modal__default['default'].Body,
+        null,
+        React__default['default'].createElement(
+          Form__default['default'],
+          {
+            onSubmit: handleSubmit,
+            className: 'modalForm'
+          },
+          pollArray,
+          textInputRender && !multiChoiceRender ? React__default['default'].createElement(
+            Button__default['default'],
+            {
+              className: 'submitButton',
+              type: 'submit',
+              variant: 'success',
+              disabled: !textAnswer
+            },
+            'Submit'
+          ) : React__default['default'].createElement(
+            Button__default['default'],
+            {
+              className: 'submitButton',
+              type: 'submit',
+              variant: 'success',
+              disabled: !pollAnswer
+            },
+            'Submit'
+          )
+        )
+      )
+    )
+  );
+};
+
 var VideoMp4 = function VideoMp4(_ref) {
   var url = _ref.url,
       thumbnail = _ref.thumbnail,
-      vidLoaded = _ref.vidLoaded;
+      vidLoaded = _ref.vidLoaded,
+      polls = _ref.polls,
+      modalTimes = _ref.modalTimes,
+      targetingUrl = _ref.targetingUrl;
 
   var _useState = React.useState(false),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -2231,7 +2465,43 @@ var VideoMp4 = function VideoMp4(_ref) {
       intervalID = _useState6[0],
       setIntervalID = _useState6[1];
 
+  var _useState7 = React.useState(false),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      isPollingTime = _useState8[0],
+      setIsPollingTime = _useState8[1];
+
+  var _useState9 = React.useState([]),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
+      pollItems = _useState10[0],
+      setPollItems = _useState10[1];
+
+  var _useState11 = React.useState(''),
+      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
+      pollUrl = _useState12[0],
+      setPollUrl = _useState12[1];
+
+  var _useState13 = React.useState(false),
+      _useState14 = slicedToArray._slicedToArray(_useState13, 2),
+      multiChoiceRender = _useState14[0],
+      setMultiChoiceRender = _useState14[1];
+
+  var _useState15 = React.useState(false),
+      _useState16 = slicedToArray._slicedToArray(_useState15, 2),
+      textInputRender = _useState16[0],
+      setTextInputRender = _useState16[1];
+
+  var _useState17 = React.useState(),
+      _useState18 = slicedToArray._slicedToArray(_useState17, 2),
+      videoPlayer = _useState18[0],
+      setVideoPlayer = _useState18[1];
+
   var queueProgress = [];
+  var intId = void 0;
+
+  var restartPlayer = function restartPlayer() {
+    setIsPollingTime(false);
+    videoPlayer.play();
+  };
 
   var handleOnReady = function handleOnReady(event) {
     event.target.muted = true;
@@ -2241,7 +2511,7 @@ var VideoMp4 = function VideoMp4(_ref) {
     var duration = player.duration;
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    //Beam.report_beam_video('Ready', deviceType, duration, current, segment, 'MP4')
+    // Beam.report_beam_video('Ready', deviceType, duration, current, segment, 'MP4')
     Segment.report_video_event('Video Ready', main.main_18, duration, current, segment, 'MP4');
   };
 
@@ -2251,7 +2521,7 @@ var VideoMp4 = function VideoMp4(_ref) {
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
     if (!queueProgress.includes(segment)) {
-      //Beam.report_beam_video('Segment', deviceType, duration, current, segment, 'MP4')
+      // Beam.report_beam_video('Segment', deviceType, duration, current, segment, 'MP4')
       Segment.report_video_event('Video Segment', main.main_18, duration, current, segment, 'MP4');
       queueProgress.push(segment);
     }
@@ -2264,9 +2534,8 @@ var VideoMp4 = function VideoMp4(_ref) {
     var duration = player.duration;
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    //Beam.report_beam_video('Play', deviceType, duration, current, segment, 'MP4')
+    // Beam.report_beam_video('Play', deviceType, duration, current, segment, 'MP4')
     Segment.report_video_event('Video Play', main.main_18, duration, current, segment, 'MP4');
-
     if (!playReported) {
       event.persist();
       setPlayReported(true);
@@ -2275,6 +2544,29 @@ var VideoMp4 = function VideoMp4(_ref) {
       }, 1000);
       setIntervalID(_intervalID);
     }
+    if (polls) {
+      event.persist();
+      setVideoPlayer(event.target);
+      intId = setInterval(function () {
+        var ct = player.currentTime;
+        console.log('videoPlayer in Interval', videoPlayer);
+        if (intId) console.log('interval ID is ' + intId);
+        modalTimes.forEach(function (modalTime, ind) {
+          if (Math.floor(ct) === modalTime) {
+            console.log('clearing interval: ' + intId);
+            clearInterval(intId);
+            setPollItems(polls[ind].pollItems);
+            setPollUrl(targetingUrl);
+            setIsPollingTime(true);
+            polls[ind].pollItems.forEach(function (item) {
+              if (item.format === 'multiChoice') setMultiChoiceRender(true);
+              if (item.format === 'textInput') setTextInputRender(true);
+            });
+            event.target.pause();
+          }
+        });
+      }, 1000);
+    }
   };
 
   var handleOnEnd = function handleOnEnd(event) {
@@ -2284,8 +2576,8 @@ var VideoMp4 = function VideoMp4(_ref) {
       var duration = player.duration;
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-
-      //Beam.report_beam_video('End', deviceType, duration, current, segment, 'MP4')
+      clearInterval(intId);
+      // Beam.report_beam_video('End', deviceType, duration, current, segment, 'MP4')
       Segment.report_video_event('Video End', main.main_18, duration, current, segment, 'MP4');
       setEndReported(true);
       clearInterval(intervalID);
@@ -2298,13 +2590,28 @@ var VideoMp4 = function VideoMp4(_ref) {
     var duration = player.duration - current;
     var queue = Math.floor(duration / 10);
     var segment = Math.floor(current / queue);
-    //Beam.report_beam_video('Pause', deviceType, duration, current, segment, 'MP4')
+    clearInterval(intId);
+    // Beam.report_beam_video('Pause', deviceType, duration, current, segment, 'MP4')
     Segment.report_video_event('Video Pause', main.main_18, duration, current, segment, 'MP4');
   };
 
   return React__default['default'].createElement(
     'div',
     null,
+    isPollingTime ? React__default['default'].createElement(PopupPollModal
+    // eslint-disable-next-line react/jsx-indent-props
+    , { pollItems: pollItems
+      // eslint-disable-next-line react/jsx-indent-props
+      , pollUrl: pollUrl
+      // eslint-disable-next-line react/jsx-indent-props
+      , isPollingTime: isPollingTime
+      // eslint-disable-next-line react/jsx-indent-props
+      , restartPlayer: restartPlayer
+      // eslint-disable-next-line react/jsx-indent-props
+      , textInputRender: textInputRender
+      // eslint-disable-next-line react/jsx-indent-props
+      , multiChoiceRender: multiChoiceRender
+    }) : null,
     vidLoaded && React__default['default'].createElement(
       'video',
       {
@@ -2345,14 +2652,63 @@ var Video = function Video(_ref) {
       playlistID = node.playlistID,
       experienceID = node.experienceID;
 
+  var polls = void 0;
+  if (node.polls) polls = node.polls;
+
   var _useState = React.useState(false),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       videoLoaded = _useState2[0],
       setVideoLoaded = _useState2[1];
 
+  var _useState3 = React.useState(false),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      isPollingTime = _useState4[0],
+      setIsPollingTime = _useState4[1];
+
+  var _useState5 = React.useState([]),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      pollItems = _useState6[0],
+      setPollItems = _useState6[1];
+
+  var _useState7 = React.useState(''),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      pollUrl = _useState8[0],
+      setPollUrl = _useState8[1];
+
+  var _useState9 = React.useState(),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
+      videoPlayer = _useState10[0],
+      setVideoPlayer = _useState10[1];
+
+  var _useState11 = React.useState(false),
+      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
+      multiChoiceRender = _useState12[0],
+      setMultiChoiceRender = _useState12[1];
+
+  var _useState13 = React.useState(false),
+      _useState14 = slicedToArray._slicedToArray(_useState13, 2),
+      textInputRender = _useState14[0],
+      setTextInputRender = _useState14[1];
+
+  var intId = void 0;
+  var convertTime = function convertTime(timeStr) {
+    var minutes = parseInt(timeStr.slice(0, 2));
+    var seconds = parseInt(timeStr.slice(3));
+    return minutes * 60 + seconds;
+  };
+  var modalTimes = [];
+  polls.forEach(function (pollObj) {
+    return modalTimes.push(convertTime(pollObj.timestamp));
+  });
+
+  var restartPlayer = function restartPlayer() {
+    setIsPollingTime(false);
+    videoPlayer.play();
+  };
+
   React.useEffect(function () {
     if (!videoLoaded && experienceID) {
-      //To load Experience Player JS
+      // To load Experience Player JS
       var experiencePlayerScript = document.createElement('script');
       experiencePlayerScript.src = 'https://players.brightcove.net/' + accountIDs.brightcove.accountId + '/experience_' + experienceID + '/live.js';
       document.body.appendChild(experiencePlayerScript);
@@ -2365,8 +2721,9 @@ var Video = function Video(_ref) {
   };
 
   var onVideoSuccess = function onVideoSuccess(success) {
-    //console.log('success:', success.ref)
+    // console.log('success:', success)
     var player = success.ref;
+    setVideoPlayer(player);
     if (_typeof$1._typeof(player.ima3) === 'object' && player.ima3.settings && player.ima3.settings.serverUrl && targeting !== null) {
       player.ima3.settings.debug = true;
       if (targeting.content_placement && targeting.document_url) {
@@ -2377,7 +2734,7 @@ var Video = function Video(_ref) {
     player.on('loadedmetadata', function (evt) {
       var _this = this;
 
-      //console.log('loadedmetadata:', evt)
+      // console.log('loadedmetadata:', evt)
       console.log('mediainfo:', player.mediainfo); // get the duration from here
       var duration = player.mediainfo.duration;
       var current = player.currentTime();
@@ -2421,17 +2778,42 @@ var Video = function Video(_ref) {
         autoPlayVideo();
       }
 
-      //Beam.report_beam_video('Ready', deviceType, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID)
+      // 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);
     });
-
-    // play
+    // 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) {
       var duration = player.mediainfo.duration;
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      //Beam.report_beam_video('Play', deviceType, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID)
+      if (polls) {
+        var vidPlayer = this;
+        intId = setInterval(function () {
+          var ct = player.currentTime();
+          if (intId) console.log('interval ID is ' + intId);
+          modalTimes.forEach(function (modalTime, ind) {
+            if (Math.floor(ct) === modalTime) {
+              setPollItems(polls[ind].pollItems);
+              setPollUrl(targeting.document_url[0]);
+              setIsPollingTime(true);
+              polls[ind].pollItems.forEach(function (item) {
+                if (item.format === 'multiChoice') setMultiChoiceRender(true);
+                if (item.format === 'textInput') setTextInputRender(true);
+              });
+              vidPlayer.pause();
+            }
+          });
+        }, 1000);
+      }
+      // Beam.report_beam_video('Play', deviceType, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID)
       Segment.report_video_event('Video Play', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
@@ -2441,7 +2823,8 @@ var Video = function Video(_ref) {
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      //Beam.report_beam_video('Pause', deviceType, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID)
+      clearInterval(intId);
+      // Beam.report_beam_video('Pause', deviceType, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID)
       Segment.report_video_event('Video Pause', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
     });
 
@@ -2451,9 +2834,10 @@ var Video = function Video(_ref) {
       var current = player.currentTime();
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
-      //Beam.report_beam_video('End', deviceType, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID)
+      clearInterval(intId);
+      // Beam.report_beam_video('End', deviceType, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID)
       Segment.report_video_event('Video End', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
-      //This is for old series format
+      // This is for old series format
       autoplayNextVideo(evt);
       if (nextVideo) {
         window.location.href = '/view/' + nextVideo;
@@ -2467,7 +2851,7 @@ var Video = function Video(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
       if (!queueProgress.includes(segment)) {
-        //Beam.report_beam_video('Segment', deviceType, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID)
+        // Beam.report_beam_video('Segment', deviceType, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID)
         Segment.report_video_event('Video Segment', main.main_18, duration, current, segment, 'BrightCove', accountIDs.brightcove.playerId, accountIDs.brightcove.accountId, videoID);
         queueProgress.push(segment);
       }
@@ -2476,19 +2860,19 @@ var Video = function Video(_ref) {
     // ad impression
     player.on('ads-ad-started', function (evt) {
       var duration = player.ads.ad.duration;
-      player.ads.ad.id;
+      // const id = player.ads.ad.id
       var adType = 'Bright Cove: ' + player.ads.ad.type;
 
-      //Beam.report_beam_ad('AD Started', deviceType, '', '', '', '', '', adType, duration, id)
+      // Beam.report_beam_ad('AD Started', deviceType, '', '', '', '', '', adType, duration, id)
       Segment.report_ad_event('Video Ad Started', main.main_18, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
     });
 
     // ad ended
     player.on('ads-ad-ended', function (evt) {
       var duration = player.ads.ad.duration;
-      player.ads.ad.id;
+      // const id = player.ads.ad.id
       var adType = 'Bright Cove: ' + player.ads.ad.type;
-      //Beam.report_beam_ad('AD Ended', deviceType, '', '', '', '', '', adType, duration, id)
+      // Beam.report_beam_ad('AD Ended', deviceType, '', '', '', '', '', adType, duration, id)
       Segment.report_ad_event('Video Ad Ended', main.main_18, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
     });
   };
@@ -2498,6 +2882,20 @@ var Video = function Video(_ref) {
       return React__default['default'].createElement(
         'div',
         null,
+        isPollingTime ? React__default['default'].createElement(PopupPollModal
+        // eslint-disable-next-line react/jsx-indent-props
+        , { pollItems: pollItems
+          // eslint-disable-next-line react/jsx-indent-props
+          , pollUrl: pollUrl
+          // eslint-disable-next-line react/jsx-indent-props
+          , isPollingTime: isPollingTime
+          // eslint-disable-next-line react/jsx-indent-props
+          , restartPlayer: restartPlayer
+          // eslint-disable-next-line react/jsx-indent-props
+          , textInputRender: textInputRender
+          // eslint-disable-next-line react/jsx-indent-props
+          , multiChoiceRender: multiChoiceRender
+        }) : null,
         React__default['default'].createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
           onSuccess: onVideoSuccess,
           onFailure: onVideoFailure,
@@ -2516,6 +2914,20 @@ var Video = function Video(_ref) {
       return React__default['default'].createElement(
         'div',
         null,
+        isPollingTime ? React__default['default'].createElement(PopupPollModal
+        // eslint-disable-next-line react/jsx-indent-props
+        , { pollItems: pollItems
+          // eslint-disable-next-line react/jsx-indent-props
+          , pollUrl: pollUrl
+          // eslint-disable-next-line react/jsx-indent-props
+          , isPollingTime: isPollingTime
+          // eslint-disable-next-line react/jsx-indent-props
+          , restartPlayer: restartPlayer
+          // eslint-disable-next-line react/jsx-indent-props
+          , textInputRender: textInputRender
+          // eslint-disable-next-line react/jsx-indent-props
+          , multiChoiceRender: multiChoiceRender
+        }) : null,
         React__default['default'].createElement(brightcoveReactPlayerLoader_es.ReactPlayerLoader, {
           accountId: accountIDs.brightcove.accountId,
           playlistId: playlistID,
@@ -2534,16 +2946,30 @@ var Video = function Video(_ref) {
       return React__default['default'].createElement(
         'div',
         { className: 'brightcove-playlist', style: { position: 'relative', display: 'block', margin: '0px auto' } },
-        videoLoaded && React__default['default'].createElement('div', { 'data-experience': experienceID })
+        isPollingTime ? React__default['default'].createElement(PopupPollModal
+        // eslint-disable-next-line react/jsx-indent-props
+        , { pollItems: pollItems
+          // eslint-disable-next-line react/jsx-indent-props
+          , pollUrl: pollUrl
+          // eslint-disable-next-line react/jsx-indent-props
+          , isPollingTime: isPollingTime
+          // eslint-disable-next-line react/jsx-indent-props
+          , restartPlayer: restartPlayer
+          // eslint-disable-next-line react/jsx-indent-props
+          , textInputRender: textInputRender
+          // eslint-disable-next-line react/jsx-indent-props
+          , multiChoiceRender: multiChoiceRender
+        }) : null
       );
     }
     return null;
   }
+
   if (source === 'mp4') {
     return React__default['default'].createElement(
       'div',
       null,
-      React__default['default'].createElement(VideoMp4, { url: node.mp4url, thumbnail: null, vidLoaded: true })
+      React__default['default'].createElement(VideoMp4, { url: node.mp4url, thumbnail: null, vidLoaded: true, polls: polls, modalTimes: modalTimes, targetingUrl: targeting.document_url[0] })
     );
   }
 

package/dist/cjs/index.js

@@ -89,7 +89,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-07f1af18.js');
+var getSerializers = require('./index-636dcd3f.js');
 var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
 var KMTracker = require('./KMTracker.js');