@mjhls/mjh-framework 1.0.229 → 1.0.231

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.229
+# mjh-framework v. 1.0.231
 
 
 

package/dist/cjs/index.js

@@ -9,15 +9,15 @@ var React__default = _interopDefault(React);
 var _commonjsHelpers = require('./_commonjsHelpers-3fc1f64e.js');
 var index = require('./index-0322e486.js');
 var PropTypes = _interopDefault(require('prop-types'));
-require('react-bootstrap/Container');
-require('react-bootstrap/Row');
-require('react-bootstrap/Col');
-require('react-bootstrap/Card');
+var Container = _interopDefault(require('react-bootstrap/Container'));
+var Row = _interopDefault(require('react-bootstrap/Row'));
+var Col = _interopDefault(require('react-bootstrap/Col'));
+var Card = _interopDefault(require('react-bootstrap/Card'));
 var visibilitySensor = require('./visibility-sensor-bea3105d.js');
 var Link = _interopDefault(require('next/link'));
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
-require('./debounce-a963b136.js');
+var debounce = require('./debounce-a963b136.js');
 require('react-dom');
 var index$1 = require('./index-a4c53ff4.js');
 require('./index-0d0efcfa.js');
@@ -62,6 +62,377 @@ var DropdownButton = _interopDefault(require('react-bootstrap/DropdownButton'));
 var Dropdown = _interopDefault(require('react-bootstrap/Dropdown'));
 var Ustream = require('./Ustream-0d3dd953.js');
 
+var EventsDeck = function (_React$Component) {
+  _babelHelpers.inherits(EventsDeck, _React$Component);
+
+  function EventsDeck() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    _babelHelpers.classCallCheck(this, EventsDeck);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = _babelHelpers.possibleConstructorReturn(this, (_ref = EventsDeck.__proto__ || Object.getPrototypeOf(EventsDeck)).call.apply(_ref, [this].concat(args))), _this), _this.data = _this.props.dataRecord || [], _this.params = _this.props.params, _this.state = {
+      data: _this.data,
+      dataKeptToCompareNewDatarecord: _this.data,
+      page: _this.props.currentPage || 1,
+      scrolling: true,
+      currentPage: _this.props.currentPage || 1,
+      params: _this.params
+    }, _this.loadMore = debounce.debounce_1(function () {
+      _this.setState(function (prevState) {
+        return {
+          page: prevState.page + 1
+        };
+      }, _this.loadData);
+    }, 0), _this.loadData = function () {
+      var _this$state = _this.state,
+          data = _this$state.data,
+          page = _this$state.page,
+          params = _this$state.params;
+      var dataHandler = _this.props.dataHandler;
+
+
+      var dataHandlerPromise = new Promise(function (resolve, reject) {
+        try {
+          var result = dataHandler(params);
+          resolve(result);
+        } catch (e) {
+          reject(e);
+        }
+      });
+      dataHandlerPromise.then(function (newData) {
+        _this.loadDataFinished(data, newData, page);
+      });
+    }, _this.loadDataFinished = function (data, newData, page) {
+      var newDataArray = newData.data.map(function (item) {
+        return _babelHelpers._extends({}, item, {
+          pageNumber: page
+        });
+      });
+      var newParams = _babelHelpers._extends({}, _this.state.params, { nextPagingToken: newData.paging.nextToken });
+      _this.setState(function () {
+        if (newDataArray.length > 0) {
+          return {
+            data: [].concat(_babelHelpers.toConsumableArray(data), _babelHelpers.toConsumableArray(newDataArray)),
+            params: newParams,
+            scrolling: true
+          };
+        } else {
+          return {
+            scrolling: false
+          };
+        }
+      });
+    }, _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) {
+          index.lib_3.refresh();
+
+          _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
+            }) */
+
+            if (pageview) {
+              pageview(newPath);
+            }
+
+            router.push(pathname, newPath, {
+              shallow: true
+            });
+          });
+        }
+      }
+    }, _this.registrationButton = function (registrationLink) {
+      return React__default.createElement(
+        'a',
+        { href: registrationLink, target: '_blank' },
+        React__default.createElement(
+          Button,
+          { className: 'event-registration-button' },
+          'Register Now'
+        )
+      );
+    }, _this.renderVenue = function (venue, index) {
+      return React__default.createElement(
+        Col,
+        { xs: 12, sm: 6, md: 6, xl: 6 },
+        React__default.createElement(
+          'div',
+          { className: 'venue-card', style: { width: '18rem' } },
+          React__default.createElement(
+            Card.Body,
+            null,
+            React__default.createElement(
+              Card.Title,
+              null,
+              venue.name
+            ),
+            React__default.createElement(
+              Card.Subtitle,
+              { className: 'mb-2 text-muted' },
+              venue.address.address1
+            ),
+            React__default.createElement(
+              Card.Subtitle,
+              { className: 'mb-2 text-muted' },
+              venue.address.city
+            ),
+            React__default.createElement(
+              Card.Subtitle,
+              { className: 'mb-2 text-muted' },
+              venue.address.country
+            ),
+            React__default.createElement(
+              Card.Subtitle,
+              { className: 'mb-2 text-muted' },
+              venue.address.postalCode
+            )
+          )
+        )
+      );
+    }, _this.cardLoader = function () {
+      var numberOfItemsBeforeAd = 5;
+      return React__default.createElement(
+        Row,
+        null,
+        _this.state.data && _this.state.data.map(function (row, index) {
+          var title = row.title,
+              description = row.description,
+              start = row.start,
+              venues = row.venues,
+              _links = row._links;
+
+          var pageNumber = row.pageNumber || _this.state.page;
+          return React__default.createElement(
+            React__default.Fragment,
+            { key: index },
+            React__default.createElement(
+              visibilitySensor.VisibilitySensor,
+              {
+                onChange: function onChange(isVisible) {
+                  isVisible && _this.changePageNumber(pageNumber);
+                } },
+              React__default.createElement(
+                Col,
+                { xl: 12, style: { marginBottom: '1rem' } },
+                React__default.createElement(
+                  Row,
+                  null,
+                  React__default.createElement(
+                    Col,
+                    { xs: 12, style: { paddingTop: '10px', marginBottom: '20px', borderTop: '1px solid #EEE' } },
+                    !main.main_36 && React__default.createElement(
+                      'div',
+                      { style: { float: 'right' } },
+                      _this.registrationButton(_links.registration.href)
+                    ),
+                    React__default.createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: title } }),
+                    React__default.createElement(
+                      'p',
+                      { className: 'mb-2' },
+                      'Sarting at ',
+                      visibilitySensor.moment(start).format('MMMM Do YYYY, h:mma')
+                    ),
+                    description && React__default.createElement('p', { dangerouslySetInnerHTML: { __html: description } }),
+                    React__default.createElement(
+                      Row,
+                      null,
+                      venues && venues.length > 0 && venues.map(function (venue, index) {
+                        return _this.renderVenue(venue, index);
+                      })
+                    ),
+                    main.main_36 && _this.registrationButton(_links.registration.href)
+                  )
+                )
+              )
+            ),
+            main.main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+              'div',
+              { style: { margin: '0 auto' } },
+              _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
+            )
+          );
+        })
+      );
+    }, _this.renderMobileAd = function (index, numberOfItemsBeforeAd) {
+      var rightItems = _this.props.rightItems;
+
+      var i = ((index + 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), _babelHelpers.possibleConstructorReturn(_this, _ret);
+  }
+
+  _babelHelpers.createClass(EventsDeck, [{
+    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,
+          page: 1,
+          scrolling: true
+        });
+      }
+    }
+  }, {
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      // this.loadData();
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var autoScroll = this.props.autoScroll;
+
+      console.log(this.state.data);
+      return React__default.createElement(
+        'div',
+        { className: 'contentDeck' },
+        autoScroll ? React__default.createElement(
+          React__default.Fragment,
+          null,
+          React__default.createElement(
+            visibilitySensor.InfiniteScroll,
+            { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
+            React__default.createElement(
+              Container,
+              null,
+              this.cardLoader()
+            )
+          ),
+          React__default.createElement(
+            'noscript',
+            null,
+            this.renderManualPagination()
+          )
+        ) : React__default.createElement(
+          React__default.Fragment,
+          null,
+          React__default.createElement(
+            Container,
+            null,
+            this.cardLoader()
+          ),
+          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()
+          )
+        ),
+        React__default.createElement(
+          'style',
+          { jsx: 'true' },
+          '\n          .venue-card {\n            border: 1px solid #c0c0c0;\n            border-radius: 6px;\n            padding: 2px;\n          }\n        '
+        )
+      );
+    }
+  }]);
+  return EventsDeck;
+}(React__default.Component);
+
+var EventsDeck$1 = Router.withRouter(EventsDeck);
+
 var AccordionPanel = function AccordionPanel(props) {
   var accordionClassName = props.accordionClassName,
       data = props.data;
@@ -282,7 +653,7 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
 
 var urlFor = function urlFor(source, client) {
   var builder = index$1.imageUrlBuilder(client);
-  return builder.image(source);
+  return builder.image(source).auto('format');
 };
 
 var FigureComponent = function FigureComponent(_ref) {
@@ -344,6 +715,8 @@ var FigureComponent = function FigureComponent(_ref) {
       } else {
         setimageWidth(widthP + '%');
       }
+    } else {
+      setimageWidth('100%');
     }
   };
 
@@ -355,6 +728,8 @@ var FigureComponent = function FigureComponent(_ref) {
       } else {
         setimageWidth(widthP + '%');
       }
+    } else {
+      setimageWidth('100%');
     }
   }, [widthP, imgFloat]);
 
@@ -363,6 +738,9 @@ var FigureComponent = function FigureComponent(_ref) {
     if (screenWidth > 1000) {
       var align = ['center', 'top'].includes(alignment.toLowerCase()) ? 'none' : alignment.toLowerCase();
       setimgFloat(align);
+    } else {
+      var _align = ['center', 'top'].includes(alignment.toLowerCase()) ? 'none' : alignment.toLowerCase();
+      setimgFloat(_align);
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -12459,7 +12837,7 @@ var _initialiseProps = function _initialiseProps() {
       params.index = queueData.length - 1;
       var that = _this3;
       _this3.props.client.fetch(query, params).then(function (article) {
-        if (article) {
+        if (article && article._id) {
           var targeting = that.getTargeting(article);
           article.Ads = that.props.Ads.getRightItems(targeting);
           queueData.push(article);
@@ -12698,6 +13076,7 @@ exports.ArticleDetailDropdown = ArticleDetailDropdown;
 exports.ArticleQueue = ArticleQueue;
 exports.Breadcrumbs = Breadcrumbs$1;
 exports.ConferenceArticleCard = ConferenceArticleCard;
+exports.EventsDeck = EventsDeck$1;
 exports.Feature = Feature;
 exports.ForbesHero = fbsHero;
 exports.Hero = Hero;

package/dist/esm/{AdSlot-b67f8534.js → AdSlot-0ea49f7e.js}

@@ -1,5 +1,5 @@
 import React__default, { useState } from 'react';
-import { b as lib_2 } from './index-6a79dad6.js';
+import { b as lib_2 } from './index-70f7c966.js';
 import PropTypes from 'prop-types';
 import { d as debounce_1 } from './debounce-dc0c02e5.js';
 import { s as slicedToArray } from './_babelHelpers-67c05996.js';

package/dist/esm/DeckContent.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import './_commonjsHelpers-ae1b5db5.js';
-import { a as lib_3 } from './index-6a79dad6.js';
+import { l as lib_3 } from './index-70f7c966.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
@@ -13,10 +13,10 @@ import { d as debounce_1 } from './debounce-dc0c02e5.js';
 import 'react-dom';
 import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
 import { L as LazyLoad } from './index-3c1ee9ab.js';
-import { a as main_36 } from './main-dea495b7.js';
+import { m as main_36 } from './main-cd81c243.js';
 import { c as clean_html_1 } from './entities-e85d3a4a.js';
 import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
-import { D as DFPAdSlot } from './AdSlot-b67f8534.js';
+import { D as DFPAdSlot } from './AdSlot-0ea49f7e.js';
 
 var DeckContent = function (_React$Component) {
   inherits(DeckContent, _React$Component);

package/dist/esm/DeckQueue.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import './_commonjsHelpers-ae1b5db5.js';
-import { a as lib_3 } from './index-6a79dad6.js';
+import { l as lib_3 } from './index-70f7c966.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
@@ -13,7 +13,7 @@ import { d as debounce_1 } from './debounce-dc0c02e5.js';
 import 'react-dom';
 import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
 import { L as LazyLoad } from './index-3c1ee9ab.js';
-import { a as main_36 } from './main-dea495b7.js';
+import { m as main_36 } from './main-cd81c243.js';
 import { c as clean_html_1 } from './entities-e85d3a4a.js';
 import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
 import { g as get_1 } from './get-b074314b.js';

package/dist/esm/{Dfp-6731ac01.js → Dfp-a8aa00b7.js}

@@ -1,6 +1,6 @@
 import React__default, { useState } from 'react';
 import './_commonjsHelpers-ae1b5db5.js';
-import { l as lib_1, b as lib_2 } from './index-6a79dad6.js';
+import { a as lib_1, b as lib_2 } from './index-70f7c966.js';
 import PropTypes from 'prop-types';
 import { V as VisibilitySensor } from './visibility-sensor-675d3fa1.js';
 import { d as debounce_1 } from './debounce-dc0c02e5.js';

package/dist/esm/{GridContent-6a3c27ba.js → GridContent-d8bd7953.js}

@@ -1,5 +1,5 @@
 import React__default, { Suspense } from 'react';
-import { a as lib_3 } from './index-6a79dad6.js';
+import { l as lib_3 } from './index-70f7c966.js';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
@@ -10,14 +10,14 @@ import { withRouter } from 'next/router';
 import { d as debounce_1 } from './debounce-dc0c02e5.js';
 import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
 import { L as LazyLoad } from './index-3c1ee9ab.js';
-import { a as main_36 } from './main-dea495b7.js';
+import { m as main_36 } from './main-cd81c243.js';
 import { c as clean_html_1 } from './entities-e85d3a4a.js';
 import { i as inherits, c as createClass, t as toConsumableArray, a as classCallCheck, p as possibleConstructorReturn, _ as _extends } from './_babelHelpers-67c05996.js';
-import { D as DFPAdSlot } from './AdSlot-b67f8534.js';
+import { D as DFPAdSlot } from './AdSlot-0ea49f7e.js';
 import { g as get_1 } from './get-b074314b.js';
 
 var Dfp = React__default.lazy(function () {
-  return import('./Dfp-6731ac01.js');
+  return import('./Dfp-a8aa00b7.js');
 });
 
 var AD = function AD(props) {

package/dist/esm/GridContent.js

@@ -1,6 +1,6 @@
 import 'react';
 import './_commonjsHelpers-ae1b5db5.js';
-import './index-6a79dad6.js';
+import './index-70f7c966.js';
 import 'prop-types';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
@@ -13,9 +13,9 @@ import './debounce-dc0c02e5.js';
 import 'react-dom';
 import './index-ca4ff5cb.js';
 import './index-3c1ee9ab.js';
-import './main-dea495b7.js';
+import './main-cd81c243.js';
 import './entities-e85d3a4a.js';
 import './_babelHelpers-67c05996.js';
-import './AdSlot-b67f8534.js';
+import './AdSlot-0ea49f7e.js';
 import './get-b074314b.js';
-export { G as default } from './GridContent-6a3c27ba.js';
+export { G as default } from './GridContent-d8bd7953.js';

package/dist/esm/MasterDeck.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import './_commonjsHelpers-ae1b5db5.js';
-import { a as lib_3 } from './index-6a79dad6.js';
+import { l as lib_3 } from './index-70f7c966.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
@@ -12,7 +12,7 @@ import { withRouter } from 'next/router';
 import { d as debounce_1 } from './debounce-dc0c02e5.js';
 import 'react-dom';
 import './index-ca4ff5cb.js';
-import { a as main_36 } from './main-dea495b7.js';
+import { m as main_36 } from './main-cd81c243.js';
 import { i as inherits, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
 
 var MasterDeck = function (_React$Component) {

package/dist/esm/{Normal-89840352.js → Normal-9fb1e124.js}

@@ -5,9 +5,9 @@ import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Link from 'next/link';
-import { a as main_36, b as main_37 } from './main-dea495b7.js';
+import { m as main_36, b as main_37 } from './main-cd81c243.js';
 import { s as slicedToArray } from './_babelHelpers-67c05996.js';
-import { D as DFPAdSlot } from './AdSlot-b67f8534.js';
+import { D as DFPAdSlot } from './AdSlot-0ea49f7e.js';
 import { g as get_1 } from './get-b074314b.js';
 import { Dropdown } from 'react-bootstrap';
 import { G as GenIcon, b as IoMdLogIn, c as IoIosHome } from './index.esm-536609db.js';

package/dist/esm/QueueDeckExpanded.js

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect, useRef } from 'react';
 import './_commonjsHelpers-ae1b5db5.js';
-import { a as lib_3 } from './index-6a79dad6.js';
+import { l as lib_3 } from './index-70f7c966.js';
 import 'prop-types';
 import { I as InfiniteScroll, V as VisibilitySensor, m as moment } from './visibility-sensor-675d3fa1.js';
 import 'next/link';
@@ -8,7 +8,7 @@ import { useRouter } from 'next/router';
 import 'react-dom';
 import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
 import { L as LazyLoad } from './index-3c1ee9ab.js';
-import { a as main_36 } from './main-dea495b7.js';
+import { m as main_36 } from './main-cd81c243.js';
 import { c as clean_html_1 } from './entities-e85d3a4a.js';
 import { s as slicedToArray, _ as _extends, t as toConsumableArray } from './_babelHelpers-67c05996.js';
 import { Container, Media } from 'react-bootstrap';

package/dist/esm/TemplateNormal.js

@@ -1,20 +1,20 @@
 import 'react';
 import './_commonjsHelpers-ae1b5db5.js';
-import './index-6a79dad6.js';
+import './index-70f7c966.js';
 import 'prop-types';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'next/link';
 import './debounce-dc0c02e5.js';
-import './main-dea495b7.js';
+import './main-cd81c243.js';
 import './_babelHelpers-67c05996.js';
-import './AdSlot-b67f8534.js';
+import './AdSlot-0ea49f7e.js';
 import './get-b074314b.js';
 import 'react-bootstrap';
 import './index.esm-536609db.js';
 import 'react-bootstrap/Button';
-export { T as default } from './Normal-89840352.js';
+export { T as default } from './Normal-9fb1e124.js';
 import 'react-bootstrap/ListGroup';
 import 'next/head';
 import 'react-bootstrap/Nav';

package/dist/esm/VideoSeriesListing.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import './_commonjsHelpers-ae1b5db5.js';
-import { a as lib_3 } from './index-6a79dad6.js';
+import { l as lib_3 } from './index-70f7c966.js';
 import 'prop-types';
 import Container from 'react-bootstrap/Container';
 import { I as InfiniteScroll, V as VisibilitySensor } from './visibility-sensor-675d3fa1.js';

package/dist/esm/{index-6a79dad6.js → index-70f7c966.js}

@@ -1654,4 +1654,4 @@ var lib_1 = lib.DFPSlotsProvider;
 var lib_2 = lib.AdSlot;
 var lib_3 = lib.DFPManager;
 
-export { lib_3 as a, lib_2 as b, lib_1 as l };
+export { lib_1 as a, lib_2 as b, lib_3 as l };

package/dist/esm/index.js

@@ -1,26 +1,26 @@
 import React__default, { useState, useRef, useEffect } from 'react';
 import { c as createCommonjsModule, u as unwrapExports, a as commonjsGlobal } from './_commonjsHelpers-ae1b5db5.js';
-import { l as lib_1, a as lib_3 } from './index-6a79dad6.js';
+import { l as lib_3, a as lib_1 } from './index-70f7c966.js';
 import PropTypes from 'prop-types';
-import 'react-bootstrap/Container';
-import 'react-bootstrap/Row';
-import 'react-bootstrap/Col';
-import 'react-bootstrap/Card';
-import { m as moment, I as InfiniteScroll } from './visibility-sensor-675d3fa1.js';
+import Container from 'react-bootstrap/Container';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import Card from 'react-bootstrap/Card';
+import { I as InfiniteScroll, V as VisibilitySensor, m as moment } from './visibility-sensor-675d3fa1.js';
 import Link from 'next/link';
-import Router, { useRouter } from 'next/router';
-import './debounce-dc0c02e5.js';
+import Router, { withRouter, useRouter } from 'next/router';
+import { d as debounce_1 } from './debounce-dc0c02e5.js';
 import 'react-dom';
 import { i as imageUrlBuilder } from './index-ca4ff5cb.js';
 import './index-3c1ee9ab.js';
-import { m as main_35, a as main_36 } from './main-dea495b7.js';
+import { m as main_36, a as main_35 } from './main-cd81c243.js';
 import { h as html_decode_1, c as clean_html_1 } from './entities-e85d3a4a.js';
-import { s as slicedToArray, _ as _extends$2, t as toConsumableArray, i as inherits$2, c as createClass, a as classCallCheck, p as possibleConstructorReturn } from './_babelHelpers-67c05996.js';
-import { D as DFPAdSlot } from './AdSlot-b67f8534.js';
-export { D as AdSlot } from './AdSlot-b67f8534.js';
+import { i as inherits$2, c as createClass, a as classCallCheck, p as possibleConstructorReturn, _ as _extends$2, t as toConsumableArray, s as slicedToArray } from './_babelHelpers-67c05996.js';
+import { D as DFPAdSlot } from './AdSlot-0ea49f7e.js';
+export { D as AdSlot } from './AdSlot-0ea49f7e.js';
 export { default as DeckContent } from './DeckContent.js';
 import './get-b074314b.js';
-export { A as AD, G as GridContent } from './GridContent-6a3c27ba.js';
+export { A as AD, G as GridContent } from './GridContent-d8bd7953.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
 export { default as ThumbnailCard } from './ThumbnailCard.js';
@@ -30,18 +30,18 @@ import GroupDeck from './GroupDeck.js';
 export { default as GroupDeck } from './GroupDeck.js';
 import { g as getYoutubeId } from './YoutubeGroup-1368335c.js';
 export { Y as YoutubeGroup } from './YoutubeGroup-1368335c.js';
-import { Figure, Carousel, Table, Button, ProgressBar, Card } from 'react-bootstrap';
+import { Figure, Carousel, Table, Button as Button$1, ProgressBar, Card as Card$1 } from 'react-bootstrap';
 export { default as QueueDeckExpanded } from './QueueDeckExpanded.js';
 import { I as IoMdArrowDropdown } from './index.esm-536609db.js';
 export { default as VideoSeriesListing } from './VideoSeriesListing.js';
 export { default as MasterDeck } from './MasterDeck.js';
-import Button$1 from 'react-bootstrap/Button';
+import Button from 'react-bootstrap/Button';
 export { default as PublicationDeck } from './PublicationDeck.js';
 export { default as IssueDeck } from './IssueDeck.js';
 import 'react-bootstrap/Badge';
 export { default as IssueContentDeck } from './IssueContentDeck.js';
-import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-89840352.js';
-export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-89840352.js';
+import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-9fb1e124.js';
+export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-9fb1e124.js';
 import 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
@@ -60,6 +60,377 @@ import Dropdown from 'react-bootstrap/Dropdown';
 import { F as FaLongArrowAltRight } from './Ustream-6bb45fe7.js';
 export { U as Ustream } from './Ustream-6bb45fe7.js';
 
+var EventsDeck = function (_React$Component) {
+  inherits$2(EventsDeck, _React$Component);
+
+  function EventsDeck() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    classCallCheck(this, EventsDeck);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = possibleConstructorReturn(this, (_ref = EventsDeck.__proto__ || Object.getPrototypeOf(EventsDeck)).call.apply(_ref, [this].concat(args))), _this), _this.data = _this.props.dataRecord || [], _this.params = _this.props.params, _this.state = {
+      data: _this.data,
+      dataKeptToCompareNewDatarecord: _this.data,
+      page: _this.props.currentPage || 1,
+      scrolling: true,
+      currentPage: _this.props.currentPage || 1,
+      params: _this.params
+    }, _this.loadMore = debounce_1(function () {
+      _this.setState(function (prevState) {
+        return {
+          page: prevState.page + 1
+        };
+      }, _this.loadData);
+    }, 0), _this.loadData = function () {
+      var _this$state = _this.state,
+          data = _this$state.data,
+          page = _this$state.page,
+          params = _this$state.params;
+      var dataHandler = _this.props.dataHandler;
+
+
+      var dataHandlerPromise = new Promise(function (resolve, reject) {
+        try {
+          var result = dataHandler(params);
+          resolve(result);
+        } catch (e) {
+          reject(e);
+        }
+      });
+      dataHandlerPromise.then(function (newData) {
+        _this.loadDataFinished(data, newData, page);
+      });
+    }, _this.loadDataFinished = function (data, newData, page) {
+      var newDataArray = newData.data.map(function (item) {
+        return _extends$2({}, item, {
+          pageNumber: page
+        });
+      });
+      var newParams = _extends$2({}, _this.state.params, { nextPagingToken: newData.paging.nextToken });
+      _this.setState(function () {
+        if (newDataArray.length > 0) {
+          return {
+            data: [].concat(toConsumableArray(data), toConsumableArray(newDataArray)),
+            params: newParams,
+            scrolling: true
+          };
+        } else {
+          return {
+            scrolling: false
+          };
+        }
+      });
+    }, _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();
+
+          _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
+            }) */
+
+            if (pageview) {
+              pageview(newPath);
+            }
+
+            router.push(pathname, newPath, {
+              shallow: true
+            });
+          });
+        }
+      }
+    }, _this.registrationButton = function (registrationLink) {
+      return React__default.createElement(
+        'a',
+        { href: registrationLink, target: '_blank' },
+        React__default.createElement(
+          Button,
+          { className: 'event-registration-button' },
+          'Register Now'
+        )
+      );
+    }, _this.renderVenue = function (venue, index) {
+      return React__default.createElement(
+        Col,
+        { xs: 12, sm: 6, md: 6, xl: 6 },
+        React__default.createElement(
+          'div',
+          { className: 'venue-card', style: { width: '18rem' } },
+          React__default.createElement(
+            Card.Body,
+            null,
+            React__default.createElement(
+              Card.Title,
+              null,
+              venue.name
+            ),
+            React__default.createElement(
+              Card.Subtitle,
+              { className: 'mb-2 text-muted' },
+              venue.address.address1
+            ),
+            React__default.createElement(
+              Card.Subtitle,
+              { className: 'mb-2 text-muted' },
+              venue.address.city
+            ),
+            React__default.createElement(
+              Card.Subtitle,
+              { className: 'mb-2 text-muted' },
+              venue.address.country
+            ),
+            React__default.createElement(
+              Card.Subtitle,
+              { className: 'mb-2 text-muted' },
+              venue.address.postalCode
+            )
+          )
+        )
+      );
+    }, _this.cardLoader = function () {
+      var numberOfItemsBeforeAd = 5;
+      return React__default.createElement(
+        Row,
+        null,
+        _this.state.data && _this.state.data.map(function (row, index) {
+          var title = row.title,
+              description = row.description,
+              start = row.start,
+              venues = row.venues,
+              _links = row._links;
+
+          var pageNumber = row.pageNumber || _this.state.page;
+          return React__default.createElement(
+            React__default.Fragment,
+            { key: index },
+            React__default.createElement(
+              VisibilitySensor,
+              {
+                onChange: function onChange(isVisible) {
+                  isVisible && _this.changePageNumber(pageNumber);
+                } },
+              React__default.createElement(
+                Col,
+                { xl: 12, style: { marginBottom: '1rem' } },
+                React__default.createElement(
+                  Row,
+                  null,
+                  React__default.createElement(
+                    Col,
+                    { xs: 12, style: { paddingTop: '10px', marginBottom: '20px', borderTop: '1px solid #EEE' } },
+                    !main_36 && React__default.createElement(
+                      'div',
+                      { style: { float: 'right' } },
+                      _this.registrationButton(_links.registration.href)
+                    ),
+                    React__default.createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: title } }),
+                    React__default.createElement(
+                      'p',
+                      { className: 'mb-2' },
+                      'Sarting at ',
+                      moment(start).format('MMMM Do YYYY, h:mma')
+                    ),
+                    description && React__default.createElement('p', { dangerouslySetInnerHTML: { __html: description } }),
+                    React__default.createElement(
+                      Row,
+                      null,
+                      venues && venues.length > 0 && venues.map(function (venue, index) {
+                        return _this.renderVenue(venue, index);
+                      })
+                    ),
+                    main_36 && _this.registrationButton(_links.registration.href)
+                  )
+                )
+              )
+            ),
+            main_36 && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+              'div',
+              { style: { margin: '0 auto' } },
+              _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
+            )
+          );
+        })
+      );
+    }, _this.renderMobileAd = function (index, numberOfItemsBeforeAd) {
+      var rightItems = _this.props.rightItems;
+
+      var i = ((index + 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(EventsDeck, [{
+    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,
+          page: 1,
+          scrolling: true
+        });
+      }
+    }
+  }, {
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      // this.loadData();
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var autoScroll = this.props.autoScroll;
+
+      console.log(this.state.data);
+      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()
+            )
+          ),
+          React__default.createElement(
+            'noscript',
+            null,
+            this.renderManualPagination()
+          )
+        ) : React__default.createElement(
+          React__default.Fragment,
+          null,
+          React__default.createElement(
+            Container,
+            null,
+            this.cardLoader()
+          ),
+          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()
+          )
+        ),
+        React__default.createElement(
+          'style',
+          { jsx: 'true' },
+          '\n          .venue-card {\n            border: 1px solid #c0c0c0;\n            border-radius: 6px;\n            padding: 2px;\n          }\n        '
+        )
+      );
+    }
+  }]);
+  return EventsDeck;
+}(React__default.Component);
+
+var EventsDeck$1 = withRouter(EventsDeck);
+
 var AccordionPanel = function AccordionPanel(props) {
   var accordionClassName = props.accordionClassName,
       data = props.data;
@@ -280,7 +651,7 @@ var AdSlotsProvider = function AdSlotsProvider(_ref) {
 
 var urlFor = function urlFor(source, client) {
   var builder = imageUrlBuilder(client);
-  return builder.image(source);
+  return builder.image(source).auto('format');
 };
 
 var FigureComponent = function FigureComponent(_ref) {
@@ -342,6 +713,8 @@ var FigureComponent = function FigureComponent(_ref) {
       } else {
         setimageWidth(widthP + '%');
       }
+    } else {
+      setimageWidth('100%');
     }
   };
 
@@ -353,6 +726,8 @@ var FigureComponent = function FigureComponent(_ref) {
       } else {
         setimageWidth(widthP + '%');
       }
+    } else {
+      setimageWidth('100%');
     }
   }, [widthP, imgFloat]);
 
@@ -361,6 +736,9 @@ var FigureComponent = function FigureComponent(_ref) {
     if (screenWidth > 1000) {
       var align = ['center', 'top'].includes(alignment.toLowerCase()) ? 'none' : alignment.toLowerCase();
       setimgFloat(align);
+    } else {
+      var _align = ['center', 'top'].includes(alignment.toLowerCase()) ? 'none' : alignment.toLowerCase();
+      setimgFloat(_align);
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -10196,7 +10574,7 @@ var Poll = function Poll(_ref) {
         );
       }),
       React__default.createElement(
-        Button,
+        Button$1,
         { disabled: !selectedChoice, type: 'submit' },
         'Vote'
       )
@@ -10367,7 +10745,7 @@ var Quiz = function Quiz(_ref) {
     null,
     quizzes[currentPage - 1] && React__default.createElement(BlockContent, { blocks: quizzes[currentPage - 1].question, serializers: getSerializers }),
     !showAnswer && React__default.createElement(
-      Button$1,
+      Button,
       { onClick: function onClick() {
           return setShowAnswer(true);
         }, variant: 'info', block: true },
@@ -11030,16 +11408,16 @@ var Hero = function Hero(_ref) {
     'a',
     { href: '/view/' + url.current },
     React__default.createElement(
-      Card,
+      Card$1,
       { bsPrefix: 'hero-card' },
       title && React__default.createElement(
-        Card.Header,
+        Card$1.Header,
         { className: 'h4' },
         title
       ),
-      thumbnail && client && React__default.createElement(Card.Img, { src: renderCardImage(thumbnail, client, imageHeight, imageWidth) }),
+      thumbnail && client && React__default.createElement(Card$1.Img, { src: renderCardImage(thumbnail, client, imageHeight, imageWidth) }),
       summary && React__default.createElement(
-        Card.Footer,
+        Card$1.Footer,
         { className: 'h6' },
         clean_html_1(summary)
       )
@@ -12457,7 +12835,7 @@ var _initialiseProps = function _initialiseProps() {
       params.index = queueData.length - 1;
       var that = _this3;
       _this3.props.client.fetch(query, params).then(function (article) {
-        if (article) {
+        if (article && article._id) {
           var targeting = that.getTargeting(article);
           article.Ads = that.props.Ads.getRightItems(targeting);
           queueData.push(article);
@@ -12655,4 +13033,4 @@ var _initialiseProps = function _initialiseProps() {
   };
 };
 
-export { AD300x250, AD300x250x600, ADFooter, AccordionPanel, AdSlotsProvider, AlphabeticList, ArticleDetailDropdown, ArticleQueue, Breadcrumbs$1 as Breadcrumbs, ConferenceArticleCard, Feature, fbsHero as ForbesHero, Hero, HorizontalHero, OncliveHero, OncliveLargeHero, PdfDownload, RelatedContent, RelatedTopicsDropdown, SetCookie, SocialShare$1 as SocialShare, VerticalHero, YahooHero, getSerializers };
+export { AD300x250, AD300x250x600, ADFooter, AccordionPanel, AdSlotsProvider, AlphabeticList, ArticleDetailDropdown, ArticleQueue, Breadcrumbs$1 as Breadcrumbs, ConferenceArticleCard, EventsDeck$1 as EventsDeck, Feature, fbsHero as ForbesHero, Hero, HorizontalHero, OncliveHero, OncliveLargeHero, PdfDownload, RelatedContent, RelatedTopicsDropdown, SetCookie, SocialShare$1 as SocialShare, VerticalHero, YahooHero, getSerializers };

package/dist/esm/{main-dea495b7.js → main-cd81c243.js}

@@ -848,4 +848,4 @@ var main_47 = main.osName;
 var main_48 = main.osVersion;
 var main_49 = main.withOrientationChange;
 
-export { main_36 as a, main_37 as b, main_35 as m };
+export { main_35 as a, main_37 as b, main_36 as m };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.229",
+  "version": "1.0.231",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",