@mjhls/mjh-framework 1.0.862 → 1.0.863-author-details-v2

package/dist/esm/AuthWrapper.js

@@ -1,12 +1,12 @@
-import { _ as _slicedToArray } from './slicedToArray-be2f7a22.js';
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import React__default, { useState, useEffect } from 'react';
+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, { 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';
-import './web.dom.iterable-4109ff68.js';
-import './es6.string.iterator-bc33758b.js';
-import './_to-object-b50e61c3.js';
-import './core.get-iterator-method-133dfacd.js';
 
 var logger = createCommonjsModule(function (module, exports) {
 
@@ -119,8 +119,8 @@ function proxyLogger() {
 });
 
 unwrapExports(logger);
-logger.setLogger;
-logger.proxyLogger;
+var logger_1 = logger.setLogger;
+var logger_2 = logger.proxyLogger;
 
 var parseUrl_1 = createCommonjsModule(function (module, exports) {
 
@@ -151,19 +151,15 @@ function parseUrl(url) {
 
 unwrapExports(parseUrl_1);
 
-var client$1 = createCommonjsModule(function (module, exports) {
+var client = createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useSession = useSession;
 exports.getSession = getSession;
-exports.getProviders = getProviders;
 exports.signIn = signIn;
 exports.signOut = signOut;
-exports.setOptions = setOptions;
-exports.Provider = Provider;
-exports.default = void 0;
+exports.default = exports.Provider = exports.useSession = void 0;
 
 
 
@@ -190,102 +186,124 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 var __NEXTAUTH = {
   baseUrl: (0, _parseUrl.default)(process.env.NEXTAUTH_URL || process.env.VERCEL_URL).baseUrl,
   basePath: (0, _parseUrl.default)(process.env.NEXTAUTH_URL).basePath,
-  baseUrlServer: (0, _parseUrl.default)(process.env.NEXTAUTH_URL_INTERNAL || process.env.NEXTAUTH_URL || process.env.VERCEL_URL).baseUrl,
-  basePathServer: (0, _parseUrl.default)(process.env.NEXTAUTH_URL_INTERNAL || process.env.NEXTAUTH_URL).basePath,
   keepAlive: 0,
   clientMaxAge: 0,
   _clientLastSync: 0,
   _clientSyncTimer: null,
   _eventListenersAdded: false,
   _clientSession: undefined,
+  _clientId: Math.random().toString(36).substring(2) + Date.now().toString(36),
   _getSession: () => {}
 };
 var logger$1 = (0, _logger2.proxyLogger)(_logger2.default, __NEXTAUTH.basePath);
-var broadcast = BroadcastChannel();
-
-if (typeof window !== 'undefined' && !__NEXTAUTH._eventListenersAdded) {
-  __NEXTAUTH._eventListenersAdded = true;
-  broadcast.receive(() => __NEXTAUTH._getSession({
-    event: 'storage'
-  }));
-  document.addEventListener('visibilitychange', () => {
-    !document.hidden && __NEXTAUTH._getSession({
-      event: 'visibilitychange'
-    });
-  }, false);
-}
 
-var SessionContext = (0, React__default.createContext)();
+if (typeof window !== 'undefined') {
+  if (__NEXTAUTH._eventListenersAdded === false) {
+    __NEXTAUTH._eventListenersAdded = true;
+    window.addEventListener('storage', function () {
+      var _ref = _asyncToGenerator(function* (event) {
+        if (event.key === 'nextauth.message') {
+          var message = JSON.parse(event.newValue);
 
-function useSession(session) {
-  var context = (0, React__default.useContext)(SessionContext);
-  if (context) return context;
-  return _useSessionHook(session);
-}
+          if ((message === null || message === void 0 ? void 0 : message.event) === 'session' && message.data) {
+            if (__NEXTAUTH._clientId === message.clientId) {
+              return;
+            }
 
-function _useSessionHook(session) {
-  var [data, setData] = (0, React__default.useState)(session);
-  var [loading, setLoading] = (0, React__default.useState)(!data);
-  (0, React__default.useEffect)(() => {
-    __NEXTAUTH._getSession = _asyncToGenerator(function* () {
-      var {
-        event = null
-      } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-      try {
-        var triggredByEvent = event !== null;
-        var triggeredByStorageEvent = event === 'storage';
-        var clientMaxAge = __NEXTAUTH.clientMaxAge;
-        var clientLastSync = parseInt(__NEXTAUTH._clientLastSync);
-
-        var currentTime = _now();
-
-        var clientSession = __NEXTAUTH._clientSession;
-
-        if (!triggeredByStorageEvent && clientSession !== undefined) {
-          if (clientMaxAge === 0 && triggredByEvent !== true) {
-            return;
-          } else if (clientMaxAge > 0 && clientSession === null) {
-            return;
-          } else if (clientMaxAge > 0 && currentTime < clientLastSync + clientMaxAge) {
-            return;
+            yield __NEXTAUTH._getSession({
+              event: 'storage'
+            });
           }
         }
+      });
 
-        if (clientSession === undefined) {
-          __NEXTAUTH._clientSession = null;
-        }
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+    var hidden, visibilityChange;
+
+    if (typeof document.hidden !== 'undefined') {
+      hidden = 'hidden';
+      visibilityChange = 'visibilitychange';
+    } else if (typeof document.msHidden !== 'undefined') {
+      hidden = 'msHidden';
+      visibilityChange = 'msvisibilitychange';
+    } else if (typeof document.webkitHidden !== 'undefined') {
+      hidden = 'webkitHidden';
+      visibilityChange = 'webkitvisibilitychange';
+    }
 
-        __NEXTAUTH._clientLastSync = _now();
-        var newClientSessionData = yield getSession({
-          triggerEvent: !triggeredByStorageEvent
-        });
-        __NEXTAUTH._clientSession = newClientSessionData;
-        setData(newClientSessionData);
-        setLoading(false);
-      } catch (error) {
-        logger$1.error('CLIENT_USE_SESSION_ERROR', error);
-        setLoading(false);
-      }
+    var handleVisibilityChange = () => !document[hidden] && __NEXTAUTH._getSession({
+      event: visibilityChange
     });
 
-    __NEXTAUTH._getSession();
-  });
-  return [data, loading];
+    document.addEventListener('visibilitychange', handleVisibilityChange, false);
+  }
 }
 
-function getSession(_x) {
+var setOptions = function setOptions() {
+  var {
+    baseUrl,
+    basePath,
+    clientMaxAge,
+    keepAlive
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+  if (baseUrl) {
+    __NEXTAUTH.baseUrl = baseUrl;
+  }
+
+  if (basePath) {
+    __NEXTAUTH.basePath = basePath;
+  }
+
+  if (clientMaxAge) {
+    __NEXTAUTH.clientMaxAge = clientMaxAge;
+  }
+
+  if (keepAlive) {
+    __NEXTAUTH.keepAlive = keepAlive;
+
+    if (typeof window !== 'undefined' && keepAlive > 0) {
+      if (__NEXTAUTH._clientSyncTimer !== null) {
+        clearTimeout(__NEXTAUTH._clientSyncTimer);
+      }
+
+      __NEXTAUTH._clientSyncTimer = setTimeout(_asyncToGenerator(function* () {
+        if (__NEXTAUTH._clientSession) {
+          yield __NEXTAUTH._getSession({
+            event: 'timer'
+          });
+        }
+      }), keepAlive * 1000);
+    }
+  }
+};
+
+function getSession() {
   return _getSession2.apply(this, arguments);
 }
 
 function _getSession2() {
-  _getSession2 = _asyncToGenerator(function* (ctx) {
-    var _ctx$triggerEvent;
+  _getSession2 = _asyncToGenerator(function* () {
+    var {
+      ctx,
+      req = ctx === null || ctx === void 0 ? void 0 : ctx.req,
+      triggerEvent = true
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+    var baseUrl = _apiBaseUrl();
 
-    var session = yield _fetchData('session', ctx);
+    var fetchOptions = req ? {
+      headers: {
+        cookie: req.headers.cookie
+      }
+    } : {};
+    var session = yield _fetchData("".concat(baseUrl, "/session"), fetchOptions);
 
-    if ((_ctx$triggerEvent = ctx === null || ctx === void 0 ? void 0 : ctx.triggerEvent) !== null && _ctx$triggerEvent !== void 0 ? _ctx$triggerEvent : true) {
-      broadcast.post({
+    if (triggerEvent) {
+      _sendMessage({
         event: 'session',
         data: {
           trigger: 'getSession'
@@ -298,31 +316,114 @@ function _getSession2() {
   return _getSession2.apply(this, arguments);
 }
 
-function getCsrfToken(_x2) {
+function getCsrfToken() {
   return _getCsrfToken.apply(this, arguments);
 }
 
 function _getCsrfToken() {
-  _getCsrfToken = _asyncToGenerator(function* (ctx) {
-    var _yield$_fetchData;
+  _getCsrfToken = _asyncToGenerator(function* () {
+    var {
+      ctx,
+      req = ctx === null || ctx === void 0 ? void 0 : ctx.req
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-    return (_yield$_fetchData = yield _fetchData('csrf', ctx)) === null || _yield$_fetchData === void 0 ? void 0 : _yield$_fetchData.csrfToken;
+    var baseUrl = _apiBaseUrl();
+
+    var fetchOptions = req ? {
+      headers: {
+        cookie: req.headers.cookie
+      }
+    } : {};
+    var data = yield _fetchData("".concat(baseUrl, "/csrf"), fetchOptions);
+    return data && data.csrfToken ? data.csrfToken : null;
   });
   return _getCsrfToken.apply(this, arguments);
 }
 
-function getProviders() {
-  return _getProviders.apply(this, arguments);
-}
+var getProviders = function () {
+  var _ref3 = _asyncToGenerator(function* () {
+    var baseUrl = _apiBaseUrl();
 
-function _getProviders() {
-  _getProviders = _asyncToGenerator(function* () {
-    return _fetchData('providers');
+    return _fetchData("".concat(baseUrl, "/providers"));
   });
-  return _getProviders.apply(this, arguments);
-}
 
-function signIn(_x3) {
+  return function getProviders() {
+    return _ref3.apply(this, arguments);
+  };
+}();
+
+var SessionContext = (0, React.createContext)();
+
+var useSession = session => {
+  var value = (0, React.useContext)(SessionContext);
+
+  if (value === undefined) {
+    return _useSessionHook(session);
+  }
+
+  return value;
+};
+
+exports.useSession = useSession;
+
+var _useSessionHook = session => {
+  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 {
+          event = null
+        } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+        try {
+          var triggredByEvent = event !== null;
+          var triggeredByStorageEvent = !!(event && event === 'storage');
+          var clientMaxAge = __NEXTAUTH.clientMaxAge;
+          var clientLastSync = parseInt(__NEXTAUTH._clientLastSync);
+          var currentTime = Math.floor(new Date().getTime() / 1000);
+          var clientSession = __NEXTAUTH._clientSession;
+
+          if (triggeredByStorageEvent === false && clientSession !== undefined) {
+            if (clientMaxAge === 0 && triggredByEvent !== true) {
+              return;
+            } else if (clientMaxAge > 0 && clientSession === null) {
+              return;
+            } else if (clientMaxAge > 0 && currentTime < clientLastSync + clientMaxAge) {
+              return;
+            }
+          }
+
+          if (clientSession === undefined) {
+            __NEXTAUTH._clientSession = null;
+          }
+
+          __NEXTAUTH._clientLastSync = Math.floor(new Date().getTime() / 1000);
+          var triggerEvent = triggeredByStorageEvent === false;
+          var newClientSessionData = yield getSession({
+            triggerEvent
+          });
+          __NEXTAUTH._clientSession = newClientSessionData;
+          setData(newClientSessionData);
+          setLoading(false);
+        } catch (error) {
+          logger$1.error('CLIENT_USE_SESSION_ERROR', error);
+        }
+      });
+
+      return function _getSession() {
+        return _ref4.apply(this, arguments);
+      };
+    }();
+
+    __NEXTAUTH._getSession = _getSession;
+
+    _getSession();
+  });
+  return [data, loading];
+};
+
+function signIn(_x2) {
   return _signIn.apply(this, arguments);
 }
 
@@ -345,8 +446,6 @@ function _signIn() {
     }
 
     var isCredentials = providers[provider].type === 'credentials';
-    var isEmail = providers[provider].type === 'email';
-    var canRedirectBeDisabled = isCredentials || isEmail;
     var signInUrl = isCredentials ? "".concat(baseUrl, "/callback/").concat(provider) : "".concat(baseUrl, "/signin/").concat(provider);
     var fetchOptions = {
       method: 'post',
@@ -365,7 +464,7 @@ function _signIn() {
     var res = yield fetch(_signInUrl, fetchOptions);
     var data = yield res.json();
 
-    if (redirect || !canRedirectBeDisabled) {
+    if (redirect || !isCredentials) {
       var _data$url;
 
       var url = (_data$url = data.url) !== null && _data$url !== void 0 ? _data$url : callbackUrl;
@@ -419,7 +518,8 @@ function _signOut() {
     };
     var res = yield fetch("".concat(baseUrl, "/signout"), fetchOptions);
     var data = yield res.json();
-    broadcast.post({
+
+    _sendMessage({
       event: 'session',
       data: {
         trigger: 'signout'
@@ -443,119 +543,60 @@ function _signOut() {
   return _signOut.apply(this, arguments);
 }
 
-function setOptions() {
-  var {
-    baseUrl,
-    basePath,
-    clientMaxAge,
-    keepAlive
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  if (baseUrl) __NEXTAUTH.baseUrl = baseUrl;
-  if (basePath) __NEXTAUTH.basePath = basePath;
-  if (clientMaxAge) __NEXTAUTH.clientMaxAge = clientMaxAge;
-
-  if (keepAlive) {
-    __NEXTAUTH.keepAlive = keepAlive;
-    if (typeof window === 'undefined') return;
-
-    if (__NEXTAUTH._clientSyncTimer !== null) {
-      clearTimeout(__NEXTAUTH._clientSyncTimer);
-    }
-
-    __NEXTAUTH._clientSyncTimer = setTimeout(_asyncToGenerator(function* () {
-      if (!__NEXTAUTH._clientSession) return;
-      yield __NEXTAUTH._getSession({
-        event: 'timer'
-      });
-    }), keepAlive * 1000);
-  }
-}
-
-function Provider(_ref3) {
+var Provider = (_ref5) => {
   var {
     children,
     session,
     options
-  } = _ref3;
+  } = _ref5;
   setOptions(options);
-  return (0, React__default.createElement)(SessionContext.Provider, {
+  return (0, React.createElement)(SessionContext.Provider, {
     value: useSession(session)
   }, children);
-}
+};
 
-function _fetchData(_x4) {
-  return _fetchData2.apply(this, arguments);
-}
+exports.Provider = Provider;
 
-function _fetchData2() {
-  _fetchData2 = _asyncToGenerator(function* (path) {
-    var {
-      ctx,
-      req = ctx === null || ctx === void 0 ? void 0 : ctx.req
-    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+var _fetchData = function () {
+  var _ref6 = _asyncToGenerator(function* (url) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
     try {
-      var baseUrl = yield _apiBaseUrl();
-      var options = req ? {
-        headers: {
-          cookie: req.headers.cookie
-        }
-      } : {};
-      var res = yield fetch("".concat(baseUrl, "/").concat(path), options);
+      var res = yield fetch(url, options);
       var data = yield res.json();
-      return Object.keys(data).length > 0 ? data : null;
+      return Promise.resolve(Object.keys(data).length > 0 ? data : null);
     } catch (error) {
-      logger$1.error('CLIENT_FETCH_ERROR', path, error);
-      return null;
+      logger$1.error('CLIENT_FETCH_ERROR', url, error);
+      return Promise.resolve(null);
     }
   });
-  return _fetchData2.apply(this, arguments);
-}
 
-function _apiBaseUrl() {
+  return function _fetchData(_x3) {
+    return _ref6.apply(this, arguments);
+  };
+}();
+
+var _apiBaseUrl = () => {
   if (typeof window === 'undefined') {
     if (!process.env.NEXTAUTH_URL) {
       logger$1.warn('NEXTAUTH_URL', 'NEXTAUTH_URL environment variable not set');
     }
 
-    return "".concat(__NEXTAUTH.baseUrlServer).concat(__NEXTAUTH.basePathServer);
+    return "".concat(__NEXTAUTH.baseUrl).concat(__NEXTAUTH.basePath);
+  } else {
+    return __NEXTAUTH.basePath;
   }
+};
 
-  return __NEXTAUTH.basePath;
-}
-
-function _now() {
-  return Math.floor(Date.now() / 1000);
-}
-
-function BroadcastChannel() {
-  var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'nextauth.message';
-  return {
-    receive(onReceive) {
-      if (typeof window === 'undefined') return;
-      window.addEventListener('storage', function () {
-        var _ref4 = _asyncToGenerator(function* (event) {
-          if (event.key !== name) return;
-          var message = JSON.parse(event.newValue);
-          if ((message === null || message === void 0 ? void 0 : message.event) !== 'session' || !(message !== null && message !== void 0 && message.data)) return;
-          onReceive(message);
-        });
-
-        return function (_x5) {
-          return _ref4.apply(this, arguments);
-        };
-      }());
-    },
-
-    post(message) {
-      if (typeof localStorage === 'undefined') return;
-      localStorage.setItem(name, JSON.stringify(_objectSpread(_objectSpread({}, message), {}, {
-        timestamp: _now()
-      })));
-    }
-
-  };
-}
+var _sendMessage = message => {
+  if (typeof localStorage !== 'undefined') {
+    var timestamp = Math.floor(new Date().getTime() / 1000);
+    localStorage.setItem('nextauth.message', JSON.stringify(_objectSpread(_objectSpread({}, message), {}, {
+      clientId: __NEXTAUTH._clientId,
+      timestamp
+    })));
+  }
+};
 
 var _default = {
   getSession,
@@ -576,16 +617,14 @@ var _default = {
 exports.default = _default;
 });
 
-unwrapExports(client$1);
-client$1.useSession;
-client$1.getSession;
-client$1.getProviders;
-client$1.signIn;
-client$1.signOut;
-client$1.setOptions;
-client$1.Provider;
+unwrapExports(client);
+var client_1 = client.getSession;
+var client_2 = client.signIn;
+var client_3 = client.signOut;
+var client_4 = client.Provider;
+var client_5 = client.useSession;
 
-var client = client$1.default;
+var client$1 = client.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 styles = { "loginBox": "AuthWrapper-module_loginBox__3l-BE", "loginBox_title": "AuthWrapper-module_loginBox_title__12rGD", "bar": "AuthWrapper-module_bar__1dafn", "iframe": "AuthWrapper-module_iframe__2wDJW" };
@@ -597,7 +636,7 @@ var AuthWrapper = function AuthWrapper(_ref) {
       _ref$formUrl = _ref.formUrl,
       formUrl = _ref$formUrl === undefined ? '' : _ref$formUrl;
 
-  var _nextAuth$useSession = client.useSession(),
+  var _nextAuth$useSession = client$1.useSession(),
       _nextAuth$useSession2 = _slicedToArray(_nextAuth$useSession, 2),
       session = _nextAuth$useSession2[0],
       loading = _nextAuth$useSession2[1];
@@ -627,7 +666,7 @@ var AuthWrapper = function AuthWrapper(_ref) {
   }, []);
 
   if (session || !needAuth) {
-    return React__default.createElement(
+    return React.createElement(
       'div',
       null,
       children
@@ -635,72 +674,69 @@ 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 });
+                  return client$1.signIn('credentials', { email: email, password: password, callbackUrl: callbackUrl });
                 } },
               '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? '
@@ -708,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 {