npm - @mjhls/mjh-framework - Versions diffs - 1.0.189 → 1.0.191 - Mend

@mjhls/mjh-framework 1.0.189 → 1.0.191

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.js CHANGED Viewed

@@ -12,7 +12,7 @@ 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 Link = _interopDefault(require('next/link'));
+require('next/link');
 var Router = require('next/router');
 var Router__default = _interopDefault(Router);
 var Media = _interopDefault(require('react-bootstrap/Media'));
@@ -10536,14 +10536,10 @@ var DeckContent = function (_React$Component) {
               '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)
-              )
+              'a',
+              { href: '/authors/${url.current}', className: 'text-muted' },
+              displayName,
+              length !== index$$1 + 1 && React__default.createElement('br', null)
             )
           );
         } else if (displayName) {
@@ -10600,36 +10596,28 @@ var DeckContent = function (_React$Component) {
                   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 },
+                    'a',
+                    { href: _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 : ''
-                        })
-                      )
+                      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 },
+                      'a',
+                      { href: _this.mapping[contentCategoryName] + '/' + row.url.current },
                       React__default.createElement(
-                        'a',
+                        Card.Title,
                         null,
-                        React__default.createElement(
-                          Card.Title,
-                          null,
-                          row.title
-                        )
+                        row.title
                       )
                     ),
                     _this.props.showPublished && row.published && React__default.createElement(
@@ -11928,14 +11916,10 @@ var GridContent = function (_React$Component) {
               '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)
-              )
+              'a',
+              { href: '/authors/' + url.current, className: 'text-muted' },
+              displayName,
+              length !== index$$1 + 1 && React__default.createElement('br', null)
             )
           );
         } else if (displayName) {
@@ -12015,20 +11999,16 @@ var GridContent = function (_React$Component) {
                     Col,
                     { md: 12, lg: 4 },
                     React__default.createElement(
-                      Link,
-                      { href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
+                      'a',
+                      { href: _this2.page + '/' + get_1(row, 'url.current') },
                       React__default.createElement(
-                        'a',
-                        null,
-                        React__default.createElement(
-                          LazyLoad,
-                          { height: _this2.props.imageHeight },
-                          React__default.createElement(Card.Img, {
-                            variant: 'top',
-                            src: _this2.renderCardImage(row, page),
-                            alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
-                          })
-                        )
+                        LazyLoad,
+                        { height: _this2.props.imageHeight },
+                        React__default.createElement(Card.Img, {
+                          variant: 'top',
+                          src: _this2.renderCardImage(row, page),
+                          alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
+                        })
                       )
                     )
                   ),
@@ -12042,13 +12022,9 @@ var GridContent = function (_React$Component) {
                         Card.Title,
                         null,
                         React__default.createElement(
-                          Link,
-                          { href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
-                          React__default.createElement(
-                            'a',
-                            null,
-                            row.title
-                          )
+                          'a',
+                          { href: _this2.page + '/' + get_1(row, 'url.current') },
+                          row.title
                         )
                       ),
                       _this2.props.showPublished && row.published && React__default.createElement(
@@ -12158,36 +12134,28 @@ var GridContent = function (_React$Component) {
                       Card,
                       { className: 'content-card', style: { flexDirection: index$$1 === 0 || index$$1 % 4 === 0 ? 'top' : 'row' } },
                       (row.thumbnail && row.thumbnail.asset || _this2.props.defaultImage) && React__default.createElement(
-                        Link,
-                        { href: row.url.current },
+                        'a',
+                        { href: row.url.current, className: index$$1 === 0 || index$$1 % 4 === 0 ? '' : 'card-image' },
                         React__default.createElement(
-                          'a',
-                          { className: index$$1 === 0 || index$$1 % 4 === 0 ? '' : 'card-image' },
-                          React__default.createElement(
-                            LazyLoad,
-                            { height: _this2.props.imageHeight },
-                            React__default.createElement(Card.Img, {
-                              variant: 'top',
-                              src: _this2.renderCardImage(row, page),
-                              alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
-                            })
-                          )
+                          LazyLoad,
+                          { height: _this2.props.imageHeight },
+                          React__default.createElement(Card.Img, {
+                            variant: 'top',
+                            src: _this2.renderCardImage(row, page),
+                            alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
+                          })
                         )
                       ),
                       React__default.createElement(
                         Card.Body,
                         null,
                         React__default.createElement(
-                          Link,
+                          'a',
                           { href: row.url.current },
                           React__default.createElement(
-                            'a',
+                            Card.Title,
                             null,
-                            React__default.createElement(
-                              Card.Title,
-                              null,
-                              row.title
-                            )
+                            row.title
                           )
                         ),
                         _this2.props.showPublished && row.published && React__default.createElement(
@@ -12228,36 +12196,28 @@ var GridContent = function (_React$Component) {
                   Card,
                   { className: 'content-card', style: { flexDirection: index$$1 === 0 || index$$1 % 4 === 0 ? 'top' : 'row' } },
                   (row.thumbnail && row.thumbnail.asset || _this2.props.defaultImage) && React__default.createElement(
-                    Link,
-                    { href: linkHref },
+                    'a',
+                    { href: linkHref, className: index$$1 === 0 || index$$1 % 4 === 0 ? '' : 'card-image' },
                     React__default.createElement(
-                      'a',
-                      { className: index$$1 === 0 || index$$1 % 4 === 0 ? '' : 'card-image' },
-                      React__default.createElement(
-                        LazyLoad,
-                        { height: _this2.props.imageHeight },
-                        React__default.createElement(Card.Img, {
-                          variant: 'top',
-                          src: _this2.renderCardImage(row, page),
-                          alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
-                        })
-                      )
+                      LazyLoad,
+                      { height: _this2.props.imageHeight },
+                      React__default.createElement(Card.Img, {
+                        variant: 'top',
+                        src: _this2.renderCardImage(row, page),
+                        alt: row.thumbnail && row.thumbnail.asset ? row.thumbnail.asset.originalFilename : ''
+                      })
                     )
                   ),
                   React__default.createElement(
                     Card.Body,
                     null,
                     React__default.createElement(
-                      Link,
+                      'a',
                       { href: linkHref },
                       React__default.createElement(
-                        'a',
+                        Card.Title,
                         null,
-                        React__default.createElement(
-                          Card.Title,
-                          null,
-                          row.title
-                        )
+                        row.title
                       )
                     ),
                     _this2.props.showPublished && row.published && React__default.createElement(
@@ -12564,8 +12524,8 @@ var DeckQueue = function (_React$Component) {
                       Col,
                       { md: 12, lg: 4 },
                       React__default.createElement(
-                        Link,
-                        { href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
+                        'a',
+                        { href: _this2.page + '/' + get_1(row, 'url.current') },
                         React__default.createElement(
                           LazyLoad,
                           { height: _this2.props.imageHeight },
@@ -12583,8 +12543,8 @@ var DeckQueue = function (_React$Component) {
                           Card.Title,
                           null,
                           React__default.createElement(
-                            Link,
-                            { href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
+                            'a',
+                            { href: _this2.page + '/' + get_1(row, 'url.current') },
                             row.title
                           )
                         ),
@@ -12598,7 +12558,7 @@ var DeckQueue = function (_React$Component) {
                           null,
                           'Recent : ',
                           React__default.createElement(
-                            Link,
+                            'a',
                             { href: 'view/' + row.recent.url.current },
                             row.recent.title
                           )
@@ -12607,8 +12567,8 @@ var DeckQueue = function (_React$Component) {
                           Card.Text,
                           null,
                           React__default.createElement(
-                            Link,
-                            { href: _this2.page + '/[url]', as: _this2.page + '/' + get_1(row, 'url.current') },
+                            'a',
+                            { href: _this2.page + '/' + get_1(row, 'url.current') },
                             clean_html_1(row.summary)
                           )
                         )
@@ -12805,16 +12765,12 @@ var TaxonomyCard = function TaxonomyCard(props) {
                     Col,
                     null,
                     row.url ? React__default.createElement(
-                      Link,
-                      { href: row.url, as: row.url },
+                      'a',
+                      { href: row.url },
                       React__default.createElement(
-                        'a',
+                        Card.Title,
                         null,
-                        React__default.createElement(
-                          Card.Title,
-                          null,
-                          row.name
-                        )
+                        row.name
                       )
                     ) : React__default.createElement(
                       Card.Title,
@@ -12964,34 +12920,30 @@ var GroupDeck = function GroupDeck(props) {
               'div',
               { key: index, className: 'tile' },
               React__default.createElement(
-                Link,
+                'a',
                 { href: _url },
                 React__default.createElement(
-                  'a',
-                  null,
-                  React__default.createElement(
-                    'div',
-                    { className: 'tile__media' },
-                    React__default.createElement('img', { className: 'tile__img', src: video.thumbnail, alt: '' })
-                  ),
+                  'div',
+                  { className: 'tile__media' },
+                  React__default.createElement('img', { className: 'tile__img', src: video.thumbnail, alt: '' })
+                ),
+                React__default.createElement(
+                  'div',
+                  { className: 'tile__details' },
                   React__default.createElement(
                     'div',
-                    { className: 'tile__details' },
+                    { className: 'tile__title' },
                     React__default.createElement(
                       'div',
-                      { className: 'tile__title' },
-                      React__default.createElement(
-                        'div',
-                        { style: { color: variant }, className: 'tile__title_text' },
-                        video.title
-                      )
+                      { style: { color: variant }, className: 'tile__title_text' },
+                      video.title
                     )
-                  ),
-                  React__default.createElement(
-                    'div',
-                    { style: { color: variant }, className: 'tile__info' },
-                    video.title
                   )
+                ),
+                React__default.createElement(
+                  'div',
+                  { style: { color: variant }, className: 'tile__info' },
+                  video.title
                 )
               )
             );
@@ -13168,50 +13120,46 @@ var YoutubeGroup = function YoutubeGroup(props) {
               'div',
               { key: index, className: 'tile' },
               React__default.createElement(
-                Link,
+                'a',
                 { href: _url },
                 React__default.createElement(
-                  'a',
-                  null,
+                  'div',
+                  { className: 'tile__media' },
                   React__default.createElement(
-                    'div',
-                    { className: 'tile__media' },
-                    React__default.createElement(
-                      LazyLoad,
-                      null,
-                      React__default.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '' })
-                    )
-                  ),
+                    LazyLoad,
+                    null,
+                    React__default.createElement('img', { className: 'tile__img', src: _thumbnail, alt: '' })
+                  )
+                ),
+                React__default.createElement(
+                  'div',
+                  { className: 'tile__details' },
                   React__default.createElement(
                     'div',
-                    { className: 'tile__details' },
+                    { className: 'tile__title' },
                     React__default.createElement(
                       'div',
-                      { className: 'tile__title' },
-                      React__default.createElement(
-                        'div',
-                        { style: { color: variant }, className: 'tile__title_text' },
-                        video.title
-                      )
-                    )
-                  ),
-                  React__default.createElement(
-                    'div',
-                    { style: { color: variant }, className: 'tile__info' },
-                    props.displayEpisodeNumber ? React__default.createElement(
-                      'span',
-                      null,
-                      React__default.createElement(
-                        'span',
-                        { style: { fontWeight: 'bold' } },
-                        'Ep. ',
-                        index + 1,
-                        ':'
-                      ),
-                      ' ',
+                      { style: { color: variant }, className: 'tile__title_text' },
                       video.title
-                    ) : video.title
+                    )
                   )
+                ),
+                React__default.createElement(
+                  'div',
+                  { style: { color: variant }, className: 'tile__info' },
+                  props.displayEpisodeNumber ? React__default.createElement(
+                    'span',
+                    null,
+                    React__default.createElement(
+                      'span',
+                      { style: { fontWeight: 'bold' } },
+                      'Ep. ',
+                      index + 1,
+                      ':'
+                    ),
+                    ' ',
+                    video.title
+                  ) : video.title
                 )
               )
             );
@@ -13340,14 +13288,10 @@ var renderAuthor = function renderAuthor(authorDetail, index$$1, length) {
           '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)
-          )
+          'a',
+          { href: '/authors/' + url.current, className: 'text-muted' },
+          displayName,
+          length !== index$$1 + 1 && React__default.createElement('br', null)
         )
       );
     } else if (displayName) {
@@ -13478,32 +13422,24 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     className: 'feature-media',
                     style: { flexDirection: 'column', marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
                   (article.thumbnail && article.thumbnail.asset || defaultImage) && React__default.createElement(
-                    Link,
-                    { href: article.url.current },
+                    'a',
+                    { href: article.url.current, className: 'feature-wrapper' },
                     React__default.createElement(
-                      'a',
-                      { className: 'feature-wrapper' },
-                      React__default.createElement(
-                        LazyLoad,
-                        { height: imageHeight },
-                        article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
-                      )
+                      LazyLoad,
+                      { height: imageHeight },
+                      article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
                     )
                   ),
                   React__default.createElement(
                     reactBootstrap.Media.Body,
                     null,
                     React__default.createElement(
-                      Link,
+                      'a',
                       { href: article.url.current },
-                      React__default.createElement(
-                        'a',
-                        null,
-                        article.title && React__default.createElement(
-                          'h4',
-                          { className: 'card-title', style: { fontWeight: '500', color: 'var(--gray-dark)', marginBottom: '.5rem' } },
-                          article.title
-                        )
+                      article.title && React__default.createElement(
+                        'h4',
+                        { className: 'card-title', style: { fontWeight: '500', color: 'var(--gray-dark)', marginBottom: '.5rem' } },
+                        article.title
                       )
                     ),
                     showPublished && article.published && React__default.createElement(
@@ -13560,32 +13496,24 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                 key: article._id ? article._id : index$$1,
                 style: { flexDirection: 'row', marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
               (article.thumbnail && article.thumbnail.asset || defaultImage) && React__default.createElement(
-                Link,
-                { href: mapping[contentCategoryName] + '/[url]', as: mapping[contentCategoryName] + '/' + article.url.current },
+                'a',
+                { href: mapping[contentCategoryName] + '/' + article.url.current, className: 'img-wrapper' },
                 React__default.createElement(
-                  'a',
-                  { className: 'img-wrapper' },
-                  React__default.createElement(
-                    LazyLoad,
-                    { height: imageHeight },
-                    article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
-                  )
+                  LazyLoad,
+                  { height: imageHeight },
+                  article.thumbnail && article.thumbnail.asset ? React__default.createElement('img', { className: 'mr-3 img-fluid', src: renderCardImage(article, builder, imageHeight, imageWidth), alt: article.title }) : article.thumbnail ? React__default.createElement('img', { src: article.thumbnail, className: 'mr-3', alt: article.title }) : React__default.createElement('img', { src: defaultImage, src2: article.thumbnail, className: 'mr-3', width: '240', height: '135', alt: article.title })
                 )
               ),
               React__default.createElement(
                 reactBootstrap.Media.Body,
                 null,
                 React__default.createElement(
-                  Link,
-                  { href: mapping[contentCategoryName] + '/[url]', as: mapping[contentCategoryName] + '/' + article.url.current },
-                  React__default.createElement(
-                    'a',
-                    null,
-                    article.title && React__default.createElement(
-                      'h4',
-                      { className: 'card-title', style: { fontWeight: '500', color: 'var(--gray-dark)', marginBottom: '.5rem' } },
-                      article.title
-                    )
+                  'a',
+                  { href: mapping[contentCategoryName] + '/' + article.url.current },
+                  article.title && React__default.createElement(
+                    'h4',
+                    { className: 'card-title', style: { fontWeight: '500', color: 'var(--gray-dark)', marginBottom: '.5rem' } },
+                    article.title
                   )
                 ),
                 showPublished && article.published && React__default.createElement(
@@ -14053,17 +13981,13 @@ var VideoSeriesListing = function (_React$Component) {
               'h4',
               { className: 'video-title-banner', style: { fontWeight: 'bold', color: 'var(--primary)', padding: '.25rem 0', borderBottom: '2px solid var(--gold)' } },
               React__default.createElement(
-                Link,
+                'a',
                 { href: '/' + _this.props.page + '/' + docSeries.url.current },
+                docSeries.title,
                 React__default.createElement(
-                  'a',
-                  null,
-                  docSeries.title,
-                  React__default.createElement(
-                    'span',
-                    { style: { fontSize: '.9rem', color: 'grey', marginLeft: '1rem', transform: 'translateY(-2px)' } },
-                    React__default.createElement(IoIosArrowForward, null)
-                  )
+                  'span',
+                  { style: { fontSize: '.9rem', color: 'grey', marginLeft: '1rem', transform: 'translateY(-2px)' } },
+                  React__default.createElement(IoIosArrowForward, null)
                 )
               )
             ),
@@ -14205,20 +14129,6 @@ var MasterDeck = function (_React$Component) {
           };
         }
       });
-    }, _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$props2 = _this.props,
           seoPaginate = _this$props2.seoPaginate,
@@ -14289,69 +14199,24 @@ var MasterDeck = function (_React$Component) {
           });
         }
       }
-    }, _this.renderAuthor = function (authorDetail, index$$1, length) {
-      if (authorDetail) {
-        var _id = authorDetail._id,
-            displayName = authorDetail.displayName,
-            url = authorDetail.url;
+    }, _this.cardLoader = function (page, columns, variant) {
+      var numberOfItemsBeforeAd = 6;
+      return React__default.createElement(
+        Row,
+        null,
+        _this.state.data && _this.state.data.map(function (row, index$$1) {
+          var pageNumber = row.pageNumber || _this.state.page;
-        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 numberOfItemsBeforeAd = 6;
-      return React__default.createElement(
-        Row,
-        null,
-        _this.state.data && _this.state.data.map(function (row, index$$1) {
-          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: index$$1 },
+            React__default.Fragment,
+            { key: index$$1 },
             React__default.createElement(
               VisibilitySensor,
               {
                 onChange: function onChange(isVisible) {
                   isVisible && _this.changePageNumber(pageNumber);
                 } },
-              React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index$$1 })
+              React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index$$1, client: _this.props.client })
             ),
             main_36 && _this.rightItems && (index$$1 + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
               'div',
@@ -14521,29 +14386,25 @@ var PublicationDeck = function PublicationDeck(props) {
           Card,
           { className: 'block-card', style: { width: '200px' } },
           React__default.createElement(
-            Link,
+            'a',
             { href: href + '/' + row.identifier.current },
+            row.childIssue && row.childIssue.thumbnail && React__default.createElement(
+              LazyLoad,
+              { height: imageHeight },
+              React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), alt: row.name })
+            ),
             React__default.createElement(
-              'a',
+              Card.Body,
               null,
-              row.childIssue && row.childIssue.thumbnail && React__default.createElement(
-                LazyLoad,
-                { height: imageHeight },
-                React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), alt: row.name })
-              ),
               React__default.createElement(
-                Card.Body,
+                Card.Title,
                 null,
-                React__default.createElement(
-                  Card.Title,
-                  null,
-                  row.name
-                ),
-                React__default.createElement(
-                  Button,
-                  { variant: 'secondary' },
-                  'Browse Issues'
-                )
+                row.name
+              ),
+              React__default.createElement(
+                Button,
+                { variant: 'secondary' },
+                'Browse Issues'
               )
             )
           )
@@ -14593,19 +14454,15 @@ var IssueDeck = function IssueDeck(props) {
             Row,
             { style: { flexDirection: 'left' } },
             React__default.createElement(
-              Link,
+              'a',
               { href: href + '/' + publication + '/' + row.identifier.current },
               React__default.createElement(
-                'a',
-                null,
-                React__default.createElement(
-                  Col,
-                  { md: 12, lg: 4, className: 'body-image' },
-                  row.thumbnail && React__default.createElement(
-                    LazyLoad,
-                    { height: imageHeight },
-                    React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name })
-                  )
+                Col,
+                { md: 12, lg: 4, className: 'body-image' },
+                row.thumbnail && React__default.createElement(
+                  LazyLoad,
+                  { height: imageHeight },
+                  React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name })
                 )
               )
             ),
@@ -14633,16 +14490,12 @@ var IssueDeck = function IssueDeck(props) {
                   row.number
                 ),
                 React__default.createElement(
-                  Link,
+                  'a',
                   { href: href + '/' + publication + '/' + row.identifier.current },
                   React__default.createElement(
-                    'a',
-                    null,
-                    React__default.createElement(
-                      Button,
-                      { style: { marginTop: '20px' }, variant: 'secondary' },
-                      'View Issue'
-                    )
+                    Button,
+                    { style: { marginTop: '20px' }, variant: 'secondary' },
+                    'View Issue'
                   )
                 ),
                 row.pdf && row.pdf.asset && React__default.createElement(
@@ -14694,29 +14547,25 @@ var IssueContentDeck = function IssueContentDeck(props) {
           Card,
           null,
           React__default.createElement(
-            Link,
-            { href: '/view/[url]', as: '/view/' + row.url.current },
+            'a',
+            { href: '/view/' + row.url.current },
+            row.thumbnail && React__default.createElement(
+              LazyLoad,
+              { height: imageHeight },
+              React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.title })
+            ),
             React__default.createElement(
-              'a',
+              Card.Body,
               null,
-              row.thumbnail && React__default.createElement(
-                LazyLoad,
-                { height: imageHeight },
-                React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.title })
-              ),
+              row.issueSection && row.issueSection.name ? React__default.createElement(
+                Badge,
+                { variant: 'success' },
+                row.issueSection && row.issueSection.name.name
+              ) : '',
               React__default.createElement(
-                Card.Body,
+                Card.Title,
                 null,
-                row.issueSection && row.issueSection.name ? React__default.createElement(
-                  Badge,
-                  { variant: 'success' },
-                  row.issueSection && row.issueSection.name.name
-                ) : '',
-                React__default.createElement(
-                  Card.Title,
-                  null,
-                  row.title
-                )
+                row.title
               )
             )
           )
@@ -15387,13 +15236,9 @@ var SideFooter = function SideFooter(props) {
             'li',
             { key: index },
             React__default.createElement(
-              Link,
+              'a',
               { href: row.url },
-              React__default.createElement(
-                'a',
-                null,
-                row.title
-              )
+              row.title
             )
           );
         }
@@ -15509,13 +15354,9 @@ var LeftNav = function LeftNav(props) {
       );
     }
     return React__default.createElement(
-      Link,
-      { href: subRow.url || '#' },
-      React__default.createElement(
-        'a',
-        { target: subRow.blank ? '_blank' : '_self' },
-        subRow.name
-      )
+      'a',
+      { href: subRow.url || '#', target: subRow.blank ? '_blank' : '_self' },
+      subRow.name
     );
   };
@@ -15640,7 +15481,7 @@ var Column3 = function Column3(props) {
         Col,
         { md: true, className: 'leftCol', style: { width: '200px' } },
         React__default.createElement(LeftNav, { leftItems: leftItems }),
-        website && website.sideFooterContent && website.sideFooterContent.length && website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website, logo: logo })
+        website && website.sideFooterContent && website.sideFooterContent.length && website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website, cache: website.cache, logo: logo })
       ),
       React__default.createElement(
         Col,
@@ -15684,7 +15525,7 @@ var Column3 = function Column3(props) {
               row.component
             );
           }),
-          website && website.sideFooterContent && website.sideFooterContent.length && !website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website, logo: logo })
+          website && website.sideFooterContent && website.sideFooterContent.length && !website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website, cache: website.cache, logo: logo })
         )
       )
     )
@@ -15755,7 +15596,7 @@ var AccordionPanel = function AccordionPanel(props) {
             CustomToggle,
             { key: item.id, eventKey: item.id },
             React__default.createElement(
-              Link,
+              'a',
               { href: item.url },
               React__default.createElement(
                 React__default.Fragment,
@@ -15773,7 +15614,7 @@ var AccordionPanel = function AccordionPanel(props) {
               null,
               item.subItems && item.subItems.map(function (subItem) {
                 return React__default.createElement(
-                  Link,
+                  'a',
                   { href: subItem.url },
                   React__default.createElement(
                     'div',
@@ -15937,13 +15778,9 @@ var NavFooter = function NavFooter(props) {
             'li',
             { key: index },
             React__default.createElement(
-              Link,
-              { href: content.url },
-              React__default.createElement(
-                'a',
-                { className: 'nav-link' },
-                content.title
-              )
+              'a',
+              { href: content.url, className: 'nav-link' },
+              content.title
             )
           );
         } else return null;
@@ -15995,13 +15832,9 @@ var SocialNavFooter = function SocialNavFooter(props) {
             'li',
             { key: index },
             React__default.createElement(
-              Link,
-              { href: content.url },
-              React__default.createElement(
-                'a',
-                { className: 'nav-link' },
-                content.title
-              )
+              'a',
+              { href: content.url, className: 'nav-link' },
+              content.title
             )
           );
         } else return null;
@@ -16128,17 +15961,13 @@ var NavMagazine = function NavMagazine(props) {
             Nav.Item,
             { id: 'nav-mobile-register', className: 'hide-on-login', style: { display: 'none' } },
             React__default.createElement(
-              Link,
+              'a',
               { href: '/register' },
               React__default.createElement(
-                'a',
-                null,
-                React__default.createElement(
-                  'div',
-                  { className: 'px-2 py-2' },
-                  React__default.createElement(MdEmail, null),
-                  ' Register'
-                )
+                'div',
+                { className: 'px-2 py-2' },
+                React__default.createElement(MdEmail, null),
+                ' Register'
               )
             )
           ),
@@ -16146,13 +15975,9 @@ var NavMagazine = function NavMagazine(props) {
             Nav.Item,
             { className: 'nav-mobile-logo' },
             React__default.createElement(
-              Link,
+              'a',
               { href: '/' },
-              React__default.createElement(
-                'a',
-                null,
-                mobileLogo && screenWidth < 776 ? React__default.createElement('img', { src: mobileLogo }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '55px' } })
-              )
+              mobileLogo && screenWidth < 776 ? React__default.createElement('img', { src: mobileLogo }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '55px' } })
             )
           ),
           showLogin && React__default.createElement(
@@ -16194,17 +16019,13 @@ var NavMagazine = function NavMagazine(props) {
               Nav.Item,
               { className: 'hide-on-login', style: { display: 'none' } },
               React__default.createElement(
-                Link,
+                'a',
                 { href: '/register' },
                 React__default.createElement(
-                  'a',
-                  null,
-                  React__default.createElement(
-                    'div',
-                    { className: 'px-2 py-2 mr-2', id: 'nav-register' },
-                    React__default.createElement(MdEmail, null),
-                    ' Register'
-                  )
+                  'div',
+                  { className: 'px-2 py-2 mr-2', id: 'nav-register' },
+                  React__default.createElement(MdEmail, null),
+                  ' Register'
                 )
               )
             ),
@@ -16269,13 +16090,9 @@ var NavMagazine = function NavMagazine(props) {
                     } else {
                       if (ddRow.url && ddRow.name) {
                         return ddRow.url && ddRow.name ? React__default.createElement(
-                          Link,
-                          { key: subIndex, href: ddRow.url },
-                          React__default.createElement(
-                            'a',
-                            { target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
-                            ddRow.name
-                          )
+                          'a',
+                          { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                          ddRow.name
                         ) : null;
                       } else return null;
                     }
@@ -16283,13 +16100,9 @@ var NavMagazine = function NavMagazine(props) {
                 ) : null;
               } else {
                 return row.url && row.name ? React__default.createElement(
-                  Link,
-                  { key: index, href: row.url },
-                  React__default.createElement(
-                    'a',
-                    { target: row.blank ? '_blank' : '_self', className: 'nav-link' },
-                    row.name
-                  )
+                  'a',
+                  { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
+                  row.name
                 ) : null;
               }
             })
@@ -16299,13 +16112,9 @@ var NavMagazine = function NavMagazine(props) {
           Navbar.Collapse,
           { id: 'basic-navbar-nav' },
           isSticky && React__default.createElement(
-            Link,
+            'a',
             { href: '/' },
-            React__default.createElement(
-              'a',
-              null,
-              React__default.createElement(IoIosHome, { size: 20, className: 'sticky-home', color: '#fff' })
-            )
+            React__default.createElement(IoIosHome, { size: 20, className: 'sticky-home', color: '#fff' })
           ),
           React__default.createElement(
             Nav,
@@ -16320,26 +16129,18 @@ var NavMagazine = function NavMagazine(props) {
                       return React__default.createElement(NavDropdown.Divider, { key: subIndex });
                     } else {
                       return ddRow.url && ddRow.name ? React__default.createElement(
-                        Link,
-                        { key: subIndex, href: ddRow.url },
-                        React__default.createElement(
-                          'a',
-                          { target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
-                          ddRow.name
-                        )
+                        'a',
+                        { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                        ddRow.name
                       ) : null;
                     }
                   })
                 ) : null;
               } else {
                 return row.url && row.name ? React__default.createElement(
-                  Link,
-                  { key: index, href: row.url },
-                  React__default.createElement(
-                    'a',
-                    { target: row.blank ? '_blank' : '_self', className: 'nav-link' },
-                    row.name
-                  )
+                  'a',
+                  { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
+                  row.name
                 ) : null;
               }
             })
@@ -16441,13 +16242,9 @@ var NavNative = function NavNative(props) {
           Navbar.Brand,
           { id: 'nav-mobile-sm', className: 'nav-mobile-logo' },
           React__default.createElement(
-            Link,
+            'a',
             { href: '/' },
-            React__default.createElement(
-              'a',
-              null,
-              mobileLogo && screenWidth < 1200 ? React__default.createElement('img', { src: mobileLogo }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '50px' } })
-            )
+            mobileLogo && screenWidth < 1200 ? React__default.createElement('img', { src: mobileLogo }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '50px' } })
           )
         ),
         React__default.createElement(
@@ -16458,13 +16255,9 @@ var NavNative = function NavNative(props) {
             Navbar.Brand,
             { id: 'nav-mobile-md', className: 'nav-mobile-logo' },
             React__default.createElement(
-              Link,
+              'a',
               { href: '/' },
-              React__default.createElement(
-                'a',
-                null,
-                mobileLogo && screenWidth < 1200 ? React__default.createElement('img', { src: mobileLogo }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '50px' } })
-              )
+              mobileLogo && screenWidth < 1200 ? React__default.createElement('img', { src: mobileLogo }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '50px' } })
             )
           ),
           React__default.createElement(Search, { device: 'mobile' })
@@ -16486,13 +16279,9 @@ var NavNative = function NavNative(props) {
                     } else {
                       if (ddRow.url && ddRow.name) {
                         return ddRow.url && ddRow.name ? React__default.createElement(
-                          Link,
-                          { key: subIndex, href: ddRow.url },
-                          React__default.createElement(
-                            'a',
-                            { target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
-                            ddRow.name
-                          )
+                          'a',
+                          { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                          ddRow.name
                         ) : null;
                       } else return null;
                     }
@@ -16500,13 +16289,9 @@ var NavNative = function NavNative(props) {
                 ) : null;
               } else {
                 return row.url && row.name ? React__default.createElement(
-                  Link,
-                  { key: index, href: row.url },
-                  React__default.createElement(
-                    'a',
-                    { target: row.blank ? '_blank' : '_self', className: 'nav-link' },
-                    row.name
-                  )
+                  'a',
+                  { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
+                  row.name
                 ) : null;
               }
             })
@@ -16528,26 +16313,18 @@ var NavNative = function NavNative(props) {
                       return React__default.createElement(NavDropdown.Divider, { key: subIndex });
                     } else {
                       return ddRow.url && ddRow.name ? React__default.createElement(
-                        Link,
-                        { key: subIndex, href: ddRow.url },
-                        React__default.createElement(
-                          'a',
-                          { target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
-                          ddRow.name
-                        )
+                        'a',
+                        { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                        ddRow.name
                       ) : null;
                     }
                   })
                 ) : null;
               } else {
                 return row.url && row.name ? React__default.createElement(
-                  Link,
-                  { key: index, href: row.url },
-                  React__default.createElement(
-                    'a',
-                    { target: row.blank ? '_blank' : '_self', className: 'nav-link' },
-                    row.name
-                  )
+                  'a',
+                  { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
+                  row.name
                 ) : null;
               }
             })
@@ -16669,13 +16446,9 @@ var NavDvm = function NavDvm(props) {
     }
     return React__default.createElement(
-      Link,
-      { key: key, href: url || '#' },
-      React__default.createElement(
-        'a',
-        { target: blank ? '_blank' : '_self', className: className },
-        name
-      )
+      'a',
+      { key: key, href: url || '#', target: blank ? '_blank' : '_self', className: className },
+      name
     );
   };
@@ -16695,13 +16468,9 @@ var NavDvm = function NavDvm(props) {
             Nav.Item,
             null,
             React__default.createElement(
-              Link,
+              'a',
               { href: '/' },
-              React__default.createElement(
-                'a',
-                null,
-                React__default.createElement('img', { src: logo, style: { height: '55px' } })
-              )
+              React__default.createElement('img', { src: logo, style: { height: '55px' } })
             )
           )
         )
@@ -16714,13 +16483,9 @@ var NavDvm = function NavDvm(props) {
         Container,
         { className: 'mobile-nav position-relative' },
         mobileLogo && React__default.createElement(
-          Link,
-          { href: '/' },
-          React__default.createElement(
-            'a',
-            { className: 'mobile-logo' },
-            React__default.createElement('img', { src: mobileLogo })
-          )
+          'a',
+          { href: '/', className: 'mobile-logo' },
+          React__default.createElement('img', { src: mobileLogo })
         ),
         React__default.createElement(Navbar.Toggle, { 'aria-controls': 'basic-navbar-nav' }),
         React__default.createElement(
@@ -16766,13 +16531,9 @@ var NavDvm = function NavDvm(props) {
                     } else {
                       if (ddRow.url && ddRow.name) {
                         return ddRow.url && ddRow.name ? React__default.createElement(
-                          Link,
-                          { key: subIndex, href: ddRow.url },
-                          React__default.createElement(
-                            'a',
-                            { target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
-                            ddRow.name
-                          )
+                          'a',
+                          { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                          ddRow.name
                         ) : null;
                       } else return null;
                     }
@@ -16780,13 +16541,9 @@ var NavDvm = function NavDvm(props) {
                 ) : null;
               } else {
                 return row.url && row.name ? React__default.createElement(
-                  Link,
-                  { key: index, href: row.url },
-                  React__default.createElement(
-                    'a',
-                    { target: row.blank ? '_blank' : '_self', className: 'nav-link' },
-                    row.name
-                  )
+                  'a',
+                  { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
+                  row.name
                 ) : null;
               }
             })
@@ -16908,17 +16665,13 @@ var HamMagazine = function HamMagazine(props) {
             Nav.Item,
             { id: 'nav-mobile-register', className: 'hide-on-login', style: { display: 'none' } },
             React__default.createElement(
-              Link,
+              'a',
               { href: '/register' },
               React__default.createElement(
-                'a',
-                null,
-                React__default.createElement(
-                  'div',
-                  { className: 'px-2 py-2' },
-                  React__default.createElement(MdEmail, null),
-                  ' Register'
-                )
+                'div',
+                { className: 'px-2 py-2' },
+                React__default.createElement(MdEmail, null),
+                ' Register'
               )
             )
           ),
@@ -16926,13 +16679,9 @@ var HamMagazine = function HamMagazine(props) {
             Nav.Item,
             { className: 'nav-mobile-logo' },
             React__default.createElement(
-              Link,
+              'a',
               { href: '/' },
-              React__default.createElement(
-                'a',
-                null,
-                mobileLogo && screenWidth < 776 ? React__default.createElement('img', { src: mobileLogo }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '55px' } })
-              )
+              mobileLogo && screenWidth < 776 ? React__default.createElement('img', { src: mobileLogo }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '55px' } })
             )
           ),
           showLogin && React__default.createElement(
@@ -16974,17 +16723,13 @@ var HamMagazine = function HamMagazine(props) {
               Nav.Item,
               { className: 'hide-on-login', style: { display: 'none' } },
               React__default.createElement(
-                Link,
+                'a',
                 { href: '/register' },
                 React__default.createElement(
-                  'a',
-                  null,
-                  React__default.createElement(
-                    'div',
-                    { className: 'px-2 py-2 mr-2', id: 'nav-register' },
-                    React__default.createElement(MdEmail, null),
-                    ' Register'
-                  )
+                  'div',
+                  { className: 'px-2 py-2 mr-2', id: 'nav-register' },
+                  React__default.createElement(MdEmail, null),
+                  ' Register'
                 )
               )
             ),
@@ -17022,7 +16767,7 @@ var HamMagazine = function HamMagazine(props) {
     ),
     React__default.createElement(
       Navbar,
-      { variant: 'dark', expand: 'lg', bg: 'primary', ref: navRef, style: { width: '100%' } },
+      { variant: 'dark', expand: 'xl', bg: 'primary', ref: navRef, style: { width: '100%' } },
       React__default.createElement(
         Container,
         { className: 'mobile-nav' },
@@ -17057,13 +16802,9 @@ var HamMagazine = function HamMagazine(props) {
                       } else {
                         if (ddRow.url && ddRow.name) {
                           return ddRow.url && ddRow.name ? React__default.createElement(
-                            Link,
-                            { key: subIndex, href: ddRow.url },
-                            React__default.createElement(
-                              'a',
-                              { target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
-                              ddRow.name
-                            )
+                            'a',
+                            { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item' },
+                            ddRow.name
                           ) : null;
                         } else return null;
                       }
@@ -17071,13 +16812,9 @@ var HamMagazine = function HamMagazine(props) {
                   ) : null;
                 } else {
                   return row.url && row.name ? React__default.createElement(
-                    Link,
-                    { key: index, href: row.url },
-                    React__default.createElement(
-                      'a',
-                      { target: row.blank ? '_blank' : '_self', className: 'nav-link' },
-                      row.name
-                    )
+                    'a',
+                    { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
+                    row.name
                   ) : null;
                 }
               })
@@ -17087,13 +16824,9 @@ var HamMagazine = function HamMagazine(props) {
             Navbar.Collapse,
             { id: 'basic-navbar-nav' },
             isSticky && React__default.createElement(
-              Link,
+              'a',
               { href: '/' },
-              React__default.createElement(
-                'a',
-                null,
-                React__default.createElement(IoIosHome, { size: 20, className: 'sticky-home', color: '#fff' })
-              )
+              React__default.createElement(IoIosHome, { size: 20, className: 'sticky-home', color: '#fff' })
             ),
             React__default.createElement(
               Nav,
@@ -17108,26 +16841,18 @@ var HamMagazine = function HamMagazine(props) {
                         return React__default.createElement(NavDropdown.Divider, { key: subIndex });
                       } else {
                         return ddRow.url && ddRow.name ? React__default.createElement(
-                          Link,
-                          { key: subIndex, href: ddRow.url },
-                          React__default.createElement(
-                            'a',
-                            { target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item nav-link' },
-                            ddRow.name
-                          )
+                          'a',
+                          { key: subIndex, href: ddRow.url, target: ddRow.blank ? '_blank' : '_self', className: 'dropdown-item nav-link' },
+                          ddRow.name
                         ) : null;
                       }
                     })
                   ) : null;
                 } else {
                   return row.url && row.name ? React__default.createElement(
-                    Link,
-                    { key: index, href: row.url },
-                    React__default.createElement(
-                      'a',
-                      { target: row.blank ? '_blank' : '_self', className: 'nav-link' },
-                      row.name
-                    )
+                    'a',
+                    { key: index, href: row.url, target: row.blank ? '_blank' : '_self', className: 'nav-link' },
+                    row.name
                   ) : null;
                 }
               })
@@ -17149,7 +16874,7 @@ var HamMagazine = function HamMagazine(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .sticky-home {\n          position: relative;\n          top: -3px;\n          left: -6px;\n          cursor: pointer;\n        }\n        .nav-item svg {\n          margin-bottom: 2px;\n        }\n        #nav-login,\n        #nav-logout,\n        #nav-register {\n          padding: 0.5rem;\n          cursor: pointer;\n        }\n        #nav-mobile-login,\n        #nav-mobile-logout,\n        #nav-mobile-register {\n          display: none;\n        }\n        #nav-mobile-logout,\n        #nav-mobile-login {\n          position: absolute;\n          right: 1rem;\n        }\n        #nav-mobile-register {\n          position: absolute;\n          left: 1rem;\n        }\n        @media screen and (max-width: 376px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            width: 60%;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            width: 70%;\n          }\n        }\n        @media screen and (max-width: 328px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            margin-right: 5px;\n          }\n        }\n        @media screen and (max-width: 767px) {\n          .logo {\n            width: 100%;\n            padding-left: 10px;\n            padding-right: 10px;\n          }\n        }\n        @media screen and (max-width: 991px) {\n          .nav-close {\n            position: sticky;\n            top: -70px;\n          }\n          .nav-open {\n            position: relative;\n          }\n\n          .mobile-nav .nav-toggle {\n            width: 100%;\n          }\n\n          .android-nav {\n            max-height: 80vh;\n          }\n\n          .ios-nav {\n            max-height: none;\n          }\n\n          .navbar.bg-primary {\n            overflow: auto;\n          }\n\n          .mobile-nav .nav-toggle .navbar-toggler {\n            float: left;\n            height: 45px;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            float: right;\n            margin: 4px 0px 0px 0px;\n          }\n          .mobile-nav .form-inline .mobile-search {\n            width: auto;\n          }\n          .sticky-home {\n            display: none;\n          }\n          .dropdown-menu {\n            max-height: 315px;\n            overflow: auto;\n          }\n          ::-webkit-scrollbar {\n            width: 10px;\n          }\n          ::-webkit-scrollbar-thumb {\n            border-radius: 4px;\n            background-color: rgba(214, 214, 214, 0.8);\n            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n          }\n          .navbar-expand-lg .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 10px;\n            border-bottom: 0.5px solid white;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            display: none;\n          }\n          .navbar .mobile-nav .navbar-collapse {\n            margin-top: 15px;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n            margin-top: 0px;\n            padding-top: 10px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n          }\n          .navbar .mobile-nav .dropdown-menu.show {\n            max-height: 100px;\n          }\n        }\n        @media screen and (min-width: 992px) {\n          .nav-close {\n            position: sticky;\n            top: -70px;\n          }\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            display: none;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          #nav-mobile-login,\n          #nav-mobile-logout,\n          #nav-mobile-register {\n            display: block;\n          }\n          .navbar-top {\n            flex-direction: row;\n            justify-content: space-around !important;\n            align-items: center;\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n            width: 100%;\n          }\n        }\n      '
+      '\n        .sticky-home {\n          position: relative;\n          top: -3px;\n          left: -6px;\n          cursor: pointer;\n        }\n        .nav-item svg {\n          margin-bottom: 2px;\n        }\n        #nav-login,\n        #nav-logout,\n        #nav-register {\n          padding: 0.5rem;\n          cursor: pointer;\n        }\n        #nav-mobile-login,\n        #nav-mobile-logout,\n        #nav-mobile-register {\n          display: none;\n        }\n        #nav-mobile-logout,\n        #nav-mobile-login {\n          position: absolute;\n          right: 1rem;\n        }\n        #nav-mobile-register {\n          position: absolute;\n          left: 1rem;\n        }\n        @media screen and (max-width: 376px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            width: 60%;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            width: 70%;\n          }\n        }\n        @media screen and (max-width: 328px) {\n          .mobile-nav .nav-toggle .form-inline .mobile-search {\n            margin-right: 5px;\n          }\n        }\n        @media screen and (max-width: 767px) {\n          .logo {\n            width: 100%;\n            padding-left: 10px;\n            padding-right: 10px;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          .nav-close {\n            position: sticky;\n            top: -70px;\n          }\n          .nav-open {\n            position: relative;\n          }\n\n          .mobile-nav .nav-toggle {\n            width: 100%;\n          }\n\n          .android-nav {\n            max-height: 80vh;\n          }\n\n          .ios-nav {\n            max-height: none;\n          }\n\n          .navbar.bg-primary {\n            overflow: auto;\n          }\n\n          .mobile-nav .nav-toggle .navbar-toggler {\n            float: left;\n            height: 45px;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            float: right;\n            margin: 4px 0px 0px 0px;\n          }\n          .mobile-nav .form-inline .mobile-search {\n            width: auto;\n          }\n          .sticky-home {\n            display: none;\n          }\n          .dropdown-menu {\n            max-height: 315px;\n            overflow: auto;\n          }\n          ::-webkit-scrollbar {\n            width: 10px;\n          }\n          ::-webkit-scrollbar-thumb {\n            border-radius: 4px;\n            background-color: rgba(214, 214, 214, 0.8);\n            box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n            -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n          }\n          .navbar-expand-xl .show#basic-navbar-sub {\n            display: block;\n          }\n          .navbar .mobile-nav .navbar-collapse.show {\n            padding-bottom: 10px;\n            border-bottom: 0.5px solid white;\n          }\n          .navbar .mobile-nav .navbar-collapse .form-inline {\n            display: none;\n          }\n          .navbar .mobile-nav .navbar-collapse {\n            margin-top: 15px;\n          }\n          .navbar .mobile-nav .navbar-collapse:last-child {\n            border-bottom: none;\n            margin-bottom: 0px;\n            padding-bottom: 0px;\n            margin-top: 0px;\n            padding-top: 10px;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer ul {\n            list-style-type: none;\n            padding: inherit;\n            margin-bottom: 0rem;\n          }\n          .navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {\n            text-transform: capitalize !important;\n            font-weight: 300;\n          }\n          .navbar .mobile-nav .dropdown-item:focus {\n            background-color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: white;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: inherit;\n            border: none;\n          }\n          .navbar .mobile-nav .dropdown-menu.show {\n            max-height: 100px;\n          }\n        }\n        @media screen and (min-width: 1200px) {\n          .nav-close {\n            position: sticky;\n            top: -70px;\n          }\n          #basic-navbar-sub {\n            display: none !important;\n          }\n          .navbar .mobile-nav .dropdown-menu .dropdown-item {\n            color: #696969;\n          }\n          .navbar .mobile-nav .dropdown-menu {\n            background: white;\n            border: 1 px solid #708090;\n          }\n          .mobile-nav .nav-toggle .form-inline {\n            display: none;\n          }\n        }\n        @media screen and (max-width: 1199px) {\n          #nav-mobile-login,\n          #nav-mobile-logout,\n          #nav-mobile-register {\n            display: block;\n          }\n          .navbar-top {\n            flex-direction: row;\n            justify-content: space-around !important;\n            align-items: center;\n            padding-left: 0.25rem;\n            padding-right: 0.25rem;\n            width: 100%;\n          }\n        }\n      '
     )
   );
 };
@@ -17456,7 +17181,7 @@ var FigureComponent = function FigureComponent(_ref) {
   var caption = node$$1.caption,
       alt = node$$1.alt,
       blank = node$$1.blank,
-      link = node$$1.link,
+      link$$1 = node$$1.link,
       _node$alignment = node$$1.alignment,
       alignment = _node$alignment === undefined ? 'center' : _node$alignment;
   var _node$widthP = node$$1.widthP,
@@ -17524,7 +17249,7 @@ var FigureComponent = function FigureComponent(_ref) {
           setOpenImgSrc(urlFor$1(node$$1, client).url());
           setOpenImg(true);
         } },
-      link ? React__default.createElement(
+      link$$1 ? React__default.createElement(
         'a',
         { target: blank ? '_blank' : '_self' },
         React__default.createElement(reactBootstrap.Figure.Image, { style: { width: '100%' }, className: 'figure-image', ref: imgElement, onLoad: loadImg, src: urlFor$1(node$$1, client).url(), alt: alt && alt }),
@@ -17562,7 +17287,7 @@ var urlFor$2 = function urlFor(source, builder) {
 var onChangeSlide = function onChangeSlide(selectedIndex, router) {
   var pageNumber = selectedIndex + 1;
-  var href = '/view/' + router.query.url + '/?page=' + pageNumber;
+  var href = '/view/' + router.query.url + '?page=' + pageNumber;
   Router__default.push(router.pathname, pageNumber > 1 ? href : '/view/' + router.query.url, { shallow: true });
 };
@@ -24229,8 +23954,8 @@ function getConfig(props$$1, defaultProps, showWarning) {
         config = (0, _deepmerge["default"])(config, _defineProperty({}, key, props$$1[p]));
         if (showWarning) {
-          var link = 'https://github.com/CookPete/react-player#config-prop';
-          var message = "ReactPlayer: %c".concat(p, " %cis deprecated, please use the config prop instead \u2013 ").concat(link);
+          var link$$1 = 'https://github.com/CookPete/react-player#config-prop';
+          var message = "ReactPlayer: %c".concat(p, " %cis deprecated, please use the config prop instead \u2013 ").concat(link$$1);
           console.warn(message, 'font-weight: bold', '');
         }
       }
@@ -28913,7 +28638,7 @@ var getSerializers$1 = function getSerializers(client, pageview, videoAccountIDs
           props.children
         );
       },
-      link: function link(props) {
+      link: function link$$1(props) {
         var children = props.children,
             _props$mark = props.mark,
             href = _props$mark.href,
@@ -29018,21 +28743,17 @@ var Feature = function Feature(props) {
     }
     return React__default.createElement(
-      Link,
+      'a',
       { href: feature_link },
       React__default.createElement(
-        'a',
-        null,
-        React__default.createElement(
-          'h3',
-          { style: { color: 'white' } },
-          feature_title
-        ),
-        React__default.createElement(
-          'p',
-          { style: { color: '#eee' } },
-          feature_body
-        )
+        'h3',
+        { style: { color: 'white' } },
+        feature_title
+      ),
+      React__default.createElement(
+        'p',
+        { style: { color: '#eee' } },
+        feature_body
       )
     );
   };
@@ -29315,25 +29036,21 @@ var Hero = function Hero(_ref) {
       url = data.url;
   return React__default.createElement(
-    Link,
-    { href: '/view/[url]', as: '/view/' + url.current },
+    'a',
+    { href: '/view/' + url.current },
     React__default.createElement(
-      'a',
-      null,
-      React__default.createElement(
-        reactBootstrap.Card,
-        { bsPrefix: 'hero-card' },
-        title && React__default.createElement(
-          reactBootstrap.Card.Header,
-          { className: 'h4' },
-          title
-        ),
-        thumbnail && client && React__default.createElement(reactBootstrap.Card.Img, { src: renderCardImage$1(thumbnail, client, imageHeight, imageWidth) }),
-        summary && React__default.createElement(
-          reactBootstrap.Card.Footer,
-          { className: 'h6' },
-          clean_html_1(summary)
-        )
+      reactBootstrap.Card,
+      { bsPrefix: 'hero-card' },
+      title && React__default.createElement(
+        reactBootstrap.Card.Header,
+        { className: 'h4' },
+        title
+      ),
+      thumbnail && client && React__default.createElement(reactBootstrap.Card.Img, { src: renderCardImage$1(thumbnail, client, imageHeight, imageWidth) }),
+      summary && React__default.createElement(
+        reactBootstrap.Card.Footer,
+        { className: 'h6' },
+        clean_html_1(summary)
       )
     )
   );
@@ -29452,13 +29169,9 @@ var AlphabeticList = function AlphabeticList(_ref) {
               'li',
               { key: i },
               React__default.createElement(
-                Link,
+                'a',
                 { href: item.url },
-                React__default.createElement(
-                  'a',
-                  null,
-                  item.name
-                )
+                item.name
               )
             );
           })
@@ -29665,41 +29378,37 @@ var fbsHero = function fbsHero(props) {
     'div',
     { className: 'article-hero' },
     React__default.createElement(
-      Link,
-      { href: '/view/[url]', as: '/view/' + topArticle.url.current },
+      'a',
+      { href: '/view/' + topArticle.url.current },
       React__default.createElement(
-        'a',
-        null,
+        'div',
+        { className: 'fbs-top-article' },
         React__default.createElement(
           'div',
-          { className: 'fbs-top-article' },
+          { className: 'fbs-top-article--img' },
+          React__default.createElement('img', { src: urlFor(topArticle.thumbnail.asset).width(600).url(), alt: topArticle.thumbnail.asset.originalFileName })
+        ),
+        React__default.createElement(
+          'div',
+          { className: 'fbs-top-article--body' },
           React__default.createElement(
-            'div',
-            { className: 'fbs-top-article--img' },
-            React__default.createElement('img', { src: urlFor(topArticle.thumbnail.asset).width(600).url(), alt: topArticle.thumbnail.asset.originalFileName })
+            'h1',
+            null,
+            topArticle.title
           ),
           React__default.createElement(
-            'div',
-            { className: 'fbs-top-article--body' },
-            React__default.createElement(
-              'h1',
-              null,
-              topArticle.title
-            ),
-            React__default.createElement(
-              'p',
-              null,
-              moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
-            ),
+            'p',
+            null,
+            moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
+          ),
+          React__default.createElement(
+            'p',
+            null,
+            'By ',
             React__default.createElement(
-              'p',
+              'b',
               null,
-              'By ',
-              React__default.createElement(
-                'b',
-                null,
-                topArticle.authorMapping[0].displayName
-              )
+              topArticle.authorMapping[0].displayName
             )
           )
         )
@@ -29710,34 +29419,30 @@ var fbsHero = function fbsHero(props) {
       { className: 'fbs-sub-article-container' },
       subArticles.map(function (article, index) {
         return React__default.createElement(
-          Link,
-          { key: index, href: '/view/' + article.url.current },
+          'a',
+          { key: index, href: '/view/' + article.url.current, className: 'fbs-sub-article' },
+          React__default.createElement('img', { src: urlFor(article.thumbnail.asset).width(250).url() }),
           React__default.createElement(
-            'a',
-            { className: 'fbs-sub-article' },
-            React__default.createElement('img', { src: urlFor(article.thumbnail.asset).width(250).url() }),
+            'div',
+            null,
             React__default.createElement(
-              'div',
+              'h2',
+              { className: 'fbs-sub-article--title' },
+              article.title
+            ),
+            React__default.createElement(
+              'p',
               null,
+              moment(article.published).format('MMMM DD, YYYY hh:mma')
+            ),
+            React__default.createElement(
+              'p',
+              null,
+              'By ',
               React__default.createElement(
-                'h2',
-                { className: 'fbs-sub-article--title' },
-                article.title
-              ),
-              React__default.createElement(
-                'p',
-                null,
-                moment(article.published).format('MMMM DD, YYYY hh:mma')
-              ),
-              React__default.createElement(
-                'p',
+                'b',
                 null,
-                'By ',
-                React__default.createElement(
-                  'b',
-                  null,
-                  topArticle.authorMapping[0].displayName
-                )
+                topArticle.authorMapping[0].displayName
               )
             )
           )
@@ -29784,42 +29489,30 @@ var HorizontalHero = function HorizontalHero(props) {
       'div',
       { className: 'horizontal-hero-inner' },
       React__default.createElement(
-        Link,
-        { href: '/view/[url]', as: '/view/' + topArticle.url.current },
-        React__default.createElement(
-          'a',
-          { className: 'horizontal-hero-img' },
-          React__default.createElement('img', { src: urlFor(topArticle.thumbnail.asset).width(350).url() })
-        )
+        'a',
+        { href: '/view/' + topArticle.url.current, className: 'horizontal-hero-img' },
+        React__default.createElement('img', { src: urlFor(topArticle.thumbnail.asset).width(350).url() })
       ),
       React__default.createElement(
         'div',
         { className: 'horizontal-articles-wrap' },
         React__default.createElement(
-          Link,
-          { href: topArticle.url.current },
+          'a',
+          { href: topArticle.url.current, className: 'horizontal-article' },
           React__default.createElement(
-            'a',
-            { className: 'horizontal-article' },
-            React__default.createElement(
-              'p',
-              null,
-              topArticle.title
-            )
+            'p',
+            null,
+            topArticle.title
           )
         ),
         subArticles.map(function (article, index) {
           return React__default.createElement(
-            Link,
-            { key: index, href: '/view/[url]', as: '/view/' + article.url.current },
+            'a',
+            { key: index, href: '/view/' + article.url.current, className: 'horizontal-article' },
             React__default.createElement(
-              'a',
-              { className: 'horizontal-article' },
-              React__default.createElement(
-                'p',
-                null,
-                article.title
-              )
+              'p',
+              null,
+              article.title
             )
           );
         })
@@ -29829,20 +29522,16 @@ var HorizontalHero = function HorizontalHero(props) {
       'div',
       { className: 'horizontal-view-more' },
       React__default.createElement(
-        Link,
+        'a',
         { href: props.linkTo },
+        'View More ',
+        heroTitle,
+        ' ',
+        ' ',
         React__default.createElement(
-          'a',
+          'span',
           null,
-          'View More ',
-          heroTitle,
-          ' ',
-          ' ',
-          React__default.createElement(
-            'span',
-            null,
-            React__default.createElement(FaLongArrowAltRight, null)
-          )
+          React__default.createElement(FaLongArrowAltRight, null)
         )
       )
     ),
@@ -29866,41 +29555,37 @@ var OncliveHero = function OncliveHero(props) {
     { className: 'article-group--container' },
     props.dataRecord.map(function (article, index) {
       return React__default.createElement(
-        Link,
-        { key: index, href: '/view/[url]', as: '/view/' + article.url.current },
+        'a',
+        { key: index, href: '/view/' + article.url.current, className: 'article-group' },
         React__default.createElement(
-          'a',
-          { className: 'article-group' },
+          'figure',
+          null,
+          React__default.createElement('img', { src: urlFor(article.thumbnail.asset).width(250).url(), alt: article.title })
+        ),
+        React__default.createElement(
+          'div',
+          { className: 'article-group--body' },
           React__default.createElement(
-            'figure',
+            'h2',
             null,
-            React__default.createElement('img', { src: urlFor(article.thumbnail.asset).width(250).url(), alt: article.title })
+            article.title
           ),
-          React__default.createElement(
-            'div',
-            { className: 'article-group--body' },
+          React__default.createElement('div', null),
+          moment(article.published).format('MMMM Do YYYY, h:mma'),
+          article.authorMapping[0].displayName && React__default.createElement(
+            'p',
+            { className: 'mb-2' },
+            'By ',
             React__default.createElement(
-              'h2',
+              'b',
               null,
-              article.title
-            ),
-            React__default.createElement('div', null),
-            moment(article.published).format('MMMM Do YYYY, h:mma'),
-            article.authorMapping[0].displayName && React__default.createElement(
-              'p',
-              { className: 'mb-2' },
-              'By ',
-              React__default.createElement(
-                'b',
-                null,
-                article.authorMapping[0].displayName
-              )
-            ),
-            React__default.createElement(
-              'p',
-              { className: 'article-group--summary' },
-              article.summary
+              article.authorMapping[0].displayName
             )
+          ),
+          React__default.createElement(
+            'p',
+            { className: 'article-group--summary' },
+            article.summary
           )
         )
       );
@@ -29927,35 +29612,31 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
     'div',
     { className: 'article-hero-container' },
     React__default.createElement(
-      Link,
-      { href: '/view/[url]', as: '/view/' + topArticle.url.current },
+      'a',
+      { href: '/view/' + topArticle.url.current, className: 'top-article' },
       React__default.createElement(
-        'a',
-        { className: 'top-article' },
+        'figure',
+        null,
+        React__default.createElement('img', {
+          src: urlFor(topArticle.thumbnail.asset).width(500).url() })
+      ),
+      React__default.createElement(
+        'div',
+        { className: 'top-article--body' },
         React__default.createElement(
-          'figure',
+          'h1',
           null,
-          React__default.createElement('img', {
-            src: urlFor(topArticle.thumbnail.asset).width(500).url() })
+          topArticle.title
         ),
         React__default.createElement(
-          'div',
-          { className: 'top-article--body' },
-          React__default.createElement(
-            'h1',
-            null,
-            topArticle.title
-          ),
-          React__default.createElement(
-            'p',
-            null,
-            moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
-          ),
-          React__default.createElement(
-            'p',
-            null,
-            clean_html_1(topArticle.summary)
-          )
+          'p',
+          null,
+          moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
+        ),
+        React__default.createElement(
+          'p',
+          null,
+          clean_html_1(topArticle.summary)
         )
       )
     ),
@@ -29964,38 +29645,34 @@ var OncliveLargeHero = function OncliveLargeHero(props) {
       { className: 'sub-articles-container' },
       subArticles && subArticles.map(function (article, index) {
         return React__default.createElement(
-          Link,
-          { href: '/view/[url]', as: '/view/' + article.url.current },
+          'a',
+          { href: '/view/' + article.url.current, className: 'sub-article' },
           React__default.createElement(
-            'a',
-            { className: 'sub-article' },
+            'figure',
+            null,
+            React__default.createElement('img', {
+              src: urlFor(article.thumbnail.asset).width(250).url(),
+              alt: article.title
+            })
+          ),
+          React__default.createElement(
+            'div',
+            { className: 'sub-article--body' },
             React__default.createElement(
-              'figure',
+              'h2',
               null,
-              React__default.createElement('img', {
-                src: urlFor(article.thumbnail.asset).width(250).url(),
-                alt: article.title
-              })
+              article.title
             ),
-            React__default.createElement(
-              'div',
-              { className: 'sub-article--body' },
+            React__default.createElement('div', null),
+            moment(article.published).format('MMMM Do YYYY, h:mma'),
+            article.authorMapping[0].displayName && React__default.createElement(
+              'p',
+              { className: 'mb-2' },
+              'By ',
               React__default.createElement(
-                'h2',
+                'b',
                 null,
-                article.title
-              ),
-              React__default.createElement('div', null),
-              moment(article.published).format('MMMM Do YYYY, h:mma'),
-              article.authorMapping[0].displayName && React__default.createElement(
-                'p',
-                { className: 'mb-2' },
-                'By ',
-                React__default.createElement(
-                  'b',
-                  null,
-                  article.authorMapping[0].displayName
-                )
+                article.authorMapping[0].displayName
               )
             )
           )
@@ -30038,29 +29715,21 @@ var VerticalHero = function VerticalHero(props) {
       ),
       props.dataRecord.map(function (article, index) {
         return index === 0 ? React__default.createElement(
-          Link,
-          { href: '/view/[url]', as: '/view/' + article.url.current, key: index },
+          'a',
+          { href: '/view/' + article.url.current, key: index, className: 'vertical-article' },
+          React__default.createElement('img', { src: urlFor(article.thumbnail.asset).width(500).url() }),
           React__default.createElement(
-            'a',
-            { className: 'vertical-article' },
-            React__default.createElement('img', { src: urlFor(article.thumbnail.asset).width(500).url() }),
-            React__default.createElement(
-              'h2',
-              null,
-              article.title
-            )
+            'h2',
+            null,
+            article.title
           )
         ) : React__default.createElement(
-          Link,
-          { href: '/view/[url]', as: '/view/' + article.url.current },
+          'a',
+          { href: '/view/' + article.url.current, className: 'vertical-article' },
           React__default.createElement(
-            'a',
-            { className: 'vertical-article' },
-            React__default.createElement(
-              'h2',
-              null,
-              article.title
-            )
+            'h2',
+            null,
+            article.title
           )
         );
       })
@@ -30086,38 +29755,34 @@ var YahooHero = function YahooHero(props) {
     'div',
     { className: 'article-hero' },
     React__default.createElement(
-      Link,
-      { href: '/view/[url]', as: '/view/' + topArticle.url.current },
+      'a',
+      { href: '/view/' + topArticle.url.current },
       React__default.createElement(
-        'a',
-        null,
+        'div',
+        { className: 'yh-top-article' },
+        React__default.createElement(
+          'div',
+          { className: 'yh-top-article--img' },
+          React__default.createElement('img', { src: urlFor(topArticle.thumbnail.asset).width(600).url(), alt: topArticle.thumbnail.asset.originalFileName })
+        ),
+        React__default.createElement('div', { className: 'yh-top-article--blur' }),
         React__default.createElement(
           'div',
-          { className: 'yh-top-article' },
+          { className: 'yh-top-article--body' },
           React__default.createElement(
-            'div',
-            { className: 'yh-top-article--img' },
-            React__default.createElement('img', { src: urlFor(topArticle.thumbnail.asset).width(600).url(), alt: topArticle.thumbnail.asset.originalFileName })
+            'h1',
+            null,
+            topArticle.title
           ),
-          React__default.createElement('div', { className: 'yh-top-article--blur' }),
           React__default.createElement(
-            'div',
-            { className: 'yh-top-article--body' },
-            React__default.createElement(
-              'h1',
-              null,
-              topArticle.title
-            ),
-            React__default.createElement(
-              'p',
-              null,
-              moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
-            ),
-            React__default.createElement(
-              'p',
-              null,
-              clean_html_1(topArticle.summary)
-            )
+            'p',
+            null,
+            moment(topArticle.published).format('MMMM DD, YYYY hh:mma')
+          ),
+          React__default.createElement(
+            'p',
+            null,
+            clean_html_1(topArticle.summary)
           )
         )
       )
@@ -30127,31 +29792,27 @@ var YahooHero = function YahooHero(props) {
       { className: 'yh-sub-article-container' },
       subArticles.map(function (article, index) {
         return React__default.createElement(
-          Link,
-          { href: '/view/' + article.url.current },
+          'a',
+          { href: '/view/' + article.url.current, key: index, className: 'yh-sub-article' },
+          React__default.createElement('img', { src: urlFor(article.thumbnail.asset).width(250).url() }),
           React__default.createElement(
-            'a',
-            { key: index, className: 'yh-sub-article' },
-            React__default.createElement('img', { src: urlFor(article.thumbnail.asset).width(250).url() }),
-            React__default.createElement(
-              'h6',
-              { className: 'yh-sub-article--title' },
-              article.title
-            ),
-            React__default.createElement(
-              'p',
-              { className: 'yh-sub-article--info' },
-              moment(article.published).format('MMMM DD, YYYY hh:mma')
-            ),
+            'h6',
+            { className: 'yh-sub-article--title' },
+            article.title
+          ),
+          React__default.createElement(
+            'p',
+            { className: 'yh-sub-article--info' },
+            moment(article.published).format('MMMM DD, YYYY hh:mma')
+          ),
+          React__default.createElement(
+            'p',
+            { className: 'yh-sub-article--info' },
+            'By ',
             React__default.createElement(
-              'p',
-              { className: 'yh-sub-article--info' },
-              'By ',
-              React__default.createElement(
-                'b',
-                null,
-                article.authorMapping[0].displayName
-              )
+              'b',
+              null,
+              article.authorMapping[0].displayName
             )
           )
         );
@@ -30218,37 +29879,33 @@ var RelatedContent = function RelatedContent(props) {
       { className: 'related-articles-container' },
       dataRecord.map(function (article, index) {
         return React__default.createElement(
-          Link,
-          { href: '/view/[url]', as: '/view/' + article.url.current, key: index },
+          'a',
+          { href: '/view/' + article.url.current, className: 'related-article' },
           React__default.createElement(
-            'a',
-            { className: 'related-article' },
-            React__default.createElement(
-              'figure',
-              null,
-              React__default.createElement('img', {
-                src: article.thumbnail ? urlFor(article.thumbnail.asset).width(500).url() : defaultImage,
-                alt: article.title
-              })
+            'figure',
+            null,
+            React__default.createElement('img', {
+              src: article.thumbnail ? urlFor(article.thumbnail.asset).width(500).url() : defaultImage,
+              alt: article.title
+            })
+          ),
+          React__default.createElement(
+            'div',
+            { className: 'related-article-body' },
+            React__default.createElement('h4', { dangerouslySetInnerHTML: { __html: article.title } }),
+            props.showPublished && React__default.createElement(
+              'p',
+              { className: 'pb-0 mb-0' },
+              moment(article.published).format('MMMM DD, YYYY hh:mma')
             ),
-            React__default.createElement(
-              'div',
-              { className: 'related-article-body' },
-              React__default.createElement('h4', { dangerouslySetInnerHTML: { __html: article.title } }),
-              props.showPublished && React__default.createElement(
-                'p',
-                { className: 'pb-0 mb-0' },
-                moment(article.published).format('MMMM DD, YYYY hh:mma')
-              ),
-              props.showAuthor && article.authorMapping && article.authorMapping[0] && React__default.createElement(
-                'p',
+            props.showAuthor && article.authorMapping && article.authorMapping[0] && React__default.createElement(
+              'p',
+              null,
+              'By ',
+              React__default.createElement(
+                'b',
                 null,
-                'By ',
-                React__default.createElement(
-                  'b',
-                  null,
-                  article.authorMapping[0].displayName
-                )
+                article.authorMapping[0].displayName
               )
             )
           )
@@ -30263,6 +29920,85 @@ var RelatedContent = function RelatedContent(props) {
   );
 };
+/*
+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) {
+  var data = props.data,
+      variant = props.variant,
+      index = props.index,
+      client = props.client;
+  var builder = imageUrlBuilder(client);
+  function urlFor(source) {
+    return builder.image(source);
+  }
+  //title, thumbnail, summary, published, documentGroup.identifier.current, documentGroup.identifier.name
+  return React__default.createElement(
+    'div',
+    { className: 'conference-media' },
+    React__default.createElement(
+      'a',
+      { className: 'img-wrapper', href: '/view/study-depicts-complexity-of-met-exon-14-mutation-testing' },
+      React__default.createElement('img', {
+        className: 'mr-3 img-fluid',
+        src: data.thumbnail && urlFor(data.thumbnail.asset).width(350).url(),
+        alt: data.title
+      })
+    ),
+    React__default.createElement(
+      'div',
+      { className: 'media-body' },
+      React__default.createElement(
+        'a',
+        { href: '/view/study-depicts-complexity-of-met-exon-14-mutation-testing' },
+        React__default.createElement(
+          'h4',
+          { className: 'conf-media__card-title' },
+          data.title
+        )
+      ),
+      React__default.createElement(
+        'p',
+        { className: 'conf-media__card-text' },
+        moment(data.published).format('MMMM Do YYYY, h:mma')
+      ),
+      React__default.createElement(
+        'p',
+        { className: 'mb-1 conference-group' },
+        React__default.createElement(
+          'a',
+          { href: '/conference/' + data.documentGroup.identifier.current, alt: data.thumbnail.alt || data.title },
+          data.documentGroup.name
+        )
+      ),
+      React__default.createElement('p', { className: 'pt-2 card-text', dangerouslySetInnerHTML: { __html: data.summary } })
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n        .conference-media {\n          display: flex;\n          flex-direction: row;\n          margin-bottom: 1.25rem;\n          padding-bottom: 1.25rem;\n          border-bottom: 1px solid #ddd;\n        }\n        .conf-media__card-title {\n          font-weight: bold;\n          color: #252525;\n          margin-bottom: 0.5rem;\n          font-size: 1.5rem;\n        }\n        .conf-media__card-text {\n          color: var(--dark);\n          margin-bottom: 0.25rem;\n        }\n        .conference-media a img {\n          width: 175px;\n          min-width: 175px;\n          height: auto;\n          object-fit: contain;\n        }\n        .conference-media .conference-group {\n          background: #003767;\n          color: white;\n          border-radius: 5px;\n          display: inline-block;\n          padding: 0 0.25rem;\n        }\n        .conference-media .conference-group a {\n          color: white;\n          font-size: 0.8rem;\n        }\n        @media screen and (max-width: 1064px) {\n          .conf-media__card-title {\n            font-size: 1.1rem;\n          }\n        }\n        @media screen and (max-width: 768px) {\n          .conference-media {\n            flex-direction: column;\n          }\n          .conference-media a img {\n            width: 100%;\n            height: auto;\n            max-height: 175px;\n            object-fit: contain;\n            margin-bottom: 1rem;\n          }\n        }\n      '
+    )
+  );
+};
 exports.DeckContent = ContentCard;
 exports.GridContent = GridContent$1;
 exports.DeckQueue = Queue;
@@ -30313,4 +30049,5 @@ exports.OncliveLargeHero = OncliveLargeHero;
 exports.VerticalHero = VerticalHero;
 exports.YahooHero = YahooHero;
 exports.RelatedContent = RelatedContent;
+exports.ConferenceArticleCard = ConferenceArticleCard;
 //# sourceMappingURL=index.js.map