powr-sdk-web 1.10.0 → 1.11.0

package/dist/auth/index.js

@@ -30,8 +30,6 @@ var PowrLogin = function PowrLogin(_ref) {
     loginApiUrl = _ref$loginApiUrl === void 0 ? "".concat(baseUrl, "/auth/login") : _ref$loginApiUrl,
     _ref$registerApiUrl = _ref.registerApiUrl,
     registerApiUrl = _ref$registerApiUrl === void 0 ? "".concat(baseUrl, "/auth/register") : _ref$registerApiUrl,
-    _ref$subtitle = _ref.subtitle,
-    subtitle = _ref$subtitle === void 0 ? 'Sign in to your account' : _ref$subtitle,
     _ref$appName = _ref.appName,
     appName = _ref$appName === void 0 ? 'PowrLogin' : _ref$appName,
     _ref$appLogo = _ref.appLogo,
@@ -231,19 +229,7 @@ var PowrLogin = function PowrLogin(_ref) {
     style: styles.title
   }, isLogin ? 'Welcome to' : 'Join', " ", appName), /*#__PURE__*/_react["default"].createElement("p", {
     style: styles.subtitle
-  }, isLogin ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, subtitle, shouldShowToggle && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("span", {
-    style: styles.text
-  }, "or"), ' ', /*#__PURE__*/_react["default"].createElement("button", {
-    type: "button",
-    onClick: toggleMode,
-    style: styles.createAccountLink
-  }, "create a new account"))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "Create your account", shouldShowToggle && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("span", {
-    style: styles.text
-  }, "Already have an account?"), ' ', /*#__PURE__*/_react["default"].createElement("button", {
-    type: "button",
-    onClick: toggleMode,
-    style: styles.createAccountLink
-  }, "Sign in"))))), /*#__PURE__*/_react["default"].createElement("form", {
+  }, isLogin ? 'Sign in to your account' : 'Create your account')), /*#__PURE__*/_react["default"].createElement("form", {
     onSubmit: handleSubmit,
     style: styles.form
   }, !isLogin && /*#__PURE__*/_react["default"].createElement("div", {
@@ -358,6 +344,24 @@ var PowrLogin = function PowrLogin(_ref) {
       animation: 'spin 1s linear infinite'
     })
   }) : isLogin ? 'Sign In' : 'Sign Up')), /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.navigationSection
+  }, /*#__PURE__*/_react["default"].createElement("p", {
+    style: styles.navigationText
+  }, isLogin ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "Don't have an account?", ' ', shouldShowToggle ? /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    onClick: toggleMode,
+    style: styles.navigationLink
+  }, "Create one here") : /*#__PURE__*/_react["default"].createElement("a", {
+    href: "/signup",
+    style: styles.navigationLink
+  }, "Create one here")) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "Already have an account?", ' ', shouldShowToggle ? /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    onClick: toggleMode,
+    style: styles.navigationLink
+  }, "Sign in here") : /*#__PURE__*/_react["default"].createElement("a", {
+    href: "/login",
+    style: styles.navigationLink
+  }, "Sign in here")))), /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.poweredBySection
   }, /*#__PURE__*/_react["default"].createElement("div", {
     style: styles.poweredByText
@@ -524,14 +528,25 @@ var styles = {
     fontSize: '14px',
     transition: 'color 0.2s ease'
   },
-  createAccountLink: {
+  navigationSection: {
+    marginTop: '24px',
+    textAlign: 'center',
+    paddingTop: '20px',
+    borderTop: '1px solid #e5e7eb'
+  },
+  navigationText: {
+    fontSize: '14px',
+    color: '#6b7280',
+    margin: '0'
+  },
+  navigationLink: {
     background: 'none',
     border: 'none',
     color: '#ff6b35',
     fontWeight: '400',
     cursor: 'pointer',
     textDecoration: 'none',
-    fontSize: '16px',
+    fontSize: '14px',
     transition: 'color 0.2s ease',
     padding: '0'
   },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "powr-sdk-web",
-    "version": "1.10.0",
+    "version": "1.11.0",
     "main": "dist/index.js",
     "scripts": {
         "build": "babel src -d dist --copy-files",