@mjhls/mjh-framework 1.0.926 → 1.0.928-ris-toggle-v1

package/dist/cjs/index.js

@@ -74,6 +74,13 @@ var ArticleCarousel = require('./ArticleCarousel.js');
 var TaxonomyDescription = require('./TaxonomyDescription.js');
 var PubToc = require('./PubToc.js');
 var PubSection = require('./PubSection.js');
+var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
+var stringify = require('./stringify-f7a37a8d.js');
+var _extends = require('./extends-7c86182f.js');
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var PropTypes = require('prop-types');
+var index$1 = require('./index-f86bb269.js');
+var ProgressBar = require('react-bootstrap/ProgressBar');
 var ForbesHero = require('./ForbesHero.js');
 var HorizontalHero = require('./HorizontalHero.js');
 var OncliveHero = require('./OncliveHero.js');
@@ -97,25 +104,23 @@ 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 getTargeting = require('./getTargeting-dab97fe1.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('./_object-pie-083f2dd6.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');
@@ -129,7 +134,6 @@ 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');
@@ -148,13 +152,10 @@ 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');
@@ -193,10 +194,9 @@ require('swr');
 require('passport-local');
 require('mysql');
 require('./md5-e1ca5797.js');
-require('./SeriesSlider-ba0c5d1a.js');
+require('./SeriesSlider-de93a303.js');
 require('./style-inject.es-dcee06b6.js');
 require('disqus-react');
-require('file-saver');
 require('react-twitter-embed');
 require('./ImageSlider-6c00b878.js');
 require('./defineProperty-e0fb52c5.js');
@@ -207,6 +207,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
 var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var ProgressBar__default = /*#__PURE__*/_interopDefaultLegacy(ProgressBar);
 
 //Feature query to be used
 // const featureQuery = `*[_type == 'feature' && is_active == true && feature_url == "/"] | order(_updatedAt asc)[0..5]{
@@ -286,6 +288,262 @@ 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['default'].useState('begin'),
+      _React$useState2 = slicedToArray._slicedToArray(_React$useState, 2),
+      progressState = _React$useState2[0],
+      setProgressState = _React$useState2[1];
+
+  var _React$useState3 = React__default['default'].useState(0),
+      _React$useState4 = slicedToArray._slicedToArray(_React$useState3, 2),
+      questionIndex = _React$useState4[0],
+      setQuestionIndex = _React$useState4[1];
+
+  var _React$useState5 = React__default['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['default'].useState(false),
+      _React$useState8 = slicedToArray._slicedToArray(_React$useState7, 2),
+      buttonActive = _React$useState8[0],
+      setButtonActive = _React$useState8[1];
+
+  var _React$useState9 = React__default['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$1.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['default'].useEffect(function () {
+    if (takenQuestions.length !== 0) updateStates(takenQuestions.length);
+  }, [takenQuestions]);
+
+  return React__default['default'].createElement(
+    'div',
+    null,
+    React__default['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['default'].createElement(
+      'div',
+      { className: 'd-flex align-items-center justify-content-center' },
+      React__default['default'].createElement(
+        'h2',
+        { className: 'font-family-georgia' },
+        'Loading...'
+      )
+    ) : React__default['default'].createElement(
+      React__default['default'].Fragment,
+      null,
+      React__default['default'].createElement(
+        'div',
+        { className: 'survey-header d-flex flex-column flex-md-row align-items-center justify-content-between' },
+        React__default['default'].createElement(
+          'p',
+          { className: 'survey-title text-uppercase font-family-markw1g' },
+          surveyData.title
+        ),
+        React__default['default'].createElement(
+          'p',
+          { className: 'survey-state text-uppercase font-family-markw1g' },
+          progressState
+        )
+      ),
+      React__default['default'].createElement(ProgressBar__default['default'], { now: progressBarState }),
+      React__default['default'].createElement(
+        'div',
+        { className: 'survey-content' },
+        progressState === 'begin' && takenQuestions.length === 0 && React__default['default'].createElement(
+          'div',
+          { className: 'd-flex align-items-center justify-content-center flex-column', style: { minHeight: 322 } },
+          React__default['default'].createElement(
+            'p',
+            { className: 'font-family-georgia big-text', style: { color: colors.contentText } },
+            surveyData.beforeSurveyText
+          ),
+          surveyData.beforeSurveyButtonLabel && React__default['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['default'].createElement(
+          React__default['default'].Fragment,
+          null,
+          React__default['default'].createElement(
+            'p',
+            { className: 'font-family-georgia normal-text', style: { color: colors.contentText } },
+            surveyData.questions[questionIndex].question
+          ),
+          React__default['default'].createElement(
+            Row__default['default'],
+            { className: 'my-4' },
+            surveyData.questions[questionIndex].answers.map(function (a, i) {
+              return React__default['default'].createElement(
+                Col__default['default'],
+                { sm: 12, md: 6, key: i, className: 'my-2' },
+                React__default['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['default'].createElement(
+                    'p',
+                    { className: 'font-family-georgia small-text', style: { color: colors.contentText } },
+                    a
+                  )
+                )
+              );
+            })
+          ),
+          React__default['default'].createElement(
+            'div',
+            { className: 'd-flex justify-content-end' },
+            React__default['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['default'].createElement(
+          'div',
+          { className: 'd-flex align-items-center justify-content-center flex-column', style: { minHeight: 322 } },
+          React__default['default'].createElement(
+            'p',
+            { className: 'font-family-georgia big-text', style: { color: colors.contentText } },
+            surveyData.afterSurveyText
+          ),
+          surveyData.afterSurveyButtonLabel && React__default['default'].createElement(
+            'button',
+            { onClick: handleEndSurvey, className: 'btn survey-button font-family-markw1g mt-3' },
+            surveyData.afterSurveyButtonLabel
+          )
+        )
+      )
+    )
+  );
+};
+
+Survey.propTypes = {
+  showLoading: PropTypes__default['default'].bool.isRequired,
+  colors: PropTypes__default['default'].shape({
+    primary: PropTypes__default['default'].string,
+    secondary: PropTypes__default['default'].string,
+    contentText: PropTypes__default['default'].string,
+    headerText: PropTypes__default['default'].string,
+    button: PropTypes__default['default'].string,
+    answer: PropTypes__default['default'].string,
+    selectedAnswer: PropTypes__default['default'].string
+  }).isRequired,
+  eventData: PropTypes__default['default'].shape({
+    url: PropTypes__default['default'].string,
+    email: PropTypes__default['default'].string
+  }).isRequired,
+  surveyData: PropTypes__default['default'].shape({
+    type: PropTypes__default['default'].oneOf(['pre', 'post']),
+    title: PropTypes__default['default'].string,
+    beforeSurveyText: PropTypes__default['default'].string,
+    beforeSurveyButtonLabel: PropTypes__default['default'].string,
+    afterSurveyText: PropTypes__default['default'].string,
+    afterSurveyButtonLabel: PropTypes__default['default'].string,
+    questions: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
+      question: PropTypes__default['default'].string,
+      answers: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string)
+    }))
+  }).isRequired,
+  takenQuestions: PropTypes__default['default'].arrayOf(PropTypes__default['default'].string),
+  handleAnswer: PropTypes__default['default'].func.isRequired,
+  handleEndSurvey: PropTypes__default['default'].func.isRequired
+};
+
+Survey.defaultProps = {
+  showLoading: false,
+  colors: {
+    primary: '#6ED4C8',
+    secondary: '#26292D',
+    contentText: '#FF009D',
+    headerText: '#FFF',
+    button: '#EBE9AC',
+    answer: '#FFF',
+    selectedAnswer: '#EBE9AC'
+  },
+  takenQuestions: []
+};
+
 exports.DeckContent = DeckContent;
 exports.GridContent = GridContent;
 exports.DeckQueue = DeckQueue;
@@ -380,3 +638,4 @@ exports.getTargeting = getTargeting.getTargeting;
 exports.getKeywords = getKeywords;
 exports.getQuery = getQuery;
 exports.FeatureArticles = FeatureArticles;
+exports.Survey = Survey;

package/dist/esm/AD300x250.js

@@ -15,7 +15,7 @@ import './debounce-533d9748.js';
 import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import './Beam.js';
-import './asyncToGenerator-5ef104a7.js';
+import './asyncToGenerator-958ef5fc.js';
 import './_library-528f1934.js';
 import './_iter-detect-98db3b07.js';
 import './Segment.js';

package/dist/esm/AD300x250x600.js

@@ -15,7 +15,7 @@ import './debounce-533d9748.js';
 import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import './Beam.js';
-import './asyncToGenerator-5ef104a7.js';
+import './asyncToGenerator-958ef5fc.js';
 import './_library-528f1934.js';
 import './_iter-detect-98db3b07.js';
 import './Segment.js';

package/dist/esm/AD728x90.js

@@ -15,7 +15,7 @@ import './debounce-533d9748.js';
 import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import './Beam.js';
-import './asyncToGenerator-5ef104a7.js';
+import './asyncToGenerator-958ef5fc.js';
 import './_library-528f1934.js';
 import './_iter-detect-98db3b07.js';
 import './Segment.js';

package/dist/esm/ADFloatingFooter.js

@@ -14,7 +14,7 @@ import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import './Beam.js';
 import './stringify-2b084bee.js';
-import './asyncToGenerator-5ef104a7.js';
+import './asyncToGenerator-958ef5fc.js';
 import './_library-528f1934.js';
 import './_iter-detect-98db3b07.js';
 import './Segment.js';

package/dist/esm/ADGutter.js

@@ -14,7 +14,7 @@ import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import './Beam.js';
 import './stringify-2b084bee.js';
-import './asyncToGenerator-5ef104a7.js';
+import './asyncToGenerator-958ef5fc.js';
 import './_library-528f1934.js';
 import './_iter-detect-98db3b07.js';
 import './Segment.js';

package/dist/esm/ADSkyscraper.js

@@ -14,7 +14,7 @@ import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import './Beam.js';
 import './stringify-2b084bee.js';
-import './asyncToGenerator-5ef104a7.js';
+import './asyncToGenerator-958ef5fc.js';
 import './_library-528f1934.js';
 import './_iter-detect-98db3b07.js';
 import './Segment.js';

package/dist/esm/ADSponsoredResources.js

@@ -14,7 +14,7 @@ import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import './Beam.js';
 import './stringify-2b084bee.js';
-import './asyncToGenerator-5ef104a7.js';
+import './asyncToGenerator-958ef5fc.js';
 import './_library-528f1934.js';
 import './_iter-detect-98db3b07.js';
 import './Segment.js';

package/dist/esm/ADWebcast.js

@@ -14,7 +14,7 @@ import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import './Beam.js';
 import './stringify-2b084bee.js';
-import './asyncToGenerator-5ef104a7.js';
+import './asyncToGenerator-958ef5fc.js';
 import './_library-528f1934.js';
 import './_iter-detect-98db3b07.js';
 import './Segment.js';

package/dist/esm/ADWelcome.js

@@ -14,7 +14,7 @@ import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import './Beam.js';
 import './stringify-2b084bee.js';
-import './asyncToGenerator-5ef104a7.js';
+import './asyncToGenerator-958ef5fc.js';
 import './_library-528f1934.js';
 import './_iter-detect-98db3b07.js';
 import './Segment.js';

package/dist/esm/AdSlot.js

@@ -15,7 +15,7 @@ import './events-6c3a7a63.js';
 import './isSymbol-a7e9aafe.js';
 import './toNumber-5aeba6e7.js';
 import './stringify-2b084bee.js';
-import './asyncToGenerator-5ef104a7.js';
+import './asyncToGenerator-958ef5fc.js';
 import './_library-528f1934.js';
 import './_iter-detect-98db3b07.js';
 

package/dist/esm/AdSlotsProvider.js

@@ -1,4 +1,4 @@
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-5ef104a7.js';
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-958ef5fc.js';
 import { _ as _toConsumableArray } from './toConsumableArray-f7074d7c.js';
 import React__default, { useEffect } from 'react';
 import ReactGA from 'react-ga';