@mjhls/mjh-framework 1.0.907 → 1.0.908-mediaseries-file-v1

package/dist/cjs/AlgoliaSearch.js

@@ -829,7 +829,7 @@ function parseAlgoliaHit(_ref2) {
   });
 }
 
-var version$1 = '6.11.2';
+var version$1 = '6.12.1';
 
 var withKeysPropType = function withKeysPropType(keys) {
   return function (props, propName, componentName) {
@@ -911,6 +911,10 @@ function translatable(defaultTranslations) {
 function getIndexId(context) {
   return hasMultipleIndices(context) ? context.multiIndexContext.targetedIndex : context.ais.mainTargetedIndex;
 }
+/**
+ * @returns {import('algoliasearch-helper').SearchResults} results
+ */
+
 function getResults(searchResults, context) {
   if (searchResults.results) {
     if (searchResults.results.hits) {
@@ -4775,7 +4779,7 @@ var requestBuilder = {
 
 var requestBuilder_1 = requestBuilder;
 
-var version = '3.5.3';
+var version = '3.5.5';
 
 /**
  * Event triggered when a parameter is set or updated
@@ -6423,6 +6427,87 @@ ConfigureRelatedItems.propTypes = {
 };
 connectConfigureRelatedItems(ConfigureRelatedItems);
 
+var connectDynamicWidgets = createConnectorWithContext({
+  displayName: 'AlgoliaDynamicWidgets',
+  defaultProps: {
+    transformItems: function transformItems(items) {
+      return items;
+    }
+  },
+  propTypes: {
+    transformItems: PropTypes__default['default'].func
+  },
+  getProvidedProps: function getProvidedProps(props, _searchState, searchResults) {
+    var results = getResults(searchResults, {
+      ais: props.contextValue,
+      multiIndexContext: props.indexContextValue
+    });
+
+    if (!results) {
+      return {
+        attributesToRender: []
+      };
+    }
+
+    var facetOrder = results.renderingContent && results.renderingContent.facetOrdering && results.renderingContent.facetOrdering.facets && results.renderingContent.facetOrdering.facets.order || [];
+    return {
+      attributesToRender: props.transformItems(facetOrder, {
+        results: results
+      })
+    };
+  }
+});
+
+function getAttribute(component) {
+  if (_typeof(component) !== 'object') {
+    return undefined;
+  }
+
+  if (component.props.attribute) {
+    return component.props.attribute;
+  }
+
+  if (Array.isArray(component.props.attributes)) {
+    return component.props.attributes[0];
+  }
+
+  if (component.props.children) {
+    return getAttribute(React__default['default'].Children.only(component.props.children));
+  }
+
+  return undefined;
+}
+
+function DynamicWidgets(_ref) {
+  var children = _ref.children,
+      attributesToRender = _ref.attributesToRender,
+      _ref$fallbackComponen = _ref.fallbackComponent,
+      Fallback = _ref$fallbackComponen === void 0 ? function () {
+    return null;
+  } : _ref$fallbackComponen;
+  var widgets = new Map();
+  React__default['default'].Children.forEach(children, function (child) {
+    var attribute = getAttribute(child);
+
+    if (!attribute) {
+      throw new Error("Could not find \"attribute\" prop for ".concat(getDisplayName(child), "."));
+    }
+
+    widgets.set(attribute, child);
+  }); // on initial render this will be empty, but React InstantSearch keeps
+  // search state for unmounted components in place, so routing works.
+
+  return React__default['default'].createElement(React__default['default'].Fragment, null, attributesToRender.map(function (attribute) {
+    return React__default['default'].createElement(React.Fragment, {
+      key: attribute
+    }, widgets.get(attribute) || React__default['default'].createElement(Fallback, {
+      attribute: attribute
+    }));
+  }));
+}
+
+connectDynamicWidgets(DynamicWidgets);
+
 // A context rule must consist only of alphanumeric characters, hyphens, and underscores.
 // See https://www.algolia.com/doc/guides/managing-results/refine-results/merchandising-and-promoting/in-depth/implementing-query-rules/#context
 function escapeRuleContext(ruleName) {
@@ -7268,15 +7353,21 @@ function hydrateMetadata(resultsState) {
 
   return resultsState.metadata.map(function (datum) {
     return _objectSpread({
-      value: function value() {}
+      value: function value() {
+        return {};
+      }
     }, datum, {
       items: datum.items && datum.items.map(function (item) {
         return _objectSpread({
-          value: function value() {}
+          value: function value() {
+            return {};
+          }
         }, item, {
           items: item.items && item.items.map(function (nestedItem) {
             return _objectSpread({
-              value: function value() {}
+              value: function value() {
+                return {};
+              }
             }, nestedItem);
           })
         });
@@ -7832,7 +7923,8 @@ var connectHierarchicalMenu = createConnectorWithContext({
     showMore: PropTypes__default['default'].bool,
     limit: PropTypes__default['default'].number,
     showMoreLimit: PropTypes__default['default'].number,
-    transformItems: PropTypes__default['default'].func
+    transformItems: PropTypes__default['default'].func,
+    facetOrdering: PropTypes__default['default'].bool
   },
   defaultProps: {
     showMore: false,
@@ -7840,12 +7932,14 @@ var connectHierarchicalMenu = createConnectorWithContext({
     showMoreLimit: 20,
     separator: ' > ',
     rootPath: null,
-    showParentLevel: true
+    showParentLevel: true,
+    facetOrdering: true
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
     var showMore = props.showMore,
         limit = props.limit,
-        showMoreLimit = props.showMoreLimit;
+        showMoreLimit = props.showMoreLimit,
+        facetOrdering = props.facetOrdering;
     var id = getId$c(props);
     var results = getResults(searchResults, {
       ais: props.contextValue,
@@ -7866,7 +7960,8 @@ var connectHierarchicalMenu = createConnectorWithContext({
 
     var itemsLimit = showMore ? showMoreLimit : limit;
     var value = results.getFacetValues(id, {
-      sortBy: sortBy$1
+      sortBy: sortBy$1,
+      facetOrdering: facetOrdering
     });
     var items = value.data ? transformValue(value.data, props, searchState, {
       ais: props.contextValue,
@@ -8418,17 +8513,20 @@ var connectMenu = createConnectorWithContext({
     showMoreLimit: PropTypes__default['default'].number,
     defaultRefinement: PropTypes__default['default'].string,
     transformItems: PropTypes__default['default'].func,
-    searchable: PropTypes__default['default'].bool
+    searchable: PropTypes__default['default'].bool,
+    facetOrdering: PropTypes__default['default'].bool
   },
   defaultProps: {
     showMore: false,
     limit: 10,
-    showMoreLimit: 20
+    showMoreLimit: 20,
+    facetOrdering: true
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults, meta, searchForFacetValuesResults) {
     var attribute = props.attribute,
         searchable = props.searchable,
-        indexContextValue = props.indexContextValue;
+        indexContextValue = props.indexContextValue,
+        facetOrdering = props.facetOrdering;
     var results = getResults(searchResults, {
       ais: props.contextValue,
       multiIndexContext: props.indexContextValue
@@ -8474,7 +8572,8 @@ var connectMenu = createConnectorWithContext({
       });
     } else {
       items = results.getFacetValues(attribute, {
-        sortBy: searchable ? undefined : defaultSortBy
+        sortBy: searchable ? undefined : defaultSortBy,
+        facetOrdering: facetOrdering
       }).map(function (v) {
         return {
           label: v.name,
@@ -9331,18 +9430,21 @@ var connectRefinementList = createConnectorWithContext({
     showMoreLimit: PropTypes__default['default'].number,
     defaultRefinement: PropTypes__default['default'].arrayOf(PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number])),
     searchable: PropTypes__default['default'].bool,
-    transformItems: PropTypes__default['default'].func
+    transformItems: PropTypes__default['default'].func,
+    facetOrdering: PropTypes__default['default'].bool
   },
   defaultProps: {
     operator: 'or',
     showMore: false,
     limit: 10,
-    showMoreLimit: 20
+    showMoreLimit: 20,
+    facetOrdering: true
   },
   getProvidedProps: function getProvidedProps(props, searchState, searchResults, metadata, searchForFacetValuesResults) {
     var attribute = props.attribute,
         searchable = props.searchable,
-        indexContextValue = props.indexContextValue;
+        indexContextValue = props.indexContextValue,
+        facetOrdering = props.facetOrdering;
     var results = getResults(searchResults, {
       ais: props.contextValue,
       multiIndexContext: props.indexContextValue
@@ -9383,7 +9485,8 @@ var connectRefinementList = createConnectorWithContext({
         isRefined: v.isRefined
       };
     }) : results.getFacetValues(attribute, {
-      sortBy: sortBy
+      sortBy: sortBy,
+      facetOrdering: facetOrdering
     }).map(function (v) {
       return {
         label: v.name,
@@ -10883,6 +10986,7 @@ function (_Component) {
 
       var _this$props4 = this.props,
           className = _this$props4.className,
+          inputId = _this$props4.inputId,
           translate = _this$props4.translate,
           autoFocus = _this$props4.autoFocus,
           loadingIndicator = _this$props4.loadingIndicator,
@@ -10910,6 +11014,7 @@ function (_Component) {
         role: "search"
       }, React__default['default'].createElement("input", index._extends({
         ref: this.onInputMount,
+        id: inputId,
         type: "search",
         placeholder: translate('placeholder'),
         autoFocus: autoFocus,
@@ -10961,7 +11066,8 @@ _defineProperty(SearchBox$1, "propTypes", {
   showLoadingIndicator: PropTypes__default['default'].bool,
   inputRef: PropTypes__default['default'].oneOfType([PropTypes__default['default'].func, PropTypes__default['default'].exact({
     current: PropTypes__default['default'].object
-  })])
+  })]),
+  inputId: PropTypes__default['default'].string
 });
 
 _defineProperty(SearchBox$1, "defaultProps", {
@@ -11600,9 +11706,11 @@ function (_Component) {
     value: function render() {
       var _this$props = this.props,
           cx = _this$props.cx,
+          id = _this$props.id,
           items = _this$props.items,
           selectedItem = _this$props.selectedItem;
       return React__default['default'].createElement("select", {
+        id: id,
         className: cx('select'),
         value: selectedItem,
         onChange: this.onChange
@@ -11622,6 +11730,7 @@ function (_Component) {
 
 _defineProperty(Select, "propTypes", {
   cx: PropTypes__default['default'].func.isRequired,
+  id: PropTypes__default['default'].string,
   onSelect: PropTypes__default['default'].func.isRequired,
   items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
     value: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number]).isRequired,
@@ -11649,6 +11758,7 @@ function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
+          id = _this$props.id,
           items = _this$props.items,
           currentRefinement = _this$props.currentRefinement,
           refine = _this$props.refine,
@@ -11656,6 +11766,7 @@ function (_Component) {
       return React__default['default'].createElement("div", {
         className: index.classnames(cx$h(''), className)
       }, React__default['default'].createElement(Select, {
+        id: id,
         onSelect: refine,
         selectedItem: currentRefinement,
         items: items,
@@ -11668,6 +11779,7 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(HitsPerPage, "propTypes", {
+  id: PropTypes__default['default'].string,
   items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
     value: PropTypes__default['default'].number.isRequired,
     label: PropTypes__default['default'].string
@@ -11690,6 +11802,7 @@ _defineProperty(HitsPerPage, "defaultProps", {
  *
  * @name HitsPerPage
  * @kind widget
+ * @propType {string} id - The id of the select input
  * @propType {{value: number, label: string}[]} items - List of available options.
  * @propType {number} defaultRefinement - The number of items selected by default
  * @propType {function} [transformItems] - Function to modify the items being displayed, e.g. for filtering or sorting them. Takes an items as parameter and expects it back in return.
@@ -12058,6 +12171,7 @@ function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
+          id = _this$props.id,
           items = _this$props.items,
           canRefine = _this$props.canRefine,
           translate = _this$props.translate,
@@ -12065,6 +12179,7 @@ function (_Component) {
       return React__default['default'].createElement("div", {
         className: index.classnames(cx$e('', !canRefine && '-noRefinement'), className)
       }, React__default['default'].createElement("select", {
+        id: id,
         value: this.selectedValue,
         onChange: this.handleSelectChange,
         className: cx$e('select')
@@ -12097,6 +12212,7 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(MenuSelect, "propTypes", {
+  id: PropTypes__default['default'].string,
   items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
     label: PropTypes__default['default'].string.isRequired,
     value: PropTypes__default['default'].string.isRequired,
@@ -12123,6 +12239,7 @@ var MenuSelect$1 = translatable({
  * @kind widget
  * @requirements The attribute passed to the `attribute` prop must be present in "attributes for faceting"
  * on the Algolia dashboard or configured as `attributesForFaceting` via a set settings call to the Algolia API.
+ * @propType {string} id - the id of the select input
  * @propType {string} attribute - the name of the attribute in the record
  * @propType {string} [defaultRefinement] - the value of the item selected by default
  * @propType {number} [limit=10] - the minimum number of diplayed items
@@ -13454,6 +13571,7 @@ connectScrollTo(ScrollTo);
  * @propType {node} [reset] - Change the apparence of the default reset button (cross).
  * @propType {node} [loadingIndicator] - Change the apparence of the default loading indicator (spinning circle).
  * @propType {string} [defaultRefinement] - Provide default refinement value when component is mounted.
+ * @propType {string} [inputId] - The id of the search input
  * @propType {boolean} [showLoadingIndicator=false] - Display that the search is loading. This only happens after a certain amount of time to avoid a blinking effect. This timer can be configured with `stalledSearchDelay` props on <InstantSearch>. By default, the value is 200ms.
  * @themeKey ais-SearchBox - the root div of the widget
  * @themeKey ais-SearchBox-form - the wrapping form
@@ -13604,6 +13722,7 @@ function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
+          id = _this$props.id,
           items = _this$props.items,
           currentRefinement = _this$props.currentRefinement,
           refine = _this$props.refine,
@@ -13611,6 +13730,7 @@ function (_Component) {
       return React__default['default'].createElement("div", {
         className: index.classnames(cx$4(''), className)
       }, React__default['default'].createElement(Select, {
+        id: id,
         cx: cx$4,
         items: items,
         selectedItem: currentRefinement,
@@ -13623,6 +13743,7 @@ function (_Component) {
 }(React.Component);
 
 _defineProperty(SortBy, "propTypes", {
+  id: PropTypes__default['default'].string,
   items: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
     label: PropTypes__default['default'].string,
     value: PropTypes__default['default'].string.isRequired
@@ -13642,6 +13763,7 @@ _defineProperty(SortBy, "defaultProps", {
  * @requirements Algolia handles sorting by creating replica indices. [Read more about sorting](https://www.algolia.com/doc/guides/relevance/sorting/) on
  * the Algolia website.
  * @kind widget
+ * @propType {string} id - The id of the select input
  * @propType {{value: string, label: string}[]} items - The list of indexes to search in.
  * @propType {string} defaultRefinement - The default selected index.
  * @propType {function} [transformItems] - Function to modify the items being displayed, e.g. for filtering or sorting them. Takes an items as parameter and expects it back in return.

package/dist/cjs/AuthWrapper.js

@@ -1767,7 +1767,7 @@ client$1.Provider;
 
 var client = client$1.default;
 
-var css = ".AuthWrapper-module_loginBox__3l-BE {\n  margin-bottom: 2rem;\n  width: 350px;\n  max-width: 90vw;\n  margin-left: auto;\n  margin-right: auto;\n  /* box-shadow: 2px 5px 12px rgba(0, 0, 0, 0.15); */\n  background: #fff;\n  z-index: 1;\n}\n.AuthWrapper-module_loginBox_title__12rGD {\n  margin-bottom: 2rem;\n  text-align: center;\n}\n.AuthWrapper-module_bar__1dafn {\n  background: #eee;\n  margin-left: unset;\n  margin-right: unset;\n}\n.AuthWrapper-module_bar__1dafn:nth-child(1) {\n  float: left;\n  border-right: 1rem solid #fff;\n  background: rgb(245, 245, 245);\n  height: 10rem;\n  width: 25%;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 2rem;\n}\n.AuthWrapper-module_bar__1dafn:nth-child(2n) {\n  width: 97%;\n  height: 1.5rem;\n  margin-bottom: 0.25rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(3n) {\n  width: 96%;\n  height: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(4n) {\n  width: 72%;\n  height: 1.5rem;\n  margin-bottom: 0.25rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(5n) {\n  width: 88%;\n  height: 1.5rem;\n  margin-bottom: 0.25rem;\n}\n\n.AuthWrapper-module_iframe__2wDJW {\n  margin-top: -3rem;\n  border: none;\n  width: 100%;\n  height: 1900px;\n}";
+var css = ".AuthWrapper-module_loginBox__3l-BE {\r\n  margin-bottom: 2rem;\r\n  width: 350px;\r\n  max-width: 90vw;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  /* box-shadow: 2px 5px 12px rgba(0, 0, 0, 0.15); */\r\n  background: #fff;\r\n  z-index: 1;\r\n}\r\n.AuthWrapper-module_loginBox_title__12rGD {\r\n  margin-bottom: 2rem;\r\n  text-align: center;\r\n}\r\n.AuthWrapper-module_bar__1dafn {\r\n  background: #eee;\r\n  margin-left: unset;\r\n  margin-right: unset;\r\n}\r\n.AuthWrapper-module_bar__1dafn:nth-child(1) {\r\n  float: left;\r\n  border-right: 1rem solid #fff;\r\n  background: rgb(245, 245, 245);\r\n  height: 10rem;\r\n  width: 25%;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  margin-bottom: 2rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn:nth-child(2n) {\r\n  width: 97%;\r\n  height: 1.5rem;\r\n  margin-bottom: 0.25rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(3n) {\r\n  width: 96%;\r\n  height: 1.5rem;\r\n  margin-bottom: 1.5rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(4n) {\r\n  width: 72%;\r\n  height: 1.5rem;\r\n  margin-bottom: 0.25rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(5n) {\r\n  width: 88%;\r\n  height: 1.5rem;\r\n  margin-bottom: 0.25rem;\r\n}\r\n\r\n.AuthWrapper-module_iframe__2wDJW {\r\n  margin-top: -3rem;\r\n  border: none;\r\n  width: 100%;\r\n  height: 1900px;\r\n}";
 var styles = { "loginBox": "AuthWrapper-module_loginBox__3l-BE", "loginBox_title": "AuthWrapper-module_loginBox_title__12rGD", "bar": "AuthWrapper-module_bar__1dafn", "iframe": "AuthWrapper-module_iframe__2wDJW" };
 styleInject_es.styleInject(css);
 

package/dist/cjs/ConferenceArticleCard.js

@@ -13,21 +13,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/*
-Example usage - targetedonc.com/latest-conference
-const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
-                    ...,
-                    title,
-                    summary,
-                    thumbnail,
-                    url,
-                    published,
-                    documentGroup->,
-                    contentCategory->,
-                    'pageNumber': ${currentPage}
-                  }`
-
-  const posts = await client.fetch(query, params)
+/*
+Example usage - targetedonc.com/latest-conference
+const query = `*[!(_id in path("drafts.**")) && _type == "article" && defined(title) && is_visible == true && published <= '${today}' && references('b49d36b8-aa56-4183-a2bc-1568c229fb72') ] | order(published desc) [$from...$to] {
+                    ...,
+                    title,
+                    summary,
+                    thumbnail,
+                    url,
+                    published,
+                    documentGroup->,
+                    contentCategory->,
+                    'pageNumber': ${currentPage}
+                  }`
+
+  const posts = await client.fetch(query, params)
 */
 
 var ConferenceArticleCard = function ConferenceArticleCard(props) {

package/dist/cjs/ContentCardPaginated.js

@@ -17,7 +17,7 @@ var index$1 = require('./index-eadd5035.js');
 var main = require('./main-f1c77adb.js');
 var entities = require('./entities-df1aed86.js');
 var ADInfeed = require('./ADInfeed-bce0ba07.js');
-var Pagination = require('./Pagination-885dcfbd.js');
+var Pagination = require('./Pagination-42f92f7c.js');
 var Spinner = require('react-bootstrap/Spinner');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -41,7 +41,6 @@ require('./toNumber-5e1fac58.js');
 require('./Beam.js');
 require('./stringify-f7a37a8d.js');
 require('./Segment.js');
-require('react-paginate');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');

package/dist/cjs/DeckContent.js

@@ -182,14 +182,14 @@ var DeckContent = function (_React$Component) {
             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
+            /* console.log('page change reported', {
+              currentPage: currentPage,
+              pageNumber: pageNumber,
+              pathname: pathname,
+              path: path,
+              newPath: newPath,
+              firstPage: pageNumber === 1,
+              queryString: queryString
             }) */
 
             if (pageview) {

package/dist/cjs/DeckQueuePaginated.js

@@ -18,7 +18,7 @@ var get = require('./get-5839e5b5.js');
 var main = require('./main-f1c77adb.js');
 var urlFor = require('./urlFor.js');
 var entities = require('./entities-df1aed86.js');
-var Pagination = require('./Pagination-885dcfbd.js');
+var Pagination = require('./Pagination-42f92f7c.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');
@@ -36,7 +36,6 @@ require('./isSymbol-03abbdf0.js');
 require('./eq-5fc26c07.js');
 require('./slicedToArray-067dd3bc.js');
 require('./index-d48b231c.js');
-require('react-paginate');
 require('react-bootstrap/Button');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');

package/dist/cjs/EventsDeck.js

@@ -256,23 +256,23 @@ var EventsDeck = function EventsDeck(_ref) {
     if (cventAccessToken && cventAccessToken !== 'undefined') {
       setAccessToken(cventAccessToken);
     } else {
-      /*const encodedData = window.btoa(clientId + ':' + clientSecret)
-      //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
-      const url = `https://api-platform.cvent.com/ea/oauth2/token`
-      fetch(url, {
-        headers: {
-          'Content-Type': 'application/x-www-form-urlencoded',
-          Authorization: `Basic ${encodedData}`
-        },
-        method: 'POST',
-        body: `grant_type=client_credentials&client_id=${clientId}`
-      })
-        .then((response) => response.json())
-        .then((json) => {
-          const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
-          Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
-          setAccessToken(json.access_token)
-        })
+      /*const encodedData = window.btoa(clientId + ':' + clientSecret)
+      //const url = `${corsProxy}https://api-platform.cvent.com/ea/oauth2/token`
+      const url = `https://api-platform.cvent.com/ea/oauth2/token`
+      fetch(url, {
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded',
+          Authorization: `Basic ${encodedData}`
+        },
+        method: 'POST',
+        body: `grant_type=client_credentials&client_id=${clientId}`
+      })
+        .then((response) => response.json())
+        .then((json) => {
+          const inOneHour = new Date(new Date().getTime() + 60 * 60 * 1000)
+          Cookies.set('cvent_access_token', json.access_token, { expires: inOneHour })
+          setAccessToken(json.access_token)
+        })
         .catch((e) => console.log(e))*/
       // hello
       var url = 'https://beam.mjhlifesciences.com/api/cvent/token';

package/dist/cjs/Feature.js

@@ -39,7 +39,7 @@ var Feature = function Feature(props) {
   };
 
   //image width updated.
-  var imageWidth = 450;
+  var imageWidth = 900;
   if (main.main_43) {
     imageWidth = 225;
   }
@@ -52,12 +52,12 @@ var Feature = function Feature(props) {
         React__default['default'].createElement(
           'a',
           { href: feature_link, target: '_blank' },
-          React__default['default'].createElement(
+          !!feature_title && React__default['default'].createElement(
             'h3',
             { style: { color: 'white' } },
             feature_title
           ),
-          React__default['default'].createElement(
+          !!feature_body && React__default['default'].createElement(
             'p',
             { style: { color: '#eee' } },
             feature_body
@@ -69,12 +69,12 @@ var Feature = function Feature(props) {
     return React__default['default'].createElement(
       'a',
       { href: feature_link },
-      React__default['default'].createElement(
+      !!feature_title && React__default['default'].createElement(
         'h3',
         { style: { color: 'white' } },
         feature_title
       ),
-      React__default['default'].createElement(
+      !!feature_body && React__default['default'].createElement(
         'p',
         { style: { color: '#eee' } },
         feature_body
@@ -82,6 +82,14 @@ var Feature = function Feature(props) {
     );
   };
 
+  var openLink = function openLink(feature_link) {
+    if (checkUrlIsExternal(feature_link)) {
+      window.open(feature_link, '_blank');
+    } else {
+      window.open(feature_link);
+    }
+  };
+
   return React__default['default'].createElement(
     'div',
     null,
@@ -97,7 +105,9 @@ var Feature = function Feature(props) {
 
         return React__default['default'].createElement(
           Carousel__default['default'].Item,
-          { key: index, style: { background: 'var(--primary)' } },
+          { key: index, style: { background: 'var(--primary)' }, onClick: function onClick() {
+              return openLink(feature_link);
+            } },
           React__default['default'].createElement('img', {
             style: { maxHeight: '375px', minHeight: '300px', objectFit: 'cover', paddingLeft: '50%' },
             className: 'd-block w-100',

package/dist/cjs/GridContentPaginated.js

@@ -24,7 +24,7 @@ var urlFor = require('./urlFor.js');
 var main = require('./main-f1c77adb.js');
 var AuthorComponent = require('./AuthorComponent-39b37d84.js');
 var PublicationFeature = require('./PublicationFeature-5ccf9b13.js');
-var Pagination = require('./Pagination-885dcfbd.js');
+var Pagination = require('./Pagination-42f92f7c.js');
 var Spinner = require('react-bootstrap/Spinner');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -49,7 +49,6 @@ require('./Segment.js');
 require('./eq-5fc26c07.js');
 require('./index-d48b231c.js');
 require('react-bootstrap/Button');
-require('react-paginate');
 require('./index.esm-d51c9ac6.js');
 require('./iconBase-be4097c0.js');
 

package/dist/cjs/HamMagazine.js

@@ -38,15 +38,15 @@ var Navbar__default = /*#__PURE__*/_interopDefaultLegacy(Navbar);
 var NavDropdown__default = /*#__PURE__*/_interopDefaultLegacy(NavDropdown);
 
 var HamMagazine = function HamMagazine(props) {
-  /*
-  Example Nav with acceptable props
-  <MagazineNav
-     showLogin
-     logo={props.settings.logo}
-     dataObject={props.cache.mainNavCache}
-     website={website}
-     subNav={props.cache.subNavCache}
-      />
+  /*
+  Example Nav with acceptable props
+  <MagazineNav
+     showLogin
+     logo={props.settings.logo}
+     dataObject={props.cache.mainNavCache}
+     website={website}
+     subNav={props.cache.subNavCache}
+      />
   */
 
   // Setting 'socialIconVariant' as 'light' as default to make the social icons and search icon black