powr-sdk-web 1.8.0 → 1.8.1
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.
- package/dist/auth/index.js +32 -8
- package/package.json +1 -1
package/dist/auth/index.js
CHANGED
|
@@ -32,8 +32,29 @@ var PowrLogin = function PowrLogin(_ref) {
|
|
|
32
32
|
_ref$registerApiUrl = _ref.registerApiUrl,
|
|
33
33
|
registerApiUrl = _ref$registerApiUrl === void 0 ? "".concat(baseUrl, "/auth/register") : _ref$registerApiUrl,
|
|
34
34
|
_ref$subtitle = _ref.subtitle,
|
|
35
|
-
subtitle = _ref$subtitle === void 0 ? 'Sign in to your account' : _ref$subtitle
|
|
36
|
-
|
|
35
|
+
subtitle = _ref$subtitle === void 0 ? 'Sign in to your account' : _ref$subtitle,
|
|
36
|
+
_ref$appName = _ref.appName,
|
|
37
|
+
appName = _ref$appName === void 0 ? 'PowrLogin' : _ref$appName,
|
|
38
|
+
_ref$appLogo = _ref.appLogo,
|
|
39
|
+
appLogo = _ref$appLogo === void 0 ? '/logo.png' : _ref$appLogo,
|
|
40
|
+
_ref$welcomeMessage = _ref.welcomeMessage,
|
|
41
|
+
welcomeMessage = _ref$welcomeMessage === void 0 ? 'Welcome to' : _ref$welcomeMessage,
|
|
42
|
+
_ref$mode = _ref.mode,
|
|
43
|
+
mode = _ref$mode === void 0 ? 'toggle' : _ref$mode,
|
|
44
|
+
_ref$showToggle = _ref.showToggle,
|
|
45
|
+
showToggle = _ref$showToggle === void 0 ? null : _ref$showToggle;
|
|
46
|
+
// Initialize state based on mode
|
|
47
|
+
var _useState = (0, _react.useState)(function () {
|
|
48
|
+
switch (mode) {
|
|
49
|
+
case 'login':
|
|
50
|
+
return true;
|
|
51
|
+
case 'register':
|
|
52
|
+
return false;
|
|
53
|
+
case 'toggle':
|
|
54
|
+
default:
|
|
55
|
+
return true;
|
|
56
|
+
}
|
|
57
|
+
}),
|
|
37
58
|
_useState2 = _slicedToArray(_useState, 2),
|
|
38
59
|
isLogin = _useState2[0],
|
|
39
60
|
setIsLogin = _useState2[1];
|
|
@@ -70,6 +91,9 @@ var PowrLogin = function PowrLogin(_ref) {
|
|
|
70
91
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
71
92
|
showConfirmPassword = _useState14[0],
|
|
72
93
|
setShowConfirmPassword = _useState14[1];
|
|
94
|
+
|
|
95
|
+
// Determine if toggle should be shown
|
|
96
|
+
var shouldShowToggle = showToggle !== null ? showToggle : mode === 'toggle';
|
|
73
97
|
var handleInputChange = function handleInputChange(e) {
|
|
74
98
|
var _e$target = e.target,
|
|
75
99
|
name = _e$target.name,
|
|
@@ -210,26 +234,26 @@ var PowrLogin = function PowrLogin(_ref) {
|
|
|
210
234
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
211
235
|
style: styles.header
|
|
212
236
|
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
|
|
213
|
-
src:
|
|
214
|
-
alt: "Logo",
|
|
237
|
+
src: appLogo,
|
|
238
|
+
alt: "".concat(appName, " Logo"),
|
|
215
239
|
style: styles.logoImage
|
|
216
240
|
})), /*#__PURE__*/_react["default"].createElement("h1", {
|
|
217
241
|
style: styles.title
|
|
218
|
-
}, "
|
|
242
|
+
}, welcomeMessage, " ", appName), /*#__PURE__*/_react["default"].createElement("p", {
|
|
219
243
|
style: styles.subtitle
|
|
220
|
-
}, isLogin ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, subtitle, /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("span", {
|
|
244
|
+
}, 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", {
|
|
221
245
|
style: styles.text
|
|
222
246
|
}, "or"), ' ', /*#__PURE__*/_react["default"].createElement("button", {
|
|
223
247
|
type: "button",
|
|
224
248
|
onClick: toggleMode,
|
|
225
249
|
style: styles.createAccountLink
|
|
226
|
-
}, "create a new account")) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, "Create your account", /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("span", {
|
|
250
|
+
}, "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", {
|
|
227
251
|
style: styles.text
|
|
228
252
|
}, "Already have an account?"), ' ', /*#__PURE__*/_react["default"].createElement("button", {
|
|
229
253
|
type: "button",
|
|
230
254
|
onClick: toggleMode,
|
|
231
255
|
style: styles.createAccountLink
|
|
232
|
-
}, "Sign in")))), /*#__PURE__*/_react["default"].createElement("form", {
|
|
256
|
+
}, "Sign in"))))), /*#__PURE__*/_react["default"].createElement("form", {
|
|
233
257
|
onSubmit: handleSubmit,
|
|
234
258
|
style: styles.form
|
|
235
259
|
}, !isLogin && /*#__PURE__*/_react["default"].createElement("div", {
|