@mjhls/mjh-framework 1.0.520 → 1.0.522

package/dist/esm/LeftNav.js

@@ -14,7 +14,7 @@ import './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import { S as Segment } from './beam-dd2b10c0.js';
+import { S as Segment } from './beam-a25bd8fd.js';
 import './AdSlot.js';
 import ListGroup from 'react-bootstrap/ListGroup';
 import ADWebcast from './ADWebcast.js';

package/dist/esm/MasterDeck.js

@@ -32,11 +32,11 @@ import './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import { _ as _Promise } from './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './beam-dd2b10c0.js';
+import './beam-a25bd8fd.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-cb0d3a09.js';
+import { A as ADInfeed } from './ADInfeed-e7767d6d.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-353fb56a.js';
+import { A as ADlgInfeed } from './ADlgInfeed-528c51c8.js';
 
 var MasterDeck = function (_React$Component) {
   _inherits(MasterDeck, _React$Component);

package/dist/esm/NavDvm.js

@@ -10,7 +10,7 @@ import './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import { S as Segment } from './beam-dd2b10c0.js';
+import { S as Segment } from './beam-a25bd8fd.js';
 import 'react-bootstrap/Button';
 import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';

package/dist/esm/NavMagazine.js

@@ -12,7 +12,7 @@ import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import { S as Segment } from './beam-dd2b10c0.js';
+import { S as Segment } from './beam-a25bd8fd.js';
 import './react-social-icons-a7d5c5c7.js';
 import './iconBase-6ee2f2fb.js';
 import { b as IoMdLogIn, c as IoIosHome } from './index.esm-b97cf389.js';

package/dist/esm/NavNative.js

@@ -12,7 +12,7 @@ import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import { S as Segment } from './beam-dd2b10c0.js';
+import { S as Segment } from './beam-a25bd8fd.js';
 import './react-social-icons-a7d5c5c7.js';
 import 'react-bootstrap/Button';
 import Nav from 'react-bootstrap/Nav';

package/dist/esm/NavNormal.js

@@ -10,7 +10,7 @@ import './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import { S as Segment } from './beam-dd2b10c0.js';
+import { S as Segment } from './beam-a25bd8fd.js';
 import './iconBase-6ee2f2fb.js';
 import 'react-bootstrap/Button';
 import Nav from 'react-bootstrap/Nav';

package/dist/esm/PartnerDetailListing.js

@@ -29,11 +29,11 @@ import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import { a as _asyncToGenerator, r as regenerator, _ as _Promise } from './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './beam-dd2b10c0.js';
+import './beam-a25bd8fd.js';
 import './AdSlot.js';
-import './ADInfeed-cb0d3a09.js';
+import './ADInfeed-e7767d6d.js';
 import './lodash-17fdfebb.js';
-import './ADlgInfeed-353fb56a.js';
+import './ADlgInfeed-528c51c8.js';
 import './AuthorComponent-158226c9.js';
 import { B as BlockContent } from './BlockContent-a614acdf.js';
 import './smoothscroll-4b699764.js';

package/dist/esm/QueueDeckExpanded.js

@@ -27,11 +27,11 @@ import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './beam-dd2b10c0.js';
+import './beam-a25bd8fd.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-cb0d3a09.js';
+import { A as ADInfeed } from './ADInfeed-e7767d6d.js';
 import { l as lodash } from './lodash-17fdfebb.js';
-import { A as ADlgInfeed } from './ADlgInfeed-353fb56a.js';
+import { A as ADlgInfeed } from './ADlgInfeed-528c51c8.js';
 import { A as AuthorComponent } from './AuthorComponent-158226c9.js';
 import { Container, Media } from 'react-bootstrap';
 
@@ -247,11 +247,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
   return React__default.createElement(
     'div',
     null,
-    data && (dataRemapped || React__default.createElement(
-      'noscript',
-      null,
-      true
-    )) && data.length > 0 ? // noscript is used so that when javascript is disabled, queuedeck will list all articles
+    data && data.length > 0 ? dataRemapped ? // For Javascript Enabled Cases
     data.map(function (article, index) {
       var pageNumber = article.pageNumber || values.page;
       var contentCategoryName = article.contentCategory ? article.contentCategory.name : 'Articles';
@@ -575,7 +571,336 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
           )
         );
       } else return null;
-    }) : React__default.createElement(
+    }) :
+    // For Javascript Disabled Cases
+    React__default.createElement(
+      'noscript',
+      null,
+      data.map(function (article, index) {
+        var pageNumber = article.pageNumber || values.page;
+        var contentCategoryName = article.contentCategory ? article.contentCategory.name : 'Articles';
+
+        if (article._type === 'feature') {
+          featureCount++;
+          if (article.blank || checkExternalUrl(article.url.current)) {
+            return React__default.createElement(
+              VisibilitySensor,
+              {
+                key: article._id ? article._id : index,
+                partialVisibility: true,
+                onChange: function onChange(isVisible) {
+                  isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, index);
+                } },
+              React__default.createElement(
+                React__default.Fragment,
+                null,
+                React__default.createElement(
+                  Media,
+                  {
+                    key: article._id ? article._id : index,
+                    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(
+                    'a',
+                    { href: article.url.current, target: '_blank', className: 'feature-wrapper' },
+                    React__default.createElement(
+                      LazyLoad,
+                      { height: imageHeight, placeholder: React__default.createElement(ImagePlaceholder, null) },
+                      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 })
+                    ),
+                    article.source && React__default.createElement(
+                      'div',
+                      { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
+                      article.source
+                    )
+                  ),
+                  React__default.createElement(
+                    Media.Body,
+                    null,
+                    React__default.createElement(
+                      'a',
+                      { href: article.url.current, target: '_blank' },
+                      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(
+                      'p',
+                      { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
+                      moment(article.published).format('MMMM DD, YYYY')
+                    ),
+                    showAuthor && article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
+                      LazyLoad,
+                      { height: 50 },
+                      React__default.createElement(AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
+                    ),
+                    !article.thumbnail && !defaultImage && article.source && React__default.createElement(
+                      'div',
+                      { className: 'mb-1 sanityDisplayLabel' },
+                      article.source
+                    ),
+                    React__default.createElement(
+                      'div',
+                      { style: { display: 'flex', alignItems: 'center', justifyContent: 'flex-start' } },
+                      showCategory && article.contentCategory && React__default.createElement(
+                        'p',
+                        {
+                          className: 'article-category',
+                          style: {
+                            background: '#3FB618',
+                            color: '#ffffff',
+                            marginBottom: '.25rem',
+                            display: 'inline-block',
+                            padding: '0 .25rem',
+                            fontSize: '.8rem'
+                          } },
+                        article.contentCategory.name.slice(0, article.contentCategory.name.length - 1)
+                      ),
+                      article.issueSection && article.issueSection.name && React__default.createElement(
+                        'p',
+                        {
+                          className: 'issueSection',
+                          style: {
+                            background: '#000000',
+                            color: '#ffffff',
+                            marginBottom: '.25rem',
+                            marginLeft: '.25rem',
+                            display: 'inline-block',
+                            padding: '0 .25rem',
+                            fontSize: '.8rem'
+                          } },
+                        article.issueSection.name
+                      )
+                    ),
+                    article.summary && React__default.createElement(
+                      'p',
+                      { className: 'pt-2 card-text' },
+                      clean_html_1(article.summary)
+                    )
+                  )
+                )
+              )
+            );
+          } else {
+            return React__default.createElement(
+              VisibilitySensor,
+              {
+                key: article._id ? article._id : index,
+                partialVisibility: true,
+                onChange: function onChange(isVisible) {
+                  isVisible && changePageNumber(1, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, index);
+                } },
+              React__default.createElement(
+                React__default.Fragment,
+                null,
+                React__default.createElement(
+                  Media,
+                  {
+                    key: article._id ? article._id : index,
+                    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(
+                    'a',
+                    { href: article.url.current, className: 'feature-wrapper' },
+                    React__default.createElement(
+                      LazyLoad,
+                      { height: imageHeight, placeholder: React__default.createElement(ImagePlaceholder, null) },
+                      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 })
+                    ),
+                    article.source && React__default.createElement(
+                      'div',
+                      { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
+                      article.source
+                    )
+                  ),
+                  React__default.createElement(
+                    Media.Body,
+                    null,
+                    React__default.createElement(
+                      'a',
+                      { href: 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(
+                      'p',
+                      { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
+                      moment(article.published).format('MMMM DD, YYYY')
+                    ),
+                    showAuthor && article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
+                      LazyLoad,
+                      { height: 50 },
+                      React__default.createElement(AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
+                    ),
+                    !article.thumbnail && !defaultImage && article.source && React__default.createElement(
+                      'div',
+                      { className: 'mb-1 sanityDisplayLabel' },
+                      article.source
+                    ),
+                    React__default.createElement(
+                      'div',
+                      { style: { display: 'flex', alignItems: 'center', justifyContent: 'flex-start' } },
+                      showCategory && article.contentCategory && React__default.createElement(
+                        'p',
+                        {
+                          className: 'article-category',
+                          style: {
+                            background: '#3FB618',
+                            color: '#ffffff',
+                            marginBottom: '.25rem',
+                            display: 'inline-block',
+                            padding: '0 .25rem',
+                            fontSize: '.8rem'
+                          } },
+                        article.contentCategory.name.slice(0, article.contentCategory.name.length - 1)
+                      ),
+                      article.issueSection && article.issueSection.name && React__default.createElement(
+                        'p',
+                        {
+                          className: 'issueSection',
+                          style: {
+                            background: '#000000',
+                            color: '#ffffff',
+                            marginBottom: '.25rem',
+                            marginLeft: '.25rem',
+                            display: 'inline-block',
+                            padding: '0 .25rem',
+                            fontSize: '.8rem'
+                          } },
+                        article.issueSection.name
+                      )
+                    ),
+                    article.summary && React__default.createElement(
+                      'p',
+                      { className: 'pt-2 card-text' },
+                      clean_html_1(article.summary)
+                    )
+                  )
+                )
+              )
+            );
+          }
+        } else if (article._type === 'lg-infeed' && article.adUnit) {
+          return React__default.createElement(ADlgInfeed, _extends({ index: index }, article));
+        } else if (article._type === 'brandInsightAd' && article.adUnit) {
+          return React__default.createElement(ADInfeed, { index: index, infeedAd: article });
+        }
+        if (main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0) {
+          return renderMobileAd(index, numberOfItemsBeforeAd, rightItems);
+        }
+
+        if ((brandInsightAd ? index > heroContent + featureCount : index + 1 > heroContent + featureCount) && (!article._type || !['lg-infeed', 'brandInsightAd'].includes(article._type))) {
+          return React__default.createElement(
+            VisibilitySensor,
+            {
+              key: article._id ? article._id : index,
+              onChange: function onChange(isVisible) {
+                // Passing 'articleCount' instead of index because index will be including the indexes of ads whereas articleCount will be having index of artilce only.
+                isVisible && changePageNumber(pageNumber, seoPaginate, pageview, router, currentPage, setCurrentPage, itemsPerPage, article.articleCount ? article.articleCount : index);
+              } },
+            React__default.createElement(
+              React__default.Fragment,
+              null,
+              React__default.createElement(
+                Media,
+                {
+                  key: article._id ? article._id : index,
+                  style: { flexDirection: 'row', marginBottom: '1.25rem', paddingBottom: '1.25rem', borderBottom: '1px solid #ddd' } },
+                (article.thumbnail && article.thumbnail.asset || defaultImage) && React__default.createElement(
+                  'a',
+                  { href: mapping[contentCategoryName] + '/' + article.url.current, className: 'img-wrapper' },
+                  React__default.createElement(
+                    LazyLoad,
+                    { height: imageHeight, placeholder: React__default.createElement(ImagePlaceholder, null) },
+                    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 })
+                  ),
+                  article.source && React__default.createElement(
+                    'div',
+                    { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
+                    article.source
+                  )
+                ),
+                React__default.createElement(
+                  Media.Body,
+                  null,
+                  React__default.createElement(
+                    '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(
+                    'p',
+                    { className: 'card-text', style: { color: 'var(--dark)', marginBottom: '.25rem' } },
+                    moment(article.published).format('MMMM DD, YYYY')
+                  ),
+                  React__default.createElement(
+                    'div',
+                    { className: 'author-sec', style: { lineHeight: 1.5 } },
+                    showAuthor && article.authorMapping && article.authorMapping.length > 0 && React__default.createElement(
+                      LazyLoad,
+                      { height: 50 },
+                      React__default.createElement(AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
+                    )
+                  ),
+                  !article.thumbnail && !defaultImage && article.source && React__default.createElement(
+                    'div',
+                    { className: 'mb-1 sanityDisplayLabel' },
+                    article.source
+                  ),
+                  React__default.createElement(
+                    'div',
+                    { style: { display: 'flex', alignItems: 'center', justifyContent: 'flex-start' } },
+                    showCategory && article.contentCategory && React__default.createElement(
+                      'p',
+                      {
+                        className: 'article-category',
+                        style: {
+                          background: '#3FB618',
+                          color: '#ffffff',
+                          marginBottom: '.25rem',
+                          display: 'inline-block',
+                          padding: '0 .25rem',
+                          fontSize: '.8rem'
+                        } },
+                      article.contentCategory.name.slice(0, article.contentCategory.name.length - 1)
+                    ),
+                    article.issueSection && article.issueSection.name && React__default.createElement(
+                      'p',
+                      {
+                        className: 'issueSection',
+                        style: {
+                          background: '#000000',
+                          color: '#ffffff',
+                          marginBottom: '.25rem',
+                          marginLeft: '.25rem',
+                          display: 'inline-block',
+                          padding: '0 .25rem',
+                          fontSize: '.8rem'
+                        } },
+                      article.issueSection.name
+                    )
+                  ),
+                  article.summary && React__default.createElement(
+                    'p',
+                    { className: 'pt-2 card-text' },
+                    clean_html_1(article.summary)
+                  )
+                )
+              )
+            )
+          );
+        } else return null;
+      })
+    ) : React__default.createElement(
       'div',
       null,
       React__default.createElement(

package/dist/esm/Segment.js

@@ -7,4 +7,4 @@ import './web.dom.iterable-46c95e52.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-export { S as default } from './beam-dd2b10c0.js';
+export { S as default } from './beam-a25bd8fd.js';

package/dist/esm/SideFooter.js

@@ -10,7 +10,7 @@ import './isSymbol-b7b7434f.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import { S as Segment } from './beam-dd2b10c0.js';
+import { S as Segment } from './beam-a25bd8fd.js';
 import './_arrayMap-64cbe0e4.js';
 import { g as get_1 } from './get-0eb56363.js';
 import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';

package/dist/esm/TemplateNormal.js

@@ -18,7 +18,7 @@ import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './beam-dd2b10c0.js';
+import './beam-a25bd8fd.js';
 import './AdSlot.js';
 import './_arrayMap-64cbe0e4.js';
 import './get-0eb56363.js';

package/dist/esm/View.js

@@ -29,7 +29,7 @@ import { a as _getIterator, _ as _slicedToArray } from './slicedToArray-f1e40361
 import { _ as _JSON$stringify } from './stringify-e30bc114.js';
 import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import './beam-dd2b10c0.js';
+import './beam-a25bd8fd.js';
 import DFPAdSlot from './AdSlot.js';
 import { B as BlockContent } from './BlockContent-a614acdf.js';
 import './smoothscroll-4b699764.js';

package/dist/esm/{beam-dd2b10c0.js → beam-a25bd8fd.js}

@@ -9,7 +9,8 @@ var Segment = {
         var apiKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'BBbKMoOjmhsxPnbd2nO6osz3zq67DzuN';
 
         if (typeof window === 'undefined') {
-            throw new Error('window object is not defined');
+            console.error('window object is not defined');
+            return;
         }
 
         if (window.$segment) {

package/dist/esm/getSerializers.js

@@ -24,7 +24,7 @@ import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-import { B as Beam, S as Segment } from './beam-dd2b10c0.js';
+import { B as Beam, S as Segment } from './beam-a25bd8fd.js';
 import DFPAdSlot from './AdSlot.js';
 import { B as BlockContent } from './BlockContent-a614acdf.js';
 import { g as getYoutubeId } from './smoothscroll-4b699764.js';

package/dist/esm/index.js

@@ -34,12 +34,12 @@ import './slicedToArray-f1e40361.js';
 import './stringify-e30bc114.js';
 import './asyncToGenerator-0379e924.js';
 import './_set-species-6f64f1c1.js';
-export { B as Beam, S as Segment } from './beam-dd2b10c0.js';
+export { B as Beam, S as Segment } from './beam-a25bd8fd.js';
 export { default as AdSlot } from './AdSlot.js';
-import './ADInfeed-cb0d3a09.js';
+import './ADInfeed-e7767d6d.js';
 export { default as DeckContent } from './DeckContent.js';
 import './lodash-17fdfebb.js';
-import './ADlgInfeed-353fb56a.js';
+import './ADlgInfeed-528c51c8.js';
 import './_arrayMap-64cbe0e4.js';
 import './get-0eb56363.js';
 export { default as AD } from './AD.js';

package/package.json

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