@mjhls/mjh-framework 1.0.939-segment-test-v11 → 1.0.939

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 (3) hide show
  1. package/dist/cjs/View.js +21 -30
  2. package/dist/esm/View.js +21 -30
  3. package/package.json +1 -1
package/dist/cjs/View.js CHANGED
@@ -473,11 +473,10 @@ var Recommended = function Recommended(props) {
473
473
  articles = _useState4[0],
474
474
  setArticles = _useState4[1];
475
475
 
476
- var _useState5 = React.useState('loading'),
476
+ var _useState5 = React.useState(false),
477
477
  _useState6 = slicedToArray._slicedToArray(_useState5, 2),
478
478
  loaded = _useState6[0],
479
- setLoaded = _useState6[1]; //loading, loaded, failed
480
-
479
+ setLoaded = _useState6[1];
481
480
 
482
481
  var starting = index * 5;
483
482
  var contentMapping = {
@@ -503,33 +502,32 @@ var Recommended = function Recommended(props) {
503
502
  categories: stringify._JSON$stringify(mainCategories)
504
503
  });
505
504
  }
506
-
505
+ var anonymousId = analytics.user().anonymousId();
507
506
  // get users traits
508
507
  var getSegmentProfile = function () {
509
508
  var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee() {
510
- var anonymousId, response, data, addTaxonomyName, favoriteCategories, articlesQuery, videosQuery, podcastQuery, params, _ref2, _ref3, _articles, videos, podcasts;
509
+ var response, data, addTaxonomyName, favoriteCategories, articlesQuery, videosQuery, podcastQuery, params, _ref2, _ref3, _articles, videos, podcasts;
511
510
 
512
511
  return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
513
512
  while (1) {
514
513
  switch (_context.prev = _context.next) {
515
514
  case 0:
516
- anonymousId = analytics.user().anonymousId();
517
- _context.next = 3;
515
+ _context.next = 2;
518
516
  return fetch('/api/getSegmentProfile', {
519
517
  method: 'POST',
520
518
  body: stringify._JSON$stringify({ anonymousId: anonymousId })
521
519
  });
522
520
 
523
- case 3:
521
+ case 2:
524
522
  response = _context.sent;
525
- _context.next = 6;
523
+ _context.next = 5;
526
524
  return response.json();
527
525
 
528
- case 6:
526
+ case 5:
529
527
  data = _context.sent;
530
528
 
531
529
  if (!(data && data.traits && data.traits.favorite_article_category)) {
532
- _context.next = 25;
530
+ _context.next = 21;
533
531
  break;
534
532
  }
535
533
 
@@ -548,6 +546,8 @@ var Recommended = function Recommended(props) {
548
546
 
549
547
  query = query + ' )';
550
548
 
549
+ console.log(query);
550
+
551
551
  return query;
552
552
  };
553
553
 
@@ -560,17 +560,16 @@ var Recommended = function Recommended(props) {
560
560
  params = {
561
561
  id: article._id
562
562
  };
563
- _context.next = 16;
563
+ _context.next = 15;
564
564
  return asyncToGenerator._Promise.all([client.fetch(articlesQuery, params), client.fetch(videosQuery, params), client.fetch(podcastQuery, params)]);
565
565
 
566
- case 16:
566
+ case 15:
567
567
  _ref2 = _context.sent;
568
568
  _ref3 = slicedToArray._slicedToArray(_ref2, 3);
569
569
  _articles = _ref3[0];
570
570
  videos = _ref3[1];
571
571
  podcasts = _ref3[2];
572
572
 
573
- if (_articles.length === 0) setLoaded('failed');
574
573
  if (_articles) {
575
574
  if (videos[0] && _articles[2]) {
576
575
  _articles[2] = videos[0];
@@ -583,13 +582,8 @@ var Recommended = function Recommended(props) {
583
582
  }
584
583
  setArticles(_articles);
585
584
  }
586
- _context.next = 26;
587
- break;
588
585
 
589
- case 25:
590
- setLoaded('failed');
591
-
592
- case 26:
586
+ case 21:
593
587
  case 'end':
594
588
  return _context.stop();
595
589
  }
@@ -605,13 +599,12 @@ var Recommended = function Recommended(props) {
605
599
  getSegmentProfile();
606
600
  } catch (err) {
607
601
  console.log(err);
608
- setLoaded('failed');
609
602
  }
610
603
  }, [segmentLoaded]);
611
604
 
612
605
  React.useEffect(function () {
613
606
  if (articles && articles.length > 0) {
614
- setLoaded('loaded');
607
+ setLoaded(true);
615
608
  }
616
609
  }, [articles]);
617
610
 
@@ -619,19 +612,18 @@ var Recommended = function Recommended(props) {
619
612
  try {
620
613
  analytics.ready(function () {
621
614
  setSegmentLoaded(function () {
622
- return 'loaded';
615
+ return true;
623
616
  });
624
617
  });
625
618
  } catch (err) {
626
619
  console.log(err);
627
- setLoaded('failed');
628
620
  }
629
621
  }, []);
630
622
 
631
623
  return React__default['default'].createElement(
632
624
  'div',
633
625
  { id: 'recommended' },
634
- loaded === 'loaded' && React__default['default'].createElement(
626
+ loaded ? React__default['default'].createElement(
635
627
  React__default['default'].Fragment,
636
628
  null,
637
629
  React__default['default'].createElement(
@@ -652,7 +644,7 @@ var Recommended = function Recommended(props) {
652
644
  { className: styles.recommendTopImg },
653
645
  React__default['default'].createElement(
654
646
  'a',
655
- { href: '/view/' + article.url.current + '?utm_source=website&utm_medium=dynamic_content&utm_campaign=in_feed_unit' },
647
+ { href: '/view/' + article.url.current },
656
648
  React__default['default'].createElement('img', { src: urlFor({ source: article.thumbnail, client: client, imageHeight: 306, imageWidth: 544 }) })
657
649
  )
658
650
  ),
@@ -671,7 +663,7 @@ var Recommended = function Recommended(props) {
671
663
  ),
672
664
  React__default['default'].createElement(
673
665
  'a',
674
- { href: '/view/' + article.url.current + '?utm_source=website&utm_medium=dynamic_content&utm_campaign=in_feed_unit', className: styles.topLink },
666
+ { href: '/view/' + article.url.current, className: styles.topLink },
675
667
  '>> ',
676
668
  'Read Article'
677
669
  )
@@ -688,7 +680,7 @@ var Recommended = function Recommended(props) {
688
680
  ),
689
681
  React__default['default'].createElement(
690
682
  'a',
691
- { href: '/view/' + article.url.current + '?utm_source=website&utm_medium=dynamic_content&utm_campaign=in_feed_unit' },
683
+ { href: '/view/' + article.url.current },
692
684
  React__default['default'].createElement(
693
685
  'div',
694
686
  { className: styles.smImage },
@@ -704,8 +696,7 @@ var Recommended = function Recommended(props) {
704
696
  }
705
697
  })
706
698
  )
707
- ),
708
- loaded === 'failed' && React__default['default'].createElement(
699
+ ) : React__default['default'].createElement(
709
700
  'section',
710
701
  { id: 'related-content-section', className: 'my-1' },
711
702
  (article.relatedArticle || RelevantTopics({ article: article })) && React__default['default'].createElement(
package/dist/esm/View.js CHANGED
@@ -462,11 +462,10 @@ var Recommended = function Recommended(props) {
462
462
  articles = _useState4[0],
463
463
  setArticles = _useState4[1];
464
464
 
465
- var _useState5 = useState('loading'),
465
+ var _useState5 = useState(false),
466
466
  _useState6 = _slicedToArray(_useState5, 2),
467
467
  loaded = _useState6[0],
468
- setLoaded = _useState6[1]; //loading, loaded, failed
469
-
468
+ setLoaded = _useState6[1];
470
469
 
471
470
  var starting = index * 5;
472
471
  var contentMapping = {
@@ -492,33 +491,32 @@ var Recommended = function Recommended(props) {
492
491
  categories: _JSON$stringify(mainCategories)
493
492
  });
494
493
  }
495
-
494
+ var anonymousId = analytics.user().anonymousId();
496
495
  // get users traits
497
496
  var getSegmentProfile = function () {
498
497
  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
499
- var anonymousId, response, data, addTaxonomyName, favoriteCategories, articlesQuery, videosQuery, podcastQuery, params, _ref2, _ref3, _articles, videos, podcasts;
498
+ var response, data, addTaxonomyName, favoriteCategories, articlesQuery, videosQuery, podcastQuery, params, _ref2, _ref3, _articles, videos, podcasts;
500
499
 
501
500
  return regenerator.wrap(function _callee$(_context) {
502
501
  while (1) {
503
502
  switch (_context.prev = _context.next) {
504
503
  case 0:
505
- anonymousId = analytics.user().anonymousId();
506
- _context.next = 3;
504
+ _context.next = 2;
507
505
  return fetch('/api/getSegmentProfile', {
508
506
  method: 'POST',
509
507
  body: _JSON$stringify({ anonymousId: anonymousId })
510
508
  });
511
509
 
512
- case 3:
510
+ case 2:
513
511
  response = _context.sent;
514
- _context.next = 6;
512
+ _context.next = 5;
515
513
  return response.json();
516
514
 
517
- case 6:
515
+ case 5:
518
516
  data = _context.sent;
519
517
 
520
518
  if (!(data && data.traits && data.traits.favorite_article_category)) {
521
- _context.next = 25;
519
+ _context.next = 21;
522
520
  break;
523
521
  }
524
522
 
@@ -537,6 +535,8 @@ var Recommended = function Recommended(props) {
537
535
 
538
536
  query = query + ' )';
539
537
 
538
+ console.log(query);
539
+
540
540
  return query;
541
541
  };
542
542
 
@@ -549,17 +549,16 @@ var Recommended = function Recommended(props) {
549
549
  params = {
550
550
  id: article._id
551
551
  };
552
- _context.next = 16;
552
+ _context.next = 15;
553
553
  return _Promise.all([client.fetch(articlesQuery, params), client.fetch(videosQuery, params), client.fetch(podcastQuery, params)]);
554
554
 
555
- case 16:
555
+ case 15:
556
556
  _ref2 = _context.sent;
557
557
  _ref3 = _slicedToArray(_ref2, 3);
558
558
  _articles = _ref3[0];
559
559
  videos = _ref3[1];
560
560
  podcasts = _ref3[2];
561
561
 
562
- if (_articles.length === 0) setLoaded('failed');
563
562
  if (_articles) {
564
563
  if (videos[0] && _articles[2]) {
565
564
  _articles[2] = videos[0];
@@ -572,13 +571,8 @@ var Recommended = function Recommended(props) {
572
571
  }
573
572
  setArticles(_articles);
574
573
  }
575
- _context.next = 26;
576
- break;
577
574
 
578
- case 25:
579
- setLoaded('failed');
580
-
581
- case 26:
575
+ case 21:
582
576
  case 'end':
583
577
  return _context.stop();
584
578
  }
@@ -594,13 +588,12 @@ var Recommended = function Recommended(props) {
594
588
  getSegmentProfile();
595
589
  } catch (err) {
596
590
  console.log(err);
597
- setLoaded('failed');
598
591
  }
599
592
  }, [segmentLoaded]);
600
593
 
601
594
  useEffect(function () {
602
595
  if (articles && articles.length > 0) {
603
- setLoaded('loaded');
596
+ setLoaded(true);
604
597
  }
605
598
  }, [articles]);
606
599
 
@@ -608,19 +601,18 @@ var Recommended = function Recommended(props) {
608
601
  try {
609
602
  analytics.ready(function () {
610
603
  setSegmentLoaded(function () {
611
- return 'loaded';
604
+ return true;
612
605
  });
613
606
  });
614
607
  } catch (err) {
615
608
  console.log(err);
616
- setLoaded('failed');
617
609
  }
618
610
  }, []);
619
611
 
620
612
  return React__default.createElement(
621
613
  'div',
622
614
  { id: 'recommended' },
623
- loaded === 'loaded' && React__default.createElement(
615
+ loaded ? React__default.createElement(
624
616
  React__default.Fragment,
625
617
  null,
626
618
  React__default.createElement(
@@ -641,7 +633,7 @@ var Recommended = function Recommended(props) {
641
633
  { className: styles.recommendTopImg },
642
634
  React__default.createElement(
643
635
  'a',
644
- { href: '/view/' + article.url.current + '?utm_source=website&utm_medium=dynamic_content&utm_campaign=in_feed_unit' },
636
+ { href: '/view/' + article.url.current },
645
637
  React__default.createElement('img', { src: urlFor({ source: article.thumbnail, client: client, imageHeight: 306, imageWidth: 544 }) })
646
638
  )
647
639
  ),
@@ -660,7 +652,7 @@ var Recommended = function Recommended(props) {
660
652
  ),
661
653
  React__default.createElement(
662
654
  'a',
663
- { href: '/view/' + article.url.current + '?utm_source=website&utm_medium=dynamic_content&utm_campaign=in_feed_unit', className: styles.topLink },
655
+ { href: '/view/' + article.url.current, className: styles.topLink },
664
656
  '>> ',
665
657
  'Read Article'
666
658
  )
@@ -677,7 +669,7 @@ var Recommended = function Recommended(props) {
677
669
  ),
678
670
  React__default.createElement(
679
671
  'a',
680
- { href: '/view/' + article.url.current + '?utm_source=website&utm_medium=dynamic_content&utm_campaign=in_feed_unit' },
672
+ { href: '/view/' + article.url.current },
681
673
  React__default.createElement(
682
674
  'div',
683
675
  { className: styles.smImage },
@@ -693,8 +685,7 @@ var Recommended = function Recommended(props) {
693
685
  }
694
686
  })
695
687
  )
696
- ),
697
- loaded === 'failed' && React__default.createElement(
688
+ ) : React__default.createElement(
698
689
  'section',
699
690
  { id: 'related-content-section', className: 'my-1' },
700
691
  (article.relatedArticle || RelevantTopics({ article: article })) && React__default.createElement(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mjhls/mjh-framework",
3
- "version": "1.0.939-segment-test-v11",
3
+ "version": "1.0.939",
4
4
  "description": "Foundation Framework",
5
5
  "author": "mjh-framework",
6
6
  "license": "MIT",