@mjhls/mjh-framework 1.0.926 → 1.0.927

package/dist/cjs/index.js

@@ -2,78 +2,172 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+require('./_commonjsHelpers-06173234.js');
+require('./core.get-iterator-method-5cb3af28.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-ee3d4802.js');
+require('./toConsumableArray-39fd0757.js');
+require('./_object-pie-68c5bcbc.js');
+var _extends = require('./extends-1d905ddb.js');
+require('./_object-sap-fee50a62.js');
+require('./inherits-07da6623.js');
+require('./define-property-530a5e9e.js');
+require('./web.dom.iterable-a9359910.js');
+require('./typeof-3dd6d3df.js');
+require('./_is-array-bd978497.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+require('./index-8bf6c863.js');
+var PropTypes = require('prop-types');
+var PropTypes__default = _interopDefault(PropTypes);
+require('react-bootstrap/Container');
+var Row = _interopDefault(require('react-bootstrap/Row'));
+var Col = _interopDefault(require('react-bootstrap/Col'));
+require('react-bootstrap/Card');
+require('./moment-ca3bd9fb.js');
+require('next/router');
+require('./isSymbol-04666465.js');
+require('./debounce-6191c8ee.js');
+require('./toNumber-f2f8744b.js');
+require('./index.es-e9d84959.js');
+require('react-dom');
+require('./visibility-sensor-ad5e3116.js');
+var slicedToArray = require('./slicedToArray-0a78cdf3.js');
+require('./index-ff69979f.js');
+var urlFor = require('./urlFor.js');
+var index$2 = require('./index-96b3db50.js');
+require('./main-bc7d4bf8.js');
+require('./entities-fb0c6568.js');
+var stringify = require('./stringify-13405ce2.js');
+var asyncToGenerator = require('./asyncToGenerator-15014394.js');
+var Segment = require('./Segment.js');
+var Beam = require('./Beam.js');
+var AdSlot = require('./AdSlot.js');
+require('./ADInfeed-a3fa4967.js');
 var DeckContent = require('./DeckContent.js');
+require('./lodash-b5e0d5f6.js');
+require('./ADlgInfeed-79ce7a02.js');
+require('./getContentCategory-f38a4c00.js');
+require('./get-adbb11e3.js');
+require('./eq-bb2843ed.js');
+var AD = require('./AD.js');
+require('./AuthorComponent-421d5ec1.js');
+require('react-bootstrap/Button');
+require('./PublicationFeature-a54b1d9d.js');
 var GridContent = require('./GridContent.js');
 var DeckQueue = require('./DeckQueue.js');
+require('react-bootstrap/Media');
 var ThumbnailCard = require('./ThumbnailCard.js');
+require('./BlockContent-bac780ac.js');
+require('./react-social-icons-f7f48f71.js');
 var TaxonomyCard = require('./TaxonomyCard.js');
 var RolesDeck = require('./RolesDeck.js');
+require('./index-187c967e.js');
+require('./smoothscroll-5054361f.js');
 var GroupDeck = require('./GroupDeck.js');
 var YoutubeGroup = require('./YoutubeGroup.js');
+require('react-bootstrap');
+require('./timeDifferenceCalc.js');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
+require('./iconBase-68959171.js');
+require('./index.esm-48e0f0d8.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
 var ArticleSeriesListing = require('./ArticleSeriesListing.js');
+var ArticleCarousel = require('./ArticleCarousel.js');
+var getSerializers = require('./index-3aea0f98.js');
+require('./util-f2c1b65b.js');
+require('./urlForFile-0e7175d9.js');
+require('./brightcove-react-player-loader.es-05029198.js');
+require('next/head');
+require('react-share');
+var SocialShare = require('./SocialShare.js');
+require('./_object-to-array-18379aba.js');
+require('react-bootstrap/Pagination');
+require('react-bootstrap/Figure');
+require('react-bootstrap/OverlayTrigger');
+require('react-bootstrap/Tooltip');
+require('react-bootstrap/Popover');
 var HorizontalArticleListing = require('./HorizontalArticleListing.js');
 var MasterDeck = require('./MasterDeck.js');
 var PublicationDeck = require('./PublicationDeck.js');
 var IssueDeck = require('./IssueDeck.js');
+require('react-bootstrap/Badge');
 var IssueContentDeck = require('./IssueContentDeck.js');
+require('./defineProperty-5ca424cd.js');
 var EventsDeck = require('./EventsDeck.js');
+require('react-bootstrap/Spinner');
+require('react-bootstrap/Form');
+var index$4 = require('./index-79eed652.js');
+require('./js.cookie-a511c430.js');
 var CMEDeck = require('./CMEDeck.js');
 var ExternalResources = require('./ExternalResources.js');
+require('react-instantsearch-dom');
 var AlgoliaSearch = require('./AlgoliaSearch.js');
 var Column1 = require('./Column1.js');
+var SideFooter = require('./SideFooter.js');
+require('./ConferenceBanner-4a16fddc.js');
 var Column2 = require('./Column2.js');
+var ADSponsoredResources = require('./ADSponsoredResources.js');
+require('react-bootstrap/ListGroup');
+var ADWebcast = require('./ADWebcast.js');
+var LeftNav = require('./LeftNav.js');
+var PageFilter = require('./PageFilter.js');
 var Column3 = require('./Column3.js');
 var Header = require('./Header.js');
-var LeftNav = require('./LeftNav.js');
+require('react-bootstrap/Accordion');
+require('react-bootstrap/AccordionToggle');
 var AccordionPanel = require('./AccordionPanel.js');
-var SocialShare = require('./SocialShare.js');
-var PageFilter = require('./PageFilter.js');
 var VideoSeriesFilter = require('./VideoSeriesFilter.js');
+require('react-bootstrap/Nav');
+require('react-bootstrap/Navbar');
+require('react-bootstrap/NavDropdown');
+require('./index.esm-44f3e2d0.js');
+require('./NavFooter-76c913e3.js');
+require('./index.esm-bf016399.js');
+var SocialIcons = require('./SocialIcons.js');
+require('react-bootstrap/FormControl');
+require('./SocialSearchComponent-e5196fc1.js');
 var NavMagazine = require('./NavMagazine.js');
 var NavNative = require('./NavNative.js');
+var Search = require('./Search.js');
 var NavDvm = require('./NavDvm.js');
 var HamMagazine = require('./HamMagazine.js');
+var ADGutter = require('./ADGutter.js');
+var AD728x90 = require('./AD728x90.js');
 var TemplateNormal = require('./TemplateNormal.js');
-var AD = require('./AD.js');
 var AD300x250 = require('./AD300x250.js');
 var AD300x250x600 = require('./AD300x250x600.js');
-var AD728x90 = require('./AD728x90.js');
 var ADFooter = require('./ADFooter.js');
-var AdSlot = require('./AdSlot.js');
+require('react-ga');
 var AdSlotsProvider = require('./AdSlotsProvider.js');
 var ADFloatingFooter = require('./ADFloatingFooter.js');
-var ADGutter = require('./ADGutter.js');
 var ADWelcome = require('./ADWelcome.js');
-var ADSponsoredResources = require('./ADSponsoredResources.js');
-var ADWebcast = require('./ADWebcast.js');
 var ADSkyscraper = require('./ADSkyscraper.js');
-var Search = require('./Search.js');
+require('react-bootstrap/Carousel');
 var Feature = require('./Feature.js');
-var React = require('react');
-var urlFor = require('./urlFor.js');
-var Row = require('react-bootstrap/Row');
-var Col = require('react-bootstrap/Col');
-require('react-bootstrap/Badge');
-var index = require('./index-eadd5035.js');
+require('react-bootstrap/Breadcrumb');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Hero = require('./Hero.js');
+require('./keys-91f31941.js');
 var AlphabeticList = require('./AlphabeticList.js');
 var PdfDownload = require('./PdfDownload.js');
+require('react-bootstrap/DropdownButton');
+require('react-bootstrap/Dropdown');
 var RelatedTopicsDropdown = require('./RelatedTopicsDropdown.js');
+require('./index.esm-f93506ac.js');
 var Ustream = require('./Ustream.js');
-var SideFooter = require('./SideFooter.js');
 var HighlightenVideo = require('./HighlightenVideo.js');
 var PublicationLanding = require('./PublicationLanding.js');
 var IssueLanding = require('./IssueLanding.js');
+require('react-bootstrap/Modal');
 var PopUpModal = require('./PopUpModal.js');
 var RelatedContent = require('./RelatedContent.js');
-var SocialIcons = require('./SocialIcons.js');
-var ArticleCarousel = require('./ArticleCarousel.js');
 var TaxonomyDescription = require('./TaxonomyDescription.js');
 var PubToc = require('./PubToc.js');
 var PubSection = require('./PubSection.js');
+var ProgressBar = _interopDefault(require('react-bootstrap/ProgressBar'));
 var ForbesHero = require('./ForbesHero.js');
 var HorizontalHero = require('./HorizontalHero.js');
 var OncliveHero = require('./OncliveHero.js');
@@ -82,131 +176,33 @@ var VerticalHero = require('./VerticalHero.js');
 var YahooHero = require('./YahooHero.js');
 var GridHero = require('./GridHero.js');
 var ConferenceArticleCard = require('./ConferenceArticleCard.js');
-var getSerializers = require('./index-d0404e0f.js');
-var Beam = require('./Beam.js');
-var Segment = require('./Segment.js');
 var KMTracker = require('./KMTracker.js');
 var getSeriesDetail = require('./getSeriesDetail.js');
 var SetCookie = require('./SetCookie.js');
+require('./index-bd6c9f56.js');
 var getRelatedArticle = require('./getRelatedArticle.js');
-var Auth = require('./Auth.js');
-var View = require('./View.js');
-var PartnerDetailListing = require('./PartnerDetailListing.js');
-var VideoProgramLandingPage = require('./VideoProgramLandingPage.js');
-var VideoSeriesLandingPage = require('./VideoSeriesLandingPage.js');
-var ArticleProgramLandingPage = require('./ArticleProgramLandingPage.js');
-var ArticleSeriesLandingPage = require('./ArticleSeriesLandingPage.js');
-var Schema = require('./Schema.js');
-var getTargeting = require('./getTargeting-3c5754ac.js');
-var getKeywords = require('./getKeywords.js');
 var getQuery = require('./getQuery.js');
-require('./toConsumableArray-d7797c2b.js');
-require('./_commonjsHelpers-06173234.js');
-require('./core.get-iterator-method-5643aa10.js');
-require('./_iter-detect-b1df62f0.js');
-require('./extends-7c86182f.js');
-require('./_object-pie-083f2dd6.js');
-require('./inherits-de66ea16.js');
-require('./_object-sap-d1978572.js');
-require('./define-property-e8404b64.js');
-require('./typeof-567e31ff.js');
-require('./web.dom.iterable-d98303e0.js');
-require('./_is-array-54228b29.js');
-require('./_library-dd23b178.js');
-require('./index-fc2f1ca2.js');
-require('./events-1b438fe7.js');
-require('prop-types');
-require('react-bootstrap/Container');
-require('react-bootstrap/Card');
-require('./moment-aca40de1.js');
-require('next/router');
-require('./debounce-d4a2369b.js');
-require('./isSymbol-03abbdf0.js');
-require('./toNumber-5e1fac58.js');
-require('./index.es-f3e47207.js');
-require('./visibility-sensor-eb2c5b69.js');
-require('react-dom');
-require('./main-f1c77adb.js');
-require('./entities-df1aed86.js');
-require('./ADInfeed-44d43b8a.js');
-require('./slicedToArray-067dd3bc.js');
-require('./lodash-f0783643.js');
-require('./ADlgInfeed-24d739f6.js');
-require('./getContentCategory-f38a4c00.js');
-require('./get-5839e5b5.js');
-require('./eq-5fc26c07.js');
-require('./AuthorComponent-39b37d84.js');
-require('./PublicationFeature-5ccf9b13.js');
-require('react-bootstrap/Button');
-require('react-bootstrap/Media');
-require('./BlockContent-9ebd251f.js');
-require('./index-d48b231c.js');
-require('./react-social-icons-af932527.js');
-require('./index-187c967e.js');
-require('./smoothscroll-99df7f93.js');
-require('react-bootstrap');
-require('./timeDifferenceCalc.js');
-require('./index.esm-d81454e7.js');
-require('./iconBase-be4097c0.js');
-require('./asyncToGenerator-77821af0.js');
-require('./defineProperty-9673846a.js');
-require('./_object-to-array-ce86cae7.js');
-require('./stringify-f7a37a8d.js');
-require('react-bootstrap/Spinner');
-require('react-bootstrap/Form');
-require('./index-f86bb269.js');
-require('./js.cookie-a511c430.js');
-require('./typeof-1358762e.js');
-require('./index-50be6759.js');
-require('./ConferenceBanner-6c9e718a.js');
-require('next/head');
-require('react-bootstrap/ListGroup');
-require('react-bootstrap/Accordion');
-require('react-bootstrap/AccordionToggle');
-require('react-share');
-require('react-bootstrap/Nav');
-require('react-bootstrap/Navbar');
-require('react-bootstrap/NavDropdown');
-require('./index.esm-c1e16606.js');
-require('./NavFooter-3dcd99a8.js');
-require('./index.esm-2bb721c8.js');
-require('./SocialSearchComponent-b7faaedc.js');
-require('react-bootstrap/FormControl');
-require('react-ga');
-require('react-bootstrap/Carousel');
-require('react-bootstrap/Breadcrumb');
-require('./keys-e982b3fa.js');
-require('react-bootstrap/DropdownButton');
-require('react-bootstrap/Dropdown');
-require('./index.esm-d51c9ac6.js');
-require('./brightcove-react-player-loader.es-a195642e.js');
-require('./urlForFile-29d3815a.js');
-require('react-bootstrap/Modal');
-require('./util-93a37fd0.js');
-require('react-bootstrap/Pagination');
-require('react-bootstrap/Figure');
-require('react-bootstrap/OverlayTrigger');
-require('react-bootstrap/Tooltip');
-require('react-bootstrap/Popover');
-require('./index-bd6c9f56.js');
+var Auth = require('./Auth.js');
 require('swr');
 require('passport-local');
 require('mysql');
 require('./md5-e1ca5797.js');
-require('./SeriesSlider-ba0c5d1a.js');
+require('./SeriesSlider-372e418f.js');
+var getTargeting = require('./getTargeting-091ec6c8.js');
+var View = require('./View.js');
+var getKeywords = require('./getKeywords.js');
 require('./style-inject.es-dcee06b6.js');
 require('disqus-react');
+var Schema = require('./Schema.js');
 require('file-saver');
 require('react-twitter-embed');
-require('./ImageSlider-6c00b878.js');
-require('./defineProperty-e0fb52c5.js');
+require('./ImageSlider-5d7082b9.js');
+var PartnerDetailListing = require('./PartnerDetailListing.js');
+var VideoProgramLandingPage = require('./VideoProgramLandingPage.js');
 require('./VideoSeriesCard.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
-var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
+var VideoSeriesLandingPage = require('./VideoSeriesLandingPage.js');
+var ArticleProgramLandingPage = require('./ArticleProgramLandingPage.js');
+var ArticleSeriesLandingPage = require('./ArticleSeriesLandingPage.js');
 
 //Feature query to be used
 // const featureQuery = `*[_type == 'feature' && is_active == true && feature_url == "/"] | order(_updatedAt asc)[0..5]{
@@ -229,54 +225,54 @@ var FeatureArticles = function FeatureArticles(props) {
       styles = _props$styles === undefined ? null : _props$styles;
 
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'div',
     { className: 'featured-articles-wrapper' },
-    data.map(function (article, index$1) {
-      return React__default['default'].createElement(
-        React__default['default'].Fragment,
+    data.map(function (article, index) {
+      return React__default.createElement(
+        React__default.Fragment,
         null,
-        React__default['default'].createElement(
-          Row__default['default'],
+        React__default.createElement(
+          Row,
           { className: 'article-wrap' },
-          React__default['default'].createElement(
-            Col__default['default'],
+          React__default.createElement(
+            Col,
             { className: 'mb-4 m-fl-center deck', xs: 12, sm: 4, md: 4, lg: 3, xl: 3 },
-            React__default['default'].createElement(
+            React__default.createElement(
               'a',
               { href: '' + article.feature_link },
-              React__default['default'].createElement(
+              React__default.createElement(
                 'figure',
                 { style: { marginTop: '1rem' } },
-                React__default['default'].createElement(
-                  index.LazyLoad,
+                React__default.createElement(
+                  index$2.LazyLoad,
                   { height: imageHeight },
-                  React__default['default'].createElement('img', { style: { width: '100%', borderRadius: '10px' }, src: article.feature_img ? urlFor({ client: client, source: article.feature_img, imageWidth: imageWidth, imageHeight: imageHeight }) : defaultImage })
+                  React__default.createElement('img', { style: { width: '100%', borderRadius: '10px' }, src: article.feature_img ? urlFor({ client: client, source: article.feature_img, imageWidth: imageWidth, imageHeight: imageHeight }) : defaultImage })
                 )
               )
             )
           ),
-          React__default['default'].createElement(
-            Col__default['default'],
+          React__default.createElement(
+            Col,
             { className: 'article-wrap-body', xs: 12, sm: 8, md: 8, lg: 9, xl: 9, style: { paddingTop: '10px' } },
-            React__default['default'].createElement(
+            React__default.createElement(
               'a',
               { href: '' + article.feature_link },
-              React__default['default'].createElement(
+              React__default.createElement(
                 'h4',
                 { className: 'mb-1', style: { fontWeight: '600', fontSize: '22px' } },
                 article.feature_title
               ),
-              React__default['default'].createElement(
+              React__default.createElement(
                 'p',
                 { style: { fontSize: '1.1em' } },
                 article.feature_body
               )
             )
           ),
-          index$1 !== data.length - 1 && React__default['default'].createElement('hr', null)
+          index !== data.length - 1 && React__default.createElement('hr', null)
         ),
-        React__default['default'].createElement(
+        React__default.createElement(
           'style',
           { jsx: 'true' },
           '\n              .featured-articles-wrapper {\n                background: ' + props.backgroundColor + ';\n                padding: 1rem;\n                border-radius: 10px;\n                box-shadow: #0000002b 1px 3px 3px 3px;\n              }\n              hr {\n                width: 100%;\n                height: 1px;\n                margin-left: 15px;\n                margin-right: 15px;\n              }\n              ' + styles + '\n            '
@@ -286,7 +282,268 @@ var FeatureArticles = function FeatureArticles(props) {
   );
 };
 
+var _this = undefined;
+
+var Survey = function Survey(_ref) {
+  var surveyData = _ref.surveyData,
+      handleEndSurvey = _ref.handleEndSurvey,
+      eventData = _ref.eventData,
+      takenQuestions = _ref.takenQuestions,
+      showLoading = _ref.showLoading,
+      colors = _ref.colors;
+
+  var _React$useState = React__default.useState('begin'),
+      _React$useState2 = slicedToArray._slicedToArray(_React$useState, 2),
+      progressState = _React$useState2[0],
+      setProgressState = _React$useState2[1];
+
+  var _React$useState3 = React__default.useState(0),
+      _React$useState4 = slicedToArray._slicedToArray(_React$useState3, 2),
+      questionIndex = _React$useState4[0],
+      setQuestionIndex = _React$useState4[1];
+
+  var _React$useState5 = React__default.useState(100 / (surveyData.questions.length + 2)),
+      _React$useState6 = slicedToArray._slicedToArray(_React$useState5, 2),
+      progressBarState = _React$useState6[0],
+      setProgressBarState = _React$useState6[1];
+
+  var _React$useState7 = React__default.useState(false),
+      _React$useState8 = slicedToArray._slicedToArray(_React$useState7, 2),
+      buttonActive = _React$useState8[0],
+      setButtonActive = _React$useState8[1];
+
+  var _React$useState9 = React__default.useState(eventData),
+      _React$useState10 = slicedToArray._slicedToArray(_React$useState9, 2),
+      data = _React$useState10[0],
+      setData = _React$useState10[1];
+
+  var handleAnswer = function handleAnswer(a, qi) {
+    setData(_extends._extends({}, data, {
+      type: surveyData.type,
+      time: index$4.momentTimezone().utc().format(),
+      question: surveyData.questions[qi].question,
+      answer: a
+    }));
+    setButtonActive(true);
+  };
+
+  var handleSurvey = function () {
+    var _ref2 = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(i) {
+      return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (i === 0) {
+                updateStates(i + takenQuestions.length);
+              } else {
+                // Send question data to the api
+                handleAnswer(stringify._JSON$stringify(data));
+                // Set states for the next question
+                updateStates(i);
+              }
+
+            case 1:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, _this);
+    }));
+
+    return function handleSurvey(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var updateStates = function updateStates(i) {
+    if (i === surveyData.questions.length) {
+      setProgressState('complete');
+      setProgressBarState(100);
+    } else {
+      setProgressState('question ' + (i + 1) + '/' + surveyData.questions.length);
+      setProgressBarState(100 / (surveyData.questions.length + 2) * (i + 2));
+      setQuestionIndex(i);
+      setButtonActive(false);
+      setData(eventData);
+    }
+  };
+
+  React__default.useEffect(function () {
+    if (takenQuestions.length !== 0) updateStates(takenQuestions.length);
+  }, [takenQuestions]);
+
+  return React__default.createElement(
+    'div',
+    null,
+    React__default.createElement(
+      'style',
+      { jsx: true },
+      '\n        .font-family-georgia {\n          font-family: Georgia, \'Times New Roman\', Times, serif;\n        }\n        .font-family-markw1g {\n          font-family: \'MarkW1G\';\n        }\n        .survey-header {\n          background-color: ' + colors.secondary + ';\n          padding-left: 24px;\n          padding-right: 24px;\n          min-height: 50px;\n        }\n        .survey-title {\n          color: ' + colors.headerText + ';\n          font-size: 20px;\n          text-align: center;\n          font-weight: 600;\n        }\n        .survey-state {\n          color: ' + colors.primary + ';\n          text-align: center;\n          font-size: 15px;\n          font-weight: 600;\n        }\n        .survey-content {\n          min-height: 322px;\n          background-color: ' + colors.primary + ';\n          padding: 25px 28px 20px;\n        }\n        .survey-button {\n          box-shadow: 0px 3px 6px #00000029;\n          background-color: ' + colors.button + ';\n          color: ' + colors.secondary + ';\n          font-size: 14px;\n          line-height: 20px;\n          border-radius: 0;\n        }\n        .survey-option {\n          background-color: ' + colors.answer + ';\n          padding: 20px;\n          height: 100%;\n        }\n        .big-text {\n          font-size: 30px;\n          line-height: 30px;\n          text-align: center;\n          margin-bottom: 0;\n        }\n        .normal-text {\n          font-size: 18px;\n          line-height: 22px;\n          text-align: center;\n          margin-bottom: 0;\n        }\n        .small-text {\n          font-size: 12px;\n          line-height: 14px;\n          text-align: center;\n          margin-bottom: 0;\n        }\n      '
+    ),
+    showLoading ? React__default.createElement(
+      'div',
+      { className: 'd-flex align-items-center justify-content-center' },
+      React__default.createElement(
+        'h2',
+        { className: 'font-family-georgia' },
+        'Loading...'
+      )
+    ) : React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement(
+        'div',
+        { className: 'survey-header d-flex flex-column flex-md-row align-items-center justify-content-between' },
+        React__default.createElement(
+          'p',
+          { className: 'survey-title text-uppercase font-family-markw1g' },
+          surveyData.title
+        ),
+        React__default.createElement(
+          'p',
+          { className: 'survey-state text-uppercase font-family-markw1g' },
+          progressState
+        )
+      ),
+      React__default.createElement(ProgressBar, { now: progressBarState }),
+      React__default.createElement(
+        'div',
+        { className: 'survey-content' },
+        progressState === 'begin' && takenQuestions.length === 0 && React__default.createElement(
+          'div',
+          { className: 'd-flex align-items-center justify-content-center flex-column', style: { minHeight: 322 } },
+          React__default.createElement(
+            'p',
+            { className: 'font-family-georgia big-text', style: { color: colors.contentText } },
+            surveyData.beforeSurveyText
+          ),
+          surveyData.beforeSurveyButtonLabel && React__default.createElement(
+            'button',
+            { onClick: function onClick() {
+                return handleSurvey(0);
+              }, className: 'btn survey-button font-family-markw1g mt-3' },
+            surveyData.beforeSurveyButtonLabel
+          )
+        ),
+        progressState !== 'begin' && progressState !== 'complete' && React__default.createElement(
+          React__default.Fragment,
+          null,
+          React__default.createElement(
+            'p',
+            { className: 'font-family-georgia normal-text', style: { color: colors.contentText } },
+            surveyData.questions[questionIndex].question
+          ),
+          React__default.createElement(
+            Row,
+            { className: 'my-4' },
+            surveyData.questions[questionIndex].answers.map(function (a, i) {
+              return React__default.createElement(
+                Col,
+                { sm: 12, md: 6, key: i, className: 'my-2' },
+                React__default.createElement(
+                  'div',
+                  {
+                    className: 'd-flex align-items-center justify-content-center survey-option',
+                    onClick: function onClick() {
+                      return handleAnswer(a, questionIndex);
+                    },
+                    style: data.answer && data.answer === a ? { background: colors.selectedAnswer } : null },
+                  React__default.createElement(
+                    'p',
+                    { className: 'font-family-georgia small-text', style: { color: colors.contentText } },
+                    a
+                  )
+                )
+              );
+            })
+          ),
+          React__default.createElement(
+            'div',
+            { className: 'd-flex justify-content-end' },
+            React__default.createElement(
+              'button',
+              {
+                onClick: buttonActive ? function () {
+                  return handleSurvey(questionIndex + 1);
+                } : function () {},
+                className: 'btn survey-button font-family-markw1g',
+                style: !buttonActive ? { opacity: 0.5 } : null,
+                disabled: !buttonActive },
+              'next question'
+            )
+          )
+        ),
+        progressState === 'complete' && React__default.createElement(
+          'div',
+          { className: 'd-flex align-items-center justify-content-center flex-column', style: { minHeight: 322 } },
+          React__default.createElement(
+            'p',
+            { className: 'font-family-georgia big-text', style: { color: colors.contentText } },
+            surveyData.afterSurveyText
+          ),
+          surveyData.afterSurveyButtonLabel && React__default.createElement(
+            'button',
+            { onClick: handleEndSurvey, className: 'btn survey-button font-family-markw1g mt-3' },
+            surveyData.afterSurveyButtonLabel
+          )
+        )
+      )
+    )
+  );
+};
+
+Survey.propTypes = {
+  showLoading: PropTypes__default.bool.isRequired,
+  colors: PropTypes__default.shape({
+    primary: PropTypes__default.string,
+    secondary: PropTypes__default.string,
+    contentText: PropTypes__default.string,
+    headerText: PropTypes__default.string,
+    button: PropTypes__default.string,
+    answer: PropTypes__default.string,
+    selectedAnswer: PropTypes__default.string
+  }).isRequired,
+  eventData: PropTypes__default.shape({
+    url: PropTypes__default.string,
+    email: PropTypes__default.string
+  }).isRequired,
+  surveyData: PropTypes__default.shape({
+    type: PropTypes__default.oneOf(['pre', 'post']),
+    title: PropTypes__default.string,
+    beforeSurveyText: PropTypes__default.string,
+    beforeSurveyButtonLabel: PropTypes__default.string,
+    afterSurveyText: PropTypes__default.string,
+    afterSurveyButtonLabel: PropTypes__default.string,
+    questions: PropTypes__default.arrayOf(PropTypes__default.shape({
+      question: PropTypes__default.string,
+      answers: PropTypes__default.arrayOf(PropTypes__default.string)
+    }))
+  }).isRequired,
+  takenQuestions: PropTypes__default.arrayOf(PropTypes__default.string),
+  handleAnswer: PropTypes__default.func.isRequired,
+  handleEndSurvey: PropTypes__default.func.isRequired
+};
+
+Survey.defaultProps = {
+  showLoading: false,
+  colors: {
+    primary: '#6ED4C8',
+    secondary: '#26292D',
+    contentText: '#FF009D',
+    headerText: '#FFF',
+    button: '#EBE9AC',
+    answer: '#FFF',
+    selectedAnswer: '#EBE9AC'
+  },
+  takenQuestions: []
+};
+
+exports.urlFor = urlFor;
+exports.Segment = Segment;
+exports.Beam = Beam;
+exports.AdSlot = AdSlot;
 exports.DeckContent = DeckContent;
+exports.AD = AD;
 exports.GridContent = GridContent;
 exports.DeckQueue = DeckQueue;
 exports.ThumbnailCard = ThumbnailCard;
@@ -297,6 +554,9 @@ exports.YoutubeGroup = YoutubeGroup;
 exports.QueueDeckExpanded = QueueDeckExpanded;
 exports.VideoSeriesListing = VideoSeriesListing;
 exports.ArticleSeriesListing = ArticleSeriesListing;
+exports.ArticleCarousel = ArticleCarousel;
+exports.getSerializers = getSerializers.getSerializers;
+exports.SocialShare = SocialShare;
 exports.HorizontalArticleListing = HorizontalArticleListing;
 exports.MasterDeck = MasterDeck;
 exports.PublicationDeck = PublicationDeck;
@@ -307,49 +567,44 @@ exports.CMEDeck = CMEDeck;
 exports.ExternalResources = ExternalResources;
 exports.AlgoliaSearch = AlgoliaSearch;
 exports.Column1 = Column1.Column1;
+exports.SideFooter = SideFooter;
 exports.Column2 = Column2.Column2;
+exports.ADSponsoredResources = ADSponsoredResources;
+exports.ADWebcast = ADWebcast;
+exports.LeftNav = LeftNav.default;
+exports.PageFilter = PageFilter;
 exports.Column3 = Column3.Column3;
-exports.Header = Header['default'];
-exports.LeftNav = LeftNav['default'];
+exports.Header = Header.default;
 exports.AccordionPanel = AccordionPanel;
-exports.SocialShare = SocialShare;
-exports.PageFilter = PageFilter;
 exports.VideoSeriesFilter = VideoSeriesFilter;
-exports.NavMagazine = NavMagazine['default'];
+exports.SocialIcons = SocialIcons;
+exports.NavMagazine = NavMagazine.default;
 exports.NavNative = NavNative.NavNative;
+exports.Search = Search;
 exports.NavDvm = NavDvm.NavDvm;
 exports.HamMagazine = HamMagazine.HamMagazine;
+exports.ADGutter = ADGutter;
+exports.AD728x90 = AD728x90;
 exports.TemplateNormal = TemplateNormal;
-exports.AD = AD;
 exports.AD300x250 = AD300x250;
 exports.AD300x250x600 = AD300x250x600;
-exports.AD728x90 = AD728x90;
 exports.ADFooter = ADFooter;
-exports.AdSlot = AdSlot;
 exports.AdSlotsProvider = AdSlotsProvider;
 exports.ADFloatingFooter = ADFloatingFooter;
-exports.ADGutter = ADGutter;
 exports.ADWelcome = ADWelcome;
-exports.ADSponsoredResources = ADSponsoredResources;
-exports.ADWebcast = ADWebcast;
 exports.ADSkyscraper = ADSkyscraper;
-exports.Search = Search;
 exports.Feature = Feature;
-exports.urlFor = urlFor;
 exports.Breadcrumbs = Breadcrumbs;
 exports.Hero = Hero;
 exports.AlphabeticList = AlphabeticList;
 exports.PdfDownload = PdfDownload;
 exports.RelatedTopicsDropdown = RelatedTopicsDropdown;
 exports.Ustream = Ustream;
-exports.SideFooter = SideFooter;
 exports.HighlightenVideo = HighlightenVideo;
 exports.PublicationLanding = PublicationLanding;
 exports.IssueLanding = IssueLanding;
 exports.PopUpModal = PopUpModal;
 exports.RelatedContent = RelatedContent;
-exports.SocialIcons = SocialIcons;
-exports.ArticleCarousel = ArticleCarousel;
 exports.TaxonomyDescription = TaxonomyDescription;
 exports.PubToc = PubToc;
 exports.PubSection = PubSection;
@@ -361,22 +616,20 @@ exports.VerticalHero = VerticalHero;
 exports.YahooHero = YahooHero;
 exports.GridHero = GridHero;
 exports.ConferenceArticleCard = ConferenceArticleCard;
-exports.getSerializers = getSerializers.getSerializers;
-exports.Beam = Beam;
-exports.Segment = Segment;
 exports.KMTracker = KMTracker;
 exports.getSeriesDetail = getSeriesDetail;
 exports.SetCookie = SetCookie;
 exports.getRelatedArticle = getRelatedArticle;
-exports.Auth = Auth['default'];
+exports.getQuery = getQuery;
+exports.Auth = Auth.default;
+exports.getTargeting = getTargeting.getTargeting;
 exports.View = View;
+exports.getKeywords = getKeywords;
+exports.Schema = Schema;
 exports.PartnerDetailListing = PartnerDetailListing;
 exports.VideoProgramLandingPage = VideoProgramLandingPage;
 exports.VideoSeriesLandingPage = VideoSeriesLandingPage;
 exports.ArticleProgramLandingPage = ArticleProgramLandingPage;
 exports.ArticleSeriesLandingPage = ArticleSeriesLandingPage;
-exports.Schema = Schema;
-exports.getTargeting = getTargeting.getTargeting;
-exports.getKeywords = getKeywords;
-exports.getQuery = getQuery;
 exports.FeatureArticles = FeatureArticles;
+exports.Survey = Survey;