@mjhls/mjh-framework 1.0.918 → 1.0.919-TEST

package/dist/cjs/{index-f9f5f7c0.js → index-da44b1e7.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);
@@ -2241,7 +2246,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 +2256,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,7 +2269,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('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) {
@@ -2285,7 +2290,7 @@ var VideoMp4 = function VideoMp4(_ref) {
       var queue = Math.floor(duration / 10);
       var segment = Math.floor(current / queue);
 
-      //Beam.report_beam_video('End', deviceType, duration, current, segment, 'MP4')
+      // 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,7 +2303,7 @@ 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')
+    // Beam.report_beam_video('Pause', deviceType, duration, current, segment, 'MP4')
     Segment.report_video_event('Video Pause', main.main_18, duration, current, segment, 'MP4');
   };
 
@@ -2329,6 +2334,229 @@ var VideoMp4 = function VideoMp4(_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.next = 2;
+                  return fetch('/api/popup_polls', requestOptions).then(function (res) {
+                    return res.json();
+                  }).then(function (res) {
+                    return console.log(res);
+                  });
+
+                case 2:
+                case 'end':
+                  return _context.stop();
+              }
+            }
+          }, _callee, _this);
+        }));
+
+        return function insertData() {
+          return _ref.apply(this, arguments);
+        };
+      }();
+      console.log('formData', formData);
+      insertData();
+    });
+    restartPlayer();
+    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,
+          multiChoiceRender && !textInputRender ? React__default['default'].createElement(
+            Button__default['default'],
+            {
+              className: 'submitButton',
+              type: 'submit',
+              variant: 'success',
+              disabled: !pollAnswer
+            },
+            'Submit'
+          ) : 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: !textAnswer || !pollAnswer
+            },
+            'Submit'
+          )
+        )
+      )
+    )
+  );
+};
+
 var Video = function Video(_ref) {
   var node = _ref.node,
       accountIDs = _ref.accountIDs,
@@ -2345,14 +2573,57 @@ 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(0),
+      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
+      currentPlayTime = _useState12[0],
+      setCurrentPlayTime = _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 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 +2636,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 +2649,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 +2693,50 @@ 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
+    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));
+    });
+    console.log('last poll time', modalTimes[modalTimes.length - 1]);
     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();
+          console.log('ct', ct);
+          setCurrentPlayTime(ct);
+          console.log('currentPlayTime', currentPlayTime);
+          console.log('intervaling');
+          if (intId) console.log('interval ID is ' + intId);
+          console.log('isPollingTime', isPollingTime);
+          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 +2746,9 @@ 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);
+      console.log('clearing interval ' + intId + ' in pause');
+      // 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 +2758,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 +2775,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 +2784,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 +2806,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,
@@ -2539,6 +2861,7 @@ var Video = function Video(_ref) {
     }
     return null;
   }
+
   if (source === 'mp4') {
     return React__default['default'].createElement(
       'div',

package/dist/cjs/index.js

@@ -82,7 +82,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-f9f5f7c0.js');
+var getSerializers = require('./index-da44b1e7.js');
 var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
 var KMTracker = require('./KMTracker.js');

package/dist/esm/ArticleProgramLandingPage.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import { _ as _extends } from './extends-6d8e3924.js';
 import React__default from 'react';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-4d8a8743.js';
+import { g as getSerializers } from './index-803278c4.js';
 import ArticleSeriesListing from './ArticleSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
@@ -30,6 +30,9 @@ import 'react-dom';
 import './typeof-e9fc0c5d.js';
 import './_is-array-8d21b9e3.js';
 import './brightcove-react-player-loader.es-57a70a56.js';
+import 'react-bootstrap/Modal';
+import 'react-bootstrap/Button';
+import 'react-bootstrap/Form';
 import './GroupDeck.js';
 import './smoothscroll-fa4e3f8c.js';
 import './moment-bc12cb97.js';
@@ -39,7 +42,6 @@ import 'react-share';
 import './_object-to-array-2300e51b.js';
 import './toConsumableArray-f7074d7c.js';
 import 'react-bootstrap/Pagination';
-import 'react-bootstrap/Button';
 import './entities-6d9154b4.js';
 import './AdSlot.js';
 import './debounce-533d9748.js';

package/dist/esm/ExternalResources.js

@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-6d8e3924.js';
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useEffect } from 'react';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-4d8a8743.js';
+import { g as getSerializers } from './index-803278c4.js';
 import { m as momentTimezone } from './index-79cfd25c.js';
 import { useRouter } from 'next/router';
 import Button from 'react-bootstrap/Button';
@@ -31,6 +31,8 @@ import 'react-dom';
 import './typeof-e9fc0c5d.js';
 import './_is-array-8d21b9e3.js';
 import './brightcove-react-player-loader.es-57a70a56.js';
+import 'react-bootstrap/Modal';
+import 'react-bootstrap/Form';
 import './GroupDeck.js';
 import './smoothscroll-fa4e3f8c.js';
 import './moment-bc12cb97.js';

package/dist/esm/HorizontalArticleListing.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import ArticleCarousel from './ArticleCarousel.js';
 import { I as IoIosArrowForward } from './index.esm-eb1e8e80.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-4d8a8743.js';
+import { g as getSerializers } from './index-803278c4.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './_object-pie-133f504a.js';
@@ -34,6 +34,9 @@ import './urlForFile-b69adffc.js';
 import './typeof-e9fc0c5d.js';
 import './_is-array-8d21b9e3.js';
 import './brightcove-react-player-loader.es-57a70a56.js';
+import 'react-bootstrap/Modal';
+import 'react-bootstrap/Button';
+import 'react-bootstrap/Form';
 import './GroupDeck.js';
 import './moment-bc12cb97.js';
 import './SocialShare.js';
@@ -42,7 +45,6 @@ import 'react-share';
 import './_object-to-array-2300e51b.js';
 import './toConsumableArray-f7074d7c.js';
 import 'react-bootstrap/Pagination';
-import 'react-bootstrap/Button';
 import './entities-6d9154b4.js';
 import './AdSlot.js';
 import './debounce-533d9748.js';

package/dist/esm/IssueLanding.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-4d8a8743.js';
+import { g as getSerializers } from './index-803278c4.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './_object-pie-133f504a.js';
@@ -48,6 +48,9 @@ import './urlForFile-b69adffc.js';
 import './typeof-e9fc0c5d.js';
 import './_is-array-8d21b9e3.js';
 import './brightcove-react-player-loader.es-57a70a56.js';
+import 'react-bootstrap/Modal';
+import 'react-bootstrap/Button';
+import 'react-bootstrap/Form';
 import './GroupDeck.js';
 import './smoothscroll-fa4e3f8c.js';
 import './SocialShare.js';
@@ -55,7 +58,6 @@ import 'next/head';
 import 'react-share';
 import './_object-to-array-2300e51b.js';
 import 'react-bootstrap/Pagination';
-import 'react-bootstrap/Button';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import './inherits-a6ba2ec4.js';

package/dist/esm/{MediaSeriesCard-8a9b91e6.js → MediaSeriesCard-3d6acf32.js}

@@ -9,7 +9,7 @@ import urlFor from './urlFor.js';
 import { m as moment } from './moment-bc12cb97.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-4d8a8743.js';
+import { g as getSerializers } from './index-803278c4.js';
 
 /**
  * Copyright (c) 2013-present, Facebook, Inc.

package/dist/esm/MediaSeriesLanding.js

@@ -3,13 +3,13 @@ import { _ as _typeof } from './typeof-e9fc0c5d.js';
 import { _ as _extends } from './extends-6d8e3924.js';
 import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useEffect } from 'react';
-import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-8a9b91e6.js';
+import { M as MediaSeriesCard, D as DropdownButton, a as Dropdown } from './MediaSeriesCard-3d6acf32.js';
 import './index-98ca9cec.js';
 import 'react-dom';
 import Link from 'next/link';
 import MasterDeck from './MasterDeck.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-4d8a8743.js';
+import { g as getSerializers } from './index-803278c4.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-ea258bb1.js';
 import './web.dom.iterable-ab4dea5c.js';
@@ -52,6 +52,9 @@ import './index-c7e2ac95.js';
 import './util-8ed16d48.js';
 import './urlForFile-b69adffc.js';
 import './brightcove-react-player-loader.es-57a70a56.js';
+import 'react-bootstrap/Modal';
+import 'react-bootstrap/Button';
+import 'react-bootstrap/Form';
 import './GroupDeck.js';
 import './smoothscroll-fa4e3f8c.js';
 import './SocialShare.js';
@@ -59,7 +62,6 @@ import 'next/head';
 import 'react-share';
 import './_object-to-array-2300e51b.js';
 import 'react-bootstrap/Pagination';
-import 'react-bootstrap/Button';
 import './entities-6d9154b4.js';
 import './index.esm-eb1e8e80.js';
 import './iconBase-ccc56b97.js';