@mjhls/mjh-framework 1.0.879 → 1.0.880

package/dist/esm/Auth.js

@@ -1,7 +1,7 @@
 import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-b4dfe691.js';
 import { _ as _JSON$stringify } from './stringify-c21932b3.js';
 import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-ca2c8b8d.js';
-import React__default, { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import Router from 'next/router';
 import { _ as _extends } from './extends-dc6a71fd.js';
 import { Col, Form, Button, Spinner } from 'react-bootstrap';
@@ -55,21 +55,21 @@ var returnFormField = function returnFormField(_ref) {
   }
 
   if (type == 'text' || type == 'email' || type == 'password' || type == 'number') {
-    return React__default.createElement(
+    return React.createElement(
       Form.Group,
       _extends({}, opts, { controlId: name }),
-      React__default.createElement(
+      React.createElement(
         Form.Label,
         { kye: name + '_label' },
         label,
-        required && React__default.createElement(
+        required && React.createElement(
           'span',
           { style: { color: 'red' } },
           '*'
         )
       ),
-      React__default.createElement(Form.Control, { key: name + '_' + type, type: type, readOnly: readonly, name: name, placeholder: '', defaultValue: default_value, required: required }),
-      React__default.createElement(
+      React.createElement(Form.Control, { key: name + '_' + type, type: type, readOnly: readonly, name: name, placeholder: '', defaultValue: default_value, required: required }),
+      React.createElement(
         Form.Control.Feedback,
         { key: name + '_feedback', type: 'invalid' },
         errors[name]
@@ -77,28 +77,28 @@ var returnFormField = function returnFormField(_ref) {
     );
   }
   if (type == 'select') {
-    return React__default.createElement(
+    return React.createElement(
       Form.Group,
       _extends({}, opts, { key: name, controlId: name }),
-      React__default.createElement(
+      React.createElement(
         Form.Label,
         { key: name + '_' + label },
         label,
-        required && React__default.createElement(
+        required && React.createElement(
           'span',
           { key: name + '_required_span', style: { color: 'red' } },
           '*'
         )
       ),
-      React__default.createElement(
+      React.createElement(
         Form.Control,
         { key: name + '_select', as: 'select', name: name, required: required, defaultValue: default_value },
-        React__default.createElement('option', { value: '', key: name + '_options_empty' }),
+        React.createElement('option', { value: '', key: name + '_options_empty' }),
         options.map(function (option, index) {
           var value = option.value ? option.value : option;
           var label = option.label ? option.label : option;
           var key = name + '_options_' + index;
-          return React__default.createElement(
+          return React.createElement(
             'option',
             { key: key, value: value },
             label
@@ -109,25 +109,25 @@ var returnFormField = function returnFormField(_ref) {
   }
 
   if (type == 'radio' || type == 'checkbox') {
-    return React__default.createElement(
+    return React.createElement(
       Form.Group,
       opts,
-      React__default.createElement(
+      React.createElement(
         Form.Label,
         null,
         label,
-        required && React__default.createElement(
+        required && React.createElement(
           'span',
           { style: { color: 'red' } },
           '*'
         )
       ),
       options.map(function (option, index) {
-        return React__default.createElement(
+        return React.createElement(
           Form.Check,
           { type: type, key: index, required: required },
-          React__default.createElement(Form.Check.Input, { type: type, key: type + '_' + index + '_input', defaultChecked: default_value ? default_value === option.value : false, name: name, id: name + '_' + index, value: option.value, required: required }),
-          React__default.createElement(Form.Check.Label, { style: { cursor: 'pointer' }, 'for': name + '_' + index, key: type + '_' + index + '_label', dangerouslySetInnerHTML: { __html: option.label } })
+          React.createElement(Form.Check.Input, { type: type, key: type + '_' + index + '_input', defaultChecked: default_value ? default_value === option.value : false, name: name, id: name + '_' + index, value: option.value, required: required }),
+          React.createElement(Form.Check.Label, { style: { cursor: 'pointer' }, 'for': name + '_' + index, key: type + '_' + index + '_label', dangerouslySetInnerHTML: { __html: option.label } })
         );
       })
     );
@@ -334,43 +334,43 @@ var LoginForm = function LoginForm(props) {
       loading = _useState4[0],
       setLoading = _useState4[1];
 
-  return React__default.createElement(
+  return React.createElement(
     Form,
     { className: 'login', onSubmit: handleSubmit },
-    React__default.createElement(
+    React.createElement(
       'h1',
       null,
       'Login'
     ),
-    React__default.createElement('hr', null),
+    React.createElement('hr', null),
     returnFormField({ name: 'email', label: 'Email', type: 'email', required: true }),
     returnFormField({ name: 'password', label: 'Password', type: 'password', required: true }),
-    React__default.createElement('hr', null),
-    React__default.createElement(
+    React.createElement('hr', null),
+    React.createElement(
       Form.Row,
       null,
-      React__default.createElement(
+      React.createElement(
         Form.Group,
         { as: Col },
-        React__default.createElement(
+        React.createElement(
           'a',
           { href: '/auth/signup' },
           'I don\'t have an account'
         )
       ),
-      React__default.createElement(
+      React.createElement(
         Form.Group,
         { as: Col, className: 'text-right' },
-        !loading && React__default.createElement(
+        !loading && React.createElement(
           Button,
           { type: 'submit' },
           'Login'
         ),
-        loading && React__default.createElement(
+        loading && React.createElement(
           Button,
           { variant: 'primary', disabled: true },
-          React__default.createElement(Spinner, { as: 'span', animation: 'border', role: 'status', 'aria-hidden': 'true', size: 'sm' }),
-          React__default.createElement(
+          React.createElement(Spinner, { as: 'span', animation: 'border', role: 'status', 'aria-hidden': 'true', size: 'sm' }),
+          React.createElement(
             'span',
             { className: 'sr-only' },
             'Loading...'
@@ -378,12 +378,12 @@ var LoginForm = function LoginForm(props) {
         )
       )
     ),
-    errorMsg && React__default.createElement(
+    errorMsg && React.createElement(
       'p',
       { className: 'error' },
       errorMsg
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: 'true'.toString() },
       '\n        .login {\n          margin: 0 auto;\n          padding: 1rem;\n          border: 1px solid #ccc;\n          border-radius: 4px;\n        }\n        .error {\n          color: red;\n          margin: 1rem 0 0;\n        }\n      '
@@ -639,29 +639,29 @@ var SignupForm$1 = function SignupForm(props) {
       loading = _useState14[0],
       setLoading = _useState14[1];
 
-  return React__default.createElement(
+  return React.createElement(
     Form,
     { className: 'login', id: 'signupForm', onSubmit: handleSubmit },
-    React__default.createElement(
+    React.createElement(
       'h1',
       null,
       'Sign Up'
     ),
-    React__default.createElement('hr', null),
+    React.createElement('hr', null),
     returnFormField({ name: 'email', label: 'Email', type: 'email', required: true }),
-    React__default.createElement(
+    React.createElement(
       Form.Row,
       null,
       returnFormField({ name: 'password', label: 'Password', type: 'password', groupType: Col, required: true }),
       returnFormField({ name: 'rpassword', label: 'Retype Password', type: 'password', groupType: Col, required: true })
     ),
-    React__default.createElement(
+    React.createElement(
       Form.Row,
       null,
       returnFormField({ name: 'first_name', label: 'First Name', type: 'text', groupType: Col, required: true }),
       returnFormField({ name: 'last_name', label: 'Last Name', type: 'text', groupType: Col, required: true })
     ),
-    React__default.createElement(
+    React.createElement(
       Form.Row,
       null,
       returnFormField({
@@ -675,7 +675,7 @@ var SignupForm$1 = function SignupForm(props) {
       }),
       countryUS && returnFormField({ name: 'state', label: 'State', type: 'select', required: true, groupType: Col, options: states })
     ),
-    React__default.createElement(
+    React.createElement(
       Form.Row,
       null,
       countryUS && returnFormField({ name: 'zip', label: 'Working Zip Code', type: 'text', required: true, groupType: Col }),
@@ -722,38 +722,38 @@ var SignupForm$1 = function SignupForm(props) {
       required: true,
       options: [{ label: 'By registering you agree to our <a href="/terms" style="color:blue">Terms and Conditions</a> and <a href="/privacy" style="color:blue">Privacy Policy</a> and understand that you will be receiving email communications', value: 'Y' }]
     }),
-    React__default.createElement('hr', null),
-    React__default.createElement(
+    React.createElement('hr', null),
+    React.createElement(
       Form.Row,
       null,
-      React__default.createElement(
+      React.createElement(
         Form.Group,
         { as: Col },
-        React__default.createElement(
+        React.createElement(
           'a',
           { href: '/auth/login' },
           'I already have an account'
         )
       ),
-      React__default.createElement(
+      React.createElement(
         Form.Group,
         { as: Col, className: 'text-right' },
-        !loading && React__default.createElement(
+        !loading && React.createElement(
           Button,
           { type: 'submit' },
           'Sign Up'
         ),
-        loading && React__default.createElement(
+        loading && React.createElement(
           Button,
           { variant: 'primary', disabled: true },
-          React__default.createElement(Spinner, {
+          React.createElement(Spinner, {
             as: 'span',
             animation: 'border',
             role: 'status',
             'aria-hidden': 'true',
             size: 'sm'
           }),
-          React__default.createElement(
+          React.createElement(
             'span',
             { className: 'sr-only' },
             'Loading...'
@@ -761,12 +761,12 @@ var SignupForm$1 = function SignupForm(props) {
         )
       )
     ),
-    errorMsg && React__default.createElement(
+    errorMsg && React.createElement(
       'p',
       { className: 'error' },
       errorMsg
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: 'true'.toString() },
       ' \n        .login {\n          margin: 0 auto;\n          padding: 1rem;\n          border: 1px solid #ccc;\n          border-radius: 4px;\n        }\n        .error {\n          color: red;\n          margin: 1rem 0 0;\n        }\n      '
@@ -1056,32 +1056,32 @@ var SignupForm = function SignupForm(props) {
       loading = _useState18[0],
       setLoading = _useState18[1];
 
-  return React__default.createElement(
+  return React.createElement(
     Form,
     { className: 'login', id: 'signupForm', onSubmit: handleSubmit },
-    React__default.createElement(
+    React.createElement(
       'h1',
       null,
       'Profile'
     ),
-    React__default.createElement('hr', null),
-    userData ? React__default.createElement(
-      React__default.Fragment,
+    React.createElement('hr', null),
+    userData ? React.createElement(
+      React.Fragment,
       null,
       returnFormField({ name: 'email', label: 'Email', type: 'email', required: true, readonly: true, default_value: userData.email }),
-      React__default.createElement(
+      React.createElement(
         Form.Row,
         null,
         returnFormField({ name: 'password', label: 'Password', type: 'password', groupType: Col, required: false }),
         returnFormField({ name: 'rpassword', label: 'Retype Password', type: 'password', groupType: Col, required: false })
       ),
-      React__default.createElement(
+      React.createElement(
         Form.Row,
         null,
         returnFormField({ name: 'first_name', label: 'First Name', type: 'text', groupType: Col, required: true, default_value: userData.shared.first_name }),
         returnFormField({ name: 'last_name', label: 'Last Name', type: 'text', groupType: Col, required: true, default_value: userData.shared.last_name })
       ),
-      React__default.createElement(
+      React.createElement(
         Form.Row,
         null,
         returnFormField({
@@ -1096,7 +1096,7 @@ var SignupForm = function SignupForm(props) {
         }),
         countryUS && returnFormField({ name: 'state', label: 'State', type: 'select', required: true, groupType: Col, options: states, default_value: userData.shared.state })
       ),
-      React__default.createElement(
+      React.createElement(
         Form.Row,
         null,
         countryUS && returnFormField({ name: 'zip', label: 'Working Zip Code', type: 'text', required: true, groupType: Col, default_value: userData.shared.zip }),
@@ -1146,29 +1146,29 @@ var SignupForm = function SignupForm(props) {
         required: true,
         options: [{ label: 'By registering you agree to our <a href="/terms">Terms and Conditions</a> and <a href="/privacy">Privacy Policy</a> and understand that you will be receiving email communications', value: 'Y' }]
       }),
-      React__default.createElement('hr', null),
-      React__default.createElement(
+      React.createElement('hr', null),
+      React.createElement(
         Form.Row,
         null,
-        React__default.createElement(
+        React.createElement(
           Form.Group,
           { as: Col },
-          !loading && React__default.createElement(
+          !loading && React.createElement(
             Button,
             { type: 'submit' },
             'Update'
           ),
-          loading && React__default.createElement(
+          loading && React.createElement(
             Button,
             { variant: 'primary', disabled: true },
-            React__default.createElement(Spinner, {
+            React.createElement(Spinner, {
               as: 'span',
               animation: 'border',
               role: 'status',
               'aria-hidden': 'true',
               size: 'sm'
             }),
-            React__default.createElement(
+            React.createElement(
               'span',
               { className: 'sr-only' },
               'Loading...'
@@ -1176,24 +1176,24 @@ var SignupForm = function SignupForm(props) {
           )
         )
       )
-    ) : React__default.createElement(Spinner, {
+    ) : React.createElement(Spinner, {
       as: 'span',
       animation: 'border',
       role: 'status',
       'aria-hidden': 'true',
       size: 'sm'
     }),
-    errorMsg && React__default.createElement(
+    errorMsg && React.createElement(
       'p',
       { className: 'error' },
       errorMsg
     ),
-    successMsg && React__default.createElement(
+    successMsg && React.createElement(
       'p',
       { className: 'success' },
       successMsg
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: 'true'.toString() },
       ' \n        .login {\n          margin: 0 auto;\n          padding: 1rem;\n          border: 1px solid #ccc;\n          border-radius: 4px;\n        }\n        .error {\n          color: red;\n          margin: 1rem 0 0;\n        }\n        .success {\n          color: green;\n          margin: 1rem 0 0;\n        }\n      '

package/dist/esm/AuthWrapper.js

@@ -1,6 +1,6 @@
 import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import React__default, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Form } from 'react-bootstrap';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './web.dom.iterable-fdf034f5.js';
@@ -213,18 +213,18 @@ if (typeof window !== 'undefined' && !__NEXTAUTH._eventListenersAdded) {
   }, false);
 }
 
-var SessionContext = (0, React__default.createContext)();
+var SessionContext = (0, React.createContext)();
 
 function useSession(session) {
-  var context = (0, React__default.useContext)(SessionContext);
+  var context = (0, React.useContext)(SessionContext);
   if (context) return context;
   return _useSessionHook(session);
 }
 
 function _useSessionHook(session) {
-  var [data, setData] = (0, React__default.useState)(session);
-  var [loading, setLoading] = (0, React__default.useState)(!data);
-  (0, React__default.useEffect)(() => {
+  var [data, setData] = (0, React.useState)(session);
+  var [loading, setLoading] = (0, React.useState)(!data);
+  (0, React.useEffect)(() => {
     __NEXTAUTH._getSession = _asyncToGenerator(function* () {
       var {
         event = null
@@ -476,7 +476,7 @@ function Provider(_ref3) {
     options
   } = _ref3;
   setOptions(options);
-  return (0, React__default.createElement)(SessionContext.Provider, {
+  return (0, React.createElement)(SessionContext.Provider, {
     value: useSession(session)
   }, children);
 }
@@ -585,7 +585,7 @@ client$1.Provider;
 
 var client = client$1.default;
 
-var css = ".AuthWrapper-module_loginBox__3l-BE {\r\n  margin-bottom: 2rem;\r\n  width: 350px;\r\n  max-width: 90vw;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  /* box-shadow: 2px 5px 12px rgba(0, 0, 0, 0.15); */\r\n  background: #fff;\r\n  z-index: 1;\r\n}\r\n.AuthWrapper-module_loginBox_title__12rGD {\r\n  margin-bottom: 2rem;\r\n  text-align: center;\r\n}\r\n.AuthWrapper-module_bar__1dafn {\r\n  background: #eee;\r\n  margin-left: unset;\r\n  margin-right: unset;\r\n}\r\n.AuthWrapper-module_bar__1dafn:nth-child(1) {\r\n  float: left;\r\n  border-right: 1rem solid #fff;\r\n  background: rgb(245, 245, 245);\r\n  height: 10rem;\r\n  width: 25%;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  margin-bottom: 2rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn:nth-child(2n) {\r\n  width: 97%;\r\n  height: 1.5rem;\r\n  margin-bottom: 0.25rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(3n) {\r\n  width: 96%;\r\n  height: 1.5rem;\r\n  margin-bottom: 1.5rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(4n) {\r\n  width: 72%;\r\n  height: 1.5rem;\r\n  margin-bottom: 0.25rem;\r\n}\r\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(5n) {\r\n  width: 88%;\r\n  height: 1.5rem;\r\n  margin-bottom: 0.25rem;\r\n}\r\n\r\n.AuthWrapper-module_iframe__2wDJW {\r\n  margin-top: -3rem;\r\n  border: none;\r\n  width: 100%;\r\n  height: 1900px;\r\n}";
+var css = ".AuthWrapper-module_loginBox__3l-BE {\n  margin-bottom: 2rem;\n  width: 350px;\n  max-width: 90vw;\n  margin-left: auto;\n  margin-right: auto;\n  /* box-shadow: 2px 5px 12px rgba(0, 0, 0, 0.15); */\n  background: #fff;\n  z-index: 1;\n}\n.AuthWrapper-module_loginBox_title__12rGD {\n  margin-bottom: 2rem;\n  text-align: center;\n}\n.AuthWrapper-module_bar__1dafn {\n  background: #eee;\n  margin-left: unset;\n  margin-right: unset;\n}\n.AuthWrapper-module_bar__1dafn:nth-child(1) {\n  float: left;\n  border-right: 1rem solid #fff;\n  background: rgb(245, 245, 245);\n  height: 10rem;\n  width: 25%;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 2rem;\n}\n.AuthWrapper-module_bar__1dafn:nth-child(2n) {\n  width: 97%;\n  height: 1.5rem;\n  margin-bottom: 0.25rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(3n) {\n  width: 96%;\n  height: 1.5rem;\n  margin-bottom: 1.5rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(4n) {\n  width: 72%;\n  height: 1.5rem;\n  margin-bottom: 0.25rem;\n}\n.AuthWrapper-module_bar__1dafn.AuthWrapper-module_bar__1dafn:nth-child(5n) {\n  width: 88%;\n  height: 1.5rem;\n  margin-bottom: 0.25rem;\n}\n\n.AuthWrapper-module_iframe__2wDJW {\n  margin-top: -3rem;\n  border: none;\n  width: 100%;\n  height: 1900px;\n}";
 var styles = { "loginBox": "AuthWrapper-module_loginBox__3l-BE", "loginBox_title": "AuthWrapper-module_loginBox_title__12rGD", "bar": "AuthWrapper-module_bar__1dafn", "iframe": "AuthWrapper-module_iframe__2wDJW" };
 styleInject(css);
 
@@ -625,7 +625,7 @@ var AuthWrapper = function AuthWrapper(_ref) {
   }, []);
 
   if (session || !needAuth) {
-    return React__default.createElement(
+    return React.createElement(
       'div',
       null,
       children
@@ -633,44 +633,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.signIn('credentials', { email: email, password: password, callbackUrl: callbackUrl });
@@ -678,10 +678,10 @@ var AuthWrapper = function AuthWrapper(_ref) {
               'Sign in'
             )
           ),
-          React__default.createElement(
+          React.createElement(
             'button',
             { className: 'btn btn-primary btn-block mt-3' },
-            React__default.createElement(
+            React.createElement(
               'a',
               { style: { textDecoration: 'underline' }, onClick: function onClick() {
                   return setShowForm(!showForm);
@@ -689,13 +689,13 @@ var AuthWrapper = function AuthWrapper(_ref) {
               '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? '
@@ -703,7 +703,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-defe68b6.js → AuthorComponent-46a745ba.js}

@@ -1,5 +1,5 @@
 import { _ as _slicedToArray } from './slicedToArray-ca2c8b8d.js';
-import React__default, { useEffect, useState, useRef } from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 
 var AuthorComponent = function AuthorComponent(_ref) {
   var authors = _ref.authors,
@@ -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-c99c9a8d.js → BlockContent-52cf21c5.js}

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