@mjhls/mjh-framework 1.0.178 → 1.0.180

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React__default, { Component, useState, useEffect, useRef, createContext, createElement } from 'react';
+import React__default, { Component, useState, useEffect, useRef, createElement, createContext } from 'react';
 import PropTypes from 'prop-types';
 import reactDom from 'react-dom';
 import Container from 'react-bootstrap/Container';
@@ -9743,533 +9743,1029 @@ var main_47 = main.osName;
 var main_48 = main.osVersion;
 var main_49 = main.withOrientationChange;
 
-var classCallCheck = function (instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-};
+var striptags = createCommonjsModule(function (module) {
 
-var createClass = function () {
-  function defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
+(function (global) {
+
+    // minimal symbol polyfill for IE11 and others
+    if (typeof Symbol !== 'function') {
+        var Symbol = function(name) {
+            return name;
+        };
+
+        Symbol.nonNative = true;
     }
-  }
 
-  return function (Constructor, protoProps, staticProps) {
-    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) defineProperties(Constructor, staticProps);
-    return Constructor;
-  };
-}();
+    const STATE_PLAINTEXT = Symbol('plaintext');
+    const STATE_HTML      = Symbol('html');
+    const STATE_COMMENT   = Symbol('comment');
 
-var _extends = Object.assign || function (target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i];
+    const ALLOWED_TAGS_REGEX  = /<(\w*)>/g;
+    const NORMALIZE_TAG_REGEX = /<\/?([^\s\/>]+)/;
 
-    for (var key in source) {
-      if (Object.prototype.hasOwnProperty.call(source, key)) {
-        target[key] = source[key];
-      }
+    function striptags(html, allowable_tags, tag_replacement) {
+        html            = html || '';
+        allowable_tags  = allowable_tags || [];
+        tag_replacement = tag_replacement || '';
+
+        let context = init_context(allowable_tags, tag_replacement);
+
+        return striptags_internal(html, context);
     }
-  }
 
-  return target;
-};
+    function init_striptags_stream(allowable_tags, tag_replacement) {
+        allowable_tags  = allowable_tags || [];
+        tag_replacement = tag_replacement || '';
 
-var inherits = function (subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
-  }
+        let context = init_context(allowable_tags, tag_replacement);
 
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      enumerable: false,
-      writable: true,
-      configurable: true
+        return function striptags_stream(html) {
+            return striptags_internal(html || '', context);
+        };
     }
-  });
-  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
-};
-
-var possibleConstructorReturn = function (self, call) {
-  if (!self) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
 
-  return call && (typeof call === "object" || typeof call === "function") ? call : self;
-};
+    striptags.init_streaming_mode = init_striptags_stream;
 
-var slicedToArray = function () {
-  function sliceIterator(arr, i) {
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _e = undefined;
+    function init_context(allowable_tags, tag_replacement) {
+        allowable_tags = parse_allowable_tags(allowable_tags);
 
-    try {
-      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
+        return {
+            allowable_tags : allowable_tags,
+            tag_replacement: tag_replacement,
 
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
-      try {
-        if (!_n && _i["return"]) _i["return"]();
-      } finally {
-        if (_d) throw _e;
-      }
+            state         : STATE_PLAINTEXT,
+            tag_buffer    : '',
+            depth         : 0,
+            in_quote_char : ''
+        };
     }
 
-    return _arr;
-  }
+    function striptags_internal(html, context) {
+        let allowable_tags  = context.allowable_tags;
+        let tag_replacement = context.tag_replacement;
 
-  return function (arr, i) {
-    if (Array.isArray(arr)) {
-      return arr;
-    } else if (Symbol.iterator in Object(arr)) {
-      return sliceIterator(arr, i);
-    } else {
-      throw new TypeError("Invalid attempt to destructure non-iterable instance");
-    }
-  };
-}();
+        let state         = context.state;
+        let tag_buffer    = context.tag_buffer;
+        let depth         = context.depth;
+        let in_quote_char = context.in_quote_char;
+        let output        = '';
 
-var toConsumableArray = function (arr) {
-  if (Array.isArray(arr)) {
-    for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+        for (let idx = 0, length = html.length; idx < length; idx++) {
+            let char = html[idx];
 
-    return arr2;
-  } else {
-    return Array.from(arr);
-  }
-};
+            if (state === STATE_PLAINTEXT) {
+                switch (char) {
+                    case '<':
+                        state       = STATE_HTML;
+                        tag_buffer += char;
+                        break;
 
-var DeckContent = function (_React$Component) {
-  inherits(DeckContent, _React$Component);
+                    default:
+                        output += char;
+                        break;
+                }
+            }
 
-  function DeckContent() {
-    var _ref;
+            else if (state === STATE_HTML) {
+                switch (char) {
+                    case '<':
+                        // ignore '<' if inside a quote
+                        if (in_quote_char) {
+                            break;
+                        }
 
-    var _temp, _this, _ret;
+                        // we're seeing a nested '<'
+                        depth++;
+                        break;
 
-    classCallCheck(this, DeckContent);
+                    case '>':
+                        // ignore '>' if inside a quote
+                        if (in_quote_char) {
+                            break;
+                        }
 
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+                        // something like this is happening: '<<>>'
+                        if (depth) {
+                            depth--;
 
-    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = DeckContent.__proto__ || Object.getPrototypeOf(DeckContent)).call.apply(_ref, [this].concat(args))), _this), _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord || [], _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
-      data: _this.data,
-      dataKeptToCompareNewDatarecord: _this.data,
-      per: _this.params ? _this.params.to : 2,
-      page: _this.props.currentPage || 1,
-      from: _this.params ? _this.params.from : 0,
-      to: _this.params ? _this.params.to : 2,
-      total_pages: null,
-      scrolling: true,
-      query: _this.query,
-      currentPage: _this.props.currentPage || 1
-    }, _this.loadMore = debounce_1(function () {
-      _this.setState(function (state) {
-        var page = state.page,
-            from = state.from,
-            per = state.per,
-            to = state.to;
+                            break;
+                        }
 
-        return {
-          page: page + 1,
-          from: from + per,
-          to: to + per
-        };
-      }, _this.loadData);
-    }, 0), _this.loadData = function () {
-      var _this$state = _this.state,
-          from = _this$state.from,
-          to = _this$state.to,
-          data = _this$state.data,
-          query = _this$state.query,
-          page = _this$state.page;
-      var client = _this.props.client;
+                        // this is closing the tag in tag_buffer
+                        in_quote_char = '';
+                        state         = STATE_PLAINTEXT;
+                        tag_buffer   += '>';
 
+                        if (allowable_tags.has(normalize_tag(tag_buffer))) {
+                            output += tag_buffer;
+                        } else {
+                            output += tag_replacement;
+                        }
 
-      var params = _extends({}, _this.params, { from: from, to: to
-        // const queryUpdated = query.replace('$from', params.from).replace('$to', params.to)
-        // const query = '*[_type == "article" && defined(title) && defined(thumbnail)][$from...$to] { title, summary, thumbnail { asset-> }, url }'
-      });client.fetch(query, params).then(function (dataArr) {
-        if (_this.pointer && _this.pointerArray) {
-          var pointer = _this.pointer;
-          dataArr = dataArr[_this.pointerArray][pointer];
-        }
-        dataArr = dataArr.map(function (item) {
-          return _extends({}, item, {
-            pageNumber: page
-          });
-        });
+                        tag_buffer = '';
+                        break;
 
-        _this.setState(function () {
-          if (dataArr.length > 0) {
-            return {
-              data: [].concat(toConsumableArray(data), toConsumableArray(dataArr)),
-              scrolling: true
-            };
-          } else {
-            return {
-              scrolling: false
-            };
-          }
-        });
-      });
-    }, _this.urlFor = function (source) {
-      var client = _this.props.client;
+                    case '"':
+                    case '\'':
+                        // catch both single and double quotes
 
-      var builder = imageUrlBuilder(client);
-      return builder.image(source).auto('format');
-    }, _this.renderCardImage = function (row, page) {
-      if (row.thumbnail && row.thumbnail.asset) {
-        var url = _this.urlFor(row.thumbnail);
-        if (_this.props.imageHeight) url = url.height(_this.props.imageHeight);
-        if (_this.props.imageWidth) url = url.width(_this.props.imageWidth);
-        return url.url();
-      } else {
-        return _this.defaultImage;
-      }
-    }, _this.changePageNumber = function (pageNumber) {
-      var _this$props = _this.props,
-          seoPaginate = _this$props.seoPaginate,
-          pageview = _this$props.pageview,
-          router = _this$props.router;
-      var currentPage = _this.state.currentPage;
+                        if (char === in_quote_char) {
+                            in_quote_char = '';
+                        } else {
+                            in_quote_char = in_quote_char || char;
+                        }
 
-      if (seoPaginate) {
-        var path = router.asPath;
-        var qrIndex = path.indexOf('?');
-        var pathname = router.pathname;
-        var queryString = '';
+                        tag_buffer += char;
+                        break;
 
-        if (qrIndex > 0) {
-          path = path.substring(1, qrIndex);
+                    case '-':
+                        if (tag_buffer === '<!-') {
+                            state = STATE_COMMENT;
+                        }
 
-          var partialQS = router.asPath.substring(qrIndex + 1);
-          var partialQSArr = partialQS.split('&');
+                        tag_buffer += char;
+                        break;
 
-          // exclude page=xxx from query string
-          partialQSArr.map(function (item) {
-            var itemArr = item.split('=');
-            var key = itemArr[0];
-            var val = itemArr[1];
+                    case ' ':
+                    case '\n':
+                        if (tag_buffer === '<') {
+                            state      = STATE_PLAINTEXT;
+                            output    += '< ';
+                            tag_buffer = '';
 
-            if (key !== 'page') {
-              queryString += (queryString.length === 0 ? '' : '&') + key + '=' + val;
+                            break;
+                        }
+
+                        tag_buffer += char;
+                        break;
+
+                    default:
+                        tag_buffer += char;
+                        break;
+                }
             }
-          });
-        }
 
-        if (queryString.length > 0) {
-          path += '?' + queryString;
+            else if (state === STATE_COMMENT) {
+                switch (char) {
+                    case '>':
+                        if (tag_buffer.slice(-2) == '--') {
+                            // close the comment
+                            state = STATE_PLAINTEXT;
+                        }
+
+                        tag_buffer = '';
+                        break;
+
+                    default:
+                        tag_buffer += char;
+                        break;
+                }
+            }
         }
 
-        pageNumber = parseInt(pageNumber);
+        // save the context for future iterations
+        context.state         = state;
+        context.tag_buffer    = tag_buffer;
+        context.depth         = depth;
+        context.in_quote_char = in_quote_char;
 
-        if (currentPage !== pageNumber) {
-          lib_3.refresh();
-          if (pageview) {
-            _this.setState({
-              currentPage: pageNumber
-            }, function () {
-              if (path[0] !== '/') {
-                path = '/' + path;
-              }
+        return output;
+    }
 
-              var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
+    function parse_allowable_tags(allowable_tags) {
+        let tag_set = new Set();
 
-              // please leave this for later debug purpose : Yong Jun.
-              /* console.log('page change reported', {
-              currentPage: currentPage,
-              pageNumber: pageNumber,
-              pathname: pathname,
-              path: path,
-              newPath: newPath,
-              firstPage: pageNumber === 1,
-              queryString: queryString
-              }) */
+        if (typeof allowable_tags === 'string') {
+            let match;
 
-              pageview(newPath);
+            while ((match = ALLOWED_TAGS_REGEX.exec(allowable_tags))) {
+                tag_set.add(match[1]);
+            }
+        }
 
-              router.push(pathname, newPath, {
-                shallow: true
-              });
-            });
-          }
-        }
-      }
-    }, _this.renderAuthor = function (authorDetail, index$$1, length) {
-      if (authorDetail) {
-        var _id = authorDetail._id,
-            displayName = authorDetail.displayName,
-            url = authorDetail.url;
+        else if (!Symbol.nonNative &&
+                 typeof allowable_tags[Symbol.iterator] === 'function') {
 
-        if (displayName && url && url.current) {
-          return React__default.createElement(
-            'div',
-            { key: _id },
-            index$$1 === 0 && React__default.createElement(
-              'span',
-              { className: 'pr-1' },
-              'By'
-            ),
-            React__default.createElement(
-              Link,
-              { href: '/authors/[url]', as: '/authors/' + url.current },
-              React__default.createElement(
-                'a',
-                { className: 'text-muted' },
-                displayName,
-                length !== index$$1 + 1 && React__default.createElement('br', null)
-              )
-            )
-          );
-        } else if (displayName) {
-          return React__default.createElement(
-            'div',
-            { key: _id },
-            index$$1 === 0 && React__default.createElement(
-              'span',
-              { className: 'pr-1' },
-              'By'
-            ),
-            React__default.createElement(
-              'span',
-              { className: 'text-muted' },
-              displayName,
-              length !== index$$1 + 1 && React__default.createElement('br', null)
-            )
-          );
+            tag_set = new Set(allowable_tags);
         }
-      } else return null;
-    }, _this.cardLoader = function (page, columns, variant) {
-      var mode = variant && variant === 'bottom' ? 'column-reverse' : 'column';
-
-      var itemCounter = 0;
-      var lgVar = 12;
-      var numberOfItemsBeforeAd = 6;
-      return React__default.createElement(
-        Row,
-        null,
-        _this.state.data && _this.state.data.map(function (row, index$$1) {
-          if (columns === 'rotate' && itemCounter % 3 === 0) {
-            lgVar = 12;
-          } else if (columns && columns !== 'rotate') {
-            lgVar = Math.floor(12 / columns);
-          } else {
-            lgVar = 6;
-          }
-
-          var pageNumber = row.pageNumber || _this.state.page;
-          var contentCategoryName = row.contentCategory && row.contentCategory.name && _this.mapping[row.contentCategory.name] ? row.contentCategory.name : 'Articles';
-          return React__default.createElement(
-            React__default.Fragment,
-            { key: itemCounter },
-            React__default.createElement(
-              VisibilitySensor,
-              {
-                onChange: function onChange(isVisible) {
-                  isVisible && _this.changePageNumber(pageNumber);
-                } },
-              React__default.createElement(
-                Col,
-                { md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
-                React__default.createElement(
-                  Card,
-                  { className: 'content-card', style: { flexDirection: mode } },
-                  (row.thumbnail && row.thumbnail.asset || _this.props.defaultImage) && React__default.createElement(
-                    Link,
-                    { href: _this.mapping[contentCategoryName] + '/[url]', as: _this.mapping[contentCategoryName] + '/' + row.url.current },
-                    React__default.createElement(
-                      'a',
-                      null,
-                      React__default.createElement(
-                        LazyLoad,
-                        { height: _this.props.imageHeight },
-                        React__default.createElement(Card.Img, {
-                          variant: 'top',
-                          src: _this.renderCardImage(row, page),
-                          alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
-                        })
-                      )
-                    )
-                  ),
-                  React__default.createElement(
-                    Card.Body,
-                    null,
-                    React__default.createElement(
-                      Link,
-                      { href: _this.mapping[contentCategoryName] + '/[url]', as: _this.mapping[contentCategoryName] + '/' + row.url.current },
-                      React__default.createElement(
-                        'a',
-                        null,
-                        React__default.createElement(
-                          Card.Title,
-                          null,
-                          row.title
-                        )
-                      )
-                    ),
-                    _this.props.showPublished && row.published && React__default.createElement(
-                      Card.Subtitle,
-                      null,
-                      moment(row.published).format('MMMM DD, YYYY')
-                    ),
-                    _this.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index$$1) {
-                      return _this.renderAuthor(authorDetail, index$$1, row.authorMapping.length);
-                    }),
-                    React__default.createElement(
-                      Card.Text,
-                      null,
-                      row.summary
-                    )
-                  )
-                )
-              )
-            ),
-            main_36 && _this.props.rightItems && (index$$1 + 1) % numberOfItemsBeforeAd === 0 && _this.renderMobileAd(index$$1, numberOfItemsBeforeAd)
-          );
-        })
-      );
-    }, _this.renderMobileAd = function (index$$1, numberOfItemsBeforeAd) {
-      var rightItems = _this.props.rightItems;
-
-      var i = ((index$$1 + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
-      return React__default.createElement(
-        Col,
-        { md: 12, style: { display: 'flex', flex: '1 0 auto' } },
-        rightItems[i].component
-      );
-    }, _this.renderManualPagination = function () {
-      var currentPage = _this.state.currentPage;
 
-      return React__default.createElement(
-        'div',
-        { className: 'd-flex justify-content-between' },
-        currentPage && currentPage > 1 && React__default.createElement(
-          'a',
-          { href: '?page=' + (currentPage - 1) },
-          '<< Previous'
-        ),
-        React__default.createElement(
-          'a',
-          { href: '?page=' + (currentPage + 1) },
-          'Next >>'
-        )
-      );
-    }, _temp), possibleConstructorReturn(_this, _ret);
-  }
+        else if (typeof allowable_tags.forEach === 'function') {
+            // IE11 compatible
+            allowable_tags.forEach(tag_set.add, tag_set);
+        }
 
-  createClass(DeckContent, [{
-    key: 'componentDidUpdate',
-    value: function componentDidUpdate(prevProps, prevState) {
-      if (this.state.dataKeptToCompareNewDatarecord !== this.props.dataRecord) {
-        // eslint-disable-next-line react/no-did-update-set-state
-        this.setState({
-          data: this.props.dataRecord,
-          dataKeptToCompareNewDatarecord: this.props.dataRecord,
-          per: this.props.params ? this.props.params.to : 2,
-          page: 1,
-          from: this.props.params ? this.props.params.from : 0,
-          to: this.props.params ? this.props.params.to : 2,
-          total_pages: null,
-          scrolling: true,
-          query: this.props.query
-        });
-      }
-    }
-  }, {
-    key: 'componentDidMount',
-    value: function componentDidMount() {
-      // this.loadData();
+        return tag_set;
     }
-  }, {
-    key: 'render',
-    value: function render() {
-      var _this2 = this;
 
-      var _props = this.props,
-          columns = _props.columns,
-          variant = _props.variant,
-          autoScroll = _props.autoScroll,
-          page = _props.page;
+    function normalize_tag(tag_buffer) {
+        let match = NORMALIZE_TAG_REGEX.exec(tag_buffer);
 
+        return match ? match[1].toLowerCase() : null;
+    }
 
-      return React__default.createElement(
-        'div',
-        { className: 'contentDeck' },
-        autoScroll ? React__default.createElement(
-          React__default.Fragment,
-          null,
-          React__default.createElement(
-            InfiniteScroll,
-            { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
-            React__default.createElement(
-              Container,
-              null,
-              this.cardLoader(page, columns, variant)
-            )
-          ),
-          React__default.createElement(
-            'noscript',
-            null,
-            this.renderManualPagination()
-          )
-        ) : React__default.createElement(
-          React__default.Fragment,
-          null,
-          React__default.createElement(
-            Container,
-            null,
-            this.cardLoader(page, columns, variant)
-          ),
-          React__default.createElement(
-            'div',
-            { style: { padding: '0px 10px' } },
-            this.state.scrolling ? React__default.createElement(
-              'button',
-              {
-                style: { margin: 'auto', width: '100%' },
-                onClick: function onClick(e) {
-                  _this2.loadMore();
-                } },
-              'Load More'
-            ) : React__default.createElement(
-              'p',
-              { style: { textAlign: 'center' } },
-              React__default.createElement(
-                'b',
-                null,
-                'End of data'
-              )
-            )
-          ),
-          React__default.createElement(
-            'noscript',
-            null,
-            this.renderManualPagination()
-          )
-        )
-      );
+    if (module.exports) {
+        // Node
+        module.exports = striptags;
     }
-  }]);
-  return DeckContent;
-}(React__default.Component);
 
-var ContentCard = withRouter(DeckContent);
+    else {
+        // Browser
+        global.striptags = striptags;
+    }
+}(commonjsGlobal));
+});
+
+var html_map = {
+    "'": "&apos;",
+    "<": "&lt;",
+    ">": "&gt;",
+    " ": "&nbsp;",
+    "¡": "&iexcl;",
+    "¢": "&cent;",
+    "£": "&pound;",
+    "¤": "&curren;",
+    "¥": "&yen;",
+    "¦": "&brvbar;",
+    "§": "&sect;",
+    "¨": "&uml;",
+    "©": "&copy;",
+    "ª": "&ordf;",
+    "«": "&laquo;",
+    "¬": "&not;",
+    "®": "&reg;",
+    "¯": "&macr;",
+    "°": "&deg;",
+    "±": "&plusmn;",
+    "²": "&sup2;",
+    "³": "&sup3;",
+    "´": "&acute;",
+    "µ": "&micro;",
+    "¶": "&para;",
+    "·": "&middot;",
+    "¸": "&cedil;",
+    "¹": "&sup1;",
+    "º": "&ordm;",
+    "»": "&raquo;",
+    "¼": "&frac14;",
+    "½": "&frac12;",
+    "¾": "&frac34;",
+    "¿": "&iquest;",
+    "À": "&Agrave;",
+    "Á": "&Aacute;",
+    "Â": "&Acirc;",
+    "Ã": "&Atilde;",
+    "Ä": "&Auml;",
+    "Å": "&Aring;",
+    "Æ": "&AElig;",
+    "Ç": "&Ccedil;",
+    "È": "&Egrave;",
+    "É": "&Eacute;",
+    "Ê": "&Ecirc;",
+    "Ë": "&Euml;",
+    "Ì": "&Igrave;",
+    "Í": "&Iacute;",
+    "Î": "&Icirc;",
+    "Ï": "&Iuml;",
+    "Ð": "&ETH;",
+    "Ñ": "&Ntilde;",
+    "Ò": "&Ograve;",
+    "Ó": "&Oacute;",
+    "Ô": "&Ocirc;",
+    "Õ": "&Otilde;",
+    "Ö": "&Ouml;",
+    "×": "&times;",
+    "Ø": "&Oslash;",
+    "Ù": "&Ugrave;",
+    "Ú": "&Uacute;",
+    "Û": "&Ucirc;",
+    "Ü": "&Uuml;",
+    "Ý": "&Yacute;",
+    "Þ": "&THORN;",
+    "ß": "&szlig;",
+    "à": "&agrave;",
+    "á": "&aacute;",
+    "â": "&acirc;",
+    "ã": "&atilde;",
+    "ä": "&auml;",
+    "å": "&aring;",
+    "æ": "&aelig;",
+    "ç": "&ccedil;",
+    "è": "&egrave;",
+    "é": "&eacute;",
+    "ê": "&ecirc;",
+    "ë": "&euml;",
+    "ì": "&igrave;",
+    "í": "&iacute;",
+    "î": "&icirc;",
+    "ï": "&iuml;",
+    "ð": "&eth;",
+    "ñ": "&ntilde;",
+    "ò": "&ograve;",
+    "ó": "&oacute;",
+    "ô": "&ocirc;",
+    "õ": "&otilde;",
+    "ö": "&ouml;",
+    "÷": "&divide;",
+    "ø": "&oslash;",
+    "ù": "&ugrave;",
+    "ú": "&uacute;",
+    "û": "&ucirc;",
+    "ü": "&uuml;",
+    "ý": "&yacute;",
+    "þ": "&thorn;",
+    "ÿ": "&yuml;",
+    "Œ": "&OElig;",
+    "œ": "&oelig;",
+    "Š": "&Scaron;",
+    "š": "&scaron;",
+    "Ÿ": "&Yuml;",
+    "ƒ": "&fnof;",
+    "ˆ": "&circ;",
+    "˜": "&tilde;",
+    "Α": "&Alpha;",
+    "Β": "&Beta;",
+    "Γ": "&Gamma;",
+    "Δ": "&Delta;",
+    "Ε": "&Epsilon;",
+    "Ζ": "&Zeta;",
+    "Η": "&Eta;",
+    "Θ": "&Theta;",
+    "Ι": "&Iota;",
+    "Κ": "&Kappa;",
+    "Λ": "&Lambda;",
+    "Μ": "&Mu;",
+    "Ν": "&Nu;",
+    "Ξ": "&Xi;",
+    "Ο": "&Omicron;",
+    "Π": "&Pi;",
+    "Ρ": "&Rho;",
+    "Σ": "&Sigma;",
+    "Τ": "&Tau;",
+    "Υ": "&Upsilon;",
+    "Φ": "&Phi;",
+    "Χ": "&Chi;",
+    "Ψ": "&Psi;",
+    "Ω": "&Omega;",
+    "α": "&alpha;",
+    "β": "&beta;",
+    "γ": "&gamma;",
+    "δ": "&delta;",
+    "ε": "&epsilon;",
+    "ζ": "&zeta;",
+    "η": "&eta;",
+    "θ": "&theta;",
+    "ι": "&iota;",
+    "κ": "&kappa;",
+    "λ": "&lambda;",
+    "μ": "&mu;",
+    "ν": "&nu;",
+    "ξ": "&xi;",
+    "ο": "&omicron;",
+    "π": "&pi;",
+    "ρ": "&rho;",
+    "ς": "&sigmaf;",
+    "σ": "&sigma;",
+    "τ": "&tau;",
+    "υ": "&upsilon;",
+    "φ": "&phi;",
+    "χ": "&chi;",
+    "ψ": "&psi;",
+    "ω": "&omega;",
+    "ϑ": "&thetasym;",
+    "ϒ": "&Upsih;",
+    "ϖ": "&piv;",
+    "–": "&ndash;",
+    "—": "&mdash;",
+    "‘": "&lsquo;",
+    "’": "&rsquo;",
+    "‚": "&sbquo;",
+    "“": "&ldquo;",
+    "”": "&rdquo;",
+    "„": "&bdquo;",
+    "†": "&dagger;",
+    "‡": "&Dagger;",
+    "•": "&bull;",
+    "…": "&hellip;",
+    "‰": "&permil;",
+    "′": "&prime;",
+    "″": "&Prime;",
+    "‹": "&lsaquo;",
+    "›": "&rsaquo;",
+    "‾": "&oline;",
+    "⁄": "&frasl;",
+    "€": "&euro;",
+    "ℑ": "&image;",
+    "℘": "&weierp;",
+    "ℜ": "&real;",
+    "™": "&trade;",
+    "ℵ": "&alefsym;",
+    "←": "&larr;",
+    "↑": "&uarr;",
+    "→": "&rarr;",
+    "↓": "&darr;",
+    "↔": "&harr;",
+    "↵": "&crarr;",
+    "⇐": "&lArr;",
+    "⇑": "&UArr;",
+    "⇒": "&rArr;",
+    "⇓": "&dArr;",
+    "⇔": "&hArr;",
+    "∀": "&forall;",
+    "∂": "&part;",
+    "∃": "&exist;",
+    "∅": "&empty;",
+    "∇": "&nabla;",
+    "∈": "&isin;",
+    "∉": "&notin;",
+    "∋": "&ni;",
+    "∏": "&prod;",
+    "∑": "&sum;",
+    "−": "&minus;",
+    "∗": "&lowast;",
+    "√": "&radic;",
+    "∝": "&prop;",
+    "∞": "&infin;",
+    "∠": "&ang;",
+    "∧": "&and;",
+    "∨": "&or;",
+    "∩": "&cap;",
+    "∪": "&cup;",
+    "∫": "&int;",
+    "∴": "&there4;",
+    "∼": "&sim;",
+    "≅": "&cong;",
+    "≈": "&asymp;",
+    "≠": "&ne;",
+    "≡": "&equiv;",
+    "≤": "&le;",
+    "≥": "&ge;",
+    "⊂": "&sub;",
+    "⊃": "&sup;",
+    "⊄": "&nsub;",
+    "⊆": "&sube;",
+    "⊇": "&supe;",
+    "⊕": "&oplus;",
+    "⊗": "&otimes;",
+    "⊥": "&perp;",
+    "⋅": "&sdot;",
+    "⌈": "&lceil;",
+    "⌉": "&rceil;",
+    "⌊": "&lfloor;",
+    "⌋": "&rfloor;",
+    "⟨": "&lang;",
+    "⟩": "&rang;",
+    "◊": "&loz;",
+    "♠": "&spades;",
+    "♣": "&clubs;",
+    "♥": "&hearts;",
+    "♦": "&diams;"
+};
+
+var html_decode = function html_decode(string) {
+    var entityMap = html_map;
+    for (var key in entityMap) {
+        var entity = entityMap[key];
+        var regex = new RegExp(entity, 'g');
+        string = string.replace(regex, key);
+    }
+    string = string.replace(/&quot;/g, '"');
+    string = string.replace(/&amp;/g, '&');
+    return string;
+};
+
+var clean_html = function clean_html(string) {
+    return striptags(html_decode(string));
+};
+var html_decode_1 = html_decode;
+var clean_html_1 = clean_html;
+
+var classCallCheck = function (instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+};
+
+var createClass = function () {
+  function defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  return function (Constructor, protoProps, staticProps) {
+    if (protoProps) defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) defineProperties(Constructor, staticProps);
+    return Constructor;
+  };
+}();
+
+var _extends = Object.assign || function (target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i];
+
+    for (var key in source) {
+      if (Object.prototype.hasOwnProperty.call(source, key)) {
+        target[key] = source[key];
+      }
+    }
+  }
+
+  return target;
+};
+
+var inherits = function (subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      enumerable: false,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+};
+
+var possibleConstructorReturn = function (self, call) {
+  if (!self) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return call && (typeof call === "object" || typeof call === "function") ? call : self;
+};
+
+var slicedToArray = function () {
+  function sliceIterator(arr, i) {
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
+
+    try {
+      for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+        _arr.push(_s.value);
+
+        if (i && _arr.length === i) break;
+      }
+    } catch (err) {
+      _d = true;
+      _e = err;
+    } finally {
+      try {
+        if (!_n && _i["return"]) _i["return"]();
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+
+    return _arr;
+  }
+
+  return function (arr, i) {
+    if (Array.isArray(arr)) {
+      return arr;
+    } else if (Symbol.iterator in Object(arr)) {
+      return sliceIterator(arr, i);
+    } else {
+      throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    }
+  };
+}();
+
+var toConsumableArray = function (arr) {
+  if (Array.isArray(arr)) {
+    for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+    return arr2;
+  } else {
+    return Array.from(arr);
+  }
+};
+
+var DeckContent = function (_React$Component) {
+  inherits(DeckContent, _React$Component);
+
+  function DeckContent() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    classCallCheck(this, DeckContent);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = DeckContent.__proto__ || Object.getPrototypeOf(DeckContent)).call.apply(_ref, [this].concat(args))), _this), _this.mapping = _this.props.mapping, _this.data = _this.props.dataRecord || [], _this.query = _this.props.query, _this.params = _this.props.params, _this.pointer = _this.props.pointer ? _this.props.pointer : false, _this.pointerArray = _this.props.pointerArray ? _this.props.pointerArray : false, _this.defaultImage = _this.props.defaultImage ? _this.props.defaultImage : '/placeholder.jpg', _this.state = {
+      data: _this.data,
+      dataKeptToCompareNewDatarecord: _this.data,
+      per: _this.params ? _this.params.to : 2,
+      page: _this.props.currentPage || 1,
+      from: _this.params ? _this.params.from : 0,
+      to: _this.params ? _this.params.to : 2,
+      total_pages: null,
+      scrolling: true,
+      query: _this.query,
+      currentPage: _this.props.currentPage || 1
+    }, _this.loadMore = debounce_1(function () {
+      _this.setState(function (state) {
+        var page = state.page,
+            from = state.from,
+            per = state.per,
+            to = state.to;
+
+        return {
+          page: page + 1,
+          from: from + per,
+          to: to + per
+        };
+      }, _this.loadData);
+    }, 0), _this.loadData = function () {
+      var _this$state = _this.state,
+          from = _this$state.from,
+          to = _this$state.to,
+          data = _this$state.data,
+          query = _this$state.query,
+          page = _this$state.page;
+      var client = _this.props.client;
+
+
+      var params = _extends({}, _this.params, { from: from, to: to
+        // const queryUpdated = query.replace('$from', params.from).replace('$to', params.to)
+        // const query = '*[_type == "article" && defined(title) && defined(thumbnail)][$from...$to] { title, summary, thumbnail { asset-> }, url }'
+      });client.fetch(query, params).then(function (dataArr) {
+        if (_this.pointer && _this.pointerArray) {
+          var pointer = _this.pointer;
+          dataArr = dataArr[_this.pointerArray][pointer];
+        }
+        dataArr = dataArr.map(function (item) {
+          return _extends({}, item, {
+            pageNumber: page
+          });
+        });
+
+        _this.setState(function () {
+          if (dataArr.length > 0) {
+            return {
+              data: [].concat(toConsumableArray(data), toConsumableArray(dataArr)),
+              scrolling: true
+            };
+          } else {
+            return {
+              scrolling: false
+            };
+          }
+        });
+      });
+    }, _this.urlFor = function (source) {
+      var client = _this.props.client;
+
+      var builder = imageUrlBuilder(client);
+      return builder.image(source).auto('format');
+    }, _this.renderCardImage = function (row, page) {
+      if (row.thumbnail && row.thumbnail.asset) {
+        var url = _this.urlFor(row.thumbnail);
+        if (_this.props.imageHeight) url = url.height(_this.props.imageHeight);
+        if (_this.props.imageWidth) url = url.width(_this.props.imageWidth);
+        return url.url();
+      } else {
+        return _this.defaultImage;
+      }
+    }, _this.changePageNumber = function (pageNumber) {
+      var _this$props = _this.props,
+          seoPaginate = _this$props.seoPaginate,
+          pageview = _this$props.pageview,
+          router = _this$props.router;
+      var currentPage = _this.state.currentPage;
+
+      if (seoPaginate) {
+        var path = router.asPath;
+        var qrIndex = path.indexOf('?');
+        var pathname = router.pathname;
+        var queryString = '';
+
+        if (qrIndex > 0) {
+          path = path.substring(1, qrIndex);
+
+          var partialQS = router.asPath.substring(qrIndex + 1);
+          var partialQSArr = partialQS.split('&');
+
+          // exclude page=xxx from query string
+          partialQSArr.map(function (item) {
+            var itemArr = item.split('=');
+            var key = itemArr[0];
+            var val = itemArr[1];
+
+            if (key !== 'page') {
+              queryString += (queryString.length === 0 ? '' : '&') + key + '=' + val;
+            }
+          });
+        }
+
+        if (queryString.length > 0) {
+          path += '?' + queryString;
+        }
+
+        pageNumber = parseInt(pageNumber);
+
+        if (currentPage !== pageNumber) {
+          lib_3.refresh();
+          if (pageview) {
+            _this.setState({
+              currentPage: pageNumber
+            }, function () {
+              if (path[0] !== '/') {
+                path = '/' + path;
+              }
+
+              var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
+
+              // please leave this for later debug purpose : Yong Jun.
+              /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
+              }) */
+
+              pageview(newPath);
+
+              router.push(pathname, newPath, {
+                shallow: true
+              });
+            });
+          }
+        }
+      }
+    }, _this.renderAuthor = function (authorDetail, index$$1, length) {
+      if (authorDetail) {
+        var _id = authorDetail._id,
+            displayName = authorDetail.displayName,
+            url = authorDetail.url;
+
+        if (displayName && url && url.current) {
+          return React__default.createElement(
+            'div',
+            { key: _id },
+            index$$1 === 0 && React__default.createElement(
+              'span',
+              { className: 'pr-1' },
+              'By'
+            ),
+            React__default.createElement(
+              Link,
+              { href: '/authors/[url]', as: '/authors/' + url.current },
+              React__default.createElement(
+                'a',
+                { className: 'text-muted' },
+                displayName,
+                length !== index$$1 + 1 && React__default.createElement('br', null)
+              )
+            )
+          );
+        } else if (displayName) {
+          return React__default.createElement(
+            'div',
+            { key: _id },
+            index$$1 === 0 && React__default.createElement(
+              'span',
+              { className: 'pr-1' },
+              'By'
+            ),
+            React__default.createElement(
+              'span',
+              { className: 'text-muted' },
+              displayName,
+              length !== index$$1 + 1 && React__default.createElement('br', null)
+            )
+          );
+        }
+      } else return null;
+    }, _this.cardLoader = function (page, columns, variant) {
+      var mode = variant && variant === 'bottom' ? 'column-reverse' : 'column';
+
+      var itemCounter = 0;
+      var lgVar = 12;
+      var numberOfItemsBeforeAd = 6;
+      return React__default.createElement(
+        Row,
+        null,
+        _this.state.data && _this.state.data.map(function (row, index$$1) {
+          if (columns === 'rotate' && itemCounter % 3 === 0) {
+            lgVar = 12;
+          } else if (columns && columns !== 'rotate') {
+            lgVar = Math.floor(12 / columns);
+          } else {
+            lgVar = 6;
+          }
+
+          var pageNumber = row.pageNumber || _this.state.page;
+          var contentCategoryName = row.contentCategory && row.contentCategory.name && _this.mapping[row.contentCategory.name] ? row.contentCategory.name : 'Articles';
+          return React__default.createElement(
+            React__default.Fragment,
+            { key: itemCounter },
+            React__default.createElement(
+              VisibilitySensor,
+              {
+                onChange: function onChange(isVisible) {
+                  isVisible && _this.changePageNumber(pageNumber);
+                } },
+              React__default.createElement(
+                Col,
+                { md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
+                React__default.createElement(
+                  Card,
+                  { className: 'content-card', style: { flexDirection: mode } },
+                  (row.thumbnail && row.thumbnail.asset || _this.props.defaultImage) && React__default.createElement(
+                    Link,
+                    { href: _this.mapping[contentCategoryName] + '/[url]', as: _this.mapping[contentCategoryName] + '/' + row.url.current },
+                    React__default.createElement(
+                      'a',
+                      null,
+                      React__default.createElement(
+                        LazyLoad,
+                        { height: _this.props.imageHeight },
+                        React__default.createElement(Card.Img, {
+                          variant: 'top',
+                          src: _this.renderCardImage(row, page),
+                          alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
+                        })
+                      )
+                    )
+                  ),
+                  React__default.createElement(
+                    Card.Body,
+                    null,
+                    React__default.createElement(
+                      Link,
+                      { href: _this.mapping[contentCategoryName] + '/[url]', as: _this.mapping[contentCategoryName] + '/' + row.url.current },
+                      React__default.createElement(
+                        'a',
+                        null,
+                        React__default.createElement(
+                          Card.Title,
+                          null,
+                          row.title
+                        )
+                      )
+                    ),
+                    _this.props.showPublished && row.published && React__default.createElement(
+                      Card.Subtitle,
+                      null,
+                      moment(row.published).format('MMMM DD, YYYY')
+                    ),
+                    _this.props.showAuthor && row.authorMapping && row.authorMapping.length > 0 && row.authorMapping.map(function (authorDetail, index$$1) {
+                      return _this.renderAuthor(authorDetail, index$$1, row.authorMapping.length);
+                    }),
+                    React__default.createElement(
+                      Card.Text,
+                      null,
+                      clean_html_1(row.summary)
+                    )
+                  )
+                )
+              )
+            ),
+            main_36 && _this.props.rightItems && (index$$1 + 1) % numberOfItemsBeforeAd === 0 && _this.renderMobileAd(index$$1, numberOfItemsBeforeAd)
+          );
+        })
+      );
+    }, _this.renderMobileAd = function (index$$1, numberOfItemsBeforeAd) {
+      var rightItems = _this.props.rightItems;
+
+      var i = ((index$$1 + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
+      return React__default.createElement(
+        Col,
+        { md: 12, style: { display: 'flex', flex: '1 0 auto' } },
+        rightItems[i].component
+      );
+    }, _this.renderManualPagination = function () {
+      var currentPage = _this.state.currentPage;
+
+      return React__default.createElement(
+        'div',
+        { className: 'd-flex justify-content-between' },
+        currentPage && currentPage > 1 && React__default.createElement(
+          'a',
+          { href: '?page=' + (currentPage - 1) },
+          '<< Previous'
+        ),
+        React__default.createElement(
+          'a',
+          { href: '?page=' + (currentPage + 1) },
+          'Next >>'
+        )
+      );
+    }, _temp), possibleConstructorReturn(_this, _ret);
+  }
+
+  createClass(DeckContent, [{
+    key: 'componentDidUpdate',
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (this.state.dataKeptToCompareNewDatarecord !== this.props.dataRecord) {
+        // eslint-disable-next-line react/no-did-update-set-state
+        this.setState({
+          data: this.props.dataRecord,
+          dataKeptToCompareNewDatarecord: this.props.dataRecord,
+          per: this.props.params ? this.props.params.to : 2,
+          page: 1,
+          from: this.props.params ? this.props.params.from : 0,
+          to: this.props.params ? this.props.params.to : 2,
+          total_pages: null,
+          scrolling: true,
+          query: this.props.query
+        });
+      }
+    }
+  }, {
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      // this.loadData();
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _props = this.props,
+          columns = _props.columns,
+          variant = _props.variant,
+          autoScroll = _props.autoScroll,
+          page = _props.page;
+
+
+      return React__default.createElement(
+        'div',
+        { className: 'contentDeck' },
+        autoScroll ? React__default.createElement(
+          React__default.Fragment,
+          null,
+          React__default.createElement(
+            InfiniteScroll,
+            { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
+            React__default.createElement(
+              Container,
+              null,
+              this.cardLoader(page, columns, variant)
+            )
+          ),
+          React__default.createElement(
+            'noscript',
+            null,
+            this.renderManualPagination()
+          )
+        ) : React__default.createElement(
+          React__default.Fragment,
+          null,
+          React__default.createElement(
+            Container,
+            null,
+            this.cardLoader(page, columns, variant)
+          ),
+          React__default.createElement(
+            'div',
+            { style: { padding: '0px 10px' } },
+            this.state.scrolling ? React__default.createElement(
+              'button',
+              {
+                style: { margin: 'auto', width: '100%' },
+                onClick: function onClick(e) {
+                  _this2.loadMore();
+                } },
+              'Load More'
+            ) : React__default.createElement(
+              'p',
+              { style: { textAlign: 'center' } },
+              React__default.createElement(
+                'b',
+                null,
+                'End of data'
+              )
+            )
+          ),
+          React__default.createElement(
+            'noscript',
+            null,
+            this.renderManualPagination()
+          )
+        )
+      );
+    }
+  }]);
+  return DeckContent;
+}(React__default.Component);
+
+var ContentCard = withRouter(DeckContent);
 
 /**
  * Checks if `value` is classified as an `Array` object.
@@ -11553,7 +12049,7 @@ var GridContent = function (_React$Component) {
                       React__default.createElement(
                         Card.Text,
                         null,
-                        row.summary
+                        clean_html_1(row.summary)
                       )
                     )
                   )
@@ -11623,7 +12119,7 @@ var GridContent = function (_React$Component) {
                         React__default.createElement(
                           Card.Text,
                           { className: index$$1 === 0 || index$$1 % 4 === 0 ? '' : 'card-subtext' },
-                          row.summary
+                          clean_html_1(row.summary)
                         )
                       )
                     )
@@ -11692,7 +12188,7 @@ var GridContent = function (_React$Component) {
                         React__default.createElement(
                           Card.Text,
                           { className: index$$1 === 0 || index$$1 % 4 === 0 ? '' : 'card-subtext' },
-                          row.summary
+                          clean_html_1(row.summary)
                         )
                       )
                     )
@@ -11762,7 +12258,7 @@ var GridContent = function (_React$Component) {
                     React__default.createElement(
                       Card.Text,
                       { className: index$$1 === 0 || index$$1 % 4 === 0 ? '' : 'card-subtext' },
-                      row.summary
+                      clean_html_1(row.summary)
                     )
                   )
                 )
@@ -12099,7 +12595,7 @@ var DeckQueue = function (_React$Component) {
                           React__default.createElement(
                             Link,
                             { href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
-                            row.summary
+                            clean_html_1(row.summary)
                           )
                         )
                       )
@@ -12214,7 +12710,7 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
           React__default.createElement(
             'p',
             null,
-            item.summary
+            clean_html_1(item.summary)
           )
         )
       );
@@ -12314,7 +12810,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
                     React__default.createElement(
                       Card.Text,
                       null,
-                      row.summary
+                      clean_html_1(row.summary)
                     )
                   )
                 ),
@@ -12917,7 +13413,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     article.summary && React__default.createElement(
                       'p',
                       { className: 'pt-2 card-text' },
-                      article.summary
+                      clean_html_1(article.summary)
                     )
                   )
                 )
@@ -12998,7 +13494,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     article.summary && React__default.createElement(
                       'p',
                       { className: 'pt-2 card-text' },
-                      article.summary
+                      clean_html_1(article.summary)
                     )
                   )
                 )
@@ -13080,7 +13576,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 article.summary && React__default.createElement(
                   'p',
                   { className: 'pt-2 card-text' },
-                  article.summary
+                  clean_html_1(article.summary)
                 )
               )
             )
@@ -27635,792 +28131,533 @@ var ReactPlayer = /*#__PURE__*/function (_Component) {
         light: light,
         playIcon: playIcon,
         onClick: this.handleClickPreview
-      });
-
-      return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
-        ref: this.wrapperRef,
-        style: _objectSpread({}, style, {
-          width: width,
-          height: height
-        })
-      }, otherProps), showPreview ? preview : players$$1);
-    }
-  }]);
-
-  return ReactPlayer;
-}(_react.Component);
-
-exports["default"] = ReactPlayer;
-
-_defineProperty(ReactPlayer, "addCustomPlayer", function (player) {
-  customPlayers.push(player);
-});
-
-_defineProperty(ReactPlayer, "removeCustomPlayers", function () {
-  customPlayers = [];
-});
-
-_defineProperty(ReactPlayer, "displayName", 'ReactPlayer');
-
-_defineProperty(ReactPlayer, "propTypes", props.propTypes);
-
-_defineProperty(ReactPlayer, "defaultProps", props.defaultProps);
-
-_defineProperty(ReactPlayer, "canPlay", function (url) {
-  for (var _i2 = 0, _arr2 = [].concat(_toConsumableArray(customPlayers), _toConsumableArray(_players["default"])); _i2 < _arr2.length; _i2++) {
-    var _Player2 = _arr2[_i2];
-
-    if (_Player2.canPlay(url)) {
-      return true;
-    }
-  }
-
-  return false;
-});
-
-_defineProperty(ReactPlayer, "canEnablePIP", function (url) {
-  for (var _i3 = 0, _arr3 = [].concat(_toConsumableArray(customPlayers), _toConsumableArray(_players["default"])); _i3 < _arr3.length; _i3++) {
-    var _Player3 = _arr3[_i3];
-
-    if (_Player3.canEnablePIP && _Player3.canEnablePIP(url)) {
-      return true;
-    }
-  }
-
-  return false;
-});
-});
-
-var ReactPlayer = unwrapExports(ReactPlayer_1);
-
-var Audio = function Audio(_ref) {
-  var node = _ref.node;
-
-  if (node.uploadAudio) {
-    return React__default.createElement(
-      'div',
-      { className: 'audio d-block text-center mb-3' },
-      React__default.createElement(
-        'audio',
-        { controls: true, controlsList: 'nodownload', className: 'audio' },
-        React__default.createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/ogg' }),
-        React__default.createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/mpeg' }),
-        'Your browser does not support the audio element.'
-      )
-    );
-  } else if (node.audioFilePth) {
-    var hostname = new URL(node.audioFilePth).hostname;
-    if (hostname === 'embeds.audioboom.com') {
-      return React__default.createElement('iframe', { src: node.audioFilePth, width: '100%', height: '300', className: 'audio', style: { border: 'none' } });
-    }
-    return React__default.createElement(
-      'div',
-      { className: 'audio' },
-      React__default.createElement(ReactPlayer, { url: node.audioFilePth, controls: true, width: '100%', height: '100%' })
-    );
-  }
-
-  return null;
-};
-
-var YouTubeGallery = function YouTubeGallery(_ref) {
-  var nodes = _ref.nodes,
-      client = _ref.client;
-
-  var router = useRouter();
-  //state
-
-  var _useState = useState(''),
-      _useState2 = slicedToArray(_useState, 2),
-      vidUrl = _useState2[0],
-      setVidUrl = _useState2[1];
-
-  var _useState3 = useState(''),
-      _useState4 = slicedToArray(_useState3, 2),
-      series = _useState4[0],
-      setSeries = _useState4[1];
-
-  var _useState5 = useState([]),
-      _useState6 = slicedToArray(_useState5, 2),
-      seriesData = _useState6[0],
-      setData = _useState6[1];
-  //variables
-
-
-  var get2 = router && router.asPath ? router.asPath.split('/')[1] : '';
-  var get3 = router && router.asPath ? router.asPath.split('/')[2].split('?')[0] : '';
-
-  // Once component mounts, set the variables
-  useEffect(function () {
-    var params = new URL(document.location).searchParams;
-    var seriesVid = params.get('seriesVid') || 1;
-    var data = [];
-    nodes.videos.forEach(function (vid) {
-      data.push({ title: vid.title, thumbnail: 'http://img.youtube.com/vi/' + getYoutubeId(vid.url) + '/hqdefault.jpg', url: vid.url });
-    });
-    // if series number doesn't exist, route back to first vid of series
-    if (data.length < seriesVid) {
-      setSeries(1);
-      setVidUrl(nodes.videos[0].url);
-      var newPath = '/' + get2 + '/' + get3 + '?seriesVid=1';
-      var vidState = { vid_id: seriesVid };
-      window.history.pushState(vidState, '', newPath);
-    } else {
-      setSeries(seriesVid);
-      setVidUrl(nodes.videos[seriesVid - 1].url);
-    }
-    setData(data);
-  }, []);
-
-  function toggleSeries() {
-    var series = document.querySelector('.vid-series');
-    if (series.classList.contains('active')) {
-      series.style.bottom = '-100%';
-    } else {
-      series.style.bottom = '6px';
-    }
-    series.classList.toggle('active');
-  }
-  // This function is passed to the GroupDeck to change the youtube iframe src
-  function setState(url, vidIndex) {
-    setVidUrl(url);
-    toggleSeries();
-    lib_3.refresh();
-    var newPath = '/' + get2 + '/' + get3 + ('?seriesVid=' + vidIndex);
-    var vidState = { vid_id: vidIndex };
-    window.history.pushState(vidState, '', newPath);
-    setSeries(vidIndex);
-  }
-
-  // Handle video end
-  function handleOnEnd(e) {
-    var currentVid = void 0;
-    var nextVid = void 0;
-    //Find index of video currently playing
-    seriesData.forEach(function (vid, index$$1) {
-      if (vid.url === vidUrl) {
-        currentVid = index$$1;
-      }
-    });
-    //increment +1, or if at the end of the series list, go back to the beginning
-    if (currentVid + 1 >= seriesData.length) {
-      nextVid = 0;
-    } else {
-      nextVid = currentVid + 1;
-    }
-    // set the new Video URL
-    setState(nodes.videos[nextVid].url, nextVid + 1);
-    var newPath = '/' + get2 + '/' + get3 + ('?seriesVid=' + (nextVid + 1));
-    var vidState = { vid_id: nextVid + 1 };
-    var title = '';
-    window.history.pushState(vidState, title, newPath);
-
-    //Small pause before starting next video
-    setTimeout(function () {
-      //Youtube API to start video playing automatically
-      var id = getYoutubeId(nodes.videos['' + nextVid].url);
-      e.target.loadVideoById(id);
-      toggleSeries();
-    }, 1000);
-  }
-  // Youtube Options
-  var opts = {
-    width: '100%',
-    playerVars: {
-      rel: 0
+      });
+
+      return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
+        ref: this.wrapperRef,
+        style: _objectSpread({}, style, {
+          width: width,
+          height: height
+        })
+      }, otherProps), showPreview ? preview : players$$1);
     }
-  };
+  }]);
 
-  return React__default.createElement(
-    'div',
-    { className: 'video-container', style: { marginBottom: '2rem' } },
-    React__default.createElement(
-      'div',
-      { className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
-      vidUrl && React__default.createElement(YouTube, { videoId: getYoutubeId(vidUrl), opts: opts, onEnd: function onEnd(e) {
-          return handleOnEnd(e);
-        } }),
-      React__default.createElement(
-        'div',
-        {
-          className: 'vid-series',
-          style: {
-            position: 'absolute',
-            width: '100%',
-            height: '250px',
-            background: 'linear-gradient(to bottom, transparent,black)',
-            bottom: '-100%',
-            transition: 'all .5s ease',
-            padding: '0 1rem',
-            left: '0'
-          } },
-        vidUrl && React__default.createElement(GroupDeck, { dark: true, dataset: seriesData, setState: setState, seriesVid: series, current: vidUrl })
-      )
-    ),
-    React__default.createElement(
-      'div',
-      { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } },
-      React__default.createElement(
-        'button',
-        {
-          'aria-label': 'Toggles video series',
-          id: 'vid-series-btn',
-          onClick: toggleSeries,
-          className: 'btn btn-block btn-lg ',
-          style: { borderRadius: '0', background: 'rgb(241,185,63)', color: 'white' } },
-        'View Series'
-      )
-    ),
-    React__default.createElement(
-      'div',
-      { className: 'my-5' },
-      series && React__default.createElement(
-        'h3',
-        null,
-        'Episode ',
-        series
-      ),
-      nodes.videos[series - 1] && React__default.createElement(
-        'h2',
-        { className: 'mb-3' },
-        nodes.videos[series - 1].title
-      ),
-      nodes.videos[series - 1] && React__default.createElement(BlockContent, _extends({ serializers: getSerializers$1(client), blocks: nodes.videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
-    ),
-    React__default.createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        .vid-series .video-detail iframe {\n          height: 415px !important;\n        }\n        span.btn {\n          margin: 0 1rem;\n        }\n      '
-    )
-  );
-};
+  return ReactPlayer;
+}(_react.Component);
 
-var Poll = function Poll(_ref) {
-  var node = _ref.node,
-      client = _ref.client,
-      pageview = _ref.pageview,
-      videoAccountIDs = _ref.videoAccountIDs,
-      onVote = _ref.onVote,
-      _ref$showVotes = _ref.showVotes,
-      showVotes = _ref$showVotes === undefined ? false : _ref$showVotes;
+exports["default"] = ReactPlayer;
 
-  var _useState = useState(null),
-      _useState2 = slicedToArray(_useState, 2),
-      selectedChoice = _useState2[0],
-      setSelectedChoice = _useState2[1];
+_defineProperty(ReactPlayer, "addCustomPlayer", function (player) {
+  customPlayers.push(player);
+});
 
-  var _useState3 = useState(showVotes),
-      _useState4 = slicedToArray(_useState3, 2),
-      showAnswer = _useState4[0],
-      setShowAnswer = _useState4[1];
+_defineProperty(ReactPlayer, "removeCustomPlayers", function () {
+  customPlayers = [];
+});
 
-  var choices = node.choices,
-      question = node.question,
-      response = node.response;
+_defineProperty(ReactPlayer, "displayName", 'ReactPlayer');
 
+_defineProperty(ReactPlayer, "propTypes", props.propTypes);
 
-  var onSubmitPoll = function onSubmitPoll(e, setShowAnswer) {
-    e.preventDefault();
-    onVote(node._key, selectedChoice);
-    setShowAnswer(true);
-  };
+_defineProperty(ReactPlayer, "defaultProps", props.defaultProps);
 
-  var choicesTotalCount = choices && choices.reduce(function (acc, choice) {
-    acc = acc + parseInt(choice.choiceCount);
-    return acc;
-  }, 0);
-  return React__default.createElement(
-    React__default.Fragment,
-    null,
-    question && React__default.createElement(
-      'p',
-      { className: 'font-weight-bold' },
-      question
-    ),
-    !showAnswer && choices && choices.length > 0 && React__default.createElement(
-      'form',
-      { onSubmit: function onSubmit(e) {
-          return onSubmitPoll(e, setShowAnswer);
-        } },
-      choices && choices.map(function (choice) {
-        return React__default.createElement(
-          'div',
-          { key: choice._key },
-          React__default.createElement('input', { type: 'radio', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
-              return setSelectedChoice(e.target.value);
-            } }),
-          React__default.createElement(
-            'label',
-            { className: 'pl-2' },
-            choice.choiceText
-          )
-        );
-      }),
+_defineProperty(ReactPlayer, "canPlay", function (url) {
+  for (var _i2 = 0, _arr2 = [].concat(_toConsumableArray(customPlayers), _toConsumableArray(_players["default"])); _i2 < _arr2.length; _i2++) {
+    var _Player2 = _arr2[_i2];
+
+    if (_Player2.canPlay(url)) {
+      return true;
+    }
+  }
+
+  return false;
+});
+
+_defineProperty(ReactPlayer, "canEnablePIP", function (url) {
+  for (var _i3 = 0, _arr3 = [].concat(_toConsumableArray(customPlayers), _toConsumableArray(_players["default"])); _i3 < _arr3.length; _i3++) {
+    var _Player3 = _arr3[_i3];
+
+    if (_Player3.canEnablePIP && _Player3.canEnablePIP(url)) {
+      return true;
+    }
+  }
+
+  return false;
+});
+});
+
+var ReactPlayer = unwrapExports(ReactPlayer_1);
+
+var Audio = function Audio(_ref) {
+  var node = _ref.node;
+
+  if (node.uploadAudio) {
+    return React__default.createElement(
+      'div',
+      { className: 'audio d-block text-center mb-3' },
       React__default.createElement(
-        Button$1,
-        { disabled: !selectedChoice, type: 'submit' },
-        'Vote'
+        'audio',
+        { controls: true, controlsList: 'nodownload', className: 'audio' },
+        React__default.createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/ogg' }),
+        React__default.createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/mpeg' }),
+        'Your browser does not support the audio element.'
       )
-    ),
-    React__default.createElement(
+    );
+  } else if (node.audioFilePth) {
+    var hostname = new URL(node.audioFilePth).hostname;
+    if (hostname === 'embeds.audioboom.com') {
+      return React__default.createElement('iframe', { src: node.audioFilePth, width: '100%', height: '300', className: 'audio', style: { border: 'none' } });
+    }
+    return React__default.createElement(
       'div',
-      { className: 'progress-container' },
-      showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
-        var percentage = choicesTotalCount && choicesTotalCount > 0 ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0;
-        return React__default.createElement(
-          'div',
-          { key: choice._key, className: 'mb-3' },
-          React__default.createElement(
-            'span',
-            null,
-            choice.choiceText
-          ),
-          React__default.createElement(ProgressBar, { now: percentage }),
-          React__default.createElement(
-            'span',
-            { className: 'float-right' },
-            percentage,
-            '% (',
-            choice.choiceCount,
-            ' Votes)'
-          )
-        );
-      })
-    ),
-    showAnswer && React__default.createElement(
-      'h4',
-      { className: 'text-center small p-3' },
-      'Total Votes: ',
-      choicesTotalCount
-    ),
-    showAnswer && response && React__default.createElement(BlockContent, { blocks: response, serializers: getSerializers$1(client, pageview, videoAccountIDs) }),
-    React__default.createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        .progress-bar {\n          color: #fff;\n        }\n      '
-    )
-  );
-};
+      { className: 'audio' },
+      React__default.createElement(ReactPlayer, { url: node.audioFilePth, controls: true, width: '100%', height: '100%' })
+    );
+  }
 
-var numberOfPaginations = main_35 ? 4 : 10;
+  return null;
+};
 
-var Quiz = function Quiz(_ref) {
-  var quizzes = _ref.quizzes,
-      serializerArguments = _ref.serializerArguments;
+var YouTubeGallery = function YouTubeGallery(_ref) {
+  var nodes = _ref.nodes,
+      client = _ref.client;
 
-  var pageCount = quizzes.length;
+  var router = useRouter();
+  //state
 
-  var _useState = useState(1),
+  var _useState = useState(''),
       _useState2 = slicedToArray(_useState, 2),
-      currentPage = _useState2[0],
-      setCurrentPage = _useState2[1];
+      vidUrl = _useState2[0],
+      setVidUrl = _useState2[1];
 
-  var _useState3 = useState(false),
+  var _useState3 = useState(''),
       _useState4 = slicedToArray(_useState3, 2),
-      showAnswer = _useState4[0],
-      setShowAnswer = _useState4[1];
+      series = _useState4[0],
+      setSeries = _useState4[1];
 
-  var _useState5 = useState(0),
+  var _useState5 = useState([]),
       _useState6 = slicedToArray(_useState5, 2),
-      startIndex = _useState6[0],
-      setStartIndex = _useState6[1];
+      seriesData = _useState6[0],
+      setData = _useState6[1];
+  //variables
 
-  var _useState7 = useState(numberOfPaginations - 1),
-      _useState8 = slicedToArray(_useState7, 2),
-      endIndex = _useState8[0],
-      setEndIndex = _useState8[1];
 
-  var _useState9 = useState([]),
-      _useState10 = slicedToArray(_useState9, 2),
-      pages = _useState10[0],
-      setPages = _useState10[1];
+  var get2 = router && router.asPath ? router.asPath.split('/')[1] : '';
+  var get3 = router && router.asPath ? router.asPath.split('/')[2].split('?')[0] : '';
 
+  // Once component mounts, set the variables
   useEffect(function () {
-    var totalPages = Array.from({ length: pageCount }, function (v, k) {
-      return k + 1;
+    var params = new URL(document.location).searchParams;
+    var seriesVid = params.get('seriesVid') || 1;
+    var data = [];
+    nodes.videos.forEach(function (vid) {
+      data.push({ title: vid.title, thumbnail: 'http://img.youtube.com/vi/' + getYoutubeId(vid.url) + '/hqdefault.jpg', url: vid.url });
     });
-    var filteredPages = totalPages.slice(startIndex, endIndex + 1);
-    setPages(filteredPages);
-  }, [startIndex, endIndex, pageCount]);
-
-  var validateIndex = function validateIndex(index) {
-    return index >= 0 && index <= pageCount - 1;
-  };
+    // if series number doesn't exist, route back to first vid of series
+    if (data.length < seriesVid) {
+      setSeries(1);
+      setVidUrl(nodes.videos[0].url);
+      var newPath = '/' + get2 + '/' + get3 + '?seriesVid=1';
+      var vidState = { vid_id: seriesVid };
+      window.history.pushState(vidState, '', newPath);
+    } else {
+      setSeries(seriesVid);
+      setVidUrl(nodes.videos[seriesVid - 1].url);
+    }
+    setData(data);
+  }, []);
 
-  var changePage = function changePage(control) {
-    setShowAnswer(false);
-    switch (control) {
-      case 'first':
-        setCurrentPage(1);
-        setStartIndex(0);
-        setEndIndex(numberOfPaginations - 1);
-        break;
-      case 'last':
-        setCurrentPage(pageCount);
-        setStartIndex(pageCount - pageCount % numberOfPaginations);
-        setEndIndex(pageCount - pageCount % numberOfPaginations + numberOfPaginations - 1);
-        break;
-      case 'next':
-        setCurrentPage(currentPage + 1);
-        if (currentPage % numberOfPaginations === 0) {
-          setStartIndex(startIndex + numberOfPaginations);
-          setEndIndex(endIndex + numberOfPaginations);
-        }
-        break;
-      case 'prev':
-        setCurrentPage(currentPage - 1);
-        if (currentPage % numberOfPaginations === 1) {
-          setStartIndex(startIndex - numberOfPaginations);
-          setEndIndex(endIndex - numberOfPaginations);
-        }
-        break;
-      default:
-        setCurrentPage(control);
+  function toggleSeries() {
+    var series = document.querySelector('.vid-series');
+    if (series.classList.contains('active')) {
+      series.style.bottom = '-100%';
+    } else {
+      series.style.bottom = '6px';
     }
-  };
+    series.classList.toggle('active');
+  }
+  // This function is passed to the GroupDeck to change the youtube iframe src
+  function setState(url, vidIndex) {
+    setVidUrl(url);
+    toggleSeries();
+    lib_3.refresh();
+    var newPath = '/' + get2 + '/' + get3 + ('?seriesVid=' + vidIndex);
+    var vidState = { vid_id: vidIndex };
+    window.history.pushState(vidState, '', newPath);
+    setSeries(vidIndex);
+  }
 
-  var renderNewPages = function renderNewPages(section) {
-    if (section === 'prev') {
-      setStartIndex(startIndex - numberOfPaginations);
-      setEndIndex(endIndex - numberOfPaginations);
-    } else if (section === 'next') {
-      setStartIndex(startIndex + numberOfPaginations);
-      setEndIndex(endIndex + numberOfPaginations);
+  // Handle video end
+  function handleOnEnd(e) {
+    var currentVid = void 0;
+    var nextVid = void 0;
+    //Find index of video currently playing
+    seriesData.forEach(function (vid, index$$1) {
+      if (vid.url === vidUrl) {
+        currentVid = index$$1;
+      }
+    });
+    //increment +1, or if at the end of the series list, go back to the beginning
+    if (currentVid + 1 >= seriesData.length) {
+      nextVid = 0;
+    } else {
+      nextVid = currentVid + 1;
     }
-  };
+    // set the new Video URL
+    setState(nodes.videos[nextVid].url, nextVid + 1);
+    var newPath = '/' + get2 + '/' + get3 + ('?seriesVid=' + (nextVid + 1));
+    var vidState = { vid_id: nextVid + 1 };
+    var title = '';
+    window.history.pushState(vidState, title, newPath);
 
-  var renderPagination = function renderPagination() {
-    return React__default.createElement(
-      Pagination,
-      { className: 'p-0 m-0', size: main_35 && 'sm' },
-      React__default.createElement(Pagination.First, { onClick: function onClick() {
-          return changePage('first');
-        }, disabled: currentPage === 1 }),
-      React__default.createElement(Pagination.Prev, { onClick: function onClick() {
-          return changePage('prev');
-        }, disabled: currentPage === 1 }),
-      React__default.createElement(Pagination.Ellipsis, { onClick: function onClick() {
-          return renderNewPages('prev');
-        }, disabled: !validateIndex(startIndex - numberOfPaginations) }),
-      pages.map(function (page) {
-        return React__default.createElement(
-          Pagination.Item,
-          { key: page, active: page === currentPage, onClick: function onClick() {
-              return changePage(page);
-            } },
-          page
-        );
-      }),
-      React__default.createElement(Pagination.Ellipsis, { onClick: function onClick() {
-          return renderNewPages('next');
-        }, disabled: !validateIndex(startIndex + numberOfPaginations) }),
-      React__default.createElement(Pagination.Next, { onClick: function onClick() {
-          return changePage('next');
-        }, disabled: currentPage === pageCount }),
-      React__default.createElement(Pagination.Last, { onClick: function onClick() {
-          return changePage('last');
-        }, disabled: currentPage === pageCount })
-    );
+    //Small pause before starting next video
+    setTimeout(function () {
+      //Youtube API to start video playing automatically
+      var id = getYoutubeId(nodes.videos['' + nextVid].url);
+      e.target.loadVideoById(id);
+      toggleSeries();
+    }, 1000);
+  }
+  // Youtube Options
+  var opts = {
+    width: '100%',
+    playerVars: {
+      rel: 0
+    }
   };
 
   return React__default.createElement(
-    React__default.Fragment,
-    null,
-    quizzes[currentPage - 1] && React__default.createElement(BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers$1(serializerArguments) }),
-    !showAnswer && React__default.createElement(
-      Button,
-      { onClick: function onClick() {
-          return setShowAnswer(true);
-        }, variant: 'info', block: true },
-      'Please click here for answer'
+    'div',
+    { className: 'video-container', style: { marginBottom: '2rem' } },
+    React__default.createElement(
+      'div',
+      { className: 'video-block', style: { position: 'relative', overflow: 'hidden' } },
+      vidUrl && React__default.createElement(YouTube, { videoId: getYoutubeId(vidUrl), opts: opts, onEnd: function onEnd(e) {
+          return handleOnEnd(e);
+        } }),
+      React__default.createElement(
+        'div',
+        {
+          className: 'vid-series',
+          style: {
+            position: 'absolute',
+            width: '100%',
+            height: '250px',
+            background: 'linear-gradient(to bottom, transparent,black)',
+            bottom: '-100%',
+            transition: 'all .5s ease',
+            padding: '0 1rem',
+            left: '0'
+          } },
+        vidUrl && React__default.createElement(GroupDeck, { dark: true, dataset: seriesData, setState: setState, seriesVid: series, current: vidUrl })
+      )
     ),
-    quizzes[currentPage - 1] && showAnswer && React__default.createElement(
-      React__default.Fragment,
-      null,
+    React__default.createElement(
+      'div',
+      { className: 'vid-controls', style: { width: '100%', background: 'transparent', display: 'flex', justifyContent: 'center' } },
       React__default.createElement(
-        'h4',
+        'button',
+        {
+          'aria-label': 'Toggles video series',
+          id: 'vid-series-btn',
+          onClick: toggleSeries,
+          className: 'btn btn-block btn-lg ',
+          style: { borderRadius: '0', background: 'rgb(241,185,63)', color: 'white' } },
+        'View Series'
+      )
+    ),
+    React__default.createElement(
+      'div',
+      { className: 'my-5' },
+      series && React__default.createElement(
+        'h3',
         null,
-        'Answer:'
+        'Episode ',
+        series
       ),
-      React__default.createElement(BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers$1(serializerArguments) })
+      nodes.videos[series - 1] && React__default.createElement(
+        'h2',
+        { className: 'mb-3' },
+        nodes.videos[series - 1].title
+      ),
+      nodes.videos[series - 1] && React__default.createElement(BlockContent, _extends({ serializers: getSerializers$1(client), blocks: nodes.videos[series - 1].text, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
     ),
-    React__default.createElement('br', null),
-    pageCount > 1 && React__default.createElement(
-      'div',
-      { className: 'd-flex justify-content-center' },
-      renderPagination()
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .vid-series .video-detail iframe {\n          height: 415px !important;\n        }\n        span.btn {\n          margin: 0 1rem;\n        }\n      '
     )
   );
 };
 
-var Leads = function Leads(_ref) {
-  var url = _ref.url;
-
-  return React__default.createElement(
-    'div',
-    { className: 'd-block text-center mb-3' },
-    url && React__default.createElement('iframe', { className: 'w-100 h-100 leads-block', scrolling: 'no', src: url, frameBorder: '0', allow: 'fullscreen' })
-  );
-};
+var Poll = function Poll(_ref) {
+  var node = _ref.node,
+      client = _ref.client,
+      pageview = _ref.pageview,
+      videoAccountIDs = _ref.videoAccountIDs,
+      onVote = _ref.onVote,
+      _ref$showVotes = _ref.showVotes,
+      showVotes = _ref$showVotes === undefined ? false : _ref$showVotes;
 
-var html_map = {
-    "'": "&apos;",
-    "<": "&lt;",
-    ">": "&gt;",
-    " ": "&nbsp;",
-    "¡": "&iexcl;",
-    "¢": "&cent;",
-    "£": "&pound;",
-    "¤": "&curren;",
-    "¥": "&yen;",
-    "¦": "&brvbar;",
-    "§": "&sect;",
-    "¨": "&uml;",
-    "©": "&copy;",
-    "ª": "&ordf;",
-    "«": "&laquo;",
-    "¬": "&not;",
-    "®": "&reg;",
-    "¯": "&macr;",
-    "°": "&deg;",
-    "±": "&plusmn;",
-    "²": "&sup2;",
-    "³": "&sup3;",
-    "´": "&acute;",
-    "µ": "&micro;",
-    "¶": "&para;",
-    "·": "&middot;",
-    "¸": "&cedil;",
-    "¹": "&sup1;",
-    "º": "&ordm;",
-    "»": "&raquo;",
-    "¼": "&frac14;",
-    "½": "&frac12;",
-    "¾": "&frac34;",
-    "¿": "&iquest;",
-    "À": "&Agrave;",
-    "Á": "&Aacute;",
-    "Â": "&Acirc;",
-    "Ã": "&Atilde;",
-    "Ä": "&Auml;",
-    "Å": "&Aring;",
-    "Æ": "&AElig;",
-    "Ç": "&Ccedil;",
-    "È": "&Egrave;",
-    "É": "&Eacute;",
-    "Ê": "&Ecirc;",
-    "Ë": "&Euml;",
-    "Ì": "&Igrave;",
-    "Í": "&Iacute;",
-    "Î": "&Icirc;",
-    "Ï": "&Iuml;",
-    "Ð": "&ETH;",
-    "Ñ": "&Ntilde;",
-    "Ò": "&Ograve;",
-    "Ó": "&Oacute;",
-    "Ô": "&Ocirc;",
-    "Õ": "&Otilde;",
-    "Ö": "&Ouml;",
-    "×": "&times;",
-    "Ø": "&Oslash;",
-    "Ù": "&Ugrave;",
-    "Ú": "&Uacute;",
-    "Û": "&Ucirc;",
-    "Ü": "&Uuml;",
-    "Ý": "&Yacute;",
-    "Þ": "&THORN;",
-    "ß": "&szlig;",
-    "à": "&agrave;",
-    "á": "&aacute;",
-    "â": "&acirc;",
-    "ã": "&atilde;",
-    "ä": "&auml;",
-    "å": "&aring;",
-    "æ": "&aelig;",
-    "ç": "&ccedil;",
-    "è": "&egrave;",
-    "é": "&eacute;",
-    "ê": "&ecirc;",
-    "ë": "&euml;",
-    "ì": "&igrave;",
-    "í": "&iacute;",
-    "î": "&icirc;",
-    "ï": "&iuml;",
-    "ð": "&eth;",
-    "ñ": "&ntilde;",
-    "ò": "&ograve;",
-    "ó": "&oacute;",
-    "ô": "&ocirc;",
-    "õ": "&otilde;",
-    "ö": "&ouml;",
-    "÷": "&divide;",
-    "ø": "&oslash;",
-    "ù": "&ugrave;",
-    "ú": "&uacute;",
-    "û": "&ucirc;",
-    "ü": "&uuml;",
-    "ý": "&yacute;",
-    "þ": "&thorn;",
-    "ÿ": "&yuml;",
-    "Œ": "&OElig;",
-    "œ": "&oelig;",
-    "Š": "&Scaron;",
-    "š": "&scaron;",
-    "Ÿ": "&Yuml;",
-    "ƒ": "&fnof;",
-    "ˆ": "&circ;",
-    "˜": "&tilde;",
-    "Α": "&Alpha;",
-    "Β": "&Beta;",
-    "Γ": "&Gamma;",
-    "Δ": "&Delta;",
-    "Ε": "&Epsilon;",
-    "Ζ": "&Zeta;",
-    "Η": "&Eta;",
-    "Θ": "&Theta;",
-    "Ι": "&Iota;",
-    "Κ": "&Kappa;",
-    "Λ": "&Lambda;",
-    "Μ": "&Mu;",
-    "Ν": "&Nu;",
-    "Ξ": "&Xi;",
-    "Ο": "&Omicron;",
-    "Π": "&Pi;",
-    "Ρ": "&Rho;",
-    "Σ": "&Sigma;",
-    "Τ": "&Tau;",
-    "Υ": "&Upsilon;",
-    "Φ": "&Phi;",
-    "Χ": "&Chi;",
-    "Ψ": "&Psi;",
-    "Ω": "&Omega;",
-    "α": "&alpha;",
-    "β": "&beta;",
-    "γ": "&gamma;",
-    "δ": "&delta;",
-    "ε": "&epsilon;",
-    "ζ": "&zeta;",
-    "η": "&eta;",
-    "θ": "&theta;",
-    "ι": "&iota;",
-    "κ": "&kappa;",
-    "λ": "&lambda;",
-    "μ": "&mu;",
-    "ν": "&nu;",
-    "ξ": "&xi;",
-    "ο": "&omicron;",
-    "π": "&pi;",
-    "ρ": "&rho;",
-    "ς": "&sigmaf;",
-    "σ": "&sigma;",
-    "τ": "&tau;",
-    "υ": "&upsilon;",
-    "φ": "&phi;",
-    "χ": "&chi;",
-    "ψ": "&psi;",
-    "ω": "&omega;",
-    "ϑ": "&thetasym;",
-    "ϒ": "&Upsih;",
-    "ϖ": "&piv;",
-    "–": "&ndash;",
-    "—": "&mdash;",
-    "‘": "&lsquo;",
-    "’": "&rsquo;",
-    "‚": "&sbquo;",
-    "“": "&ldquo;",
-    "”": "&rdquo;",
-    "„": "&bdquo;",
-    "†": "&dagger;",
-    "‡": "&Dagger;",
-    "•": "&bull;",
-    "…": "&hellip;",
-    "‰": "&permil;",
-    "′": "&prime;",
-    "″": "&Prime;",
-    "‹": "&lsaquo;",
-    "›": "&rsaquo;",
-    "‾": "&oline;",
-    "⁄": "&frasl;",
-    "€": "&euro;",
-    "ℑ": "&image;",
-    "℘": "&weierp;",
-    "ℜ": "&real;",
-    "™": "&trade;",
-    "ℵ": "&alefsym;",
-    "←": "&larr;",
-    "↑": "&uarr;",
-    "→": "&rarr;",
-    "↓": "&darr;",
-    "↔": "&harr;",
-    "↵": "&crarr;",
-    "⇐": "&lArr;",
-    "⇑": "&UArr;",
-    "⇒": "&rArr;",
-    "⇓": "&dArr;",
-    "⇔": "&hArr;",
-    "∀": "&forall;",
-    "∂": "&part;",
-    "∃": "&exist;",
-    "∅": "&empty;",
-    "∇": "&nabla;",
-    "∈": "&isin;",
-    "∉": "&notin;",
-    "∋": "&ni;",
-    "∏": "&prod;",
-    "∑": "&sum;",
-    "−": "&minus;",
-    "∗": "&lowast;",
-    "√": "&radic;",
-    "∝": "&prop;",
-    "∞": "&infin;",
-    "∠": "&ang;",
-    "∧": "&and;",
-    "∨": "&or;",
-    "∩": "&cap;",
-    "∪": "&cup;",
-    "∫": "&int;",
-    "∴": "&there4;",
-    "∼": "&sim;",
-    "≅": "&cong;",
-    "≈": "&asymp;",
-    "≠": "&ne;",
-    "≡": "&equiv;",
-    "≤": "&le;",
-    "≥": "&ge;",
-    "⊂": "&sub;",
-    "⊃": "&sup;",
-    "⊄": "&nsub;",
-    "⊆": "&sube;",
-    "⊇": "&supe;",
-    "⊕": "&oplus;",
-    "⊗": "&otimes;",
-    "⊥": "&perp;",
-    "⋅": "&sdot;",
-    "⌈": "&lceil;",
-    "⌉": "&rceil;",
-    "⌊": "&lfloor;",
-    "⌋": "&rfloor;",
-    "⟨": "&lang;",
-    "⟩": "&rang;",
-    "◊": "&loz;",
-    "♠": "&spades;",
-    "♣": "&clubs;",
-    "♥": "&hearts;",
-    "♦": "&diams;"
+  var _useState = useState(null),
+      _useState2 = slicedToArray(_useState, 2),
+      selectedChoice = _useState2[0],
+      setSelectedChoice = _useState2[1];
+
+  var _useState3 = useState(showVotes),
+      _useState4 = slicedToArray(_useState3, 2),
+      showAnswer = _useState4[0],
+      setShowAnswer = _useState4[1];
+
+  var choices = node.choices,
+      question = node.question,
+      response = node.response;
+
+
+  var onSubmitPoll = function onSubmitPoll(e, setShowAnswer) {
+    e.preventDefault();
+    onVote(node._key, selectedChoice);
+    setShowAnswer(true);
+  };
+
+  var choicesTotalCount = choices && choices.reduce(function (acc, choice) {
+    acc = acc + parseInt(choice.choiceCount);
+    return acc;
+  }, 0);
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    question && React__default.createElement(
+      'p',
+      { className: 'font-weight-bold' },
+      question
+    ),
+    !showAnswer && choices && choices.length > 0 && React__default.createElement(
+      'form',
+      { onSubmit: function onSubmit(e) {
+          return onSubmitPoll(e, setShowAnswer);
+        } },
+      choices && choices.map(function (choice) {
+        return React__default.createElement(
+          'div',
+          { key: choice._key },
+          React__default.createElement('input', { type: 'radio', id: 'male', name: choice._type, value: choice._key, onChange: function onChange(e) {
+              return setSelectedChoice(e.target.value);
+            } }),
+          React__default.createElement(
+            'label',
+            { className: 'pl-2' },
+            choice.choiceText
+          )
+        );
+      }),
+      React__default.createElement(
+        Button$1,
+        { disabled: !selectedChoice, type: 'submit' },
+        'Vote'
+      )
+    ),
+    React__default.createElement(
+      'div',
+      { className: 'progress-container' },
+      showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
+        var percentage = choicesTotalCount && choicesTotalCount > 0 ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0;
+        return React__default.createElement(
+          'div',
+          { key: choice._key, className: 'mb-3' },
+          React__default.createElement(
+            'span',
+            null,
+            choice.choiceText
+          ),
+          React__default.createElement(ProgressBar, { now: percentage }),
+          React__default.createElement(
+            'span',
+            { className: 'float-right' },
+            percentage,
+            '% (',
+            choice.choiceCount,
+            ' Votes)'
+          )
+        );
+      })
+    ),
+    showAnswer && React__default.createElement(
+      'h4',
+      { className: 'text-center small p-3' },
+      'Total Votes: ',
+      choicesTotalCount
+    ),
+    showAnswer && response && React__default.createElement(BlockContent, { blocks: response, serializers: getSerializers$1(client, pageview, videoAccountIDs) }),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .progress-bar {\n          color: #fff;\n        }\n      '
+    )
+  );
 };
 
-var html_decode = function html_decode(string) {
-    var entityMap = html_map;
-    for (var key in entityMap) {
-        var entity = entityMap[key];
-        var regex = new RegExp(entity, 'g');
-        string = string.replace(regex, key);
+var numberOfPaginations = main_35 ? 4 : 10;
+
+var Quiz = function Quiz(_ref) {
+  var quizzes = _ref.quizzes,
+      serializerArguments = _ref.serializerArguments;
+
+  var pageCount = quizzes.length;
+
+  var _useState = useState(1),
+      _useState2 = slicedToArray(_useState, 2),
+      currentPage = _useState2[0],
+      setCurrentPage = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = slicedToArray(_useState3, 2),
+      showAnswer = _useState4[0],
+      setShowAnswer = _useState4[1];
+
+  var _useState5 = useState(0),
+      _useState6 = slicedToArray(_useState5, 2),
+      startIndex = _useState6[0],
+      setStartIndex = _useState6[1];
+
+  var _useState7 = useState(numberOfPaginations - 1),
+      _useState8 = slicedToArray(_useState7, 2),
+      endIndex = _useState8[0],
+      setEndIndex = _useState8[1];
+
+  var _useState9 = useState([]),
+      _useState10 = slicedToArray(_useState9, 2),
+      pages = _useState10[0],
+      setPages = _useState10[1];
+
+  useEffect(function () {
+    var totalPages = Array.from({ length: pageCount }, function (v, k) {
+      return k + 1;
+    });
+    var filteredPages = totalPages.slice(startIndex, endIndex + 1);
+    setPages(filteredPages);
+  }, [startIndex, endIndex, pageCount]);
+
+  var validateIndex = function validateIndex(index) {
+    return index >= 0 && index <= pageCount - 1;
+  };
+
+  var changePage = function changePage(control) {
+    setShowAnswer(false);
+    switch (control) {
+      case 'first':
+        setCurrentPage(1);
+        setStartIndex(0);
+        setEndIndex(numberOfPaginations - 1);
+        break;
+      case 'last':
+        setCurrentPage(pageCount);
+        setStartIndex(pageCount - pageCount % numberOfPaginations);
+        setEndIndex(pageCount - pageCount % numberOfPaginations + numberOfPaginations - 1);
+        break;
+      case 'next':
+        setCurrentPage(currentPage + 1);
+        if (currentPage % numberOfPaginations === 0) {
+          setStartIndex(startIndex + numberOfPaginations);
+          setEndIndex(endIndex + numberOfPaginations);
+        }
+        break;
+      case 'prev':
+        setCurrentPage(currentPage - 1);
+        if (currentPage % numberOfPaginations === 1) {
+          setStartIndex(startIndex - numberOfPaginations);
+          setEndIndex(endIndex - numberOfPaginations);
+        }
+        break;
+      default:
+        setCurrentPage(control);
     }
-    string = string.replace(/&quot;/g, '"');
-    string = string.replace(/&amp;/g, '&');
-    return string;
+  };
+
+  var renderNewPages = function renderNewPages(section) {
+    if (section === 'prev') {
+      setStartIndex(startIndex - numberOfPaginations);
+      setEndIndex(endIndex - numberOfPaginations);
+    } else if (section === 'next') {
+      setStartIndex(startIndex + numberOfPaginations);
+      setEndIndex(endIndex + numberOfPaginations);
+    }
+  };
+
+  var renderPagination = function renderPagination() {
+    return React__default.createElement(
+      Pagination,
+      { className: 'p-0 m-0', size: main_35 && 'sm' },
+      React__default.createElement(Pagination.First, { onClick: function onClick() {
+          return changePage('first');
+        }, disabled: currentPage === 1 }),
+      React__default.createElement(Pagination.Prev, { onClick: function onClick() {
+          return changePage('prev');
+        }, disabled: currentPage === 1 }),
+      React__default.createElement(Pagination.Ellipsis, { onClick: function onClick() {
+          return renderNewPages('prev');
+        }, disabled: !validateIndex(startIndex - numberOfPaginations) }),
+      pages.map(function (page) {
+        return React__default.createElement(
+          Pagination.Item,
+          { key: page, active: page === currentPage, onClick: function onClick() {
+              return changePage(page);
+            } },
+          page
+        );
+      }),
+      React__default.createElement(Pagination.Ellipsis, { onClick: function onClick() {
+          return renderNewPages('next');
+        }, disabled: !validateIndex(startIndex + numberOfPaginations) }),
+      React__default.createElement(Pagination.Next, { onClick: function onClick() {
+          return changePage('next');
+        }, disabled: currentPage === pageCount }),
+      React__default.createElement(Pagination.Last, { onClick: function onClick() {
+          return changePage('last');
+        }, disabled: currentPage === pageCount })
+    );
+  };
+
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    quizzes[currentPage - 1] && React__default.createElement(BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers$1(serializerArguments) }),
+    !showAnswer && React__default.createElement(
+      Button,
+      { onClick: function onClick() {
+          return setShowAnswer(true);
+        }, variant: 'info', block: true },
+      'Please click here for answer'
+    ),
+    quizzes[currentPage - 1] && showAnswer && React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement(
+        'h4',
+        null,
+        'Answer:'
+      ),
+      React__default.createElement(BlockContent, { blocks: quizzes[currentPage - 1].answer, serializers: getSerializers$1(serializerArguments) })
+    ),
+    React__default.createElement('br', null),
+    pageCount > 1 && React__default.createElement(
+      'div',
+      { className: 'd-flex justify-content-center' },
+      renderPagination()
+    )
+  );
+};
+
+var Leads = function Leads(_ref) {
+  var url = _ref.url;
+
+  return React__default.createElement(
+    'div',
+    { className: 'd-block text-center mb-3' },
+    url && React__default.createElement('iframe', { className: 'w-100 h-100 leads-block', scrolling: 'no', src: url, frameBorder: '0', allow: 'fullscreen' })
+  );
 };
-var html_decode_1 = html_decode;
 
 var urlFor$3 = function urlFor(source, builder) {
   return builder.image(source);
@@ -29057,7 +29294,7 @@ var Hero = function Hero(_ref) {
         summary && React__default.createElement(
           Card$1.Footer,
           { className: 'h6' },
-          summary
+          clean_html_1(summary)
         )
       )
     )
@@ -29679,7 +29916,7 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
           React__default.createElement(
             'p',
             null,
-            topArticle.summary
+            clean_html_1(topArticle.summary)
           )
         )
       )
@@ -29841,7 +30078,7 @@ var YahooHero = function YahooHero(props) {
             React__default.createElement(
               'p',
               null,
-              topArticle.summary
+              clean_html_1(topArticle.summary)
             )
           )
         )
@@ -29922,7 +30159,8 @@ Sample usage
 var RelatedContent = function RelatedContent(props) {
   var client = props.client,
       dataRecord = props.dataRecord,
-      _props$defaultImage = props.defaultImage;
+      _props$defaultImage = props.defaultImage,
+      defaultImage = _props$defaultImage === undefined ? '' : _props$defaultImage;
 
   var builder = imageUrlBuilder(client);
   function urlFor(source) {
@@ -29951,7 +30189,7 @@ var RelatedContent = function RelatedContent(props) {
               'figure',
               null,
               React__default.createElement('img', {
-                src: urlFor(article.thumbnail.asset).width(500).url(),
+                src: article.thumbnail ? urlFor(article.thumbnail.asset).width(500).url() : defaultImage,
                 alt: article.title
               })
             ),