@mjhls/mjh-framework 1.0.454 → 1.0.456

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.454
+# mjh-framework v. 1.0.456
 
 > Foundation Framework 
 

package/dist/cjs/ArticleQueue.js

@@ -619,7 +619,7 @@ var Article = function Article(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 1px solid black;\n          width: fit-content;\n          padding: 5px;\n        }\n      '
+      '\n          .sanityDisplayLabel {\n            margin: .5rem 0;\n            border: 2px solid var(--franchise-primary, #484848);\n            width: fit-content;\n            padding: 5px;\n            color: var(--franchise-primary, #484848);\n            border-radius: 2px;\n          }\n        '
     )
   );
 };

package/dist/cjs/IssueContentDeck.js

@@ -54,7 +54,8 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
       imageWidth = props.imageWidth,
       client = props.client,
       Settings = props.Settings,
-      index = props.index;
+      index = props.index,
+      source = props.source;
 
   return React__default.createElement(
     Col,
@@ -64,19 +65,28 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
       { style: { boxShadow: 'none', borderBottom: '1px solid #aaa', paddingBottom: '1rem' } },
       React__default.createElement(
         'div',
-        { style: { display: 'flex', flex: '1 0 auto' } },
+        { style: { display: 'flex', flex: '1 0 auto', paddingBottom: '1rem' } },
         coverImage && React__default.createElement(
-          'a',
-          { href: '/view/' + link },
+          'div',
+          { style: { display: 'flex', flexDirection: 'column', justifyContent: 'center' } },
           React__default.createElement(
-            index$2.LazyLoad,
-            { height: imageHeight },
-            React__default.createElement(Card.Img, {
-              variant: 'right',
-              src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }),
-              alt: title,
-              style: { width: '170px', height: 'auto', objectFit: 'contain', padding: '0.25rem', float: 'left', paddingBottom: '1rem' }
-            })
+            'a',
+            { href: '/view/' + link },
+            React__default.createElement(
+              index$2.LazyLoad,
+              { height: imageHeight },
+              React__default.createElement(Card.Img, {
+                variant: 'right',
+                src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }),
+                alt: title,
+                style: { width: '170px', height: 'auto', objectFit: 'contain', padding: '0.25rem', float: 'left' }
+              })
+            )
+          ),
+          source && React__default.createElement(
+            'div',
+            { className: 'mb-2 sanityDisplayLabel displayLabelThumb' },
+            source
           )
         ),
         React__default.createElement(
@@ -104,6 +114,11 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
           React__default.createElement(
             'div',
             { style: { float: 'left' } },
+            source && !coverImage && React__default.createElement(
+              'div',
+              { className: 'mb-2 sanityDisplayLabel' },
+              source
+            ),
             React__default.createElement(
               'p',
               { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
@@ -194,6 +209,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
           imageHeight: imageHeight,
           imageWidth: imageWidth,
           client: client,
+          source: row.source,
           published: row.published,
           author: row.authorMapping && row.authorMapping.length > 0 ? row.authorMapping : [],
           summary: row.summary
@@ -222,6 +238,11 @@ var IssueContentDeck = function IssueContentDeck(props) {
           'New content coming soon, please check back later.'
         )
       )
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .sanityDisplayLabel {\n            border: 2px solid var(--franchise-primary, #484848);\n            width: fit-content;\n            padding: 5px;\n            color: var(--franchise-primary, #484848);\n            border-radius: 2px;\n          }\n        '
     )
   );
 };

package/dist/cjs/PublicationLanding.js

@@ -500,10 +500,10 @@ var PublicationLanding = function PublicationLanding(props) {
                 null,
                 issue.name
               ),
-              issue.displayLabel && React__default.createElement(
+              issue.source && React__default.createElement(
                 'p',
-                { className: 'badge badge-primary' },
-                issue.displayLabel
+                { className: 'sanityDisplayLabel' },
+                issue.source
               ),
               issue.volume && issue.number && React__default.createElement(
                 'p',
@@ -544,7 +544,7 @@ var PublicationLanding = function PublicationLanding(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n      '
+      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .sanityDisplayLabel {\n          border: 2px solid var(--franchise-primary, #484848);\n          width: fit-content;\n          padding: 5px;\n          color: var(--franchise-primary, #484848);\n          border-radius: 2px;\n        }\n      '
     )
   );
 };

package/dist/cjs/QueueDeckExpanded.js

@@ -257,6 +257,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     index$2.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 })
+                  ),
+                  article.source && React__default.createElement(
+                    'div',
+                    { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
+                    article.source
                   )
                 ),
                 React__default.createElement(
@@ -281,7 +286,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     { height: 50 },
                     React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
                   ),
-                  article.source && React__default.createElement(
+                  !article.thumbnail && !defaultImage && article.source && React__default.createElement(
                     'div',
                     { className: 'mb-1 sanityDisplayLabel' },
                     article.source
@@ -353,6 +358,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     index$2.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 })
+                  ),
+                  article.source && React__default.createElement(
+                    'div',
+                    { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
+                    article.source
                   )
                 ),
                 React__default.createElement(
@@ -377,7 +387,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     { height: 50 },
                     React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
                   ),
-                  article.source && React__default.createElement(
+                  !article.thumbnail && !defaultImage && article.source && React__default.createElement(
                     'div',
                     { className: 'mb-1 sanityDisplayLabel' },
                     article.source
@@ -457,6 +467,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                   index$2.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 })
+                ),
+                article.source && React__default.createElement(
+                  'div',
+                  { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
+                  article.source
                 )
               ),
               React__default.createElement(
@@ -485,7 +500,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     React__default.createElement(AuthorComponent.AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
                   )
                 ),
-                article.source && React__default.createElement(
+                !article.thumbnail && !defaultImage && article.source && React__default.createElement(
                   'div',
                   { className: 'mb-1 sanityDisplayLabel' },
                   article.source
@@ -549,7 +564,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n          .sanityDisplayLabel {\n            margin: 0.5rem 0;\n            border: 1px solid black;\n            width: fit-content;\n            padding: 5px;\n          }\n          .feature-media > .media-body {\n            -webkit-box-flex: none;\n            -ms-flex: none;\n            flex: none;\n          }\n          .img-wrapper img {\n            max-height: 240px;\n            height: auto;\n            width: 100%;\n            object-fit: contain;\n          }\n          .feature-wrapper {\n            height: 100%;\n            width: 100%;\n          }\n          .feature-wrapper img {\n            width: 100%;\n            margin-bottom: 1em;\n          }\n          @media only screen and (min-width: 768px) {\n            .img-wrapper > img {\n              padding-right: 1em;\n            }\n          }\n          @media only screen and (max-width: 767px) {\n            .img-wrapper {\n              width: 100%;\n            }\n            .img-wrapper img {\n              padding-bottom: 1em;\n            }\n            .media {\n              flex-direction: column !important;\n            }\n          }\n        '
+      '\n          .displayLabelThumb{\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .sanityDisplayLabel {\n            margin: 0.5rem 0;\n            border: 1px solid black;\n            width: fit-content;\n            padding: 5px;\n            color: var(--franchise-primary, #484848);\n            border-radius: 2px;\n          }\n          .feature-media > .media-body {\n            -webkit-box-flex: none;\n            -ms-flex: none;\n            flex: none;\n          }\n          .img-wrapper img {\n            max-height: 240px;\n            height: auto;\n            width: 100%;\n            object-fit: contain;\n          }\n          .feature-wrapper {\n            height: 100%;\n            width: 100%;\n          }\n          .feature-wrapper img {\n            width: 100%;\n            margin-bottom: 1em;\n          }\n          @media only screen and (min-width: 768px) {\n            .img-wrapper > img {\n              padding-right: 1em;\n            }\n          }\n          @media only screen and (max-width: 767px) {\n            .img-wrapper {\n              width: 100%;\n            }\n            .img-wrapper img {\n              padding-bottom: 1em;\n            }\n            .media {\n              flex-direction: column !important;\n            }\n          }\n        '
     )
   );
 };

package/dist/cjs/View.js

@@ -57,7 +57,7 @@ var getSerializers = require('./getSerializers.js');
 require('./util-f2c1b65b.js');
 require('react-bootstrap/Pagination');
 require('next/dynamic');
-var getTargeting = require('./getTargeting-ec7dd217.js');
+var getTargeting = require('./getTargeting-37612527.js');
 var urlFor = require('./urlFor.js');
 
 var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {

package/dist/cjs/{getTargeting-ec7dd217.js → getTargeting-37612527.js}

@@ -52,8 +52,6 @@ var getTargeting = function getTargeting(props) {
   context = context && context.split('?')[0];
   context = context && context.split('&')[0];
   var content_placement_urls = [];
-  //  New variable to store document group
-  var document_group_urls = [];
   if (content_placement && prevUrl && prevUrl.length) {
     content_placement.forEach(function (item) {
       var path = item.path;
@@ -72,32 +70,21 @@ var getTargeting = function getTargeting(props) {
     });
   }
 
-  //  Comparing document group with previous url to store in 'document_group_urls'.
-  if (document_group && prevUrl && prevUrl.length) {
-    var previous_url_to_check = prevUrl;
-    if (prevUrl.includes('?')) {
-      previous_url_to_check = prevUrl.split('?')[0];
+  if (content_placement) {
+    if (content_placement_urls.length === 0) {
+      content_placement_urls = content_placement.map(function (item) {
+        return cpModificationRequired ? getContentPlacementUrl(item) : item.path;
+      });
     }
-
-    if (previous_url_to_check.endsWith(document_group)) {
-      document_group_urls.push(document_group);
-    }
-  }
-
-  //  Updating condition to set content_placement only when 'document_group_urls' and 'content_placement_urls' is empty.
-  if (content_placement && content_placement_urls.length === 0 && document_group_urls.length === 0) {
-    content_placement_urls = content_placement.map(function (item) {
-      return cpModificationRequired ? getContentPlacementUrl(item) : item.path;
-    });
+  } else {
+    content_placement_urls = ['/'];
   }
-
   var articleKeywords = [].concat(toConsumableArray._toConsumableArray(internalTag), toConsumableArray._toConsumableArray(userDefinedTag), toConsumableArray._toConsumableArray(SponsorshipTag), toConsumableArray._toConsumableArray(seoTag));
   var targeting = {
     tags: articleKeywords,
-    //  making sure either 'document_group' or 'content_placement' is returned in targeting.
-    document_group: content_placement_urls && content_placement_urls.length ? '' : document_group_urls,
+    document_group: [document_group],
     document_url: [url],
-    content_placement: document_group_urls && document_group_urls.length ? '' : content_placement_urls
+    content_placement: content_placement_urls
   };
 
   if (article.issue && article.issue.path) {

package/dist/cjs/getTargeting.js

@@ -8,7 +8,7 @@ require('./from-ea347372.js');
 require('./toConsumableArray-ca04303b.js');
 require('./_object-pie-68c5bcbc.js');
 require('./extends-60837c34.js');
-var getTargeting = require('./getTargeting-ec7dd217.js');
+var getTargeting = require('./getTargeting-37612527.js');
 
 
 

package/dist/cjs/index.js

@@ -158,7 +158,7 @@ require('swr');
 require('passport-local');
 require('mysql');
 var View = require('./View.js');
-var getTargeting = require('./getTargeting-ec7dd217.js');
+var getTargeting = require('./getTargeting-37612527.js');
 var urlFor = require('./urlFor.js');
 var getKeywords = require('./getKeywords.js');
 var getQuery = require('./getQuery.js');

package/dist/esm/ArticleQueue.js

@@ -614,7 +614,7 @@ var Article = function Article(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 1px solid black;\n          width: fit-content;\n          padding: 5px;\n        }\n      '
+      '\n          .sanityDisplayLabel {\n            margin: .5rem 0;\n            border: 2px solid var(--franchise-primary, #484848);\n            width: fit-content;\n            padding: 5px;\n            color: var(--franchise-primary, #484848);\n            border-radius: 2px;\n          }\n        '
     )
   );
 };

package/dist/esm/IssueContentDeck.js

@@ -49,7 +49,8 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
       imageWidth = props.imageWidth,
       client = props.client,
       Settings = props.Settings,
-      index = props.index;
+      index = props.index,
+      source = props.source;
 
   return React__default.createElement(
     Col,
@@ -59,19 +60,28 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
       { style: { boxShadow: 'none', borderBottom: '1px solid #aaa', paddingBottom: '1rem' } },
       React__default.createElement(
         'div',
-        { style: { display: 'flex', flex: '1 0 auto' } },
+        { style: { display: 'flex', flex: '1 0 auto', paddingBottom: '1rem' } },
         coverImage && React__default.createElement(
-          'a',
-          { href: '/view/' + link },
+          'div',
+          { style: { display: 'flex', flexDirection: 'column', justifyContent: 'center' } },
           React__default.createElement(
-            LazyLoad,
-            { height: imageHeight },
-            React__default.createElement(Card.Img, {
-              variant: 'right',
-              src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }),
-              alt: title,
-              style: { width: '170px', height: 'auto', objectFit: 'contain', padding: '0.25rem', float: 'left', paddingBottom: '1rem' }
-            })
+            'a',
+            { href: '/view/' + link },
+            React__default.createElement(
+              LazyLoad,
+              { height: imageHeight },
+              React__default.createElement(Card.Img, {
+                variant: 'right',
+                src: renderCardImage({ coverImage: coverImage, imageHeight: imageHeight, imageWidth: imageWidth, client: client, Settings: Settings }),
+                alt: title,
+                style: { width: '170px', height: 'auto', objectFit: 'contain', padding: '0.25rem', float: 'left' }
+              })
+            )
+          ),
+          source && React__default.createElement(
+            'div',
+            { className: 'mb-2 sanityDisplayLabel displayLabelThumb' },
+            source
           )
         ),
         React__default.createElement(
@@ -99,6 +109,11 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
           React__default.createElement(
             'div',
             { style: { float: 'left' } },
+            source && !coverImage && React__default.createElement(
+              'div',
+              { className: 'mb-2 sanityDisplayLabel' },
+              source
+            ),
             React__default.createElement(
               'p',
               { style: { color: '#484848', fontSize: '.9rem', fontWeight: '600' }, className: 'mb-0' },
@@ -189,6 +204,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
           imageHeight: imageHeight,
           imageWidth: imageWidth,
           client: client,
+          source: row.source,
           published: row.published,
           author: row.authorMapping && row.authorMapping.length > 0 ? row.authorMapping : [],
           summary: row.summary
@@ -217,6 +233,11 @@ var IssueContentDeck = function IssueContentDeck(props) {
           'New content coming soon, please check back later.'
         )
       )
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .sanityDisplayLabel {\n            border: 2px solid var(--franchise-primary, #484848);\n            width: fit-content;\n            padding: 5px;\n            color: var(--franchise-primary, #484848);\n            border-radius: 2px;\n          }\n        '
     )
   );
 };

package/dist/esm/PublicationLanding.js

@@ -494,10 +494,10 @@ var PublicationLanding = function PublicationLanding(props) {
                 null,
                 issue.name
               ),
-              issue.displayLabel && React__default.createElement(
+              issue.source && React__default.createElement(
                 'p',
-                { className: 'badge badge-primary' },
-                issue.displayLabel
+                { className: 'sanityDisplayLabel' },
+                issue.source
               ),
               issue.volume && issue.number && React__default.createElement(
                 'p',
@@ -538,7 +538,7 @@ var PublicationLanding = function PublicationLanding(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n      '
+      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .sanityDisplayLabel {\n          border: 2px solid var(--franchise-primary, #484848);\n          width: fit-content;\n          padding: 5px;\n          color: var(--franchise-primary, #484848);\n          border-radius: 2px;\n        }\n      '
     )
   );
 };

package/dist/esm/QueueDeckExpanded.js

@@ -251,6 +251,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     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 })
+                  ),
+                  article.source && React__default.createElement(
+                    'div',
+                    { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
+                    article.source
                   )
                 ),
                 React__default.createElement(
@@ -275,7 +280,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     { height: 50 },
                     React__default.createElement(AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
                   ),
-                  article.source && React__default.createElement(
+                  !article.thumbnail && !defaultImage && article.source && React__default.createElement(
                     'div',
                     { className: 'mb-1 sanityDisplayLabel' },
                     article.source
@@ -347,6 +352,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     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 })
+                  ),
+                  article.source && React__default.createElement(
+                    'div',
+                    { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
+                    article.source
                   )
                 ),
                 React__default.createElement(
@@ -371,7 +381,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     { height: 50 },
                     React__default.createElement(AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
                   ),
-                  article.source && React__default.createElement(
+                  !article.thumbnail && !defaultImage && article.source && React__default.createElement(
                     'div',
                     { className: 'mb-1 sanityDisplayLabel' },
                     article.source
@@ -451,6 +461,11 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                   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 })
+                ),
+                article.source && React__default.createElement(
+                  'div',
+                  { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
+                  article.source
                 )
               ),
               React__default.createElement(
@@ -479,7 +494,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
                     React__default.createElement(AuthorComponent, { key: index.toString(), index: index, authors: article.authorMapping })
                   )
                 ),
-                article.source && React__default.createElement(
+                !article.thumbnail && !defaultImage && article.source && React__default.createElement(
                   'div',
                   { className: 'mb-1 sanityDisplayLabel' },
                   article.source
@@ -543,7 +558,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n          .sanityDisplayLabel {\n            margin: 0.5rem 0;\n            border: 1px solid black;\n            width: fit-content;\n            padding: 5px;\n          }\n          .feature-media > .media-body {\n            -webkit-box-flex: none;\n            -ms-flex: none;\n            flex: none;\n          }\n          .img-wrapper img {\n            max-height: 240px;\n            height: auto;\n            width: 100%;\n            object-fit: contain;\n          }\n          .feature-wrapper {\n            height: 100%;\n            width: 100%;\n          }\n          .feature-wrapper img {\n            width: 100%;\n            margin-bottom: 1em;\n          }\n          @media only screen and (min-width: 768px) {\n            .img-wrapper > img {\n              padding-right: 1em;\n            }\n          }\n          @media only screen and (max-width: 767px) {\n            .img-wrapper {\n              width: 100%;\n            }\n            .img-wrapper img {\n              padding-bottom: 1em;\n            }\n            .media {\n              flex-direction: column !important;\n            }\n          }\n        '
+      '\n          .displayLabelThumb{\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .sanityDisplayLabel {\n            margin: 0.5rem 0;\n            border: 1px solid black;\n            width: fit-content;\n            padding: 5px;\n            color: var(--franchise-primary, #484848);\n            border-radius: 2px;\n          }\n          .feature-media > .media-body {\n            -webkit-box-flex: none;\n            -ms-flex: none;\n            flex: none;\n          }\n          .img-wrapper img {\n            max-height: 240px;\n            height: auto;\n            width: 100%;\n            object-fit: contain;\n          }\n          .feature-wrapper {\n            height: 100%;\n            width: 100%;\n          }\n          .feature-wrapper img {\n            width: 100%;\n            margin-bottom: 1em;\n          }\n          @media only screen and (min-width: 768px) {\n            .img-wrapper > img {\n              padding-right: 1em;\n            }\n          }\n          @media only screen and (max-width: 767px) {\n            .img-wrapper {\n              width: 100%;\n            }\n            .img-wrapper img {\n              padding-bottom: 1em;\n            }\n            .media {\n              flex-direction: column !important;\n            }\n          }\n        '
     )
   );
 };

package/dist/esm/View.js

@@ -52,7 +52,7 @@ import getSerializers from './getSerializers.js';
 import './util-7700fc59.js';
 import 'react-bootstrap/Pagination';
 import 'next/dynamic';
-import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-02118961.js';
+import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-8f4bd5db.js';
 import urlFor from './urlFor.js';
 
 var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {

package/dist/esm/{getTargeting-02118961.js → getTargeting-8f4bd5db.js}

@@ -50,8 +50,6 @@ var getTargeting = function getTargeting(props) {
   context = context && context.split('?')[0];
   context = context && context.split('&')[0];
   var content_placement_urls = [];
-  //  New variable to store document group
-  var document_group_urls = [];
   if (content_placement && prevUrl && prevUrl.length) {
     content_placement.forEach(function (item) {
       var path = item.path;
@@ -70,32 +68,21 @@ var getTargeting = function getTargeting(props) {
     });
   }
 
-  //  Comparing document group with previous url to store in 'document_group_urls'.
-  if (document_group && prevUrl && prevUrl.length) {
-    var previous_url_to_check = prevUrl;
-    if (prevUrl.includes('?')) {
-      previous_url_to_check = prevUrl.split('?')[0];
+  if (content_placement) {
+    if (content_placement_urls.length === 0) {
+      content_placement_urls = content_placement.map(function (item) {
+        return cpModificationRequired ? getContentPlacementUrl(item) : item.path;
+      });
     }
-
-    if (previous_url_to_check.endsWith(document_group)) {
-      document_group_urls.push(document_group);
-    }
-  }
-
-  //  Updating condition to set content_placement only when 'document_group_urls' and 'content_placement_urls' is empty.
-  if (content_placement && content_placement_urls.length === 0 && document_group_urls.length === 0) {
-    content_placement_urls = content_placement.map(function (item) {
-      return cpModificationRequired ? getContentPlacementUrl(item) : item.path;
-    });
+  } else {
+    content_placement_urls = ['/'];
   }
-
   var articleKeywords = [].concat(_toConsumableArray(internalTag), _toConsumableArray(userDefinedTag), _toConsumableArray(SponsorshipTag), _toConsumableArray(seoTag));
   var targeting = {
     tags: articleKeywords,
-    //  making sure either 'document_group' or 'content_placement' is returned in targeting.
-    document_group: content_placement_urls && content_placement_urls.length ? '' : document_group_urls,
+    document_group: [document_group],
     document_url: [url],
-    content_placement: document_group_urls && document_group_urls.length ? '' : content_placement_urls
+    content_placement: content_placement_urls
   };
 
   if (article.issue && article.issue.path) {

package/dist/esm/getTargeting.js

@@ -6,4 +6,4 @@ import './from-2c0a5f49.js';
 import './toConsumableArray-8712d678.js';
 import './_object-pie-33c40e79.js';
 import './extends-6e00b262.js';
-export { g as default } from './getTargeting-02118961.js';
+export { g as default } from './getTargeting-8f4bd5db.js';

package/dist/esm/index.js

@@ -154,7 +154,7 @@ import 'swr';
 import 'passport-local';
 import 'mysql';
 export { default as View } from './View.js';
-export { g as getTargeting } from './getTargeting-02118961.js';
+export { g as getTargeting } from './getTargeting-8f4bd5db.js';
 export { default as urlFor } from './urlFor.js';
 export { default as getKeywords } from './getKeywords.js';
 export { default as getQuery } from './getQuery.js';

package/package.json

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