@mjhls/mjh-framework 1.0.715 → 1.0.716

package/README.md

@@ -1,4 +1,4 @@
-# mjh-framework v. 1.0.715
+# mjh-framework v. 1.0.716
 
 [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 

package/dist/cjs/EventsDeck.js

@@ -3,7 +3,7 @@
 var defineProperty = require('./defineProperty-d6fbb280.js');
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var _toObject = require('./_to-object-821a2927.js');
-var _objectPie = require('./_object-pie-68c5bcbc.js');
+var _objectToArray = require('./_object-to-array-bec5fcf2.js');
 var slicedToArray = require('./slicedToArray-db24842a.js');
 var _extends = require('./extends-1e24fc8d.js');
 var toConsumableArray = require('./toConsumableArray-cf0865fc.js');
@@ -22,6 +22,7 @@ var index = require('./index-4d74ffd6.js');
 var js_cookie = require('./js.cookie-a511c430.js');
 var Router = require('next/router');
 require('./define-property-aff11f8a.js');
+require('./_object-pie-68c5bcbc.js');
 require('./web.dom.iterable-4480325a.js');
 require('./es6.string.iterator-20d42c53.js');
 require('./core.get-iterator-method-b4615fd3.js');
@@ -39,28 +40,9 @@ var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
 var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 
-var isEnum = _objectPie._objectPie.f;
-var _objectToArray = function (isEntries) {
-  return function (it) {
-    var O = _toObject._toIobject(it);
-    var keys = _toObject._objectKeys(O);
-    var length = keys.length;
-    var i = 0;
-    var result = [];
-    var key;
-    while (length > i) {
-      key = keys[i++];
-      if (!_toObject._descriptors || isEnum.call(O, key)) {
-        result.push(isEntries ? [key, O[key]] : O[key]);
-      }
-    }
-    return result;
-  };
-};
-
 // https://github.com/tc39/proposal-object-values-entries
 
-var $entries = _objectToArray(true);
+var $entries = _objectToArray._objectToArray(true);
 
 _toObject._export(_toObject._export.S, 'Object', {
   entries: function entries(it) {

package/dist/cjs/ExternalResources.js

@@ -4,7 +4,7 @@ var _extends = require('./extends-1e24fc8d.js');
 var slicedToArray = require('./slicedToArray-db24842a.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-eca358e4.js');
-var getSerializers = require('./index-27f9e7ef.js');
+var getSerializers = require('./index-7d880c49.js');
 var index = require('./index-4d74ffd6.js');
 var Router = require('next/router');
 var Button = require('react-bootstrap/Button');
@@ -36,6 +36,7 @@ require('./brightcove-react-player-loader.es-a195642e.js');
 require('./GroupDeck.js');
 require('./smoothscroll-99df7f93.js');
 require('./moment-aca40de1.js');
+require('./_object-to-array-bec5fcf2.js');
 require('./toConsumableArray-cf0865fc.js');
 require('react-bootstrap/Pagination');
 require('./entities-3f9d0f2f.js');

package/dist/cjs/PartnerDetailListing.js

@@ -12,7 +12,7 @@ var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-27f9e7ef.js');
+var getSerializers = require('./index-7d880c49.js');
 var BlockContent = require('./BlockContent-eca358e4.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-20d42c53.js');
@@ -55,6 +55,7 @@ require('./typeof-97065d40.js');
 require('./_is-array-63ae4740.js');
 require('./brightcove-react-player-loader.es-a195642e.js');
 require('./GroupDeck.js');
+require('./_object-to-array-bec5fcf2.js');
 require('react-bootstrap/Pagination');
 require('react-bootstrap/Button');
 require('react-bootstrap/Row');

package/dist/cjs/TaxonomyDescription.js

@@ -6,7 +6,7 @@ var React = require('react');
 var Router = require('next/router');
 var Head = require('next/head');
 var BlockContent = require('./BlockContent-eca358e4.js');
-var getSerializers = require('./index-27f9e7ef.js');
+var getSerializers = require('./index-7d880c49.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-20d42c53.js');
 require('./_to-object-821a2927.js');
@@ -35,6 +35,7 @@ require('./brightcove-react-player-loader.es-a195642e.js');
 require('./GroupDeck.js');
 require('./smoothscroll-99df7f93.js');
 require('./moment-aca40de1.js');
+require('./_object-to-array-bec5fcf2.js');
 require('./toConsumableArray-cf0865fc.js');
 require('react-bootstrap/Pagination');
 require('react-bootstrap/Button');

package/dist/cjs/VideoProgramLandingPage.js

@@ -7,7 +7,7 @@ var BlockContent = require('./BlockContent-eca358e4.js');
 var Col = require('react-bootstrap/Col');
 var Form = require('react-bootstrap/Form');
 var Button = require('react-bootstrap/Button');
-var getSerializers = require('./index-27f9e7ef.js');
+var getSerializers = require('./index-7d880c49.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-20d42c53.js');
@@ -38,6 +38,7 @@ require('./brightcove-react-player-loader.es-a195642e.js');
 require('./GroupDeck.js');
 require('./smoothscroll-99df7f93.js');
 require('./moment-aca40de1.js');
+require('./_object-to-array-bec5fcf2.js');
 require('./toConsumableArray-cf0865fc.js');
 require('react-bootstrap/Pagination');
 require('./entities-3f9d0f2f.js');

package/dist/cjs/View.js

@@ -15,7 +15,7 @@ require('react-bootstrap/Dropdown');
 var Form = require('react-bootstrap/Form');
 var FormControl = require('react-bootstrap/FormControl');
 var Button = require('react-bootstrap/Button');
-var getSerializers = require('./index-27f9e7ef.js');
+var getSerializers = require('./index-7d880c49.js');
 var SocialShare = require('./SocialShare.js');
 var AdSlot = require('./AdSlot.js');
 var getTargeting = require('./getTargeting-497b581d.js');
@@ -51,6 +51,7 @@ require('./brightcove-react-player-loader.es-a195642e.js');
 require('./GroupDeck.js');
 require('./smoothscroll-99df7f93.js');
 require('./_is-array-63ae4740.js');
+require('./_object-to-array-bec5fcf2.js');
 require('react-bootstrap/Pagination');
 require('./entities-3f9d0f2f.js');
 require('react-bootstrap/Row');

package/dist/cjs/_object-to-array-bec5fcf2.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var _toObject = require('./_to-object-821a2927.js');
+var _objectPie = require('./_object-pie-68c5bcbc.js');
+
+var isEnum = _objectPie._objectPie.f;
+var _objectToArray = function (isEntries) {
+  return function (it) {
+    var O = _toObject._toIobject(it);
+    var keys = _toObject._objectKeys(O);
+    var length = keys.length;
+    var i = 0;
+    var result = [];
+    var key;
+    while (length > i) {
+      key = keys[i++];
+      if (!_toObject._descriptors || isEnum.call(O, key)) {
+        result.push(isEntries ? [key, O[key]] : O[key]);
+      }
+    }
+    return result;
+  };
+};
+
+exports._objectToArray = _objectToArray;

package/dist/cjs/getSerializers.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var getSerializers = require('./index-27f9e7ef.js');
+var getSerializers = require('./index-7d880c49.js');
 require('./BlockContent-eca358e4.js');
 require('./entities-3f9d0f2f.js');
 require('./slicedToArray-db24842a.js');
@@ -35,6 +35,7 @@ require('./brightcove-react-player-loader.es-a195642e.js');
 require('./GroupDeck.js');
 require('./smoothscroll-99df7f93.js');
 require('./moment-aca40de1.js');
+require('./_object-to-array-bec5fcf2.js');
 require('./toConsumableArray-cf0865fc.js');
 require('react-bootstrap/Pagination');
 require('react-bootstrap/Button');

package/dist/cjs/{index-27f9e7ef.js → index-7d880c49.js}

@@ -20,6 +20,8 @@ var _typeof$1 = require('./typeof-97065d40.js');
 var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-a195642e.js');
 var GroupDeck = require('./GroupDeck.js');
 var moment = require('./moment-aca40de1.js');
+var _toObject = require('./_to-object-821a2927.js');
+var _objectToArray = require('./_object-to-array-bec5fcf2.js');
 var toConsumableArray = require('./toConsumableArray-cf0865fc.js');
 var Pagination = require('react-bootstrap/Pagination');
 var Button = require('react-bootstrap/Button');
@@ -7495,10 +7497,200 @@ var Poll = function Poll(_ref) {
         return React__default['default'].createElement(
           'div',
           { key: choice._key, className: 'mb-3' },
+          React__default['default'].createElement(
+            'div',
+            { className: 'correct-answer' },
+            React__default['default'].createElement(
+              'div',
+              null,
+              choice.choiceText
+            ),
+            choice.choiceAnswer === true && React__default['default'].createElement(
+              'div',
+              null,
+              React__default['default'].createElement(
+                'span',
+                { style: { color: 'limegreen' } },
+                'Correct!'
+              )
+            )
+          ),
+          React__default['default'].createElement(reactBootstrap.ProgressBar, { now: percentage }),
           React__default['default'].createElement(
             'span',
-            null,
-            choice.choiceText
+            { className: 'float-right' },
+            percentage,
+            '% (',
+            choice.choiceCount ? choice.choiceCount : 0,
+            ' Votes)'
+          )
+        );
+      })
+    ),
+    showAnswer && React__default['default'].createElement(
+      'h4',
+      { className: 'text-center small p-3' },
+      'Total Votes: ',
+      choicesTotalCount
+    ),
+    showAnswer && response && React__default['default'].createElement(BlockContent.BlockContent, { blocks: response, serializers: getSerializers }),
+    React__default['default'].createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .correct-answer {\n          display: flex;\n          justify-content: space-between;\n        }\n        .progress-bar {\n          color: #fff;\n        }\n      '
+    )
+  );
+};
+
+// https://github.com/tc39/proposal-object-values-entries
+
+var $values = _objectToArray._objectToArray(false);
+
+_toObject._export(_toObject._export.S, 'Object', {
+  values: function values(it) {
+    return $values(it);
+  }
+});
+
+var values = _toObject._core.Object.values;
+
+var values$1 = _commonjsHelpers.createCommonjsModule(function (module) {
+module.exports = { "default": values, __esModule: true };
+});
+
+var _Object$values = _commonjsHelpers.unwrapExports(values$1);
+
+var Poll$1 = function Poll(_ref) {
+  var node = _ref.node;
+      _ref.client;
+      _ref.pageview;
+      _ref.videoAccountIDs;
+      var onVote = _ref.onVote;
+      _ref.showVotes;
+      var getSerializers = _ref.getSerializers;
+
+  var _useState = React.useState(null),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      selectedChoice = _useState2[0],
+      setSelectedChoice = _useState2[1];
+
+  var _useState3 = React.useState(false),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      showAnswer = _useState4[0],
+      setShowAnswer = _useState4[1];
+
+  var choices = node.choices,
+      question = node.question,
+      response = node.response,
+      _node$showResults = node.showResults,
+      showResults = _node$showResults === undefined ? false : _node$showResults;
+
+
+  var onSubmitPoll = function onSubmitPoll(e, setShowAnswer) {
+    e.preventDefault();
+    var selections = [];
+    var _iteratorNormalCompletion = true;
+    var _didIteratorError = false;
+    var _iteratorError = undefined;
+
+    try {
+      for (var _iterator = slicedToArray._getIterator(_Object$values(e.currentTarget)), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var input = _step.value;
+
+        if (input.nodeName === 'INPUT' && input.checked) {
+          selections.push(input.value);
+        }
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+
+    onVote(node._key, selections.join(','));
+    //setShowAnswer(true)
+  };
+  React.useEffect(function () {
+    if (showResults) {
+      setShowAnswer(showResults);
+    }
+  }, [showResults]);
+
+  var choicesTotalCount = choices && choices.reduce(function (acc, choice) {
+    if (choice.choiceCount) {
+      acc = acc + parseInt(choice.choiceCount);
+      return acc;
+    } else {
+      return acc;
+    }
+  }, 0);
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
+    null,
+    question && React__default['default'].createElement(
+      'p',
+      { className: 'font-weight-bold' },
+      question
+    ),
+    !showAnswer && choices && choices.length > 0 && React__default['default'].createElement(
+      'form',
+      { onSubmit: function onSubmit(e) {
+          return onSubmitPoll(e);
+        } },
+      choices && choices.map(function (choice) {
+        return React__default['default'].createElement(
+          'div',
+          { key: choice._key },
+          React__default['default'].createElement(
+            'label',
+            { className: 'pl-2' },
+            React__default['default'].createElement('input', { type: 'checkbox', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
+                return setSelectedChoice(e.target.value);
+              } }),
+            ' ' + choice.choiceText
+          )
+        );
+      }),
+      React__default['default'].createElement(
+        reactBootstrap.Button,
+        { disabled: !selectedChoice, type: 'submit' },
+        'Vote'
+      )
+    ),
+    React__default['default'].createElement(
+      'div',
+      { className: 'progress-container' },
+      showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
+        var percentage = choicesTotalCount && choicesTotalCount > 0 ? choice.choiceCount ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0 : 0;
+        return React__default['default'].createElement(
+          'div',
+          { key: choice._key, className: 'mb-3' },
+          React__default['default'].createElement(
+            'div',
+            { className: 'correct-answer' },
+            React__default['default'].createElement(
+              'div',
+              null,
+              choice.choiceText
+            ),
+            choice.choiceAnswer === true && React__default['default'].createElement(
+              'div',
+              null,
+              React__default['default'].createElement(
+                'span',
+                { style: { color: 'limegreen' } },
+                'Correct!'
+              )
+            )
           ),
           React__default['default'].createElement(reactBootstrap.ProgressBar, { now: percentage }),
           React__default['default'].createElement(
@@ -7522,7 +7714,7 @@ var Poll = function Poll(_ref) {
     React__default['default'].createElement(
       'style',
       { jsx: 'true' },
-      '\n        .progress-bar {\n          color: #fff;\n        }\n      '
+      '\n        .correct-answer {\n          width: 100%;\n          display: flex;\n          justify-content: space-between;\n          padding: 0 0.5rem;\n        }\n        .progress-bar {\n          color: #fff;\n        }\n      '
     )
   );
 };
@@ -7562,6 +7754,13 @@ var Quiz = function Quiz(_ref) {
       pages = _useState10[0],
       setPages = _useState10[1];
 
+  var answersRef = React.useRef(null);
+
+  var _useState11 = React.useState(false),
+      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
+      isDisabled = _useState12[0],
+      setIsDisabled = _useState12[1];
+
   React.useEffect(function () {
     var totalPages = toConsumableArray._Array$from({ length: pageCount }, function (v, k) {
       return k + 1;
@@ -7671,14 +7870,113 @@ var Quiz = function Quiz(_ref) {
     );
   };
 
+  var checkAnswers = function checkAnswers(e) {
+    if (!quizzes[currentPage - 1].quizAnswers) {
+      setShowAnswer(true);
+      return;
+    }
+
+    var correctAnswers = [];
+
+    var _iteratorNormalCompletion = true;
+    var _didIteratorError = false;
+    var _iteratorError = undefined;
+
+    try {
+      for (var _iterator = slicedToArray._getIterator(quizzes[currentPage - 1].quizAnswers), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var answer = _step.value;
+
+        if (answer.correctAnswer === true) {
+          correctAnswers.push(answer._key);
+        }
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+
+    var _loop = function _loop(input) {
+      var isCorrect = correctAnswers.findIndex(function (value) {
+        return value === input.value;
+      });
+      if (input.nodeName === 'INPUT' && input.checked) {
+        if (isCorrect < 0) {
+          input.parentElement.style.color = '#ea1e1e';
+        }
+        setShowAnswer(true);
+      }
+      if (isCorrect >= 0) {
+        input.parentElement.style.color = 'limegreen';
+      }
+      setIsDisabled(true);
+    };
+
+    var _iteratorNormalCompletion2 = true;
+    var _didIteratorError2 = false;
+    var _iteratorError2 = undefined;
+
+    try {
+      for (var _iterator2 = slicedToArray._getIterator(_Object$values(answersRef.current)), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+        var input = _step2.value;
+
+        _loop(input);
+      }
+    } catch (err) {
+      _didIteratorError2 = true;
+      _iteratorError2 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion2 && _iterator2.return) {
+          _iterator2.return();
+        }
+      } finally {
+        if (_didIteratorError2) {
+          throw _iteratorError2;
+        }
+      }
+    }
+  };
+
   return React__default['default'].createElement(
     React__default['default'].Fragment,
     null,
-    quizzes[currentPage - 1] && React__default['default'].createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
+    quizzes[currentPage - 1] && React__default['default'].createElement(
+      React__default['default'].Fragment,
+      null,
+      React__default['default'].createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
+      quizzes[currentPage - 1].quizAnswers && quizzes[currentPage - 1].quizAnswers.length > 0 && React__default['default'].createElement(
+        'form',
+        { ref: answersRef, onSubmit: function onSubmit(e) {
+            return e.preventDefault();
+          } },
+        quizzes[currentPage - 1].quizAnswers.map(function (answer, index) {
+          return React__default['default'].createElement(
+            'div',
+            { key: answer._key },
+            React__default['default'].createElement(
+              'label',
+              { className: 'pl-2' },
+              quizzes[currentPage - 1].multiAnswer ? React__default['default'].createElement('input', { type: 'checkbox', id: 'male', disabled: isDisabled, name: answer._type, value: answer._key }) : React__default['default'].createElement('input', { type: 'radio', id: 'male', name: answer._type, value: answer._key }),
+              ' ' + answer.answerText
+            )
+          );
+        })
+      )
+    ),
     !showAnswer && React__default['default'].createElement(
       Button__default['default'],
       { onClick: function onClick() {
-          return setShowAnswer(true);
+          return checkAnswers();
         }, variant: 'info', block: true },
       'Please click here for answer'
     ),
@@ -7690,7 +7988,7 @@ var Quiz = function Quiz(_ref) {
         null,
         'Answer:'
       ),
-      React__default['default'].createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers })
+      quizzes[currentPage - 1].answer && React__default['default'].createElement(BlockContent.BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers })
     ),
     React__default['default'].createElement('br', null),
     pageCount > 1 && React__default['default'].createElement(
@@ -8960,7 +9258,15 @@ var getSerializers = function getSerializers() {
       articleSeries: function articleSeries(_ref3) {
         var node = _ref3.node;
 
-        return React__default['default'].createElement(ArticleSeries, { nodes: node, accountIDs: videoAccountIDs || {}, pageview: pageview, client: client, getSerializers: getSerializers.apply(undefined, props), Ads: Ads || null, rootArticle: article || null });
+        return React__default['default'].createElement(ArticleSeries, {
+          nodes: node,
+          accountIDs: videoAccountIDs || {},
+          pageview: pageview,
+          client: client,
+          getSerializers: getSerializers.apply(undefined, props),
+          Ads: Ads || null,
+          rootArticle: article || null
+        });
       },
       figure: function figure(_ref4) {
         var node = _ref4.node;
@@ -9016,31 +9322,44 @@ var getSerializers = function getSerializers() {
 
         return React__default['default'].createElement(Poll, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers(props) });
       },
-      quiz: function quiz(_ref14) {
+      pollMultiChoice: function pollMultiChoice(_ref14) {
         var node = _ref14.node;
+
+        return React__default['default'].createElement(Poll$1, {
+          node: node,
+          client: client,
+          pageview: pageview,
+          videoAccountIDs: videoAccountIDs,
+          showVotes: showVotes,
+          onVote: onVote,
+          getSerializers: getSerializers(props)
+        });
+      },
+      quiz: function quiz(_ref15) {
+        var node = _ref15.node;
         var quizzes = node.quizzes;
 
         return React__default['default'].createElement(Quiz, { quizzes: quizzes, getSerializers: getSerializers(props), pageview: pageview, currentPage: currentPage });
       },
-      leads: function leads(_ref15) {
-        var node = _ref15.node;
+      leads: function leads(_ref16) {
+        var node = _ref16.node;
         var leadID = node.leadID;
 
         var url = '' + drupalLeadSettings.baseUrl + leadID;
         return React__default['default'].createElement(Leads, { url: url });
       },
-      slideshows: function slideshows(_ref16) {
-        var node = _ref16.node;
+      slideshows: function slideshows(_ref17) {
+        var node = _ref17.node;
 
         return React__default['default'].createElement(Slideshow$1, { node: node, client: client, pageview: pageview, getSerializers: getSerializers(props) });
       },
-      nativeAd: function nativeAd(_ref17) {
-        var node = _ref17.node;
+      nativeAd: function nativeAd(_ref18) {
+        var node = _ref18.node;
 
         return React__default['default'].createElement(NativeAd, { node: node });
       },
-      html_anchor_links: function html_anchor_links(_ref18) {
-        var node = _ref18.node;
+      html_anchor_links: function html_anchor_links(_ref19) {
+        var node = _ref19.node;
 
         return React__default['default'].createElement(AnchorLinkElement, { node: node, getSerializers: getSerializers.apply(undefined, props), articleId: articleId });
       },
@@ -9050,15 +9369,15 @@ var getSerializers = function getSerializers() {
       brtag: function brtag() {
         return React__default['default'].createElement('br', { className: 'line-break' });
       },
-      formstack: function formstack(_ref19) {
-        var node = _ref19.node;
+      formstack: function formstack(_ref20) {
+        var node = _ref20.node;
         var FormID = node.FormID,
             Caption = node.Caption;
 
         return React__default['default'].createElement(Formstack, { FormID: FormID, Caption: Caption });
       },
-      multimedia: function multimedia(_ref20) {
-        var node = _ref20.node;
+      multimedia: function multimedia(_ref21) {
+        var node = _ref21.node;
 
         return React__default['default'].createElement(MultiMedia, { node: node, client: client });
       }
@@ -9104,32 +9423,32 @@ var getSerializers = function getSerializers() {
           children
         );
       },
-      alignleft: function alignleft(_ref21) {
-        var children = _ref21.children;
+      alignleft: function alignleft(_ref22) {
+        var children = _ref22.children;
         return React__default['default'].createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
         );
       },
-      alignright: function alignright(_ref22) {
-        var children = _ref22.children;
+      alignright: function alignright(_ref23) {
+        var children = _ref23.children;
         return React__default['default'].createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
         );
       },
-      aligncenter: function aligncenter(_ref23) {
-        var children = _ref23.children;
+      aligncenter: function aligncenter(_ref24) {
+        var children = _ref24.children;
         return React__default['default'].createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
         );
       },
-      alignjustify: function alignjustify(_ref24) {
-        var children = _ref24.children;
+      alignjustify: function alignjustify(_ref25) {
+        var children = _ref25.children;
         return React__default['default'].createElement(
           'div',
           { style: { textAlign: 'justify' } },