@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
@@ -35,7 +35,7 @@ var getIterator$1 = _commonjsHelpers.createCommonjsModule(function (module) {
35
35
  module.exports = { "default": getIterator, __esModule: true };
36
36
  });
37
37
 
38
- _commonjsHelpers.unwrapExports(getIterator$1);
38
+ var _getIterator = _commonjsHelpers.unwrapExports(getIterator$1);
39
39
 
40
40
  var slicedToArray = _commonjsHelpers.createCommonjsModule(function (module, exports) {
41
41
 
@@ -92,4 +92,5 @@ exports.default = function () {
92
92
 
93
93
  var _slicedToArray = _commonjsHelpers.unwrapExports(slicedToArray);
94
94
 
95
+ exports._getIterator = _getIterator;
95
96
  exports._slicedToArray = _slicedToArray;
@@ -1,6 +1,6 @@
1
1
  import React__default from 'react';
2
2
  import Card from 'react-bootstrap/Card';
3
- import { D as DFPAdSlot } from './AdSlot-b4f04c96.js';
3
+ import { D as DFPAdSlot } from './AdSlot-3d2ecc87.js';
4
4
 
5
5
  var ADInfeed = function ADInfeed(_ref) {
6
6
  var index = _ref.index,
@@ -1,12 +1,23 @@
1
- import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
1
+ import { u as unwrapExports, c as createCommonjsModule } from './_commonjsHelpers-0c4b6f40.js';
2
2
  import { b as _core } from './_to-object-b9b796ec.js';
3
3
  import { d as debounce_1, e as lib_2 } from './debounce-93ab8f80.js';
4
4
  import { a as main_16 } from './main-155ec04f.js';
5
5
  import React__default, { useState } from 'react';
6
6
  import PropTypes from 'prop-types';
7
- import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
7
+ import { _ as _slicedToArray } from './slicedToArray-d1db3163.js';
8
8
  import { p as promise } from './promise-e3480f1c.js';
9
9
 
10
+ var $JSON = _core.JSON || (_core.JSON = { stringify: JSON.stringify });
11
+ var stringify = function stringify(it) { // eslint-disable-line no-unused-vars
12
+ return $JSON.stringify.apply($JSON, arguments);
13
+ };
14
+
15
+ var stringify$1 = createCommonjsModule(function (module) {
16
+ module.exports = { "default": stringify, __esModule: true };
17
+ });
18
+
19
+ var _JSON$stringify = unwrapExports(stringify$1);
20
+
10
21
  var runtime = createCommonjsModule(function (module) {
11
22
  /**
12
23
  * Copyright (c) 2014-present, Facebook, Inc.
@@ -772,17 +783,6 @@ if (hadRuntime) {
772
783
 
773
784
  var regenerator = runtimeModule;
774
785
 
775
- var $JSON = _core.JSON || (_core.JSON = { stringify: JSON.stringify });
776
- var stringify = function stringify(it) { // eslint-disable-line no-unused-vars
777
- return $JSON.stringify.apply($JSON, arguments);
778
- };
779
-
780
- var stringify$1 = createCommonjsModule(function (module) {
781
- module.exports = { "default": stringify, __esModule: true };
782
- });
783
-
784
- var _JSON$stringify = unwrapExports(stringify$1);
785
-
786
786
  var asyncToGenerator = createCommonjsModule(function (module, exports) {
787
787
 
788
788
  exports.__esModule = true;
@@ -831,6 +831,22 @@ require("babel-polyfill");
831
831
 
832
832
  var beam_domain = 'https://beam.mjhlifesciences.com';
833
833
 
834
+ function getCookie(cname) {
835
+ var name = cname + "=";
836
+ var decodedCookie = decodeURIComponent(document.cookie);
837
+ var ca = decodedCookie.split(';');
838
+ for (var i = 0; i < ca.length; i++) {
839
+ var c = ca[i];
840
+ while (c.charAt(0) == ' ') {
841
+ c = c.substring(1);
842
+ }
843
+ if (c.indexOf(name) == 0) {
844
+ return c.substring(name.length, c.length);
845
+ }
846
+ }
847
+ return "";
848
+ }
849
+
834
850
  var Beam = {
835
851
  proc_url: function proc_url() {
836
852
  var $_GET = {};
@@ -844,15 +860,36 @@ var Beam = {
844
860
  return $_GET;
845
861
  },
846
862
  proc_eKey: function proc_eKey($_GET) {
847
- var eKey = "N/A";
863
+ var _this = this;
848
864
 
849
- if ($_GET["eKey"]) {
850
- eKey = $_GET["eKey"];
851
- } else if (typeof window.eKey !== 'undefined') {
852
- eKey = window.eKey;
853
- }
865
+ return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
866
+ var eKey;
867
+ return regenerator.wrap(function _callee$(_context) {
868
+ while (1) {
869
+ switch (_context.prev = _context.next) {
870
+ case 0:
871
+ eKey = "N/A";
872
+
873
+
874
+ if ($_GET["eKey"]) {
875
+ eKey = $_GET["eKey"];
876
+ } else if (typeof window.eKey !== 'undefined') {
877
+ eKey = window.eKey;
878
+ }
854
879
 
855
- return eKey;
880
+ if (!eKey || eKey === 'N/A') {
881
+ eKey = getCookie('eKey');
882
+ }
883
+
884
+ return _context.abrupt('return', eKey);
885
+
886
+ case 4:
887
+ case 'end':
888
+ return _context.stop();
889
+ }
890
+ }
891
+ }, _callee, _this);
892
+ }))();
856
893
  },
857
894
  proc_source: function proc_source() {
858
895
  var referrer = "N/A";
@@ -897,32 +934,57 @@ var Beam = {
897
934
  return data;
898
935
  },
899
936
  get_beam: function get_beam(deviceType) {
900
- var beam = {};
901
- beam.eKey = this.proc_eKey(this.proc_url());
902
- beam.source = this.proc_source();
903
- beam.meta = this.proc_meta();
904
- beam.host = this.proc_host();
905
- beam.device = deviceType;
906
- return beam;
937
+ var _this2 = this;
938
+
939
+ return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
940
+ var beam;
941
+ return regenerator.wrap(function _callee2$(_context2) {
942
+ while (1) {
943
+ switch (_context2.prev = _context2.next) {
944
+ case 0:
945
+ beam = {};
946
+ _context2.next = 3;
947
+ return _this2.proc_eKey(_this2.proc_url());
948
+
949
+ case 3:
950
+ beam.eKey = _context2.sent;
951
+
952
+ beam.source = _this2.proc_source();
953
+ beam.meta = _this2.proc_meta();
954
+ beam.host = _this2.proc_host();
955
+ beam.device = deviceType;
956
+ return _context2.abrupt('return', beam);
957
+
958
+ case 9:
959
+ case 'end':
960
+ return _context2.stop();
961
+ }
962
+ }
963
+ }, _callee2, _this2);
964
+ }))();
907
965
  },
908
966
 
909
967
 
910
968
  /* for client use */
911
969
  report_beam_event: function report_beam_event(action, deviceType) {
912
- var _this = this;
970
+ var _this3 = this;
913
971
 
914
- return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
972
+ return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3() {
915
973
  var beam, response, res;
916
- return regenerator.wrap(function _callee$(_context) {
974
+ return regenerator.wrap(function _callee3$(_context3) {
917
975
  while (1) {
918
- switch (_context.prev = _context.next) {
976
+ switch (_context3.prev = _context3.next) {
919
977
  case 0:
920
- beam = _this.get_beam(deviceType);
978
+ _context3.next = 2;
979
+ return _this3.get_beam(deviceType);
980
+
981
+ case 2:
982
+ beam = _context3.sent;
921
983
 
922
984
 
923
985
  console.log('Call Beam', action, beam);
924
986
 
925
- _context.next = 4;
987
+ _context3.next = 6;
926
988
  return fetch(beam_domain + '/api/beam/event', {
927
989
  headers: {
928
990
  'Content-Type': 'application/json',
@@ -937,36 +999,36 @@ var Beam = {
937
999
  })
938
1000
  });
939
1001
 
940
- case 4:
941
- response = _context.sent;
942
- _context.next = 7;
1002
+ case 6:
1003
+ response = _context3.sent;
1004
+ _context3.next = 9;
943
1005
  return response.json();
944
1006
 
945
- case 7:
946
- res = _context.sent;
1007
+ case 9:
1008
+ res = _context3.sent;
947
1009
 
948
1010
  if (res.error) {
949
1011
  console.error('Beam reporting error:', res.error);
950
1012
  }
951
1013
 
952
- case 9:
1014
+ case 11:
953
1015
  case 'end':
954
- return _context.stop();
1016
+ return _context3.stop();
955
1017
  }
956
1018
  }
957
- }, _callee, _this);
1019
+ }, _callee3, _this3);
958
1020
  }))();
959
1021
  },
960
1022
  report_beam_ad: function report_beam_ad(action, deviceType, cID, lID, campID, adSize, slotId) {
961
- var _this2 = this;
1023
+ var _this4 = this;
962
1024
 
963
- return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee2() {
1025
+ return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee4() {
964
1026
  var beam, data, response, res;
965
- return regenerator.wrap(function _callee2$(_context2) {
1027
+ return regenerator.wrap(function _callee4$(_context4) {
966
1028
  while (1) {
967
- switch (_context2.prev = _context2.next) {
1029
+ switch (_context4.prev = _context4.next) {
968
1030
  case 0:
969
- beam = _this2.get_beam(deviceType);
1031
+ beam = _this4.get_beam(deviceType);
970
1032
  data = {};
971
1033
 
972
1034
  data.campaignId = campID;
@@ -977,7 +1039,7 @@ var Beam = {
977
1039
 
978
1040
  console.log('Call DFP', action, data);
979
1041
 
980
- _context2.next = 10;
1042
+ _context4.next = 10;
981
1043
  return fetch(beam_domain + '/api/beam/ad', {
982
1044
  headers: {
983
1045
  'Content-Type': 'application/json',
@@ -994,12 +1056,12 @@ var Beam = {
994
1056
  });
995
1057
 
996
1058
  case 10:
997
- response = _context2.sent;
998
- _context2.next = 13;
1059
+ response = _context4.sent;
1060
+ _context4.next = 13;
999
1061
  return response.json();
1000
1062
 
1001
1063
  case 13:
1002
- res = _context2.sent;
1064
+ res = _context4.sent;
1003
1065
 
1004
1066
  if (res.error) {
1005
1067
  console.error('DFP reporting error:', res.error);
@@ -1007,22 +1069,22 @@ var Beam = {
1007
1069
 
1008
1070
  case 15:
1009
1071
  case 'end':
1010
- return _context2.stop();
1072
+ return _context4.stop();
1011
1073
  }
1012
1074
  }
1013
- }, _callee2, _this2);
1075
+ }, _callee4, _this4);
1014
1076
  }))();
1015
1077
  },
1016
1078
  report_beam_video: function report_beam_video(action, deviceType, duration, current, segment) {
1017
- var _this3 = this;
1079
+ var _this5 = this;
1018
1080
 
1019
- return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee3() {
1081
+ return _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee5() {
1020
1082
  var beam, data, response, res;
1021
- return regenerator.wrap(function _callee3$(_context3) {
1083
+ return regenerator.wrap(function _callee5$(_context5) {
1022
1084
  while (1) {
1023
- switch (_context3.prev = _context3.next) {
1085
+ switch (_context5.prev = _context5.next) {
1024
1086
  case 0:
1025
- beam = _this3.get_beam(deviceType);
1087
+ beam = _this5.get_beam(deviceType);
1026
1088
  data = {};
1027
1089
 
1028
1090
  data.duration = duration;
@@ -1032,7 +1094,7 @@ var Beam = {
1032
1094
 
1033
1095
  console.log('Call YouTube', action, data);
1034
1096
 
1035
- _context3.next = 9;
1097
+ _context5.next = 9;
1036
1098
  return fetch(beam_domain + '/api/beam/video', {
1037
1099
  headers: {
1038
1100
  'Content-Type': 'application/json',
@@ -1049,12 +1111,12 @@ var Beam = {
1049
1111
  });
1050
1112
 
1051
1113
  case 9:
1052
- response = _context3.sent;
1053
- _context3.next = 12;
1114
+ response = _context5.sent;
1115
+ _context5.next = 12;
1054
1116
  return response.json();
1055
1117
 
1056
1118
  case 12:
1057
- res = _context3.sent;
1119
+ res = _context5.sent;
1058
1120
 
1059
1121
  if (res.error) {
1060
1122
  console.error('Video reporting error:', res.error);
@@ -1062,10 +1124,10 @@ var Beam = {
1062
1124
 
1063
1125
  case 14:
1064
1126
  case 'end':
1065
- return _context3.stop();
1127
+ return _context5.stop();
1066
1128
  }
1067
1129
  }
1068
- }, _callee3, _this3);
1130
+ }, _callee5, _this5);
1069
1131
  }))();
1070
1132
  }
1071
1133
  };
@@ -20,10 +20,10 @@ import 'react-dom';
20
20
  import { i as imageUrlBuilder } from './index-3849e3fe.js';
21
21
  import { L as LazyLoad } from './index-5f9f807a.js';
22
22
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
23
- import './slicedToArray-d0a9593a.js';
24
- import './AdSlot-b4f04c96.js';
23
+ import './slicedToArray-d1db3163.js';
24
+ import './AdSlot-3d2ecc87.js';
25
25
  import './promise-e3480f1c.js';
26
- import { A as ADInfeed } from './ADInfeed-a1d8cb44.js';
26
+ import { A as ADInfeed } from './ADInfeed-94f767ec.js';
27
27
 
28
28
  var DeckContent = function (_React$Component) {
29
29
  _inherits(DeckContent, _React$Component);
@@ -7,7 +7,7 @@ import React__default, { useState } from 'react';
7
7
  import PropTypes from 'prop-types';
8
8
  import { V as VisibilitySensor } from './visibility-sensor-336093e1.js';
9
9
  import 'react-dom';
10
- import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
10
+ import { _ as _slicedToArray } from './slicedToArray-d1db3163.js';
11
11
 
12
12
  var AD = function AD(_ref) {
13
13
  var networkID = _ref.networkID,
@@ -4,7 +4,7 @@ import './web.dom.iterable-3be50d6c.js';
4
4
  import './core.get-iterator-method-31c1fb1a.js';
5
5
  import React__default, { useState } from 'react';
6
6
  import { i as imageUrlBuilder } from './index-3849e3fe.js';
7
- import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
7
+ import { _ as _slicedToArray } from './slicedToArray-d1db3163.js';
8
8
  import { Figure as Figure$1 } from 'react-bootstrap';
9
9
 
10
10
  var urlFor = function urlFor(source, client) {
@@ -14,11 +14,11 @@ import { withRouter } from 'next/router';
14
14
  import { i as imageUrlBuilder } from './index-3849e3fe.js';
15
15
  import { L as LazyLoad } from './index-5f9f807a.js';
16
16
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
17
- import { A as ADInfeed } from './ADInfeed-a1d8cb44.js';
17
+ import { A as ADInfeed } from './ADInfeed-94f767ec.js';
18
18
  import { g as get_1 } from './get-9c285a85.js';
19
19
 
20
20
  var Dfp = React__default.lazy(function () {
21
- return import('./Dfp-ea8d4531.js');
21
+ return import('./Dfp-d2d43384.js');
22
22
  });
23
23
 
24
24
  var AD = function AD(props) {
@@ -20,9 +20,9 @@ import 'react-dom';
20
20
  import './index-3849e3fe.js';
21
21
  import './index-5f9f807a.js';
22
22
  import './entities-7cc3bf45.js';
23
- import './slicedToArray-d0a9593a.js';
24
- import './AdSlot-b4f04c96.js';
23
+ import './slicedToArray-d1db3163.js';
24
+ import './AdSlot-3d2ecc87.js';
25
25
  import './promise-e3480f1c.js';
26
- import './ADInfeed-a1d8cb44.js';
26
+ import './ADInfeed-94f767ec.js';
27
27
  import './get-9c285a85.js';
28
- export { G as default } from './GridContent-862176ac.js';
28
+ export { G as default } from './GridContent-7ea9958c.js';
@@ -4,8 +4,8 @@ import Container from 'react-bootstrap/Container';
4
4
  import Row from 'react-bootstrap/Row';
5
5
  import Col from 'react-bootstrap/Col';
6
6
  import Link from 'next/link';
7
- import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
8
- import { D as DFPAdSlot } from './AdSlot-b4f04c96.js';
7
+ import { _ as _slicedToArray } from './slicedToArray-d1db3163.js';
8
+ import { D as DFPAdSlot } from './AdSlot-3d2ecc87.js';
9
9
  import { g as get_1 } from './get-9c285a85.js';
10
10
  import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
11
11
  import { Dropdown } from 'react-bootstrap';
@@ -642,6 +642,7 @@ var NavMagazine = function NavMagazine(props) {
642
642
  Example Nav with acceptable props
643
643
  <MagazineNav
644
644
  showLogin
645
+ user={props.cache.user}
645
646
  logo={props.settings.logo}
646
647
  dataObject={props.cache.mainNavCache}
647
648
  website={website}
@@ -730,21 +731,24 @@ var NavMagazine = function NavMagazine(props) {
730
731
  }
731
732
  };
732
733
 
733
- var handleLogin = function handleLogin(e) {
734
- if (typeof GCN !== 'undefined' && GCN && GCN.onecount) {
735
- GCN.onecount.login();
736
- } else {
737
- console.error('GCN not defined');
738
- }
739
- };
734
+ //const userLoggedIn = props.user ? true : false
740
735
 
741
- var handleLogout = function handleLogout(e) {
742
- if (typeof GCN !== 'undefined' && GCN && GCN.onecount) {
743
- GCN.onecount.logout();
744
- } else {
745
- console.error('GCN not defined');
736
+ var _useState5 = useState(false),
737
+ _useState6 = _slicedToArray(_useState5, 2),
738
+ userLoggedIn = _useState6[0],
739
+ setUserLoggedIn = _useState6[1];
740
+
741
+ var _useState7 = useState(false),
742
+ _useState8 = _slicedToArray(_useState7, 2),
743
+ userChecked = _useState8[0],
744
+ setUserChecked = _useState8[1];
745
+
746
+ useEffect(function () {
747
+ setUserLoggedIn(props.user ? true : false);
748
+ if (!userChecked) {
749
+ setUserChecked(true);
746
750
  }
747
- };
751
+ }, [props.user, userChecked]);
748
752
 
749
753
  return React__default.createElement(
750
754
  React__default.Fragment,
@@ -758,20 +762,6 @@ var NavMagazine = function NavMagazine(props) {
758
762
  React__default.createElement(
759
763
  Nav,
760
764
  { id: 'navbar-top', className: 'justify-content-center navbar-top', style: { margin: '0 auto' } },
761
- showLogin && React__default.createElement(
762
- Nav.Item,
763
- { id: 'nav-mobile-register', className: 'hide-on-login', style: { display: 'none' } },
764
- React__default.createElement(
765
- 'a',
766
- { href: '/register' },
767
- React__default.createElement(
768
- 'div',
769
- { className: 'px-2 py-2' },
770
- React__default.createElement(MdEmail, null),
771
- ' Register'
772
- )
773
- )
774
- ),
775
765
  React__default.createElement(
776
766
  Nav.Item,
777
767
  { className: 'nav-mobile-logo' },
@@ -781,81 +771,73 @@ var NavMagazine = function NavMagazine(props) {
781
771
  mobileLogo && screenWidth < 776 ? React__default.createElement('img', { src: mobileLogo }) : React__default.createElement('img', { src: logo, className: 'logo', style: { height: '55px' } })
782
772
  )
783
773
  ),
784
- showLogin && React__default.createElement(
785
- Nav.Item,
786
- { id: 'nav-mobile-login', className: 'hide-on-login', style: { display: 'none' } },
787
- React__default.createElement(
788
- 'div',
789
- { className: 'px-2 py-2 ', onClick: function onClick(e) {
790
- return handleLogin();
791
- } },
792
- React__default.createElement(IoMdLogIn, null),
793
- ' Login'
794
- )
795
- ),
796
- showLogin && React__default.createElement(
797
- React__default.Fragment,
798
- null,
799
- React__default.createElement(
800
- Nav.Item,
801
- { id: 'nav-mobile-logout', className: 'hide-on-logout', style: { display: 'none' } },
802
- React__default.createElement(
803
- 'div',
804
- { className: 'pl-2 pr-3 py-2 text-right', onClick: function onClick(e) {
805
- return handleLogout();
806
- } },
807
- React__default.createElement(IoMdLogIn, null),
808
- ' Logout'
809
- )
810
- )
811
- )
774
+ false ,
775
+ false
812
776
  ),
813
777
  React__default.createElement(
814
778
  Nav,
815
779
  { style: { position: 'absolute', right: '15px' }, className: 'justify-content-end rightHeader' },
816
- showLogin && React__default.createElement(
780
+ showLogin && userChecked && !userLoggedIn && React__default.createElement(
817
781
  React__default.Fragment,
818
782
  null,
819
783
  React__default.createElement(
820
784
  Nav.Item,
821
- { className: 'hide-on-login', style: { display: 'none' } },
785
+ null,
822
786
  React__default.createElement(
823
787
  'a',
824
- { href: '/register' },
788
+ { href: '/auth/signup' },
825
789
  React__default.createElement(
826
790
  'div',
827
791
  { className: 'px-2 py-2 mr-2', id: 'nav-register' },
828
792
  React__default.createElement(MdEmail, null),
829
- ' Register'
793
+ ' Sign Up'
830
794
  )
831
795
  )
832
796
  ),
833
797
  React__default.createElement(
834
798
  Nav.Item,
835
- { className: 'hide-on-login', style: { display: 'none' } },
799
+ null,
836
800
  React__default.createElement(
837
- 'div',
838
- { className: 'px-2 py-2', id: 'nav-login', onClick: function onClick(e) {
839
- return handleLogin();
840
- } },
841
- React__default.createElement(IoMdLogIn, null),
842
- ' Login'
801
+ 'a',
802
+ { href: '/auth/login' },
803
+ React__default.createElement(
804
+ 'div',
805
+ { className: 'px-2 py-2', id: 'nav-login' },
806
+ React__default.createElement(IoMdLogIn, null),
807
+ ' Login'
808
+ )
843
809
  )
844
810
  )
845
811
  ),
846
- showLogin && React__default.createElement(
812
+ showLogin && userChecked && userLoggedIn && React__default.createElement(
847
813
  React__default.Fragment,
848
814
  null,
849
815
  React__default.createElement(
850
816
  Nav.Item,
851
- { className: 'hide-on-logout', style: { display: 'none' } },
817
+ null,
852
818
  React__default.createElement(
853
- 'div',
854
- { className: 'px-2 py-2', id: 'nav-logout', onClick: function onClick(e) {
855
- return handleLogout();
856
- } },
857
- React__default.createElement(IoMdLogIn, null),
858
- ' Logout'
819
+ 'a',
820
+ { href: '/auth/profile' },
821
+ React__default.createElement(
822
+ 'div',
823
+ { className: 'px-2 py-2', id: 'nav-profile' },
824
+ React__default.createElement(MdEmail, null),
825
+ ' Profile'
826
+ )
827
+ )
828
+ ),
829
+ React__default.createElement(
830
+ Nav.Item,
831
+ null,
832
+ React__default.createElement(
833
+ 'a',
834
+ { href: '/api/auth/logout' },
835
+ React__default.createElement(
836
+ 'div',
837
+ { className: 'px-2 py-2', id: 'nav-logout' },
838
+ React__default.createElement(IoMdLogIn, null),
839
+ ' Logout'
840
+ )
859
841
  )
860
842
  )
861
843
  )
@@ -920,6 +902,34 @@ var NavMagazine = function NavMagazine(props) {
920
902
  React__default.createElement(
921
903
  Nav,
922
904
  { className: 'mr-auto' },
905
+ showLogin && userChecked && userLoggedIn && React__default.createElement(
906
+ React__default.Fragment,
907
+ null,
908
+ React__default.createElement(
909
+ 'a',
910
+ { key: 'mobile-profile', href: '/auth/profile', className: 'nav-link' },
911
+ 'Profile'
912
+ ),
913
+ React__default.createElement(
914
+ 'a',
915
+ { key: 'mobile-logout', href: '/api/auth/logout', className: 'nav-link' },
916
+ 'Log Out'
917
+ )
918
+ ),
919
+ showLogin && userChecked && !userLoggedIn && React__default.createElement(
920
+ React__default.Fragment,
921
+ null,
922
+ React__default.createElement(
923
+ 'a',
924
+ { key: 'mobile-signup', href: '/auth/signup', className: 'nav-link' },
925
+ 'Sign Up'
926
+ ),
927
+ React__default.createElement(
928
+ 'a',
929
+ { key: 'mobile-login', href: '/auth/login', className: 'nav-link' },
930
+ 'Log In'
931
+ )
932
+ ),
923
933
  dataObject && dataObject.map(function (row, index) {
924
934
  if (row.subQuery && row.subQuery.length > 0) {
925
935
  return row.name ? React__default.createElement(
@@ -16,10 +16,10 @@ import 'react-dom';
16
16
  import { i as imageUrlBuilder } from './index-3849e3fe.js';
17
17
  import { L as LazyLoad } from './index-5f9f807a.js';
18
18
  import { c as clean_html_1 } from './entities-7cc3bf45.js';
19
- import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
20
- import './AdSlot-b4f04c96.js';
19
+ import { _ as _slicedToArray } from './slicedToArray-d1db3163.js';
20
+ import './AdSlot-3d2ecc87.js';
21
21
  import './promise-e3480f1c.js';
22
- import { A as ADInfeed } from './ADInfeed-a1d8cb44.js';
22
+ import { A as ADInfeed } from './ADInfeed-94f767ec.js';
23
23
  import { Container, Media } from 'react-bootstrap';
24
24
 
25
25
  var urlFor = function urlFor(source, builder) {