@mjhls/mjh-framework 1.0.296 → 1.0.298

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 (30) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/{ADInfeed-824fcfb6.js → ADInfeed-6b94763a.js} +1 -1
  3. package/dist/cjs/{AdSlot-405b39eb.js → AdSlot-29aee917.js} +124 -62
  4. package/dist/cjs/DeckContent.js +3 -3
  5. package/dist/cjs/{Dfp-f75c65fd.js → Dfp-f871551d.js} +1 -1
  6. package/dist/cjs/{Figure-0681dd7d.js → Figure-434da9bb.js} +1 -1
  7. package/dist/cjs/{GridContent-929798bf.js → GridContent-380b5f9c.js} +2 -2
  8. package/dist/cjs/GridContent.js +4 -4
  9. package/dist/cjs/{Normal-d3a56ac1.js → Normal-71e6f75e.js} +86 -76
  10. package/dist/cjs/QueueDeckExpanded.js +3 -3
  11. package/dist/cjs/TemplateNormal.js +3 -3
  12. package/dist/cjs/{Ustream-85b14a8d.js → Ustream-3a3c56b8.js} +1 -1
  13. package/dist/cjs/Ustream.js +2 -2
  14. package/dist/cjs/index.js +3964 -10
  15. package/dist/cjs/{slicedToArray-e38fb29d.js → slicedToArray-bed4d943.js} +2 -1
  16. package/dist/esm/{ADInfeed-a1d8cb44.js → ADInfeed-94f767ec.js} +1 -1
  17. package/dist/esm/{AdSlot-b4f04c96.js → AdSlot-3d2ecc87.js} +125 -63
  18. package/dist/esm/DeckContent.js +3 -3
  19. package/dist/esm/{Dfp-ea8d4531.js → Dfp-d2d43384.js} +1 -1
  20. package/dist/esm/{Figure-cff72982.js → Figure-d0f95cc0.js} +1 -1
  21. package/dist/esm/{GridContent-862176ac.js → GridContent-7ea9958c.js} +2 -2
  22. package/dist/esm/GridContent.js +4 -4
  23. package/dist/esm/{Normal-4180d06d.js → Normal-46a7df31.js} +86 -76
  24. package/dist/esm/QueueDeckExpanded.js +3 -3
  25. package/dist/esm/TemplateNormal.js +3 -3
  26. package/dist/esm/{Ustream-d51b9b11.js → Ustream-c153a835.js} +1 -1
  27. package/dist/esm/Ustream.js +2 -2
  28. package/dist/esm/index.js +3968 -15
  29. package/dist/esm/{slicedToArray-d0a9593a.js → slicedToArray-d1db3163.js} +2 -2
  30. package/package.json +2 -1
package/README.md CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- # mjh-framework v. 1.0.296
2
+ # mjh-framework v. 1.0.298
3
3
 
4
4
  > Foundation Framework
5
5
 
@@ -5,7 +5,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
5
5
  var React = require('react');
6
6
  var React__default = _interopDefault(React);
7
7
  var Card = _interopDefault(require('react-bootstrap/Card'));
8
- var AdSlot = require('./AdSlot-405b39eb.js');
8
+ var AdSlot = require('./AdSlot-29aee917.js');
9
9
 
10
10
  var ADInfeed = function ADInfeed(_ref) {
11
11
  var index = _ref.index,
@@ -9,9 +9,20 @@ var main = require('./main-0ea1b808.js');
9
9
  var React = require('react');
10
10
  var React__default = _interopDefault(React);
11
11
  var PropTypes = _interopDefault(require('prop-types'));
12
- var slicedToArray = require('./slicedToArray-e38fb29d.js');
12
+ var slicedToArray = require('./slicedToArray-bed4d943.js');
13
13
  var promise = require('./promise-2c453658.js');
14
14
 
15
+ var $JSON = _toObject._core.JSON || (_toObject._core.JSON = { stringify: JSON.stringify });
16
+ var stringify = function stringify(it) { // eslint-disable-line no-unused-vars
17
+ return $JSON.stringify.apply($JSON, arguments);
18
+ };
19
+
20
+ var stringify$1 = _commonjsHelpers.createCommonjsModule(function (module) {
21
+ module.exports = { "default": stringify, __esModule: true };
22
+ });
23
+
24
+ var _JSON$stringify = _commonjsHelpers.unwrapExports(stringify$1);
25
+
15
26
  var runtime = _commonjsHelpers.createCommonjsModule(function (module) {
16
27
  /**
17
28
  * Copyright (c) 2014-present, Facebook, Inc.
@@ -777,17 +788,6 @@ if (hadRuntime) {
777
788
 
778
789
  var regenerator = runtimeModule;
779
790
 
780
- var $JSON = _toObject._core.JSON || (_toObject._core.JSON = { stringify: JSON.stringify });
781
- var stringify = function stringify(it) { // eslint-disable-line no-unused-vars
782
- return $JSON.stringify.apply($JSON, arguments);
783
- };
784
-
785
- var stringify$1 = _commonjsHelpers.createCommonjsModule(function (module) {
786
- module.exports = { "default": stringify, __esModule: true };
787
- });
788
-
789
- var _JSON$stringify = _commonjsHelpers.unwrapExports(stringify$1);
790
-
791
791
  var asyncToGenerator = _commonjsHelpers.createCommonjsModule(function (module, exports) {
792
792
 
793
793
  exports.__esModule = true;
@@ -836,6 +836,22 @@ require("babel-polyfill");
836
836
 
837
837
  var beam_domain = 'https://beam.mjhlifesciences.com';
838
838
 
839
+ function getCookie(cname) {
840
+ var name = cname + "=";
841
+ var decodedCookie = decodeURIComponent(document.cookie);
842
+ var ca = decodedCookie.split(';');
843
+ for (var i = 0; i < ca.length; i++) {
844
+ var c = ca[i];
845
+ while (c.charAt(0) == ' ') {
846
+ c = c.substring(1);
847
+ }
848
+ if (c.indexOf(name) == 0) {
849
+ return c.substring(name.length, c.length);
850
+ }
851
+ }
852
+ return "";
853
+ }
854
+
839
855
  var Beam = {
840
856
  proc_url: function proc_url() {
841
857
  var $_GET = {};
@@ -849,15 +865,36 @@ var Beam = {
849
865
  return $_GET;
850
866
  },
851
867
  proc_eKey: function proc_eKey($_GET) {
852
- var eKey = "N/A";
868
+ var _this = this;
853
869
 
854
- if ($_GET["eKey"]) {
855
- eKey = $_GET["eKey"];
856
- } else if (typeof window.eKey !== 'undefined') {
857
- eKey = window.eKey;
858
- }
870
+ return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
871
+ var eKey;
872
+ return regenerator.wrap(function _callee$(_context) {
873
+ while (1) {
874
+ switch (_context.prev = _context.next) {
875
+ case 0:
876
+ eKey = "N/A";
877
+
878
+
879
+ if ($_GET["eKey"]) {
880
+ eKey = $_GET["eKey"];
881
+ } else if (typeof window.eKey !== 'undefined') {
882
+ eKey = window.eKey;
883
+ }
859
884
 
860
- return eKey;
885
+ if (!eKey || eKey === 'N/A') {
886
+ eKey = getCookie('eKey');
887
+ }
888
+
889
+ return _context.abrupt('return', eKey);
890
+
891
+ case 4:
892
+ case 'end':
893
+ return _context.stop();
894
+ }
895
+ }
896
+ }, _callee, _this);
897
+ }))();
861
898
  },
862
899
  proc_source: function proc_source() {
863
900
  var referrer = "N/A";
@@ -902,32 +939,57 @@ var Beam = {
902
939
  return data;
903
940
  },
904
941
  get_beam: function get_beam(deviceType) {
905
- var beam = {};
906
- beam.eKey = this.proc_eKey(this.proc_url());
907
- beam.source = this.proc_source();
908
- beam.meta = this.proc_meta();
909
- beam.host = this.proc_host();
910
- beam.device = deviceType;
911
- return beam;
942
+ var _this2 = this;
943
+
944
+ return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
945
+ var beam;
946
+ return regenerator.wrap(function _callee2$(_context2) {
947
+ while (1) {
948
+ switch (_context2.prev = _context2.next) {
949
+ case 0:
950
+ beam = {};
951
+ _context2.next = 3;
952
+ return _this2.proc_eKey(_this2.proc_url());
953
+
954
+ case 3:
955
+ beam.eKey = _context2.sent;
956
+
957
+ beam.source = _this2.proc_source();
958
+ beam.meta = _this2.proc_meta();
959
+ beam.host = _this2.proc_host();
960
+ beam.device = deviceType;
961
+ return _context2.abrupt('return', beam);
962
+
963
+ case 9:
964
+ case 'end':
965
+ return _context2.stop();
966
+ }
967
+ }
968
+ }, _callee2, _this2);
969
+ }))();
912
970
  },
913
971
 
914
972
 
915
973
  /* for client use */
916
974
  report_beam_event: function report_beam_event(action, deviceType) {
917
- var _this = this;
975
+ var _this3 = this;
918
976
 
919
- return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
977
+ return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3() {
920
978
  var beam, response, res;
921
- return regenerator.wrap(function _callee$(_context) {
979
+ return regenerator.wrap(function _callee3$(_context3) {
922
980
  while (1) {
923
- switch (_context.prev = _context.next) {
981
+ switch (_context3.prev = _context3.next) {
924
982
  case 0:
925
- beam = _this.get_beam(deviceType);
983
+ _context3.next = 2;
984
+ return _this3.get_beam(deviceType);
985
+
986
+ case 2:
987
+ beam = _context3.sent;
926
988
 
927
989
 
928
990
  console.log('Call Beam', action, beam);
929
991
 
930
- _context.next = 4;
992
+ _context3.next = 6;
931
993
  return fetch(beam_domain + '/api/beam/event', {
932
994
  headers: {
933
995
  'Content-Type': 'application/json',
@@ -942,36 +1004,36 @@ var Beam = {
942
1004
  })
943
1005
  });
944
1006
 
945
- case 4:
946
- response = _context.sent;
947
- _context.next = 7;
1007
+ case 6:
1008
+ response = _context3.sent;
1009
+ _context3.next = 9;
948
1010
  return response.json();
949
1011
 
950
- case 7:
951
- res = _context.sent;
1012
+ case 9:
1013
+ res = _context3.sent;
952
1014
 
953
1015
  if (res.error) {
954
1016
  console.error('Beam reporting error:', res.error);
955
1017
  }
956
1018
 
957
- case 9:
1019
+ case 11:
958
1020
  case 'end':
959
- return _context.stop();
1021
+ return _context3.stop();
960
1022
  }
961
1023
  }
962
- }, _callee, _this);
1024
+ }, _callee3, _this3);
963
1025
  }))();
964
1026
  },
965
1027
  report_beam_ad: function report_beam_ad(action, deviceType, cID, lID, campID, adSize, slotId) {
966
- var _this2 = this;
1028
+ var _this4 = this;
967
1029
 
968
- return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
1030
+ return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee4() {
969
1031
  var beam, data, response, res;
970
- return regenerator.wrap(function _callee2$(_context2) {
1032
+ return regenerator.wrap(function _callee4$(_context4) {
971
1033
  while (1) {
972
- switch (_context2.prev = _context2.next) {
1034
+ switch (_context4.prev = _context4.next) {
973
1035
  case 0:
974
- beam = _this2.get_beam(deviceType);
1036
+ beam = _this4.get_beam(deviceType);
975
1037
  data = {};
976
1038
 
977
1039
  data.campaignId = campID;
@@ -982,7 +1044,7 @@ var Beam = {
982
1044
 
983
1045
  console.log('Call DFP', action, data);
984
1046
 
985
- _context2.next = 10;
1047
+ _context4.next = 10;
986
1048
  return fetch(beam_domain + '/api/beam/ad', {
987
1049
  headers: {
988
1050
  'Content-Type': 'application/json',
@@ -999,12 +1061,12 @@ var Beam = {
999
1061
  });
1000
1062
 
1001
1063
  case 10:
1002
- response = _context2.sent;
1003
- _context2.next = 13;
1064
+ response = _context4.sent;
1065
+ _context4.next = 13;
1004
1066
  return response.json();
1005
1067
 
1006
1068
  case 13:
1007
- res = _context2.sent;
1069
+ res = _context4.sent;
1008
1070
 
1009
1071
  if (res.error) {
1010
1072
  console.error('DFP reporting error:', res.error);
@@ -1012,22 +1074,22 @@ var Beam = {
1012
1074
 
1013
1075
  case 15:
1014
1076
  case 'end':
1015
- return _context2.stop();
1077
+ return _context4.stop();
1016
1078
  }
1017
1079
  }
1018
- }, _callee2, _this2);
1080
+ }, _callee4, _this4);
1019
1081
  }))();
1020
1082
  },
1021
1083
  report_beam_video: function report_beam_video(action, deviceType, duration, current, segment) {
1022
- var _this3 = this;
1084
+ var _this5 = this;
1023
1085
 
1024
- return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3() {
1086
+ return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee5() {
1025
1087
  var beam, data, response, res;
1026
- return regenerator.wrap(function _callee3$(_context3) {
1088
+ return regenerator.wrap(function _callee5$(_context5) {
1027
1089
  while (1) {
1028
- switch (_context3.prev = _context3.next) {
1090
+ switch (_context5.prev = _context5.next) {
1029
1091
  case 0:
1030
- beam = _this3.get_beam(deviceType);
1092
+ beam = _this5.get_beam(deviceType);
1031
1093
  data = {};
1032
1094
 
1033
1095
  data.duration = duration;
@@ -1037,7 +1099,7 @@ var Beam = {
1037
1099
 
1038
1100
  console.log('Call YouTube', action, data);
1039
1101
 
1040
- _context3.next = 9;
1102
+ _context5.next = 9;
1041
1103
  return fetch(beam_domain + '/api/beam/video', {
1042
1104
  headers: {
1043
1105
  'Content-Type': 'application/json',
@@ -1054,12 +1116,12 @@ var Beam = {
1054
1116
  });
1055
1117
 
1056
1118
  case 9:
1057
- response = _context3.sent;
1058
- _context3.next = 12;
1119
+ response = _context5.sent;
1120
+ _context5.next = 12;
1059
1121
  return response.json();
1060
1122
 
1061
1123
  case 12:
1062
- res = _context3.sent;
1124
+ res = _context5.sent;
1063
1125
 
1064
1126
  if (res.error) {
1065
1127
  console.error('Video reporting error:', res.error);
@@ -1067,10 +1129,10 @@ var Beam = {
1067
1129
 
1068
1130
  case 14:
1069
1131
  case 'end':
1070
- return _context3.stop();
1132
+ return _context5.stop();
1071
1133
  }
1072
1134
  }
1073
- }, _callee3, _this3);
1135
+ }, _callee5, _this5);
1074
1136
  }))();
1075
1137
  }
1076
1138
  };
@@ -26,10 +26,10 @@ require('react-dom');
26
26
  var index = require('./index-39beccb3.js');
27
27
  var index$1 = require('./index-fa0fb52c.js');
28
28
  var entities = require('./entities-310b46ee.js');
29
- require('./slicedToArray-e38fb29d.js');
30
- require('./AdSlot-405b39eb.js');
29
+ require('./slicedToArray-bed4d943.js');
30
+ require('./AdSlot-29aee917.js');
31
31
  require('./promise-2c453658.js');
32
- var ADInfeed = require('./ADInfeed-824fcfb6.js');
32
+ var ADInfeed = require('./ADInfeed-6b94763a.js');
33
33
 
34
34
  var DeckContent = function (_React$Component) {
35
35
  inherits$2._inherits(DeckContent, _React$Component);
@@ -12,7 +12,7 @@ var React__default = _interopDefault(React);
12
12
  var PropTypes = _interopDefault(require('prop-types'));
13
13
  var visibilitySensor = require('./visibility-sensor-b72d9527.js');
14
14
  require('react-dom');
15
- var slicedToArray = require('./slicedToArray-e38fb29d.js');
15
+ var slicedToArray = require('./slicedToArray-bed4d943.js');
16
16
 
17
17
  var AD = function AD(_ref) {
18
18
  var networkID = _ref.networkID,
@@ -9,7 +9,7 @@ require('./core.get-iterator-method-e049ca4a.js');
9
9
  var React = require('react');
10
10
  var React__default = _interopDefault(React);
11
11
  var index = require('./index-39beccb3.js');
12
- var slicedToArray = require('./slicedToArray-e38fb29d.js');
12
+ var slicedToArray = require('./slicedToArray-bed4d943.js');
13
13
  var reactBootstrap = require('react-bootstrap');
14
14
 
15
15
  var urlFor = function urlFor(source, client) {
@@ -20,11 +20,11 @@ var Router__default = _interopDefault(Router);
20
20
  var index = require('./index-39beccb3.js');
21
21
  var index$1 = require('./index-fa0fb52c.js');
22
22
  var entities = require('./entities-310b46ee.js');
23
- var ADInfeed = require('./ADInfeed-824fcfb6.js');
23
+ var ADInfeed = require('./ADInfeed-6b94763a.js');
24
24
  var get$1 = require('./get-de2660c3.js');
25
25
 
26
26
  var Dfp = React__default.lazy(function () {
27
- return new Promise(function (resolve) { resolve(require('./Dfp-f75c65fd.js')); });
27
+ return new Promise(function (resolve) { resolve(require('./Dfp-f871551d.js')); });
28
28
  });
29
29
 
30
30
  var AD = function AD(props) {
@@ -22,12 +22,12 @@ require('react-dom');
22
22
  require('./index-39beccb3.js');
23
23
  require('./index-fa0fb52c.js');
24
24
  require('./entities-310b46ee.js');
25
- require('./slicedToArray-e38fb29d.js');
26
- require('./AdSlot-405b39eb.js');
25
+ require('./slicedToArray-bed4d943.js');
26
+ require('./AdSlot-29aee917.js');
27
27
  require('./promise-2c453658.js');
28
- require('./ADInfeed-824fcfb6.js');
28
+ require('./ADInfeed-6b94763a.js');
29
29
  require('./get-de2660c3.js');
30
- var GridContent = require('./GridContent-929798bf.js');
30
+ var GridContent = require('./GridContent-380b5f9c.js');
31
31
 
32
32
 
33
33
 
@@ -9,8 +9,8 @@ var Container = _interopDefault(require('react-bootstrap/Container'));
9
9
  var Row = _interopDefault(require('react-bootstrap/Row'));
10
10
  var Col = _interopDefault(require('react-bootstrap/Col'));
11
11
  var Link = _interopDefault(require('next/link'));
12
- var slicedToArray = require('./slicedToArray-e38fb29d.js');
13
- var AdSlot = require('./AdSlot-405b39eb.js');
12
+ var slicedToArray = require('./slicedToArray-bed4d943.js');
13
+ var AdSlot = require('./AdSlot-29aee917.js');
14
14
  var get$1 = require('./get-de2660c3.js');
15
15
  var reactSocialIcons = require('./react-social-icons-cd0d9d3b.js');
16
16
  var reactBootstrap = require('react-bootstrap');
@@ -647,6 +647,7 @@ var NavMagazine = function NavMagazine(props) {
647
647
  Example Nav with acceptable props
648
648
  <MagazineNav
649
649
  showLogin
650
+ user={props.cache.user}
650
651
  logo={props.settings.logo}
651
652
  dataObject={props.cache.mainNavCache}
652
653
  website={website}
@@ -735,21 +736,24 @@ var NavMagazine = function NavMagazine(props) {
735
736
  }
736
737
  };
737
738
 
738
- var handleLogin = function handleLogin(e) {
739
- if (typeof GCN !== 'undefined' && GCN && GCN.onecount) {
740
- GCN.onecount.login();
741
- } else {
742
- console.error('GCN not defined');
743
- }
744
- };
739
+ //const userLoggedIn = props.user ? true : false
745
740
 
746
- var handleLogout = function handleLogout(e) {
747
- if (typeof GCN !== 'undefined' && GCN && GCN.onecount) {
748
- GCN.onecount.logout();
749
- } else {
750
- console.error('GCN not defined');
741
+ var _useState5 = React.useState(false),
742
+ _useState6 = slicedToArray._slicedToArray(_useState5, 2),
743
+ userLoggedIn = _useState6[0],
744
+ setUserLoggedIn = _useState6[1];
745
+
746
+ var _useState7 = React.useState(false),
747
+ _useState8 = slicedToArray._slicedToArray(_useState7, 2),
748
+ userChecked = _useState8[0],
749
+ setUserChecked = _useState8[1];
750
+
751
+ React.useEffect(function () {
752
+ setUserLoggedIn(props.user ? true : false);
753
+ if (!userChecked) {
754
+ setUserChecked(true);
751
755
  }
752
- };
756
+ }, [props.user, userChecked]);
753
757
 
754
758
  return React__default.createElement(
755
759
  React__default.Fragment,
@@ -763,20 +767,6 @@ var NavMagazine = function NavMagazine(props) {
763
767
  React__default.createElement(
764
768
  Nav,
765
769
  { id: 'navbar-top', className: 'justify-content-center navbar-top', style: { margin: '0 auto' } },
766
- showLogin && React__default.createElement(
767
- Nav.Item,
768
- { id: 'nav-mobile-register', className: 'hide-on-login', style: { display: 'none' } },
769
- React__default.createElement(
770
- 'a',
771
- { href: '/register' },
772
- React__default.createElement(
773
- 'div',
774
- { className: 'px-2 py-2' },
775
- React__default.createElement(MdEmail, null),
776
- ' Register'
777
- )
778
- )
779
- ),
780
770
  React__default.createElement(
781
771
  Nav.Item,
782
772
  { className: 'nav-mobile-logo' },
@@ -786,81 +776,73 @@ var NavMagazine = function NavMagazine(props) {
786
776
  mobileLogo && screenWidth < 776 ? React__default.createElement('img', { src: mobileLogo }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '55px' } })
787
777
  )
788
778
  ),
789
- showLogin && React__default.createElement(
790
- Nav.Item,
791
- { id: 'nav-mobile-login', className: 'hide-on-login', style: { display: 'none' } },
792
- React__default.createElement(
793
- 'div',
794
- { className: 'px-2 py-2 ', onClick: function onClick(e) {
795
- return handleLogin();
796
- } },
797
- React__default.createElement(index_esm.IoMdLogIn, null),
798
- ' Login'
799
- )
800
- ),
801
- showLogin && React__default.createElement(
802
- React__default.Fragment,
803
- null,
804
- React__default.createElement(
805
- Nav.Item,
806
- { id: 'nav-mobile-logout', className: 'hide-on-logout', style: { display: 'none' } },
807
- React__default.createElement(
808
- 'div',
809
- { className: 'pl-2 pr-3 py-2 text-right', onClick: function onClick(e) {
810
- return handleLogout();
811
- } },
812
- React__default.createElement(index_esm.IoMdLogIn, null),
813
- ' Logout'
814
- )
815
- )
816
- )
779
+ false ,
780
+ false
817
781
  ),
818
782
  React__default.createElement(
819
783
  Nav,
820
784
  { style: { position: 'absolute', right: '15px' }, className: 'justify-content-end rightHeader' },
821
- showLogin && React__default.createElement(
785
+ showLogin && userChecked && !userLoggedIn && React__default.createElement(
822
786
  React__default.Fragment,
823
787
  null,
824
788
  React__default.createElement(
825
789
  Nav.Item,
826
- { className: 'hide-on-login', style: { display: 'none' } },
790
+ null,
827
791
  React__default.createElement(
828
792
  'a',
829
- { href: '/register' },
793
+ { href: '/auth/signup' },
830
794
  React__default.createElement(
831
795
  'div',
832
796
  { className: 'px-2 py-2 mr-2', id: 'nav-register' },
833
797
  React__default.createElement(MdEmail, null),
834
- ' Register'
798
+ ' Sign Up'
835
799
  )
836
800
  )
837
801
  ),
838
802
  React__default.createElement(
839
803
  Nav.Item,
840
- { className: 'hide-on-login', style: { display: 'none' } },
804
+ null,
841
805
  React__default.createElement(
842
- 'div',
843
- { className: 'px-2 py-2', id: 'nav-login', onClick: function onClick(e) {
844
- return handleLogin();
845
- } },
846
- React__default.createElement(index_esm.IoMdLogIn, null),
847
- ' Login'
806
+ 'a',
807
+ { href: '/auth/login' },
808
+ React__default.createElement(
809
+ 'div',
810
+ { className: 'px-2 py-2', id: 'nav-login' },
811
+ React__default.createElement(index_esm.IoMdLogIn, null),
812
+ ' Login'
813
+ )
848
814
  )
849
815
  )
850
816
  ),
851
- showLogin && React__default.createElement(
817
+ showLogin && userChecked && userLoggedIn && React__default.createElement(
852
818
  React__default.Fragment,
853
819
  null,
854
820
  React__default.createElement(
855
821
  Nav.Item,
856
- { className: 'hide-on-logout', style: { display: 'none' } },
822
+ null,
857
823
  React__default.createElement(
858
- 'div',
859
- { className: 'px-2 py-2', id: 'nav-logout', onClick: function onClick(e) {
860
- return handleLogout();
861
- } },
862
- React__default.createElement(index_esm.IoMdLogIn, null),
863
- ' Logout'
824
+ 'a',
825
+ { href: '/auth/profile' },
826
+ React__default.createElement(
827
+ 'div',
828
+ { className: 'px-2 py-2', id: 'nav-profile' },
829
+ React__default.createElement(MdEmail, null),
830
+ ' Profile'
831
+ )
832
+ )
833
+ ),
834
+ React__default.createElement(
835
+ Nav.Item,
836
+ null,
837
+ React__default.createElement(
838
+ 'a',
839
+ { href: '/api/auth/logout' },
840
+ React__default.createElement(
841
+ 'div',
842
+ { className: 'px-2 py-2', id: 'nav-logout' },
843
+ React__default.createElement(index_esm.IoMdLogIn, null),
844
+ ' Logout'
845
+ )
864
846
  )
865
847
  )
866
848
  )
@@ -925,6 +907,34 @@ var NavMagazine = function NavMagazine(props) {
925
907
  React__default.createElement(
926
908
  Nav,
927
909
  { className: 'mr-auto' },
910
+ showLogin && userChecked && userLoggedIn && React__default.createElement(
911
+ React__default.Fragment,
912
+ null,
913
+ React__default.createElement(
914
+ 'a',
915
+ { key: 'mobile-profile', href: '/auth/profile', className: 'nav-link' },
916
+ 'Profile'
917
+ ),
918
+ React__default.createElement(
919
+ 'a',
920
+ { key: 'mobile-logout', href: '/api/auth/logout', className: 'nav-link' },
921
+ 'Log Out'
922
+ )
923
+ ),
924
+ showLogin && userChecked && !userLoggedIn && React__default.createElement(
925
+ React__default.Fragment,
926
+ null,
927
+ React__default.createElement(
928
+ 'a',
929
+ { key: 'mobile-signup', href: '/auth/signup', className: 'nav-link' },
930
+ 'Sign Up'
931
+ ),
932
+ React__default.createElement(
933
+ 'a',
934
+ { key: 'mobile-login', href: '/auth/login', className: 'nav-link' },
935
+ 'Log In'
936
+ )
937
+ ),
928
938
  dataObject && dataObject.map(function (row, index) {
929
939
  if (row.subQuery && row.subQuery.length > 0) {
930
940
  return row.name ? React__default.createElement(
@@ -22,10 +22,10 @@ require('react-dom');
22
22
  var index = require('./index-39beccb3.js');
23
23
  var index$1 = require('./index-fa0fb52c.js');
24
24
  var entities = require('./entities-310b46ee.js');
25
- var slicedToArray = require('./slicedToArray-e38fb29d.js');
26
- require('./AdSlot-405b39eb.js');
25
+ var slicedToArray = require('./slicedToArray-bed4d943.js');
26
+ require('./AdSlot-29aee917.js');
27
27
  require('./promise-2c453658.js');
28
- var ADInfeed = require('./ADInfeed-824fcfb6.js');
28
+ var ADInfeed = require('./ADInfeed-6b94763a.js');
29
29
  var reactBootstrap = require('react-bootstrap');
30
30
 
31
31
  var urlFor = function urlFor(source, builder) {
@@ -12,15 +12,15 @@ require('react-bootstrap/Container');
12
12
  require('react-bootstrap/Row');
13
13
  require('react-bootstrap/Col');
14
14
  require('next/link');
15
- require('./slicedToArray-e38fb29d.js');
16
- require('./AdSlot-405b39eb.js');
15
+ require('./slicedToArray-bed4d943.js');
16
+ require('./AdSlot-29aee917.js');
17
17
  require('./promise-2c453658.js');
18
18
  require('./get-de2660c3.js');
19
19
  require('./react-social-icons-cd0d9d3b.js');
20
20
  require('react-bootstrap');
21
21
  require('./index.esm-340d3792.js');
22
22
  require('react-bootstrap/Button');
23
- var TemplateNormal = require('./Normal-d3a56ac1.js');
23
+ var TemplateNormal = require('./Normal-71e6f75e.js');
24
24
  require('react-bootstrap/ListGroup');
25
25
  require('next/head');
26
26
  require('react-bootstrap/Nav');