@mjhls/mjh-framework 1.0.248 → 1.0.250

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-c472fff6.js → AdSlot-58638d45.js} +26 -34
  3. package/dist/cjs/DeckContent.js +10 -10
  4. package/dist/cjs/DeckQueue.js +1 -1
  5. package/dist/cjs/{GridContent-463c504f.js → GridContent-85c7b623.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-18cef899.js → Normal-77dfd44a.js} +30 -30
  11. package/dist/cjs/PublicationDeck.js +1 -1
  12. package/dist/cjs/QueueDeckExpanded.js +1 -1
  13. package/dist/cjs/{TaxonomyCard-e3566492.js → TaxonomyCard-b5074d6e.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-5f480446.js → YoutubeGroup-fd44f8a0.js} +4 -4
  19. package/dist/cjs/YoutubeGroup.js +1 -1
  20. package/dist/cjs/{index-be0c82be.js → index-39beccb3.js} +2 -1
  21. package/dist/cjs/index.js +591 -601
  22. package/dist/esm/{AdSlot-bdd7a629.js → AdSlot-1e5a6a2f.js} +26 -34
  23. package/dist/esm/DeckContent.js +10 -10
  24. package/dist/esm/DeckQueue.js +1 -1
  25. package/dist/esm/{GridContent-2a48fb19.js → GridContent-0ee59a38.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-4c82c9c2.js → Normal-48ff37c3.js} +30 -30
  31. package/dist/esm/PublicationDeck.js +1 -1
  32. package/dist/esm/QueueDeckExpanded.js +1 -1
  33. package/dist/esm/{TaxonomyCard-2d0ab635.js → TaxonomyCard-ee1a22ae.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-78d93d44.js → YoutubeGroup-1b3eca73.js} +4 -4
  39. package/dist/esm/YoutubeGroup.js +1 -1
  40. package/dist/esm/{index-73819142.js → index-3849e3fe.js} +2 -1
  41. package/dist/esm/index.js +595 -605
  42. package/package.json +102 -103
@@ -826,21 +826,6 @@ exports.default = function (fn) {
826
826
 
827
827
  var _asyncToGenerator = unwrapExports(asyncToGenerator);
828
828
 
829
- var faunadb = require('faunadb');
830
-
831
- var _require = require('faunadb'),
832
- q = _require.query;
833
-
834
- var shortid = require('shortid');
835
- var moment = require('moment');
836
- var cookie = require('react-cookies'); // client side cookie handler
837
-
838
- var _require2 = require('cookie'),
839
- serialize = _require2.serialize; // cookie serializer
840
-
841
-
842
- var serverCookies = require('next-cookies'); // server side cookie handler
843
- var request = require('superagent');
844
829
  require("babel-polyfill");
845
830
  // server key for beam
846
831
  // fnADs4Gtx6ACEgKgwlNo-eNSIrdwykH9Zj74GsDI
@@ -934,7 +919,11 @@ var Beam = {
934
919
  switch (_context.prev = _context.next) {
935
920
  case 0:
936
921
  beam = _this.get_beam(deviceType);
937
- _context.next = 3;
922
+
923
+
924
+ console.log('Call Beam', action, beam);
925
+
926
+ _context.next = 4;
938
927
  return fetch(beam_domain + '/api/beam/event', {
939
928
  headers: {
940
929
  'Content-Type': 'application/json',
@@ -949,19 +938,19 @@ var Beam = {
949
938
  })
950
939
  });
951
940
 
952
- case 3:
941
+ case 4:
953
942
  response = _context.sent;
954
- _context.next = 6;
943
+ _context.next = 7;
955
944
  return response.json();
956
945
 
957
- case 6:
946
+ case 7:
958
947
  res = _context.sent;
959
948
 
960
949
  if (res.error) {
961
950
  console.error('Beam reporting error:', res.error);
962
951
  }
963
952
 
964
- case 8:
953
+ case 9:
965
954
  case 'end':
966
955
  return _context.stop();
967
956
  }
@@ -987,7 +976,9 @@ var Beam = {
987
976
  data.size = adSize;
988
977
  data.slotId = slotId;
989
978
 
990
- _context2.next = 9;
979
+ console.log('Call DFP', action, data);
980
+
981
+ _context2.next = 10;
991
982
  return fetch(beam_domain + '/api/beam/ad', {
992
983
  headers: {
993
984
  'Content-Type': 'application/json',
@@ -1003,19 +994,19 @@ var Beam = {
1003
994
  })
1004
995
  });
1005
996
 
1006
- case 9:
997
+ case 10:
1007
998
  response = _context2.sent;
1008
- _context2.next = 12;
999
+ _context2.next = 13;
1009
1000
  return response.json();
1010
1001
 
1011
- case 12:
1002
+ case 13:
1012
1003
  res = _context2.sent;
1013
1004
 
1014
1005
  if (res.error) {
1015
- console.error('Beam AD reporting error:', res.error);
1006
+ console.error('DFP reporting error:', res.error);
1016
1007
  }
1017
1008
 
1018
- case 14:
1009
+ case 15:
1019
1010
  case 'end':
1020
1011
  return _context2.stop();
1021
1012
  }
@@ -1040,7 +1031,9 @@ var Beam = {
1040
1031
  data.segment = segment;
1041
1032
  data.current = current;
1042
1033
 
1043
- _context3.next = 8;
1034
+ console.log('Call YouTube', action, data);
1035
+
1036
+ _context3.next = 9;
1044
1037
  return fetch(beam_domain + '/api/beam/video', {
1045
1038
  headers: {
1046
1039
  'Content-Type': 'application/json',
@@ -1049,26 +1042,26 @@ var Beam = {
1049
1042
  method: 'post',
1050
1043
  credentials: "include",
1051
1044
  body: _JSON$stringify({
1052
- event: 'DFP',
1045
+ event: 'Video',
1053
1046
  action: action,
1054
1047
  beam: _JSON$stringify(beam),
1055
1048
  data: _JSON$stringify(data)
1056
1049
  })
1057
1050
  });
1058
1051
 
1059
- case 8:
1052
+ case 9:
1060
1053
  response = _context3.sent;
1061
- _context3.next = 11;
1054
+ _context3.next = 12;
1062
1055
  return response.json();
1063
1056
 
1064
- case 11:
1057
+ case 12:
1065
1058
  res = _context3.sent;
1066
1059
 
1067
1060
  if (res.error) {
1068
- console.error('Beam AD reporting error:', res.error);
1061
+ console.error('Video reporting error:', res.error);
1069
1062
  }
1070
1063
 
1071
- case 13:
1064
+ case 14:
1072
1065
  case 'end':
1073
1066
  return _context3.stop();
1074
1067
  }
@@ -1154,7 +1147,6 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
1154
1147
 
1155
1148
  var hasFocus = slot_div.getAttribute('hasFocus');
1156
1149
  if (hasFocus == 'yes' && document.hidden) {
1157
- console.log('AD Clicked:', eventData.slotId);
1158
1150
  slot_div.setAttribute('hasFocus', 'no');
1159
1151
  Beam.report_beam_ad('Click', main_16, cID, lID, campID, adSize, slotId);
1160
1152
  }
@@ -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-73819142.js';
21
+ import { i as imageUrlBuilder } from './index-3849e3fe.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-bdd7a629.js';
25
+ import { D as DFPAdSlot } from './AdSlot-1e5a6a2f.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-73819142.js';
21
+ import { i as imageUrlBuilder } from './index-3849e3fe.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-73819142.js';
15
+ import { i as imageUrlBuilder } from './index-3849e3fe.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-bdd7a629.js';
18
+ import { D as DFPAdSlot } from './AdSlot-1e5a6a2f.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-73819142.js';
21
+ import './index-3849e3fe.js';
22
22
  import './index-5f9f807a.js';
23
23
  import './entities-7cc3bf45.js';
24
24
  import './slicedToArray-d0a9593a.js';
25
- import './AdSlot-bdd7a629.js';
25
+ import './AdSlot-1e5a6a2f.js';
26
26
  import './promise-683a9c54.js';
27
27
  import './get-b2201dc8.js';
28
- export { G as default } from './GridContent-2a48fb19.js';
28
+ export { G as default } from './GridContent-0ee59a38.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-73819142.js';
9
+ import { i as imageUrlBuilder } from './index-3849e3fe.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-73819142.js';
9
+ import { i as imageUrlBuilder } from './index-3849e3fe.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-73819142.js';
21
+ import './index-3849e3fe.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-bdd7a629.js';
10
+ import { D as DFPAdSlot } from './AdSlot-1e5a6a2f.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-73819142.js';
9
+ import { i as imageUrlBuilder } from './index-3849e3fe.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-73819142.js';
15
+ import { i as imageUrlBuilder } from './index-3849e3fe.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-73819142.js';
8
+ import { n as node, i as imageUrlBuilder } from './index-3849e3fe.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-73819142.js';
11
+ import './index-3849e3fe.js';
12
12
  import './index-5f9f807a.js';
13
- export { T as default } from './TaxonomyCard-2d0ab635.js';
13
+ export { T as default } from './TaxonomyCard-ee1a22ae.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-bdd7a629.js';
15
+ import './AdSlot-1e5a6a2f.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-4c82c9c2.js';
21
+ export { T as default } from './Normal-48ff37c3.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-73819142.js';
5
+ import { i as imageUrlBuilder } from './index-3849e3fe.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-78d93d44.js';
16
+ import { Y as YoutubeGroup } from './YoutubeGroup-1b3eca73.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-78d93d44.js';
7
+ export { Y as default } from './YoutubeGroup-1b3eca73.js';
@@ -375,7 +375,8 @@ function urlBuilder(options) {
375
375
  var client = options;
376
376
  if (isSanityClient(client)) {
377
377
  // Inherit config from client
378
- var _a = client.clientConfig, apiHost = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
378
+ var _a = client.clientConfig, apiUrl = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
379
+ var apiHost = apiUrl || 'https://api.sanity.io';
379
380
  return new ImageUrlBuilder(null, {
380
381
  baseUrl: apiHost.replace(/^https:\/\/api\./, 'https://cdn.'),
381
382
  projectId: projectId,