@mjhls/mjh-framework 1.0.862-beta.0 → 1.0.863-author-details-v1

package/dist/esm/AuthWrapper.js

@@ -3,18 +3,20 @@ import './_to-object-a4107da3.js';
 import './es6.string.iterator-c990c18c.js';
 import './core.get-iterator-method-e1de7503.js';
 import './web.dom.iterable-4439f05a.js';
-import React__default, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import { Form } from 'react-bootstrap';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
-var logger_1 = createCommonjsModule(function (module, exports) {
+var logger = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.setLogger = setLogger;
+exports.proxyLogger = proxyLogger;
 exports.default = void 0;
-var logger = {
+var _logger = {
   error(code) {
     for (var _len = arguments.length, message = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       message[_key - 1] = arguments[_key];
@@ -44,11 +46,81 @@ var logger = {
   }
 
 };
-var _default = logger;
+
+function setLogger() {
+  var newLogger = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if (newLogger.error) _logger.error = newLogger.error;
+  if (newLogger.warn) _logger.warn = newLogger.warn;
+  if (newLogger.debug) _logger.debug = newLogger.debug;
+}
+
+var _default = _logger;
 exports.default = _default;
+
+function proxyLogger() {
+  var logger = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _logger;
+  var basePath = arguments.length > 1 ? arguments[1] : undefined;
+
+  try {
+    if (typeof window === 'undefined') {
+      return logger;
+    }
+
+    var clientLogger = {};
+
+    var _loop = function _loop(level) {
+      clientLogger[level] = function (code) {
+        for (var _len4 = arguments.length, message = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
+          message[_key4 - 1] = arguments[_key4];
+        }
+
+        _logger[level](code, ...message);
+
+        var url = "".concat(basePath, "/_log");
+        var body = new URLSearchParams({
+          level,
+          code,
+          message: JSON.stringify(message.map(m => {
+            if (m instanceof Error) {
+              return {
+                name: m.name,
+                message: m.message,
+                stack: m.stack
+              };
+            }
+
+            return m;
+          }))
+        });
+
+        if (navigator.sendBeacon) {
+          return navigator.sendBeacon(url, body);
+        }
+
+        return fetch(url, {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json'
+          },
+          body
+        });
+      };
+    };
+
+    for (var level in logger) {
+      _loop(level);
+    }
+
+    return clientLogger;
+  } catch (_unused) {
+    return _logger;
+  }
+}
 });
 
-unwrapExports(logger_1);
+unwrapExports(logger);
+var logger_1 = logger.setLogger;
+var logger_2 = logger.proxyLogger;
 
 var parseUrl_1 = createCommonjsModule(function (module, exports) {
 
@@ -91,12 +163,16 @@ exports.default = exports.Provider = exports.useSession = void 0;
 
 
 
-var _logger = _interopRequireDefault(logger_1);
+var _logger2 = _interopRequireWildcard(logger);
 
 var _parseUrl = _interopRequireDefault(parseUrl_1);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -119,6 +195,7 @@ var __NEXTAUTH = {
   _clientId: Math.random().toString(36).substring(2) + Date.now().toString(36),
   _getSession: () => {}
 };
+var logger$1 = (0, _logger2.proxyLogger)(_logger2.default, __NEXTAUTH.basePath);
 
 if (typeof window !== 'undefined') {
   if (__NEXTAUTH._eventListenersAdded === false) {
@@ -275,10 +352,10 @@ var getProviders = function () {
   };
 }();
 
-var SessionContext = (0, React__default.createContext)();
+var SessionContext = (0, React.createContext)();
 
 var useSession = session => {
-  var value = (0, React__default.useContext)(SessionContext);
+  var value = (0, React.useContext)(SessionContext);
 
   if (value === undefined) {
     return _useSessionHook(session);
@@ -290,9 +367,9 @@ var useSession = session => {
 exports.useSession = useSession;
 
 var _useSessionHook = session => {
-  var [data, setData] = (0, React__default.useState)(session);
-  var [loading, setLoading] = (0, React__default.useState)(true);
-  (0, React__default.useEffect)(() => {
+  var [data, setData] = (0, React.useState)(session);
+  var [loading, setLoading] = (0, React.useState)(true);
+  (0, React.useEffect)(() => {
     var _getSession = function () {
       var _ref4 = _asyncToGenerator(function* () {
         var {
@@ -330,7 +407,7 @@ var _useSessionHook = session => {
           setData(newClientSessionData);
           setLoading(false);
         } catch (error) {
-          _logger.default.error('CLIENT_USE_SESSION_ERROR', error);
+          logger$1.error('CLIENT_USE_SESSION_ERROR', error);
         }
       });
 
@@ -390,7 +467,9 @@ function _signIn() {
     if (redirect || !isCredentials) {
       var _data$url;
 
-      window.location = (_data$url = data.url) !== null && _data$url !== void 0 ? _data$url : callbackUrl;
+      var url = (_data$url = data.url) !== null && _data$url !== void 0 ? _data$url : callbackUrl;
+      window.location = url;
+      if (url.includes('#')) window.location.reload();
       return;
     }
 
@@ -450,7 +529,9 @@ function _signOut() {
     if (redirect) {
       var _data$url2;
 
-      window.location = (_data$url2 = data.url) !== null && _data$url2 !== void 0 ? _data$url2 : callbackUrl;
+      var url = (_data$url2 = data.url) !== null && _data$url2 !== void 0 ? _data$url2 : callbackUrl;
+      window.location = url;
+      if (url.includes('#')) window.location.reload();
       return;
     }
 
@@ -469,7 +550,7 @@ var Provider = (_ref5) => {
     options
   } = _ref5;
   setOptions(options);
-  return (0, React__default.createElement)(SessionContext.Provider, {
+  return (0, React.createElement)(SessionContext.Provider, {
     value: useSession(session)
   }, children);
 };
@@ -485,8 +566,7 @@ var _fetchData = function () {
       var data = yield res.json();
       return Promise.resolve(Object.keys(data).length > 0 ? data : null);
     } catch (error) {
-      _logger.default.error('CLIENT_FETCH_ERROR', url, error);
-
+      logger$1.error('CLIENT_FETCH_ERROR', url, error);
       return Promise.resolve(null);
     }
   });
@@ -499,7 +579,7 @@ var _fetchData = function () {
 var _apiBaseUrl = () => {
   if (typeof window === 'undefined') {
     if (!process.env.NEXTAUTH_URL) {
-      _logger.default.warn('NEXTAUTH_URL', 'NEXTAUTH_URL environment variable not set');
+      logger$1.warn('NEXTAUTH_URL', 'NEXTAUTH_URL environment variable not set');
     }
 
     return "".concat(__NEXTAUTH.baseUrl).concat(__NEXTAUTH.basePath);
@@ -586,7 +666,7 @@ var AuthWrapper = function AuthWrapper(_ref) {
   }, []);
 
   if (session || !needAuth) {
-    return React__default.createElement(
+    return React.createElement(
       'div',
       null,
       children
@@ -594,44 +674,44 @@ var AuthWrapper = function AuthWrapper(_ref) {
   }
 
   if (!loading) {
-    return React__default.createElement(
+    return React.createElement(
       'div',
       { style: { position: 'relative', minHeight: '300px', paddingTop: '2rem' } },
-      callbackUrl && React__default.createElement(
+      callbackUrl && React.createElement(
         'div',
         null,
-        !showForm && React__default.createElement(
+        !showForm && React.createElement(
           'div',
           { className: styles.loginBox },
-          React__default.createElement(
+          React.createElement(
             'div',
             { className: styles.loginBox_title },
-            React__default.createElement(
+            React.createElement(
               'b',
               null,
               'Please log in to view this content.'
             )
           ),
-          React__default.createElement(
+          React.createElement(
             Form,
             { onSubmit: function onSubmit(e) {
                 return e.preventDefault();
               } },
-            React__default.createElement(
+            React.createElement(
               Form.Group,
               { controlId: 'email' },
-              React__default.createElement(Form.Control, { type: 'email', onChange: function onChange(e) {
+              React.createElement(Form.Control, { type: 'email', onChange: function onChange(e) {
                   return setEmail(e.target.value);
                 }, placeholder: 'Email' })
             ),
-            React__default.createElement(
+            React.createElement(
               Form.Group,
               { controlId: 'password' },
-              React__default.createElement(Form.Control, { type: 'password', onChange: function onChange(e) {
+              React.createElement(Form.Control, { type: 'password', onChange: function onChange(e) {
                   return setPassword(e.target.value);
                 }, placeholder: 'Password' })
             ),
-            React__default.createElement(
+            React.createElement(
               'button',
               { className: 'btn btn-primary btn-block', onClick: function onClick() {
                   return client$1.signIn('credentials', { email: email, password: password, callbackUrl: callbackUrl });
@@ -639,27 +719,24 @@ var AuthWrapper = function AuthWrapper(_ref) {
               'Sign in'
             )
           ),
-          React__default.createElement(
-            'p',
-            { style: { textAlign: 'center' }, className: 'mt-2 mb-0' },
-            'Don\'t have an account?',
-            ' ',
-            React__default.createElement(
+          React.createElement(
+            'button',
+            { className: 'btn btn-primary btn-block mt-3' },
+            React.createElement(
               'a',
-              { style: { color: 'blue', textDecoration: 'underline' }, onClick: function onClick() {
+              { style: { textDecoration: 'underline' }, onClick: function onClick() {
                   return setShowForm(!showForm);
                 } },
-              'Click Here'
-            ),
-            ' to register.'
+              'Register Now'
+            )
           ),
-          React__default.createElement(
+          React.createElement(
             'p',
             { className: 'mt-1', style: { fontSize: '.8em', textAlign: 'center' } },
-            React__default.createElement(
+            React.createElement(
               'em',
               null,
-              React__default.createElement(
+              React.createElement(
                 'a',
                 { href: '/forgotpassword', style: { color: 'blue', textDecoration: 'underline' } },
                 'Forgot your password? '
@@ -667,7 +744,7 @@ var AuthWrapper = function AuthWrapper(_ref) {
             )
           )
         ),
-        showForm && React__default.createElement('iframe', { className: styles.iframe, src: formUrl })
+        showForm && React.createElement('iframe', { className: styles.iframe, src: formUrl })
       )
     );
   } else {

package/dist/esm/{AuthorComponent-34b16174.js → AuthorComponent-8ffd4679.js}

@@ -1,4 +1,4 @@
-import React__default, { useEffect, useState, useRef } from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 
 var AuthorComponent = function AuthorComponent(_ref) {
@@ -13,15 +13,15 @@ var AuthorComponent = function AuthorComponent(_ref) {
 
 
       if (displayName && url && url.current) {
-        return React__default.createElement(
+        return React.createElement(
           'span',
           { key: _id },
-          index === 0 && React__default.createElement(
+          index === 0 && React.createElement(
             'span',
             { className: 'pr-1' },
             'By'
           ),
-          React__default.createElement(
+          React.createElement(
             'a',
             { href: '/authors/' + url.current, className: 'author-name', style: { color: '#000', fontWeight: 'bold' } },
             displayName
@@ -29,15 +29,15 @@ var AuthorComponent = function AuthorComponent(_ref) {
           length !== index + 1 && ', '
         );
       } else if (displayName) {
-        return React__default.createElement(
+        return React.createElement(
           'span',
           { key: _id },
-          index === 0 && React__default.createElement(
+          index === 0 && React.createElement(
             'span',
             { className: 'pr-1' },
             'By'
           ),
-          React__default.createElement(
+          React.createElement(
             'span',
             { className: 'author-name', style: { color: '#000', fontWeight: 'bold' } },
             displayName,
@@ -70,16 +70,16 @@ var AuthorComponent = function AuthorComponent(_ref) {
   var overlayRef = useRef(null);
   var authorRef = useRef(null);
 
-  return React__default.createElement(
+  return React.createElement(
     'div',
     { id: 'author-sec' + index, ref: authorRef },
-    hideContent && React__default.createElement('div', { onClick: function onClick() {
+    hideContent && React.createElement('div', { onClick: function onClick() {
         return onOverlayClick();
       }, ref: overlayRef, id: 'overlay-content' + index }),
     authors.map(function (authorDetail, index) {
       return renderAuthor(authorDetail, index, authors.length);
     }),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: true },
       '\n          #author-sec' + index + ' {\n            line-height: 25px;\n            position: relative;\n            height: auto;\n            // max-height: 50px;\n          }\n          .hide-content {\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n          }\n          #overlay-content' + index + ' {\n            position: absolute;\n            cursor: pointer;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 1000;\n          }\n        '

package/dist/esm/{BlockContent-e9b4ddcf.js → BlockContent-d05b5b23.js}

@@ -1,6 +1,6 @@
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
-import { n as node } from './index-73819142.js';
+import { n as node } from './index-51a80699.js';
 
 /*
 object-assign
@@ -829,7 +829,7 @@ var internals$1 = internals;
 
 var getSerializers = internals$1.getSerializers;
 
-var renderNode = React__default.createElement;
+var renderNode = React.createElement;
 
 var _getSerializers = getSerializers(renderNode),
     defaultSerializers = _getSerializers.defaultSerializers,
@@ -849,7 +849,7 @@ var getImageUrl$1 = internals$1.getImageUrl,
     blocksToNodes$1 = internals$1.blocksToNodes,
     mergeSerializers$1 = internals$1.mergeSerializers;
 
-var renderNode$1 = React__default.createElement;
+var renderNode$1 = React.createElement;
 
 var SanityBlockContent = function SanityBlockContent(props) {
   var customSerializers = mergeSerializers$1(SanityBlockContent.defaultSerializers, props.serializers);

package/dist/esm/Breadcrumbs.js

@@ -3,7 +3,7 @@ import './_to-object-a4107da3.js';
 import './es6.string.iterator-c990c18c.js';
 import './core.get-iterator-method-e1de7503.js';
 import './web.dom.iterable-4439f05a.js';
-import React__default, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import Breadcrumb from 'react-bootstrap/Breadcrumb';
 
@@ -48,17 +48,17 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
   }, []);
 
   if (data && data.length > 0) {
-    return React__default.createElement(
+    return React.createElement(
       Breadcrumb,
       null,
       data.map(function (item, index) {
-        return React__default.createElement(
+        return React.createElement(
           Breadcrumb.Item,
           { key: index, href: item.url, active: item.isActive || false },
           item.name
         );
       }),
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: 'true' },
         '\n          .breadcrumb {\n            background: transparent;\n            padding-left: 0.25rem;\n          }\n          .breadcrumb .breadcrumb-item + .breadcrumb-item::before {\n            content: \'' + separator + '\';\n          }\n          .breadcrumb-item.active {\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            max-width: 40ch;\n          }\n          @media screen and (max-width: 1400px) {\n            .breadcrumb-item.active {\n              max-width: 20ch;\n            }\n          }\n          @media screen and (max-width: 768px) {\n            .breadcrumb-item.active {\n              max-width: 40ch;\n            }\n          }\n        '
@@ -66,30 +66,30 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     );
   }
 
-  return React__default.createElement(
+  return React.createElement(
     Breadcrumb,
     null,
-    React__default.createElement(
+    React.createElement(
       Breadcrumb.Item,
       { href: '/' },
       'home'
     ),
-    parentPath.split('/').length > 1 && React__default.createElement(
+    parentPath.split('/').length > 1 && React.createElement(
       Breadcrumb.Item,
       { active: true },
       '...'
     ),
-    React__default.createElement(
+    React.createElement(
       Breadcrumb.Item,
       { href: '/' + parentPath },
       parentPathName
     ),
-    React__default.createElement(
+    React.createElement(
       Breadcrumb.Item,
       { active: true },
       currentPath
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: 'true' },
       '\n        ol.breadcrumb {\n          background: transparent;\n          padding-left: 0.25rem;\n        }\n        .breadcrumb-item.active {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          max-width: 40ch;\n        }\n        @media screen and (max-width: 1400px) {\n          .breadcrumb-item.active {\n            max-width: 20ch;\n          }\n        }\n        @media screen and (max-width: 768px) {\n          .breadcrumb-item.active {\n            max-width: 40ch;\n          }\n        }\n      '
@@ -97,6 +97,6 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
   );
 };
 
-var Breadcrumbs$1 = React__default.memo(Breadcrumbs);
+var Breadcrumbs$1 = React.memo(Breadcrumbs);
 
 export default Breadcrumbs$1;