@mjhls/mjh-framework 1.0.249 → 1.0.251

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 (42) hide show
  1. package/README.md +171 -171
  2. package/dist/cjs/{AdSlot-a79ba074.js → AdSlot-9f3af35d.js} +30 -21
  3. package/dist/cjs/DeckContent.js +10 -10
  4. package/dist/cjs/DeckQueue.js +1 -1
  5. package/dist/cjs/{GridContent-e6c8fb75.js → GridContent-007573a0.js} +3 -3
  6. package/dist/cjs/GridContent.js +3 -3
  7. package/dist/cjs/IssueContentDeck.js +1 -1
  8. package/dist/cjs/IssueDeck.js +1 -1
  9. package/dist/cjs/MasterDeck.js +9 -9
  10. package/dist/cjs/{Normal-2ee1925d.js → Normal-503df349.js} +30 -30
  11. package/dist/cjs/PublicationDeck.js +1 -1
  12. package/dist/cjs/QueueDeckExpanded.js +1 -1
  13. package/dist/cjs/{TaxonomyCard-b5074d6e.js → TaxonomyCard-e3566492.js} +1 -1
  14. package/dist/cjs/TaxonomyCard.js +2 -2
  15. package/dist/cjs/TemplateNormal.js +2 -2
  16. package/dist/cjs/ThumbnailCard.js +1 -1
  17. package/dist/cjs/VideoSeriesListing.js +1 -1
  18. package/dist/cjs/{YoutubeGroup-fd44f8a0.js → YoutubeGroup-5f480446.js} +4 -4
  19. package/dist/cjs/YoutubeGroup.js +1 -1
  20. package/dist/cjs/{index-39beccb3.js → index-be0c82be.js} +1 -2
  21. package/dist/cjs/index.js +787 -613
  22. package/dist/esm/{AdSlot-fb853576.js → AdSlot-0f82b407.js} +30 -21
  23. package/dist/esm/DeckContent.js +10 -10
  24. package/dist/esm/DeckQueue.js +1 -1
  25. package/dist/esm/{GridContent-3711b837.js → GridContent-9e96754b.js} +2 -2
  26. package/dist/esm/GridContent.js +3 -3
  27. package/dist/esm/IssueContentDeck.js +1 -1
  28. package/dist/esm/IssueDeck.js +1 -1
  29. package/dist/esm/MasterDeck.js +9 -9
  30. package/dist/esm/{Normal-b0b212a3.js → Normal-dfda02dc.js} +30 -30
  31. package/dist/esm/PublicationDeck.js +1 -1
  32. package/dist/esm/QueueDeckExpanded.js +1 -1
  33. package/dist/esm/{TaxonomyCard-ee1a22ae.js → TaxonomyCard-2d0ab635.js} +1 -1
  34. package/dist/esm/TaxonomyCard.js +2 -2
  35. package/dist/esm/TemplateNormal.js +2 -2
  36. package/dist/esm/ThumbnailCard.js +1 -1
  37. package/dist/esm/VideoSeriesListing.js +1 -1
  38. package/dist/esm/{YoutubeGroup-1b3eca73.js → YoutubeGroup-78d93d44.js} +4 -4
  39. package/dist/esm/YoutubeGroup.js +1 -1
  40. package/dist/esm/{index-3849e3fe.js → index-73819142.js} +1 -2
  41. package/dist/esm/index.js +789 -618
  42. package/package.json +102 -102
@@ -919,7 +919,11 @@ var Beam = {
919
919
  switch (_context.prev = _context.next) {
920
920
  case 0:
921
921
  beam = _this.get_beam(deviceType);
922
- _context.next = 3;
922
+
923
+
924
+ console.log('Call Beam', action, beam);
925
+
926
+ _context.next = 4;
923
927
  return fetch(beam_domain + '/api/beam/event', {
924
928
  headers: {
925
929
  'Content-Type': 'application/json',
@@ -934,19 +938,19 @@ var Beam = {
934
938
  })
935
939
  });
936
940
 
937
- case 3:
941
+ case 4:
938
942
  response = _context.sent;
939
- _context.next = 6;
943
+ _context.next = 7;
940
944
  return response.json();
941
945
 
942
- case 6:
946
+ case 7:
943
947
  res = _context.sent;
944
948
 
945
949
  if (res.error) {
946
950
  console.error('Beam reporting error:', res.error);
947
951
  }
948
952
 
949
- case 8:
953
+ case 9:
950
954
  case 'end':
951
955
  return _context.stop();
952
956
  }
@@ -972,7 +976,9 @@ var Beam = {
972
976
  data.size = adSize;
973
977
  data.slotId = slotId;
974
978
 
975
- _context2.next = 9;
979
+ console.log('Call DFP', action, data);
980
+
981
+ _context2.next = 10;
976
982
  return fetch(beam_domain + '/api/beam/ad', {
977
983
  headers: {
978
984
  'Content-Type': 'application/json',
@@ -988,19 +994,19 @@ var Beam = {
988
994
  })
989
995
  });
990
996
 
991
- case 9:
997
+ case 10:
992
998
  response = _context2.sent;
993
- _context2.next = 12;
999
+ _context2.next = 13;
994
1000
  return response.json();
995
1001
 
996
- case 12:
1002
+ case 13:
997
1003
  res = _context2.sent;
998
1004
 
999
1005
  if (res.error) {
1000
- console.error('Beam AD reporting error:', res.error);
1006
+ console.error('DFP reporting error:', res.error);
1001
1007
  }
1002
1008
 
1003
- case 14:
1009
+ case 15:
1004
1010
  case 'end':
1005
1011
  return _context2.stop();
1006
1012
  }
@@ -1025,7 +1031,9 @@ var Beam = {
1025
1031
  data.segment = segment;
1026
1032
  data.current = current;
1027
1033
 
1028
- _context3.next = 8;
1034
+ console.log('Call YouTube', action, data);
1035
+
1036
+ _context3.next = 9;
1029
1037
  return fetch(beam_domain + '/api/beam/video', {
1030
1038
  headers: {
1031
1039
  'Content-Type': 'application/json',
@@ -1034,26 +1042,26 @@ var Beam = {
1034
1042
  method: 'post',
1035
1043
  credentials: "include",
1036
1044
  body: _JSON$stringify({
1037
- event: 'DFP',
1045
+ event: 'Video',
1038
1046
  action: action,
1039
1047
  beam: _JSON$stringify(beam),
1040
1048
  data: _JSON$stringify(data)
1041
1049
  })
1042
1050
  });
1043
1051
 
1044
- case 8:
1052
+ case 9:
1045
1053
  response = _context3.sent;
1046
- _context3.next = 11;
1054
+ _context3.next = 12;
1047
1055
  return response.json();
1048
1056
 
1049
- case 11:
1057
+ case 12:
1050
1058
  res = _context3.sent;
1051
1059
 
1052
1060
  if (res.error) {
1053
- console.error('Beam AD reporting error:', res.error);
1061
+ console.error('Video reporting error:', res.error);
1054
1062
  }
1055
1063
 
1056
- case 13:
1064
+ case 14:
1057
1065
  case 'end':
1058
1066
  return _context3.stop();
1059
1067
  }
@@ -1070,7 +1078,9 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
1070
1078
  slotId = _ref.slotId,
1071
1079
  sizes = _ref.sizes,
1072
1080
  _ref$targeting = _ref.targeting,
1073
- targeting = _ref$targeting === undefined ? {} : _ref$targeting;
1081
+ targeting = _ref$targeting === undefined ? {} : _ref$targeting,
1082
+ _ref$refreshFlag = _ref.refreshFlag,
1083
+ refreshFlag = _ref$refreshFlag === undefined ? true : _ref$refreshFlag;
1074
1084
 
1075
1085
  var _useState = useState(false),
1076
1086
  _useState2 = _slicedToArray(_useState, 2),
@@ -1139,7 +1149,6 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
1139
1149
 
1140
1150
  var hasFocus = slot_div.getAttribute('hasFocus');
1141
1151
  if (hasFocus == 'yes' && document.hidden) {
1142
- console.log('AD Clicked:', eventData.slotId);
1143
1152
  slot_div.setAttribute('hasFocus', 'no');
1144
1153
  Beam.report_beam_ad('Click', main_16, cID, lID, campID, adSize, slotId);
1145
1154
  }
@@ -1151,7 +1160,7 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
1151
1160
  },
1152
1161
  onSlotVisibilityChanged: handleVisibilityChange,
1153
1162
  shouldRefresh: function shouldRefresh() {
1154
- if (adRendered && adRefreshable) return true;else return false;
1163
+ if (adRendered && adRefreshable && refreshFlag) return true;else return false;
1155
1164
  }
1156
1165
  })
1157
1166
  );
@@ -18,11 +18,11 @@ import { V as VisibilitySensor, m as moment, I as InfiniteScroll } from './visib
18
18
  import 'next/link';
19
19
  import { withRouter } from 'next/router';
20
20
  import 'react-dom';
21
- import { i as imageUrlBuilder } from './index-3849e3fe.js';
21
+ import { i as imageUrlBuilder } from './index-73819142.js';
22
22
  import { L as LazyLoad } from './index-5f9f807a.js';
23
23
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
24
24
  import './slicedToArray-d0a9593a.js';
25
- import { D as DFPAdSlot } from './AdSlot-fb853576.js';
25
+ import { D as DFPAdSlot } from './AdSlot-0f82b407.js';
26
26
  import './promise-683a9c54.js';
27
27
 
28
28
  var DeckContent = function (_React$Component) {
@@ -164,14 +164,14 @@ var DeckContent = function (_React$Component) {
164
164
  var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
165
165
 
166
166
  // please leave this for later debug purpose : Yong Jun.
167
- /* console.log('page change reported', {
168
- currentPage: currentPage,
169
- pageNumber: pageNumber,
170
- pathname: pathname,
171
- path: path,
172
- newPath: newPath,
173
- firstPage: pageNumber === 1,
174
- queryString: queryString
167
+ /* console.log('page change reported', {
168
+ currentPage: currentPage,
169
+ pageNumber: pageNumber,
170
+ pathname: pathname,
171
+ path: path,
172
+ newPath: newPath,
173
+ firstPage: pageNumber === 1,
174
+ queryString: queryString
175
175
  }) */
176
176
 
177
177
  if (pageview) {
@@ -18,7 +18,7 @@ import { V as VisibilitySensor, m as moment, I as InfiniteScroll } from './visib
18
18
  import 'next/link';
19
19
  import { withRouter } from 'next/router';
20
20
  import 'react-dom';
21
- import { i as imageUrlBuilder } from './index-3849e3fe.js';
21
+ import { i as imageUrlBuilder } from './index-73819142.js';
22
22
  import { L as LazyLoad } from './index-5f9f807a.js';
23
23
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
24
24
  import { g as get_1 } from './get-b2201dc8.js';
@@ -12,10 +12,10 @@ import Card from 'react-bootstrap/Card';
12
12
  import { m as moment, V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-336093e1.js';
13
13
  import 'next/link';
14
14
  import { withRouter } from 'next/router';
15
- import { i as imageUrlBuilder } from './index-3849e3fe.js';
15
+ import { i as imageUrlBuilder } from './index-73819142.js';
16
16
  import { L as LazyLoad } from './index-5f9f807a.js';
17
17
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
18
- import { D as DFPAdSlot } from './AdSlot-fb853576.js';
18
+ import { D as DFPAdSlot } from './AdSlot-0f82b407.js';
19
19
  import { g as get_1 } from './get-b2201dc8.js';
20
20
 
21
21
  var Dfp = React__default.lazy(function () {
@@ -18,11 +18,11 @@ import './visibility-sensor-336093e1.js';
18
18
  import 'next/link';
19
19
  import 'next/router';
20
20
  import 'react-dom';
21
- import './index-3849e3fe.js';
21
+ import './index-73819142.js';
22
22
  import './index-5f9f807a.js';
23
23
  import './entities-7cc3bf45.js';
24
24
  import './slicedToArray-d0a9593a.js';
25
- import './AdSlot-fb853576.js';
25
+ import './AdSlot-0f82b407.js';
26
26
  import './promise-683a9c54.js';
27
27
  import './get-b2201dc8.js';
28
- export { G as default } from './GridContent-3711b837.js';
28
+ export { G as default } from './GridContent-9e96754b.js';
@@ -6,7 +6,7 @@ import Col from 'react-bootstrap/Col';
6
6
  import Card from 'react-bootstrap/Card';
7
7
  import 'next/link';
8
8
  import 'react-dom';
9
- import { i as imageUrlBuilder } from './index-3849e3fe.js';
9
+ import { i as imageUrlBuilder } from './index-73819142.js';
10
10
  import { L as LazyLoad } from './index-5f9f807a.js';
11
11
  import Badge from 'react-bootstrap/Badge';
12
12
 
@@ -6,7 +6,7 @@ import Col from 'react-bootstrap/Col';
6
6
  import Card from 'react-bootstrap/Card';
7
7
  import 'next/link';
8
8
  import 'react-dom';
9
- import { i as imageUrlBuilder } from './index-3849e3fe.js';
9
+ import { i as imageUrlBuilder } from './index-73819142.js';
10
10
  import { L as LazyLoad } from './index-5f9f807a.js';
11
11
  import Button from 'react-bootstrap/Button';
12
12
 
@@ -18,7 +18,7 @@ import { V as VisibilitySensor, I as InfiniteScroll } from './visibility-sensor-
18
18
  import 'next/link';
19
19
  import { withRouter } from 'next/router';
20
20
  import 'react-dom';
21
- import './index-3849e3fe.js';
21
+ import './index-73819142.js';
22
22
  import { _ as _Promise } from './promise-683a9c54.js';
23
23
 
24
24
  var MasterDeck = function (_React$Component) {
@@ -164,14 +164,14 @@ var MasterDeck = function (_React$Component) {
164
164
  var newPath = pageNumber === 1 ? '' + path : path + '?page=' + pageNumber;
165
165
 
166
166
  // please leave this for later debug purpose : Yong Jun.
167
- /* console.log('page change reported', {
168
- currentPage: currentPage,
169
- pageNumber: pageNumber,
170
- pathname: pathname,
171
- path: path,
172
- newPath: newPath,
173
- firstPage: pageNumber === 1,
174
- queryString: queryString
167
+ /* console.log('page change reported', {
168
+ currentPage: currentPage,
169
+ pageNumber: pageNumber,
170
+ pathname: pathname,
171
+ path: path,
172
+ newPath: newPath,
173
+ firstPage: pageNumber === 1,
174
+ queryString: queryString
175
175
  }) */
176
176
 
177
177
  if (pageview) {
@@ -7,7 +7,7 @@ import Row from 'react-bootstrap/Row';
7
7
  import Col from 'react-bootstrap/Col';
8
8
  import Link from 'next/link';
9
9
  import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
10
- import { D as DFPAdSlot } from './AdSlot-fb853576.js';
10
+ import { D as DFPAdSlot } from './AdSlot-0f82b407.js';
11
11
  import { g as get_1 } from './get-b2201dc8.js';
12
12
  import { Dropdown } from 'react-bootstrap';
13
13
  import { G as GenIcon, b as IoMdLogIn, c as IoIosHome } from './index.esm-536609db.js';
@@ -669,8 +669,8 @@ var renderLink = function renderLink(row) {
669
669
  };
670
670
 
671
671
  var SideFooter = function SideFooter(props) {
672
- /*
673
- useage example: <SideFooter cache={props.cache} logo='/an_mjhls_brand_logo.png' />
672
+ /*
673
+ useage example: <SideFooter cache={props.cache} logo='/an_mjhls_brand_logo.png' />
674
674
  */
675
675
  var _get = get_1(props, 'cache.siteSettingCache', {}),
676
676
  socialLinks = _get.socialLinks,
@@ -1243,15 +1243,15 @@ var SocialNavFooter = function SocialNavFooter(props) {
1243
1243
  };
1244
1244
 
1245
1245
  var NavMagazine = function NavMagazine(props) {
1246
- /*
1247
- Example Nav with acceptable props
1248
- <MagazineNav
1249
- showLogin
1250
- logo={props.settings.logo}
1251
- dataObject={props.cache.mainNavCache}
1252
- website={website}
1253
- subNav={props.cache.subNavCache}
1254
- />
1246
+ /*
1247
+ Example Nav with acceptable props
1248
+ <MagazineNav
1249
+ showLogin
1250
+ logo={props.settings.logo}
1251
+ dataObject={props.cache.mainNavCache}
1252
+ website={website}
1253
+ subNav={props.cache.subNavCache}
1254
+ />
1255
1255
  */
1256
1256
 
1257
1257
  var logo = props.logo,
@@ -1565,15 +1565,15 @@ var NavMagazine = function NavMagazine(props) {
1565
1565
  var MagazineNav = React__default.memo(NavMagazine);
1566
1566
 
1567
1567
  var NavNative = function NavNative(props) {
1568
- /*
1569
- Example Nav with acceptable props
1570
- <MagazineNav
1571
- showLogin
1572
- logo={props.settings.logo}
1573
- dataObject={props.cache.mainNavCache}
1574
- website={website}
1575
- subNav={props.cache.subNavCache}
1576
- />
1568
+ /*
1569
+ Example Nav with acceptable props
1570
+ <MagazineNav
1571
+ showLogin
1572
+ logo={props.settings.logo}
1573
+ dataObject={props.cache.mainNavCache}
1574
+ website={website}
1575
+ subNav={props.cache.subNavCache}
1576
+ />
1577
1577
  */
1578
1578
 
1579
1579
  var logo = props.logo,
@@ -1967,15 +1967,15 @@ var NavDvm = function NavDvm(props) {
1967
1967
  };
1968
1968
 
1969
1969
  var HamMagazine = function HamMagazine(props) {
1970
- /*
1971
- Example Nav with acceptable props
1972
- <MagazineNav
1973
- showLogin
1974
- logo={props.settings.logo}
1975
- dataObject={props.cache.mainNavCache}
1976
- website={website}
1977
- subNav={props.cache.subNavCache}
1978
- />
1970
+ /*
1971
+ Example Nav with acceptable props
1972
+ <MagazineNav
1973
+ showLogin
1974
+ logo={props.settings.logo}
1975
+ dataObject={props.cache.mainNavCache}
1976
+ website={website}
1977
+ subNav={props.cache.subNavCache}
1978
+ />
1979
1979
  */
1980
1980
 
1981
1981
  var logo = props.logo,
@@ -6,7 +6,7 @@ import Col from 'react-bootstrap/Col';
6
6
  import Card from 'react-bootstrap/Card';
7
7
  import 'next/link';
8
8
  import 'react-dom';
9
- import { i as imageUrlBuilder } from './index-3849e3fe.js';
9
+ import { i as imageUrlBuilder } from './index-73819142.js';
10
10
  import { L as LazyLoad } from './index-5f9f807a.js';
11
11
  import Button from 'react-bootstrap/Button';
12
12
 
@@ -12,7 +12,7 @@ import { I as InfiniteScroll, V as VisibilitySensor, m as moment } from './visib
12
12
  import 'next/link';
13
13
  import { useRouter } from 'next/router';
14
14
  import 'react-dom';
15
- import { i as imageUrlBuilder } from './index-3849e3fe.js';
15
+ import { i as imageUrlBuilder } from './index-73819142.js';
16
16
  import { L as LazyLoad } from './index-5f9f807a.js';
17
17
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
18
18
  import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
@@ -5,7 +5,7 @@ import Container from 'react-bootstrap/Container';
5
5
  import Row from 'react-bootstrap/Row';
6
6
  import Col from 'react-bootstrap/Col';
7
7
  import Card from 'react-bootstrap/Card';
8
- import { n as node, i as imageUrlBuilder } from './index-3849e3fe.js';
8
+ import { n as node, i as imageUrlBuilder } from './index-73819142.js';
9
9
  import { L as LazyLoad } from './index-5f9f807a.js';
10
10
 
11
11
  /*
@@ -8,6 +8,6 @@ import 'react-bootstrap/Row';
8
8
  import 'react-bootstrap/Col';
9
9
  import 'react-bootstrap/Card';
10
10
  import 'react-dom';
11
- import './index-3849e3fe.js';
11
+ import './index-73819142.js';
12
12
  import './index-5f9f807a.js';
13
- export { T as default } from './TaxonomyCard-ee1a22ae.js';
13
+ export { T as default } from './TaxonomyCard-2d0ab635.js';
@@ -12,13 +12,13 @@ import 'react-bootstrap/Row';
12
12
  import 'react-bootstrap/Col';
13
13
  import 'next/link';
14
14
  import './slicedToArray-d0a9593a.js';
15
- import './AdSlot-fb853576.js';
15
+ import './AdSlot-0f82b407.js';
16
16
  import './promise-683a9c54.js';
17
17
  import './get-b2201dc8.js';
18
18
  import 'react-bootstrap';
19
19
  import './index.esm-536609db.js';
20
20
  import 'react-bootstrap/Button';
21
- export { T as default } from './Normal-b0b212a3.js';
21
+ export { T as default } from './Normal-dfda02dc.js';
22
22
  import 'react-bootstrap/ListGroup';
23
23
  import 'next/head';
24
24
  import 'react-bootstrap/Nav';
@@ -2,7 +2,7 @@ import './_commonjsHelpers-0c4b6f40.js';
2
2
  import React__default from 'react';
3
3
  import 'prop-types';
4
4
  import 'react-dom';
5
- import { i as imageUrlBuilder } from './index-3849e3fe.js';
5
+ import { i as imageUrlBuilder } from './index-73819142.js';
6
6
  import { L as LazyLoad } from './index-5f9f807a.js';
7
7
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
8
8
  import Media$1 from 'react-bootstrap/Media';
@@ -13,7 +13,7 @@ import 'next/link';
13
13
  import { withRouter } from 'next/router';
14
14
  import 'react-dom';
15
15
  import './index-5f9f807a.js';
16
- import { Y as YoutubeGroup } from './YoutubeGroup-1b3eca73.js';
16
+ import { Y as YoutubeGroup } from './YoutubeGroup-78d93d44.js';
17
17
  import { a as IoIosArrowForward } from './index.esm-536609db.js';
18
18
 
19
19
  var VideoSeriesListing = function (_React$Component) {
@@ -52,10 +52,10 @@ var getYoutubeId = createCommonjsModule(function (module, exports) {
52
52
  }));
53
53
  });
54
54
 
55
- /*
56
- GROQ query -
57
- accepts an array of title, URL
58
- `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
55
+ /*
56
+ GROQ query -
57
+ accepts an array of title, URL
58
+ `https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
59
59
  */
60
60
  var YoutubeGroup = function YoutubeGroup(props) {
61
61
  // Props should be an array of objects containing Thumbnail, title, and URL
@@ -4,4 +4,4 @@ import 'prop-types';
4
4
  import 'next/link';
5
5
  import 'react-dom';
6
6
  import './index-5f9f807a.js';
7
- export { Y as default } from './YoutubeGroup-1b3eca73.js';
7
+ export { Y as default } from './YoutubeGroup-78d93d44.js';
@@ -375,8 +375,7 @@ function urlBuilder(options) {
375
375
  var client = options;
376
376
  if (isSanityClient(client)) {
377
377
  // Inherit config from client
378
- var _a = client.clientConfig, apiUrl = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
379
- var apiHost = apiUrl || 'https://api.sanity.io';
378
+ var _a = client.clientConfig, apiHost = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
380
379
  return new ImageUrlBuilder(null, {
381
380
  baseUrl: apiHost.replace(/^https:\/\/api\./, 'https://cdn.'),
382
381
  projectId: projectId,