@mjhls/mjh-framework 1.0.553 → 1.0.555

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 (10) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/IssueContentDeck.js +7 -3
  3. package/dist/cjs/PublicationLanding.js +8 -4
  4. package/dist/cjs/QueueDeckExpanded.js +73 -25
  5. package/dist/cjs/View.js +22 -5
  6. package/dist/esm/IssueContentDeck.js +7 -3
  7. package/dist/esm/PublicationLanding.js +8 -4
  8. package/dist/esm/QueueDeckExpanded.js +73 -25
  9. package/dist/esm/View.js +22 -5
  10. package/package.json +1 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.553
2
+ # mjh-framework v. 1.0.555
3
3
 
4
4
  > Foundation Framework
5
5
 
package/dist/cjs/IssueContentDeck.js CHANGED
@@ -116,8 +116,12 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
116
116
  { style: { float: 'left' } },
117
117
  source && !coverImage && React__default.createElement(
118
118
  'div',
119
- { className: 'mb-2 sanityDisplayLabel' },
120
- source
119
+ { className: 'content-category-label' },
120
+ React__default.createElement(
121
+ 'div',
122
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
123
+ source
124
+ )
121
125
  ),
122
126
  React__default.createElement(
123
127
  'p',
@@ -242,7 +246,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
242
246
  React__default.createElement(
243
247
  'style',
244
248
  { jsx: 'true' },
245
- '\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 '
249
+ '\n .displayLabelThumb {\n margin: 0 auto;\n margin-top: -1.25rem;\n background-color: white;\n position: relative;\n }\n .content-category-label {\n margin: 0.5rem 0;\n display: block;\n }\n .sanityDisplayLabel {\n border: 2px solid var(--franchise-primary, #484848);\n display: inline;\n width: max-content;\n padding: 5px;\n color: var(--franchise-primary, #484848);\n border-radius: 2px;\n }\n '
246
250
  )
247
251
  );
248
252
  };
package/dist/cjs/PublicationLanding.js CHANGED
@@ -508,9 +508,13 @@ var PublicationLanding = function PublicationLanding(props) {
508
508
  issue.name
509
509
  ),
510
510
  issue.source && React__default.createElement(
511
- 'p',
512
- { className: 'sanityDisplayLabel' },
513
- issue.source
511
+ 'div',
512
+ { className: 'content-category-label' },
513
+ React__default.createElement(
514
+ 'div',
515
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
516
+ issue.source
517
+ )
514
518
  ),
515
519
  issue.volume && issue.number && React__default.createElement(
516
520
  'p',
@@ -551,7 +555,7 @@ var PublicationLanding = function PublicationLanding(props) {
551
555
  React__default.createElement(
552
556
  'style',
553
557
  { jsx: 'true' },
554
- '\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 '
558
+ '\n .issueCard.card:hover {\n cursor: default;\n }\n .content-category-label {\n margin: 0.5rem 0;\n display: block;\n }\n .sanityDisplayLabel {\n border: 2px solid var(--franchise-primary, #484848);\n display: inline;\n width: max-content;\n padding: 5px;\n color: var(--franchise-primary, #484848);\n border-radius: 2px;\n }\n '
555
559
  )
556
560
  );
557
561
  };
package/dist/cjs/QueueDeckExpanded.js CHANGED
@@ -288,8 +288,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
288
288
  ),
289
289
  article.source && React__default.createElement(
290
290
  'div',
291
- { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
292
- article.source
291
+ { className: 'content-category-label' },
292
+ React__default.createElement(
293
+ 'div',
294
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
295
+ article.source
296
+ )
293
297
  )
294
298
  ),
295
299
  React__default.createElement(
@@ -316,8 +320,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
316
320
  ),
317
321
  !article.thumbnail && !defaultImage && article.source && React__default.createElement(
318
322
  'div',
319
- { className: 'mb-1 sanityDisplayLabel' },
320
- article.source
323
+ { className: 'content-category-label' },
324
+ React__default.createElement(
325
+ 'div',
326
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
327
+ article.source
328
+ )
321
329
  ),
322
330
  React__default.createElement(
323
331
  'div',
@@ -409,8 +417,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
409
417
  ),
410
418
  article.source && React__default.createElement(
411
419
  'div',
412
- { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
413
- article.source
420
+ { className: 'content-category-label' },
421
+ React__default.createElement(
422
+ 'div',
423
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
424
+ article.source
425
+ )
414
426
  )
415
427
  ),
416
428
  React__default.createElement(
@@ -437,8 +449,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
437
449
  ),
438
450
  !article.thumbnail && !defaultImage && article.source && React__default.createElement(
439
451
  'div',
440
- { className: 'mb-1 sanityDisplayLabel' },
441
- article.source
452
+ { className: 'content-category-label' },
453
+ React__default.createElement(
454
+ 'div',
455
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
456
+ article.source
457
+ )
442
458
  ),
443
459
  React__default.createElement(
444
460
  'div',
@@ -539,8 +555,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
539
555
  ),
540
556
  article.source && React__default.createElement(
541
557
  'div',
542
- { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
543
- article.source
558
+ { className: 'content-category-label' },
559
+ React__default.createElement(
560
+ 'div',
561
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
562
+ article.source
563
+ )
544
564
  )
545
565
  ),
546
566
  React__default.createElement(
@@ -571,8 +591,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
571
591
  ),
572
592
  !article.thumbnail && !defaultImage && article.source && React__default.createElement(
573
593
  'div',
574
- { className: 'mb-1 sanityDisplayLabel' },
575
- article.source
594
+ { className: 'content-category-label' },
595
+ React__default.createElement(
596
+ 'div',
597
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
598
+ article.source
599
+ )
576
600
  ),
577
601
  React__default.createElement(
578
602
  'div',
@@ -676,8 +700,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
676
700
  ),
677
701
  article.source && React__default.createElement(
678
702
  'div',
679
- { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
680
- article.source
703
+ { className: 'content-category-label' },
704
+ React__default.createElement(
705
+ 'div',
706
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
707
+ article.source
708
+ )
681
709
  )
682
710
  ),
683
711
  React__default.createElement(
@@ -704,8 +732,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
704
732
  ),
705
733
  !article.thumbnail && !defaultImage && article.source && React__default.createElement(
706
734
  'div',
707
- { className: 'mb-1 sanityDisplayLabel' },
708
- article.source
735
+ { className: 'content-category-label' },
736
+ React__default.createElement(
737
+ 'div',
738
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
739
+ article.source
740
+ )
709
741
  ),
710
742
  React__default.createElement(
711
743
  'div',
@@ -797,8 +829,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
797
829
  ),
798
830
  article.source && React__default.createElement(
799
831
  'div',
800
- { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
801
- article.source
832
+ { className: 'content-category-label' },
833
+ React__default.createElement(
834
+ 'div',
835
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
836
+ article.source
837
+ )
802
838
  )
803
839
  ),
804
840
  React__default.createElement(
@@ -825,8 +861,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
825
861
  ),
826
862
  !article.thumbnail && !defaultImage && article.source && React__default.createElement(
827
863
  'div',
828
- { className: 'mb-1 sanityDisplayLabel' },
829
- article.source
864
+ { className: 'content-category-label' },
865
+ React__default.createElement(
866
+ 'div',
867
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
868
+ article.source
869
+ )
830
870
  ),
831
871
  React__default.createElement(
832
872
  'div',
@@ -927,8 +967,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
927
967
  ),
928
968
  article.source && React__default.createElement(
929
969
  'div',
930
- { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
931
- article.source
970
+ { className: 'content-category-label' },
971
+ React__default.createElement(
972
+ 'div',
973
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
974
+ article.source
975
+ )
932
976
  )
933
977
  ),
934
978
  React__default.createElement(
@@ -959,8 +1003,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
959
1003
  ),
960
1004
  !article.thumbnail && !defaultImage && article.source && React__default.createElement(
961
1005
  'div',
962
- { className: 'mb-1 sanityDisplayLabel' },
963
- article.source
1006
+ { className: 'content-category-label' },
1007
+ React__default.createElement(
1008
+ 'div',
1009
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
1010
+ article.source
1011
+ )
964
1012
  ),
965
1013
  React__default.createElement(
966
1014
  'div',
@@ -1042,7 +1090,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
1042
1090
  React__default.createElement(
1043
1091
  'style',
1044
1092
  { jsx: 'true' },
1045
- '\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 display: block;\n width: max-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 '
1093
+ '\n .displayLabelThumb {\n margin: 0 auto;\n margin-top: -1.25rem;\n background-color: white;\n position: relative;\n }\n .content-category-label {\n margin: 0.5rem 0;\n display: block;\n }\n .sanityDisplayLabel {\n margin: 0.5rem 0;\n border: 1px solid black;\n display: inline;\n width: max-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 '
1046
1094
  )
1047
1095
  );
1048
1096
  };
package/dist/cjs/View.js CHANGED
@@ -56,7 +56,9 @@ var Dropdown = _interopDefault(require('react-bootstrap/Dropdown'));
56
56
  var InscreenSensor = require('./InscreenSensor-3aec8492.js');
57
57
  var getKeywords = require('./getKeywords.js');
58
58
  var getSeriesDetail = require('./getSeriesDetail.js');
59
+ require('nookies');
59
60
  var getQuery = require('./getQuery.js');
61
+ var getRelatedArticle = require('./getRelatedArticle.js');
60
62
  var getTargeting = require('./getTargeting-b15993cb.js');
61
63
  var urlFor = require('./urlFor.js');
62
64
 
@@ -383,10 +385,12 @@ var Article = function Article(props) {
383
385
  }
384
386
  };
385
387
  var renderAuthorBiography = function renderAuthorBiography(biography) {
386
- return React__default.createElement(BlockContent.BlockContent, _extends._extends({
387
- serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, contextualADFlag),
388
- blocks: [biography]
389
- }, client.config()));
388
+ if (biography) {
389
+ return React__default.createElement(BlockContent.BlockContent, _extends._extends({
390
+ serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, contextualADFlag),
391
+ blocks: [biography]
392
+ }, client.config()));
393
+ }
390
394
  };
391
395
  var renderIsiContent = function renderIsiContent(article) {
392
396
  var url = article.url.current;
@@ -1313,6 +1317,7 @@ var View = function View(props) {
1313
1317
  //This should be called in /view/[url] getInitialProps to fetch the article data and related articles. This will also set the sponsoredFlag to true if any taxonomies have disabled ads.
1314
1318
  View.returnGetInitialProps = function () {
1315
1319
  var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(url, prevUrl, seriesVid, client, sao) {
1320
+ var context = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
1316
1321
  var article, relatedArticleQuery, statusCode, sponsoredFlag;
1317
1322
  return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
1318
1323
  while (1) {
@@ -1346,6 +1351,18 @@ View.returnGetInitialProps = function () {
1346
1351
  sponsoredFlag = true;
1347
1352
  }
1348
1353
 
1354
+ if (!article) {
1355
+ _context.next = 14;
1356
+ break;
1357
+ }
1358
+
1359
+ _context.next = 13;
1360
+ return getRelatedArticle(context, client, article, prevUrl);
1361
+
1362
+ case 13:
1363
+ article.relatedArticle = _context.sent;
1364
+
1365
+ case 14:
1349
1366
  return _context.abrupt('return', {
1350
1367
  url: url,
1351
1368
  sao: sao,
@@ -1356,7 +1373,7 @@ View.returnGetInitialProps = function () {
1356
1373
  sponsoredFlag: sponsoredFlag
1357
1374
  });
1358
1375
 
1359
- case 11:
1376
+ case 15:
1360
1377
  case 'end':
1361
1378
  return _context.stop();
1362
1379
  }
package/dist/esm/IssueContentDeck.js CHANGED
@@ -111,8 +111,12 @@ var PublicationDeckStack = function PublicationDeckStack(props) {
111
111
  { style: { float: 'left' } },
112
112
  source && !coverImage && React__default.createElement(
113
113
  'div',
114
- { className: 'mb-2 sanityDisplayLabel' },
115
- source
114
+ { className: 'content-category-label' },
115
+ React__default.createElement(
116
+ 'div',
117
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
118
+ source
119
+ )
116
120
  ),
117
121
  React__default.createElement(
118
122
  'p',
@@ -237,7 +241,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
237
241
  React__default.createElement(
238
242
  'style',
239
243
  { jsx: 'true' },
240
- '\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 '
244
+ '\n .displayLabelThumb {\n margin: 0 auto;\n margin-top: -1.25rem;\n background-color: white;\n position: relative;\n }\n .content-category-label {\n margin: 0.5rem 0;\n display: block;\n }\n .sanityDisplayLabel {\n border: 2px solid var(--franchise-primary, #484848);\n display: inline;\n width: max-content;\n padding: 5px;\n color: var(--franchise-primary, #484848);\n border-radius: 2px;\n }\n '
241
245
  )
242
246
  );
243
247
  };
package/dist/esm/PublicationLanding.js CHANGED
@@ -502,9 +502,13 @@ var PublicationLanding = function PublicationLanding(props) {
502
502
  issue.name
503
503
  ),
504
504
  issue.source && React__default.createElement(
505
- 'p',
506
- { className: 'sanityDisplayLabel' },
507
- issue.source
505
+ 'div',
506
+ { className: 'content-category-label' },
507
+ React__default.createElement(
508
+ 'div',
509
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
510
+ issue.source
511
+ )
508
512
  ),
509
513
  issue.volume && issue.number && React__default.createElement(
510
514
  'p',
@@ -545,7 +549,7 @@ var PublicationLanding = function PublicationLanding(props) {
545
549
  React__default.createElement(
546
550
  'style',
547
551
  { jsx: 'true' },
548
- '\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 '
552
+ '\n .issueCard.card:hover {\n cursor: default;\n }\n .content-category-label {\n margin: 0.5rem 0;\n display: block;\n }\n .sanityDisplayLabel {\n border: 2px solid var(--franchise-primary, #484848);\n display: inline;\n width: max-content;\n padding: 5px;\n color: var(--franchise-primary, #484848);\n border-radius: 2px;\n }\n '
549
553
  )
550
554
  );
551
555
  };
package/dist/esm/QueueDeckExpanded.js CHANGED
@@ -282,8 +282,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
282
282
  ),
283
283
  article.source && React__default.createElement(
284
284
  'div',
285
- { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
286
- article.source
285
+ { className: 'content-category-label' },
286
+ React__default.createElement(
287
+ 'div',
288
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
289
+ article.source
290
+ )
287
291
  )
288
292
  ),
289
293
  React__default.createElement(
@@ -310,8 +314,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
310
314
  ),
311
315
  !article.thumbnail && !defaultImage && article.source && React__default.createElement(
312
316
  'div',
313
- { className: 'mb-1 sanityDisplayLabel' },
314
- article.source
317
+ { className: 'content-category-label' },
318
+ React__default.createElement(
319
+ 'div',
320
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
321
+ article.source
322
+ )
315
323
  ),
316
324
  React__default.createElement(
317
325
  'div',
@@ -403,8 +411,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
403
411
  ),
404
412
  article.source && React__default.createElement(
405
413
  'div',
406
- { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
407
- article.source
414
+ { className: 'content-category-label' },
415
+ React__default.createElement(
416
+ 'div',
417
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
418
+ article.source
419
+ )
408
420
  )
409
421
  ),
410
422
  React__default.createElement(
@@ -431,8 +443,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
431
443
  ),
432
444
  !article.thumbnail && !defaultImage && article.source && React__default.createElement(
433
445
  'div',
434
- { className: 'mb-1 sanityDisplayLabel' },
435
- article.source
446
+ { className: 'content-category-label' },
447
+ React__default.createElement(
448
+ 'div',
449
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
450
+ article.source
451
+ )
436
452
  ),
437
453
  React__default.createElement(
438
454
  'div',
@@ -533,8 +549,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
533
549
  ),
534
550
  article.source && React__default.createElement(
535
551
  'div',
536
- { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
537
- article.source
552
+ { className: 'content-category-label' },
553
+ React__default.createElement(
554
+ 'div',
555
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
556
+ article.source
557
+ )
538
558
  )
539
559
  ),
540
560
  React__default.createElement(
@@ -565,8 +585,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
565
585
  ),
566
586
  !article.thumbnail && !defaultImage && article.source && React__default.createElement(
567
587
  'div',
568
- { className: 'mb-1 sanityDisplayLabel' },
569
- article.source
588
+ { className: 'content-category-label' },
589
+ React__default.createElement(
590
+ 'div',
591
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
592
+ article.source
593
+ )
570
594
  ),
571
595
  React__default.createElement(
572
596
  'div',
@@ -670,8 +694,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
670
694
  ),
671
695
  article.source && React__default.createElement(
672
696
  'div',
673
- { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
674
- article.source
697
+ { className: 'content-category-label' },
698
+ React__default.createElement(
699
+ 'div',
700
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
701
+ article.source
702
+ )
675
703
  )
676
704
  ),
677
705
  React__default.createElement(
@@ -698,8 +726,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
698
726
  ),
699
727
  !article.thumbnail && !defaultImage && article.source && React__default.createElement(
700
728
  'div',
701
- { className: 'mb-1 sanityDisplayLabel' },
702
- article.source
729
+ { className: 'content-category-label' },
730
+ React__default.createElement(
731
+ 'div',
732
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
733
+ article.source
734
+ )
703
735
  ),
704
736
  React__default.createElement(
705
737
  'div',
@@ -791,8 +823,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
791
823
  ),
792
824
  article.source && React__default.createElement(
793
825
  'div',
794
- { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
795
- article.source
826
+ { className: 'content-category-label' },
827
+ React__default.createElement(
828
+ 'div',
829
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
830
+ article.source
831
+ )
796
832
  )
797
833
  ),
798
834
  React__default.createElement(
@@ -819,8 +855,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
819
855
  ),
820
856
  !article.thumbnail && !defaultImage && article.source && React__default.createElement(
821
857
  'div',
822
- { className: 'mb-1 sanityDisplayLabel' },
823
- article.source
858
+ { className: 'content-category-label' },
859
+ React__default.createElement(
860
+ 'div',
861
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
862
+ article.source
863
+ )
824
864
  ),
825
865
  React__default.createElement(
826
866
  'div',
@@ -921,8 +961,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
921
961
  ),
922
962
  article.source && React__default.createElement(
923
963
  'div',
924
- { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
925
- article.source
964
+ { className: 'content-category-label' },
965
+ React__default.createElement(
966
+ 'div',
967
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
968
+ article.source
969
+ )
926
970
  )
927
971
  ),
928
972
  React__default.createElement(
@@ -953,8 +997,12 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
953
997
  ),
954
998
  !article.thumbnail && !defaultImage && article.source && React__default.createElement(
955
999
  'div',
956
- { className: 'mb-1 sanityDisplayLabel' },
957
- article.source
1000
+ { className: 'content-category-label' },
1001
+ React__default.createElement(
1002
+ 'div',
1003
+ { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
1004
+ article.source
1005
+ )
958
1006
  ),
959
1007
  React__default.createElement(
960
1008
  'div',
@@ -1036,7 +1084,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
1036
1084
  React__default.createElement(
1037
1085
  'style',
1038
1086
  { jsx: 'true' },
1039
- '\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 display: block;\n width: max-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 '
1087
+ '\n .displayLabelThumb {\n margin: 0 auto;\n margin-top: -1.25rem;\n background-color: white;\n position: relative;\n }\n .content-category-label {\n margin: 0.5rem 0;\n display: block;\n }\n .sanityDisplayLabel {\n margin: 0.5rem 0;\n border: 1px solid black;\n display: inline;\n width: max-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 '
1040
1088
  )
1041
1089
  );
1042
1090
  };
package/dist/esm/View.js CHANGED
@@ -50,7 +50,9 @@ import Dropdown from 'react-bootstrap/Dropdown';
50
50
  import { I as InscreenSensor } from './InscreenSensor-280b2b10.js';
51
51
  import getKeywords from './getKeywords.js';
52
52
  import getSeriesDetail from './getSeriesDetail.js';
53
+ import 'nookies';
53
54
  import getQuery from './getQuery.js';
55
+ import getRelatedArticle from './getRelatedArticle.js';
54
56
  import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-1a0bd08d.js';
55
57
  import urlFor from './urlFor.js';
56
58
 
@@ -377,10 +379,12 @@ var Article = function Article(props) {
377
379
  }
378
380
  };
379
381
  var renderAuthorBiography = function renderAuthorBiography(biography) {
380
- return React__default.createElement(BlockContent, _extends({
381
- serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, contextualADFlag),
382
- blocks: [biography]
383
- }, client.config()));
382
+ if (biography) {
383
+ return React__default.createElement(BlockContent, _extends({
384
+ serializers: getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, contextualADFlag),
385
+ blocks: [biography]
386
+ }, client.config()));
387
+ }
384
388
  };
385
389
  var renderIsiContent = function renderIsiContent(article) {
386
390
  var url = article.url.current;
@@ -1307,6 +1311,7 @@ var View = function View(props) {
1307
1311
  //This should be called in /view/[url] getInitialProps to fetch the article data and related articles. This will also set the sponsoredFlag to true if any taxonomies have disabled ads.
1308
1312
  View.returnGetInitialProps = function () {
1309
1313
  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(url, prevUrl, seriesVid, client, sao) {
1314
+ var context = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
1310
1315
  var article, relatedArticleQuery, statusCode, sponsoredFlag;
1311
1316
  return regenerator.wrap(function _callee$(_context) {
1312
1317
  while (1) {
@@ -1340,6 +1345,18 @@ View.returnGetInitialProps = function () {
1340
1345
  sponsoredFlag = true;
1341
1346
  }
1342
1347
 
1348
+ if (!article) {
1349
+ _context.next = 14;
1350
+ break;
1351
+ }
1352
+
1353
+ _context.next = 13;
1354
+ return getRelatedArticle(context, client, article, prevUrl);
1355
+
1356
+ case 13:
1357
+ article.relatedArticle = _context.sent;
1358
+
1359
+ case 14:
1343
1360
  return _context.abrupt('return', {
1344
1361
  url: url,
1345
1362
  sao: sao,
@@ -1350,7 +1367,7 @@ View.returnGetInitialProps = function () {
1350
1367
  sponsoredFlag: sponsoredFlag
1351
1368
  });
1352
1369
 
1353
- case 11:
1370
+ case 15:
1354
1371
  case 'end':
1355
1372
  return _context.stop();
1356
1373
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.553",
3
+ "version": "1.0.555",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",