keycloakify 6.8.3 → 6.8.4
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/README.md +4 -0
- package/lib/components/IdpReviewUserProfile.js +7 -8
- package/lib/components/IdpReviewUserProfile.js.map +1 -1
- package/lib/components/Login.js +16 -17
- package/lib/components/Login.js.map +1 -1
- package/lib/components/LoginConfigTotp.js +17 -18
- package/lib/components/LoginConfigTotp.js.map +1 -1
- package/lib/components/LoginIdpLinkConfirm.js +4 -5
- package/lib/components/LoginIdpLinkConfirm.js.map +1 -1
- package/lib/components/LoginOtp.js +17 -18
- package/lib/components/LoginOtp.js.map +1 -1
- package/lib/components/LoginPassword.js +8 -9
- package/lib/components/LoginPassword.js.map +1 -1
- package/lib/components/LoginResetPassword.js +12 -13
- package/lib/components/LoginResetPassword.js.map +1 -1
- package/lib/components/LoginUpdatePassword.js +18 -19
- package/lib/components/LoginUpdatePassword.js.map +1 -1
- package/lib/components/LoginUpdateProfile.js +28 -29
- package/lib/components/LoginUpdateProfile.js.map +1 -1
- package/lib/components/LoginUsername.js +12 -13
- package/lib/components/LoginUsername.js.map +1 -1
- package/lib/components/LogoutConfirm.js +5 -6
- package/lib/components/LogoutConfirm.js.map +1 -1
- package/lib/components/Register.js +38 -39
- package/lib/components/Register.js.map +1 -1
- package/lib/components/RegisterUserProfile.js +10 -12
- package/lib/components/RegisterUserProfile.js.map +1 -1
- package/lib/components/Template.js +26 -27
- package/lib/components/Template.js.map +1 -1
- package/lib/components/Terms.js +3 -4
- package/lib/components/Terms.js.map +1 -1
- package/lib/components/UpdateUserProfile.js +8 -9
- package/lib/components/UpdateUserProfile.js.map +1 -1
- package/lib/components/WebauthnAuthenticate.js +16 -17
- package/lib/components/WebauthnAuthenticate.js.map +1 -1
- package/lib/components/shared/UserProfileCommons.js +19 -15
- package/lib/components/shared/UserProfileCommons.js.map +1 -1
- package/lib/tools/clsx.d.ts +3 -0
- package/lib/tools/clsx.js +6 -0
- package/lib/tools/clsx.js.map +1 -0
- package/lib/tools/useCssAndCx.d.ts +7 -1
- package/lib/tools/useCssAndCx.js +9 -6
- package/lib/tools/useCssAndCx.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +7 -4
- package/src/lib/components/IdpReviewUserProfile.tsx +7 -9
- package/src/lib/components/Login.tsx +17 -19
- package/src/lib/components/LoginConfigTotp.tsx +17 -19
- package/src/lib/components/LoginIdpLinkConfirm.tsx +4 -6
- package/src/lib/components/LoginOtp.tsx +18 -20
- package/src/lib/components/LoginPassword.tsx +8 -10
- package/src/lib/components/LoginResetPassword.tsx +12 -14
- package/src/lib/components/LoginUpdatePassword.tsx +21 -21
- package/src/lib/components/LoginUpdateProfile.tsx +29 -31
- package/src/lib/components/LoginUsername.tsx +13 -15
- package/src/lib/components/LogoutConfirm.tsx +5 -7
- package/src/lib/components/Register.tsx +40 -40
- package/src/lib/components/RegisterUserProfile.tsx +10 -20
- package/src/lib/components/Template.tsx +26 -28
- package/src/lib/components/Terms.tsx +3 -5
- package/src/lib/components/UpdateUserProfile.tsx +9 -11
- package/src/lib/components/WebauthnAuthenticate.tsx +16 -18
- package/src/lib/components/shared/UserProfileCommons.tsx +30 -27
- package/src/lib/tools/clsx.ts +7 -0
- package/src/lib/tools/useCssAndCx.ts +9 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginUpdatePassword.js","sourceRoot":"","sources":["../../src/lib/components/LoginUpdatePassword.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,eAAe,MAAM,YAAY,CAAC;AAIzC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"LoginUpdatePassword.js","sourceRoot":"","sources":["../../src/lib/components/LoginUpdatePassword.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,40 +11,39 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { memo } from "react";
|
|
13
13
|
import DefaultTemplate from "./Template";
|
|
14
|
-
import {
|
|
14
|
+
import { clsx } from "../tools/clsx";
|
|
15
15
|
const LoginUpdateProfile = memo((props) => {
|
|
16
16
|
var _a, _b, _c, _d;
|
|
17
17
|
const { kcContext, i18n, doFetchDefaultThemeResources = true, Template = DefaultTemplate } = props, kcProps = __rest(props, ["kcContext", "i18n", "doFetchDefaultThemeResources", "Template"]);
|
|
18
|
-
const { cx } = useCssAndCx();
|
|
19
18
|
const { msg, msgStr } = i18n;
|
|
20
19
|
const { url, user, messagesPerField, isAppInitiatedAction } = kcContext;
|
|
21
|
-
return (React.createElement(Template, Object.assign({}, Object.assign({ kcContext, i18n, doFetchDefaultThemeResources }, kcProps), { headerNode: msg("loginProfileTitle"), formNode: React.createElement("form", { id: "kc-update-profile-form", className:
|
|
22
|
-
user.editUsernameAllowed && (React.createElement("div", { className:
|
|
23
|
-
React.createElement("div", { className:
|
|
24
|
-
React.createElement("label", { htmlFor: "username", className:
|
|
25
|
-
React.createElement("div", { className:
|
|
26
|
-
React.createElement("input", { type: "text", id: "username", name: "username", defaultValue: (_a = user.username) !== null && _a !== void 0 ? _a : "", className:
|
|
27
|
-
React.createElement("div", { className:
|
|
28
|
-
React.createElement("div", { className:
|
|
29
|
-
React.createElement("label", { htmlFor: "email", className:
|
|
30
|
-
React.createElement("div", { className:
|
|
31
|
-
React.createElement("input", { type: "text", id: "email", name: "email", defaultValue: (_b = user.email) !== null && _b !== void 0 ? _b : "", className:
|
|
32
|
-
React.createElement("div", { className:
|
|
33
|
-
React.createElement("div", { className:
|
|
34
|
-
React.createElement("label", { htmlFor: "firstName", className:
|
|
35
|
-
React.createElement("div", { className:
|
|
36
|
-
React.createElement("input", { type: "text", id: "firstName", name: "firstName", defaultValue: (_c = user.firstName) !== null && _c !== void 0 ? _c : "", className:
|
|
37
|
-
React.createElement("div", { className:
|
|
38
|
-
React.createElement("div", { className:
|
|
39
|
-
React.createElement("label", { htmlFor: "lastName", className:
|
|
40
|
-
React.createElement("div", { className:
|
|
41
|
-
React.createElement("input", { type: "text", id: "lastName", name: "lastName", defaultValue: (_d = user.lastName) !== null && _d !== void 0 ? _d : "", className:
|
|
42
|
-
React.createElement("div", { className:
|
|
43
|
-
React.createElement("div", { id: "kc-form-options", className:
|
|
44
|
-
React.createElement("div", { className:
|
|
45
|
-
React.createElement("div", { id: "kc-form-buttons", className:
|
|
46
|
-
React.createElement("input", { className:
|
|
47
|
-
React.createElement("button", { className:
|
|
20
|
+
return (React.createElement(Template, Object.assign({}, Object.assign({ kcContext, i18n, doFetchDefaultThemeResources }, kcProps), { headerNode: msg("loginProfileTitle"), formNode: React.createElement("form", { id: "kc-update-profile-form", className: clsx(kcProps.kcFormClass), action: url.loginAction, method: "post" },
|
|
21
|
+
user.editUsernameAllowed && (React.createElement("div", { className: clsx(kcProps.kcFormGroupClass, messagesPerField.printIfExists("username", kcProps.kcFormGroupErrorClass)) },
|
|
22
|
+
React.createElement("div", { className: clsx(kcProps.kcLabelWrapperClass) },
|
|
23
|
+
React.createElement("label", { htmlFor: "username", className: clsx(kcProps.kcLabelClass) }, msg("username"))),
|
|
24
|
+
React.createElement("div", { className: clsx(kcProps.kcInputWrapperClass) },
|
|
25
|
+
React.createElement("input", { type: "text", id: "username", name: "username", defaultValue: (_a = user.username) !== null && _a !== void 0 ? _a : "", className: clsx(kcProps.kcInputClass) })))),
|
|
26
|
+
React.createElement("div", { className: clsx(kcProps.kcFormGroupClass, messagesPerField.printIfExists("email", kcProps.kcFormGroupErrorClass)) },
|
|
27
|
+
React.createElement("div", { className: clsx(kcProps.kcLabelWrapperClass) },
|
|
28
|
+
React.createElement("label", { htmlFor: "email", className: clsx(kcProps.kcLabelClass) }, msg("email"))),
|
|
29
|
+
React.createElement("div", { className: clsx(kcProps.kcInputWrapperClass) },
|
|
30
|
+
React.createElement("input", { type: "text", id: "email", name: "email", defaultValue: (_b = user.email) !== null && _b !== void 0 ? _b : "", className: clsx(kcProps.kcInputClass) }))),
|
|
31
|
+
React.createElement("div", { className: clsx(kcProps.kcFormGroupClass, messagesPerField.printIfExists("firstName", kcProps.kcFormGroupErrorClass)) },
|
|
32
|
+
React.createElement("div", { className: clsx(kcProps.kcLabelWrapperClass) },
|
|
33
|
+
React.createElement("label", { htmlFor: "firstName", className: clsx(kcProps.kcLabelClass) }, msg("firstName"))),
|
|
34
|
+
React.createElement("div", { className: clsx(kcProps.kcInputWrapperClass) },
|
|
35
|
+
React.createElement("input", { type: "text", id: "firstName", name: "firstName", defaultValue: (_c = user.firstName) !== null && _c !== void 0 ? _c : "", className: clsx(kcProps.kcInputClass) }))),
|
|
36
|
+
React.createElement("div", { className: clsx(kcProps.kcFormGroupClass, messagesPerField.printIfExists("lastName", kcProps.kcFormGroupErrorClass)) },
|
|
37
|
+
React.createElement("div", { className: clsx(kcProps.kcLabelWrapperClass) },
|
|
38
|
+
React.createElement("label", { htmlFor: "lastName", className: clsx(kcProps.kcLabelClass) }, msg("lastName"))),
|
|
39
|
+
React.createElement("div", { className: clsx(kcProps.kcInputWrapperClass) },
|
|
40
|
+
React.createElement("input", { type: "text", id: "lastName", name: "lastName", defaultValue: (_d = user.lastName) !== null && _d !== void 0 ? _d : "", className: clsx(kcProps.kcInputClass) }))),
|
|
41
|
+
React.createElement("div", { className: clsx(kcProps.kcFormGroupClass) },
|
|
42
|
+
React.createElement("div", { id: "kc-form-options", className: clsx(kcProps.kcFormOptionsClass) },
|
|
43
|
+
React.createElement("div", { className: clsx(kcProps.kcFormOptionsWrapperClass) })),
|
|
44
|
+
React.createElement("div", { id: "kc-form-buttons", className: clsx(kcProps.kcFormButtonsClass) }, isAppInitiatedAction ? (React.createElement(React.Fragment, null,
|
|
45
|
+
React.createElement("input", { className: clsx(kcProps.kcButtonClass, kcProps.kcButtonPrimaryClass, kcProps.kcButtonLargeClass), type: "submit", defaultValue: msgStr("doSubmit") }),
|
|
46
|
+
React.createElement("button", { className: clsx(kcProps.kcButtonClass, kcProps.kcButtonDefaultClass, kcProps.kcButtonLargeClass), type: "submit", name: "cancel-aia", value: "true" }, msg("doCancel")))) : (React.createElement("input", { className: clsx(kcProps.kcButtonClass, kcProps.kcButtonPrimaryClass, kcProps.kcButtonBlockClass, kcProps.kcButtonLargeClass), type: "submit", defaultValue: msgStr("doSubmit") }))))) })));
|
|
48
47
|
});
|
|
49
48
|
export default LoginUpdateProfile;
|
|
50
49
|
//# sourceMappingURL=LoginUpdateProfile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginUpdateProfile.js","sourceRoot":"","sources":["../../src/lib/components/LoginUpdateProfile.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,eAAe,MAAM,YAAY,CAAC;AAIzC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"LoginUpdateProfile.js","sourceRoot":"","sources":["../../src/lib/components/LoginUpdateProfile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,13 +11,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { useState, memo } from "react";
|
|
13
13
|
import DefaultTemplate from "./Template";
|
|
14
|
-
import {
|
|
14
|
+
import { clsx } from "../tools/clsx";
|
|
15
15
|
import { useConstCallback } from "powerhooks/useConstCallback";
|
|
16
16
|
const LoginUsername = memo((props) => {
|
|
17
17
|
const { kcContext, i18n, doFetchDefaultThemeResources = true, Template = DefaultTemplate } = props, kcProps = __rest(props, ["kcContext", "i18n", "doFetchDefaultThemeResources", "Template"]);
|
|
18
18
|
const { social, realm, url, usernameHidden, login, registrationDisabled } = kcContext;
|
|
19
19
|
const { msg, msgStr } = i18n;
|
|
20
|
-
const { cx } = useCssAndCx();
|
|
21
20
|
const [isLoginButtonDisabled, setIsLoginButtonDisabled] = useState(false);
|
|
22
21
|
const onSubmit = useConstCallback(e => {
|
|
23
22
|
var _a;
|
|
@@ -29,9 +28,9 @@ const LoginUsername = memo((props) => {
|
|
|
29
28
|
(_a = formElement.querySelector("input[name='email']")) === null || _a === void 0 ? void 0 : _a.setAttribute("name", "username");
|
|
30
29
|
formElement.submit();
|
|
31
30
|
});
|
|
32
|
-
return (React.createElement(Template, Object.assign({}, Object.assign({ kcContext, i18n, doFetchDefaultThemeResources }, kcProps), { displayInfo: social.displayInfo, displayWide: realm.password && social.providers !== undefined, headerNode: msg("doLogIn"), formNode: React.createElement("div", { id: "kc-form", className:
|
|
33
|
-
React.createElement("div", { id: "kc-form-wrapper", className:
|
|
34
|
-
React.createElement("div", { className:
|
|
31
|
+
return (React.createElement(Template, Object.assign({}, Object.assign({ kcContext, i18n, doFetchDefaultThemeResources }, kcProps), { displayInfo: social.displayInfo, displayWide: realm.password && social.providers !== undefined, headerNode: msg("doLogIn"), formNode: React.createElement("div", { id: "kc-form", className: clsx(realm.password && social.providers !== undefined && kcProps.kcContentWrapperClass) },
|
|
32
|
+
React.createElement("div", { id: "kc-form-wrapper", className: clsx(realm.password && social.providers && [kcProps.kcFormSocialAccountContentClass, kcProps.kcFormSocialAccountClass]) }, realm.password && (React.createElement("form", { id: "kc-form-login", onSubmit: onSubmit, action: url.loginAction, method: "post" },
|
|
33
|
+
React.createElement("div", { className: clsx(kcProps.kcFormGroupClass) }, !usernameHidden &&
|
|
35
34
|
(() => {
|
|
36
35
|
var _a;
|
|
37
36
|
const label = !realm.loginWithEmailAllowed
|
|
@@ -41,14 +40,14 @@ const LoginUsername = memo((props) => {
|
|
|
41
40
|
: "usernameOrEmail";
|
|
42
41
|
const autoCompleteHelper = label === "usernameOrEmail" ? "username" : label;
|
|
43
42
|
return (React.createElement(React.Fragment, null,
|
|
44
|
-
React.createElement("label", { htmlFor: autoCompleteHelper, className:
|
|
45
|
-
React.createElement("input", { tabIndex: 1, id: autoCompleteHelper, className:
|
|
43
|
+
React.createElement("label", { htmlFor: autoCompleteHelper, className: clsx(kcProps.kcLabelClass) }, msg(label)),
|
|
44
|
+
React.createElement("input", { tabIndex: 1, id: autoCompleteHelper, className: clsx(kcProps.kcInputClass),
|
|
46
45
|
//NOTE: This is used by Google Chrome auto fill so we use it to tell
|
|
47
46
|
//the browser how to pre fill the form but before submit we put it back
|
|
48
47
|
//to username because it is what keycloak expects.
|
|
49
48
|
name: autoCompleteHelper, defaultValue: (_a = login.username) !== null && _a !== void 0 ? _a : "", type: "text", autoFocus: true, autoComplete: "off" })));
|
|
50
49
|
})()),
|
|
51
|
-
React.createElement("div", { className:
|
|
50
|
+
React.createElement("div", { className: clsx(kcProps.kcFormGroupClass, kcProps.kcFormSettingClass) },
|
|
52
51
|
React.createElement("div", { id: "kc-form-options" }, realm.rememberMe && !usernameHidden && (React.createElement("div", { className: "checkbox" },
|
|
53
52
|
React.createElement("label", null,
|
|
54
53
|
React.createElement("input", Object.assign({ tabIndex: 3, id: "rememberMe", name: "rememberMe", type: "checkbox" }, (login.rememberMe
|
|
@@ -57,11 +56,11 @@ const LoginUsername = memo((props) => {
|
|
|
57
56
|
}
|
|
58
57
|
: {}))),
|
|
59
58
|
msg("rememberMe")))))),
|
|
60
|
-
React.createElement("div", { id: "kc-form-buttons", className:
|
|
61
|
-
React.createElement("input", { tabIndex: 4, className:
|
|
62
|
-
realm.password && social.providers !== undefined && (React.createElement("div", { id: "kc-social-providers", className:
|
|
63
|
-
React.createElement("ul", { className:
|
|
64
|
-
React.createElement("a", { href: p.loginUrl, id: `zocial-${p.alias}`, className:
|
|
59
|
+
React.createElement("div", { id: "kc-form-buttons", className: clsx(kcProps.kcFormGroupClass) },
|
|
60
|
+
React.createElement("input", { tabIndex: 4, className: clsx(kcProps.kcButtonClass, kcProps.kcButtonPrimaryClass, kcProps.kcButtonBlockClass, kcProps.kcButtonLargeClass), name: "login", id: "kc-login", type: "submit", value: msgStr("doLogIn"), disabled: isLoginButtonDisabled }))))),
|
|
61
|
+
realm.password && social.providers !== undefined && (React.createElement("div", { id: "kc-social-providers", className: clsx(kcProps.kcFormSocialAccountContentClass, kcProps.kcFormSocialAccountClass) },
|
|
62
|
+
React.createElement("ul", { className: clsx(kcProps.kcFormSocialAccountListClass, social.providers.length > 4 && kcProps.kcFormSocialAccountDoubleListClass) }, social.providers.map(p => (React.createElement("li", { key: p.providerId, className: clsx(kcProps.kcFormSocialAccountListLinkClass) },
|
|
63
|
+
React.createElement("a", { href: p.loginUrl, id: `zocial-${p.alias}`, className: clsx("zocial", p.providerId) },
|
|
65
64
|
React.createElement("span", null, p.displayName))))))))), infoNode: realm.password &&
|
|
66
65
|
realm.registrationAllowed &&
|
|
67
66
|
!registrationDisabled && (React.createElement("div", { id: "kc-registration" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoginUsername.js","sourceRoot":"","sources":["../../src/lib/components/LoginUsername.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,eAAe,MAAM,YAAY,CAAC;AAIzC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"LoginUsername.js","sourceRoot":"","sources":["../../src/lib/components/LoginUsername.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,23 +10,22 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React, { memo } from "react";
|
|
13
|
-
import {
|
|
13
|
+
import { clsx } from "../tools/clsx";
|
|
14
14
|
import DefaultTemplate from "./Template";
|
|
15
15
|
const LogoutConfirm = memo((props) => {
|
|
16
16
|
const { kcContext, i18n, doFetchDefaultThemeResources = true, Template = DefaultTemplate } = props, kcProps = __rest(props, ["kcContext", "i18n", "doFetchDefaultThemeResources", "Template"]);
|
|
17
17
|
const { url, client, logoutConfirm } = kcContext;
|
|
18
|
-
const { cx } = useCssAndCx();
|
|
19
18
|
const { msg, msgStr } = i18n;
|
|
20
19
|
return (React.createElement(Template, Object.assign({}, Object.assign({ kcContext, i18n, doFetchDefaultThemeResources }, kcProps), { displayMessage: false, headerNode: msg("logoutConfirmTitle"), formNode: React.createElement(React.Fragment, null,
|
|
21
20
|
React.createElement("div", { id: "kc-logout-confirm", className: "content-area" },
|
|
22
21
|
React.createElement("p", { className: "instruction" }, msg("logoutConfirmHeader")),
|
|
23
22
|
React.createElement("form", { className: "form-actions", action: url.logoutConfirmAction, method: "POST" },
|
|
24
23
|
React.createElement("input", { type: "hidden", name: "session_code", value: logoutConfirm.code }),
|
|
25
|
-
React.createElement("div", { className:
|
|
24
|
+
React.createElement("div", { className: clsx(kcProps.kcFormGroupClass) },
|
|
26
25
|
React.createElement("div", { id: "kc-form-options" },
|
|
27
|
-
React.createElement("div", { className:
|
|
28
|
-
React.createElement("div", { id: "kc-form-buttons", className:
|
|
29
|
-
React.createElement("input", { tabIndex: 4, className:
|
|
26
|
+
React.createElement("div", { className: clsx(kcProps.kcFormOptionsWrapperClass) })),
|
|
27
|
+
React.createElement("div", { id: "kc-form-buttons", className: clsx(kcProps.kcFormGroupClass) },
|
|
28
|
+
React.createElement("input", { tabIndex: 4, className: clsx(kcProps.kcButtonClass, kcProps.kcButtonPrimaryClass, kcProps.kcButtonBlockClass, kcProps.kcButtonLargeClass), name: "confirmLogout", id: "kc-logout", type: "submit", value: msgStr("doLogout") })))),
|
|
30
29
|
React.createElement("div", { id: "kc-info-message" }, !logoutConfirm.skipLink && client.baseUrl && (React.createElement("p", null,
|
|
31
30
|
React.createElement("a", { href: client.baseUrl, dangerouslySetInnerHTML: { __html: msgStr("backToApplication") } })))))) })));
|
|
32
31
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LogoutConfirm.js","sourceRoot":"","sources":["../../src/lib/components/LogoutConfirm.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"LogoutConfirm.js","sourceRoot":"","sources":["../../src/lib/components/LogoutConfirm.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,eAAe,MAAM,YAAY,CAAC;AAazC,MAAM,aAAa,GAAG,IAAI,CAAC,CAAC,KAAyB,EAAE,EAAE;IACrD,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,4BAA4B,GAAG,IAAI,EAAE,QAAQ,GAAG,eAAe,KAAiB,KAAK,EAAjB,OAAO,UAAK,KAAK,EAAxG,iEAAgG,CAAQ,CAAC;IAE/G,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IAEjD,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAE7B,OAAO,CACH,oBAAC,QAAQ,oCACC,SAAS,EAAE,IAAI,EAAE,4BAA4B,IAAK,OAAO,KAC/D,cAAc,EAAE,KAAK,EACrB,UAAU,EAAE,GAAG,CAAC,oBAAoB,CAAC,EACrC,QAAQ,EACJ;YACI,6BAAK,EAAE,EAAC,mBAAmB,EAAC,SAAS,EAAC,cAAc;gBAChD,2BAAG,SAAS,EAAC,aAAa,IAAE,GAAG,CAAC,qBAAqB,CAAC,CAAK;gBAC3D,8BAAM,SAAS,EAAC,cAAc,EAAC,MAAM,EAAE,GAAG,CAAC,mBAAmB,EAAE,MAAM,EAAC,MAAM;oBACzE,+BAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAE,aAAa,CAAC,IAAI,GAAI;oBACtE,6BAAK,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC;wBAC1C,6BAAK,EAAE,EAAC,iBAAiB;4BACrB,6BAAK,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC,GAAQ,CAC7D;wBACN,6BAAK,EAAE,EAAC,iBAAiB,EAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC;4BAC/D,+BACI,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,IAAI,CACX,OAAO,CAAC,aAAa,EACrB,OAAO,CAAC,oBAAoB,EAC5B,OAAO,CAAC,kBAAkB,EAC1B,OAAO,CAAC,kBAAkB,CAC7B,EACD,IAAI,EAAC,eAAe,EACpB,EAAE,EAAC,WAAW,EACd,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,GAC3B,CACA,CACJ,CACH;gBACP,6BAAK,EAAE,EAAC,iBAAiB,IACpB,CAAC,aAAa,CAAC,QAAQ,IAAI,MAAM,CAAC,OAAO,IAAI,CAC1C;oBACI,2BAAG,IAAI,EAAE,MAAM,CAAC,OAAO,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,mBAAmB,CAAC,EAAE,GAAI,CAC7F,CACP,CACC,CACJ,CACP,IAET,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC"}
|
|
@@ -11,55 +11,54 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React, { memo } from "react";
|
|
13
13
|
import DefaultTemplate from "./Template";
|
|
14
|
-
import {
|
|
14
|
+
import { clsx } from "../tools/clsx";
|
|
15
15
|
const Register = memo((props) => {
|
|
16
16
|
var _a, _b, _c, _d;
|
|
17
17
|
const { kcContext, i18n, doFetchDefaultThemeResources = true, Template = DefaultTemplate } = props, kcProps = __rest(props, ["kcContext", "i18n", "doFetchDefaultThemeResources", "Template"]);
|
|
18
18
|
const { url, messagesPerField, register, realm, passwordRequired, recaptchaRequired, recaptchaSiteKey } = kcContext;
|
|
19
19
|
const { msg, msgStr } = i18n;
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
React.createElement("input", { type: "text", id: "username", className: cx(kcProps.kcInputClass), name: "username", defaultValue: (_d = register.formData.username) !== null && _d !== void 0 ? _d : "", autoComplete: "username" })))),
|
|
20
|
+
return (React.createElement(Template, Object.assign({}, Object.assign({ kcContext, i18n, doFetchDefaultThemeResources }, kcProps), { headerNode: msg("registerTitle"), formNode: React.createElement("form", { id: "kc-register-form", className: clsx(kcProps.kcFormClass), action: url.registrationAction, method: "post" },
|
|
21
|
+
React.createElement("div", { className: clsx(kcProps.kcFormGroupClass, messagesPerField.printIfExists("firstName", kcProps.kcFormGroupErrorClass)) },
|
|
22
|
+
React.createElement("div", { className: clsx(kcProps.kcLabelWrapperClass) },
|
|
23
|
+
React.createElement("label", { htmlFor: "firstName", className: clsx(kcProps.kcLabelClass) }, msg("firstName"))),
|
|
24
|
+
React.createElement("div", { className: clsx(kcProps.kcInputWrapperClass) },
|
|
25
|
+
React.createElement("input", { type: "text", id: "firstName", className: clsx(kcProps.kcInputClass), name: "firstName", defaultValue: (_a = register.formData.firstName) !== null && _a !== void 0 ? _a : "" }))),
|
|
26
|
+
React.createElement("div", { className: clsx(kcProps.kcFormGroupClass, messagesPerField.printIfExists("lastName", kcProps.kcFormGroupErrorClass)) },
|
|
27
|
+
React.createElement("div", { className: clsx(kcProps.kcLabelWrapperClass) },
|
|
28
|
+
React.createElement("label", { htmlFor: "lastName", className: clsx(kcProps.kcLabelClass) }, msg("lastName"))),
|
|
29
|
+
React.createElement("div", { className: clsx(kcProps.kcInputWrapperClass) },
|
|
30
|
+
React.createElement("input", { type: "text", id: "lastName", className: clsx(kcProps.kcInputClass), name: "lastName", defaultValue: (_b = register.formData.lastName) !== null && _b !== void 0 ? _b : "" }))),
|
|
31
|
+
React.createElement("div", { className: clsx(kcProps.kcFormGroupClass, messagesPerField.printIfExists("email", kcProps.kcFormGroupErrorClass)) },
|
|
32
|
+
React.createElement("div", { className: clsx(kcProps.kcLabelWrapperClass) },
|
|
33
|
+
React.createElement("label", { htmlFor: "email", className: clsx(kcProps.kcLabelClass) }, msg("email"))),
|
|
34
|
+
React.createElement("div", { className: clsx(kcProps.kcInputWrapperClass) },
|
|
35
|
+
React.createElement("input", { type: "text", id: "email", className: clsx(kcProps.kcInputClass), name: "email", defaultValue: (_c = register.formData.email) !== null && _c !== void 0 ? _c : "", autoComplete: "email" }))),
|
|
36
|
+
!realm.registrationEmailAsUsername && (React.createElement("div", { className: clsx(kcProps.kcFormGroupClass, messagesPerField.printIfExists("username", kcProps.kcFormGroupErrorClass)) },
|
|
37
|
+
React.createElement("div", { className: clsx(kcProps.kcLabelWrapperClass) },
|
|
38
|
+
React.createElement("label", { htmlFor: "username", className: clsx(kcProps.kcLabelClass) }, msg("username"))),
|
|
39
|
+
React.createElement("div", { className: clsx(kcProps.kcInputWrapperClass) },
|
|
40
|
+
React.createElement("input", { type: "text", id: "username", className: clsx(kcProps.kcInputClass), name: "username", defaultValue: (_d = register.formData.username) !== null && _d !== void 0 ? _d : "", autoComplete: "username" })))),
|
|
42
41
|
passwordRequired && (React.createElement(React.Fragment, null,
|
|
43
|
-
React.createElement("div", { className:
|
|
44
|
-
React.createElement("div", { className:
|
|
45
|
-
React.createElement("label", { htmlFor: "password", className:
|
|
46
|
-
React.createElement("div", { className:
|
|
47
|
-
React.createElement("input", { type: "password", id: "password", className:
|
|
48
|
-
React.createElement("div", { className:
|
|
49
|
-
React.createElement("div", { className:
|
|
50
|
-
React.createElement("label", { htmlFor: "password-confirm", className:
|
|
51
|
-
React.createElement("div", { className:
|
|
52
|
-
React.createElement("input", { type: "password", id: "password-confirm", className:
|
|
42
|
+
React.createElement("div", { className: clsx(kcProps.kcFormGroupClass, messagesPerField.printIfExists("password", kcProps.kcFormGroupErrorClass)) },
|
|
43
|
+
React.createElement("div", { className: clsx(kcProps.kcLabelWrapperClass) },
|
|
44
|
+
React.createElement("label", { htmlFor: "password", className: clsx(kcProps.kcLabelClass) }, msg("password"))),
|
|
45
|
+
React.createElement("div", { className: clsx(kcProps.kcInputWrapperClass) },
|
|
46
|
+
React.createElement("input", { type: "password", id: "password", className: clsx(kcProps.kcInputClass), name: "password", autoComplete: "new-password" }))),
|
|
47
|
+
React.createElement("div", { className: clsx(kcProps.kcFormGroupClass, messagesPerField.printIfExists("password-confirm", kcProps.kcFormGroupErrorClass)) },
|
|
48
|
+
React.createElement("div", { className: clsx(kcProps.kcLabelWrapperClass) },
|
|
49
|
+
React.createElement("label", { htmlFor: "password-confirm", className: clsx(kcProps.kcLabelClass) }, msg("passwordConfirm"))),
|
|
50
|
+
React.createElement("div", { className: clsx(kcProps.kcInputWrapperClass) },
|
|
51
|
+
React.createElement("input", { type: "password", id: "password-confirm", className: clsx(kcProps.kcInputClass), name: "password-confirm" }))))),
|
|
53
52
|
recaptchaRequired && (React.createElement("div", { className: "form-group" },
|
|
54
|
-
React.createElement("div", { className:
|
|
53
|
+
React.createElement("div", { className: clsx(kcProps.kcInputWrapperClass) },
|
|
55
54
|
React.createElement("div", { className: "g-recaptcha", "data-size": "compact", "data-sitekey": recaptchaSiteKey })))),
|
|
56
|
-
React.createElement("div", { className:
|
|
57
|
-
React.createElement("div", { id: "kc-form-options", className:
|
|
58
|
-
React.createElement("div", { className:
|
|
55
|
+
React.createElement("div", { className: clsx(kcProps.kcFormGroupClass) },
|
|
56
|
+
React.createElement("div", { id: "kc-form-options", className: clsx(kcProps.kcFormOptionsClass) },
|
|
57
|
+
React.createElement("div", { className: clsx(kcProps.kcFormOptionsWrapperClass) },
|
|
59
58
|
React.createElement("span", null,
|
|
60
59
|
React.createElement("a", { href: url.loginUrl }, msg("backToLogin"))))),
|
|
61
|
-
React.createElement("div", { id: "kc-form-buttons", className:
|
|
62
|
-
React.createElement("input", { className:
|
|
60
|
+
React.createElement("div", { id: "kc-form-buttons", className: clsx(kcProps.kcFormButtonsClass) },
|
|
61
|
+
React.createElement("input", { className: clsx(kcProps.kcButtonClass, kcProps.kcButtonPrimaryClass, kcProps.kcButtonBlockClass, kcProps.kcButtonLargeClass), type: "submit", value: msgStr("doRegister") })))) })));
|
|
63
62
|
});
|
|
64
63
|
export default Register;
|
|
65
64
|
//# sourceMappingURL=Register.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Register.js","sourceRoot":"","sources":["../../src/lib/components/Register.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,eAAe,MAAM,YAAY,CAAC;AAIzC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Register.js","sourceRoot":"","sources":["../../src/lib/components/Register.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,29 +9,27 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, {
|
|
12
|
+
import React, { memo, useState } from "react";
|
|
13
13
|
import DefaultTemplate from "./Template";
|
|
14
|
-
import {
|
|
14
|
+
import { clsx } from "../tools/clsx";
|
|
15
15
|
import { UserProfileFormFields } from "./shared/UserProfileCommons";
|
|
16
16
|
const RegisterUserProfile = memo((props) => {
|
|
17
|
-
const { kcContext, i18n, doFetchDefaultThemeResources = true, Template = DefaultTemplate } = props,
|
|
17
|
+
const { kcContext, i18n, doFetchDefaultThemeResources = true, Template = DefaultTemplate } = props, kcProps = __rest(props, ["kcContext", "i18n", "doFetchDefaultThemeResources", "Template"]);
|
|
18
18
|
const { url, messagesPerField, recaptchaRequired, recaptchaSiteKey } = kcContext;
|
|
19
19
|
const { msg, msgStr } = i18n;
|
|
20
|
-
const { cx, css } = useCssAndCx();
|
|
21
|
-
const kcProps = useMemo(() => (Object.assign(Object.assign({}, kcProps_), { "kcFormGroupClass": cx(kcProps_.kcFormGroupClass, css({ "marginBottom": 20 })) })), [cx, css]);
|
|
22
20
|
const [isFomSubmittable, setIsFomSubmittable] = useState(false);
|
|
23
|
-
return (React.createElement(Template, Object.assign({}, Object.assign({ kcContext, i18n, doFetchDefaultThemeResources }, kcProps), { displayMessage: messagesPerField.exists("global"), displayRequiredFields: true, headerNode: msg("registerTitle"), formNode: React.createElement("form", { id: "kc-register-form", className:
|
|
21
|
+
return (React.createElement(Template, Object.assign({}, Object.assign({ kcContext, i18n, doFetchDefaultThemeResources }, kcProps), { displayMessage: messagesPerField.exists("global"), displayRequiredFields: true, headerNode: msg("registerTitle"), formNode: React.createElement("form", { id: "kc-register-form", className: clsx(kcProps.kcFormClass), action: url.registrationAction, method: "post" },
|
|
24
22
|
React.createElement(UserProfileFormFields, Object.assign({ kcContext: kcContext, onIsFormSubmittableValueChange: setIsFomSubmittable, i18n: i18n }, kcProps)),
|
|
25
23
|
recaptchaRequired && (React.createElement("div", { className: "form-group" },
|
|
26
|
-
React.createElement("div", { className:
|
|
24
|
+
React.createElement("div", { className: clsx(kcProps.kcInputWrapperClass) },
|
|
27
25
|
React.createElement("div", { className: "g-recaptcha", "data-size": "compact", "data-sitekey": recaptchaSiteKey })))),
|
|
28
|
-
React.createElement("div", { className:
|
|
29
|
-
React.createElement("div", { id: "kc-form-options", className:
|
|
30
|
-
React.createElement("div", { className:
|
|
26
|
+
React.createElement("div", { className: clsx(kcProps.kcFormGroupClass), style: { "marginBottom": 30 } },
|
|
27
|
+
React.createElement("div", { id: "kc-form-options", className: clsx(kcProps.kcFormOptionsClass) },
|
|
28
|
+
React.createElement("div", { className: clsx(kcProps.kcFormOptionsWrapperClass) },
|
|
31
29
|
React.createElement("span", null,
|
|
32
30
|
React.createElement("a", { href: url.loginUrl }, msg("backToLogin"))))),
|
|
33
|
-
React.createElement("div", { id: "kc-form-buttons", className:
|
|
34
|
-
React.createElement("input", { className:
|
|
31
|
+
React.createElement("div", { id: "kc-form-buttons", className: clsx(kcProps.kcFormButtonsClass) },
|
|
32
|
+
React.createElement("input", { className: clsx(kcProps.kcButtonClass, kcProps.kcButtonPrimaryClass, kcProps.kcButtonBlockClass, kcProps.kcButtonLargeClass), type: "submit", value: msgStr("doRegister"), disabled: !isFomSubmittable })))) })));
|
|
35
33
|
});
|
|
36
34
|
export default RegisterUserProfile;
|
|
37
35
|
//# sourceMappingURL=RegisterUserProfile.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RegisterUserProfile.js","sourceRoot":"","sources":["../../src/lib/components/RegisterUserProfile.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"RegisterUserProfile.js","sourceRoot":"","sources":["../../src/lib/components/RegisterUserProfile.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,eAAe,MAAM,YAAY,CAAC;AAIzC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AASpE,MAAM,mBAAmB,GAAG,IAAI,CAAC,CAAC,KAA+B,EAAE,EAAE;IACjE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,4BAA4B,GAAG,IAAI,EAAE,QAAQ,GAAG,eAAe,KAAiB,KAAK,EAAjB,OAAO,UAAK,KAAK,EAAxG,iEAAgG,CAAQ,CAAC;IAE/G,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,SAAS,CAAC;IAEjF,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAE7B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,OAAO,CACH,oBAAC,QAAQ,oCACC,SAAS,EAAE,IAAI,EAAE,4BAA4B,IAAK,OAAO,KAC/D,cAAc,EAAE,gBAAgB,CAAC,MAAM,CAAC,QAAQ,CAAC,EACjD,qBAAqB,EAAE,IAAI,EAC3B,UAAU,EAAE,GAAG,CAAC,eAAe,CAAC,EAChC,QAAQ,EACJ,8BAAM,EAAE,EAAC,kBAAkB,EAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,kBAAkB,EAAE,MAAM,EAAC,MAAM;YAC3G,oBAAC,qBAAqB,kBAAC,SAAS,EAAE,SAAS,EAAE,8BAA8B,EAAE,mBAAmB,EAAE,IAAI,EAAE,IAAI,IAAM,OAAO,EAAI;YAC5H,iBAAiB,IAAI,CAClB,6BAAK,SAAS,EAAC,YAAY;gBACvB,6BAAK,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC;oBAC7C,6BAAK,SAAS,EAAC,aAAa,eAAW,SAAS,kBAAe,gBAAgB,GAAI,CACjF,CACJ,CACT;YACD,6BAAK,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE;gBACzE,6BAAK,EAAE,EAAC,iBAAiB,EAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC;oBACjE,6BAAK,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,yBAAyB,CAAC;wBACnD;4BACI,2BAAG,IAAI,EAAE,GAAG,CAAC,QAAQ,IAAG,GAAG,CAAC,aAAa,CAAC,CAAK,CAC5C,CACL,CACJ;gBAEN,6BAAK,EAAE,EAAC,iBAAiB,EAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC;oBACjE,+BACI,SAAS,EAAE,IAAI,CACX,OAAO,CAAC,aAAa,EACrB,OAAO,CAAC,oBAAoB,EAC5B,OAAO,CAAC,kBAAkB,EAC1B,OAAO,CAAC,kBAAkB,CAC7B,EACD,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC,EAC3B,QAAQ,EAAE,CAAC,gBAAgB,GAC7B,CACA,CACJ,CACH,IAEb,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
|
|
@@ -4,10 +4,9 @@ import { useCallbackFactory } from "powerhooks/useCallbackFactory";
|
|
|
4
4
|
import { headInsert } from "../tools/headInsert";
|
|
5
5
|
import { pathJoin } from "../../bin/tools/pathJoin";
|
|
6
6
|
import { useConstCallback } from "powerhooks/useConstCallback";
|
|
7
|
-
import {
|
|
7
|
+
import { clsx } from "../tools/clsx";
|
|
8
8
|
const Template = memo((props) => {
|
|
9
9
|
const { displayInfo = false, displayMessage = true, displayRequiredFields = false, displayWide = false, showAnotherWayIfPresent = true, headerNode, showUsernameNode = null, formNode, infoNode = null, kcContext, i18n, doFetchDefaultThemeResources } = props;
|
|
10
|
-
const { cx } = useCssAndCx();
|
|
11
10
|
const { msg, changeLocale, labelBySupportedLanguageTag, currentLanguageTag } = i18n;
|
|
12
11
|
const onChangeLanguageClickFactory = useCallbackFactory(([kcLanguageTag]) => changeLocale(kcLanguageTag));
|
|
13
12
|
const onTryAnotherWayClick = useConstCallback(() => (document.forms["kc-select-try-another-way-form"].submit(), false));
|
|
@@ -42,7 +41,7 @@ const Template = memo((props) => {
|
|
|
42
41
|
}));
|
|
43
42
|
if (props.kcHtmlClass !== undefined) {
|
|
44
43
|
const htmlClassList = document.getElementsByTagName("html")[0].classList;
|
|
45
|
-
const tokens =
|
|
44
|
+
const tokens = clsx(props.kcHtmlClass).split(" ");
|
|
46
45
|
htmlClassList.add(...tokens);
|
|
47
46
|
cleanups.push(() => htmlClassList.remove(...tokens));
|
|
48
47
|
}
|
|
@@ -54,64 +53,64 @@ const Template = memo((props) => {
|
|
|
54
53
|
if (!isExtraCssLoaded) {
|
|
55
54
|
return null;
|
|
56
55
|
}
|
|
57
|
-
return (React.createElement("div", { className:
|
|
58
|
-
React.createElement("div", { id: "kc-header", className:
|
|
59
|
-
React.createElement("div", { id: "kc-header-wrapper", className:
|
|
60
|
-
React.createElement("div", { className:
|
|
61
|
-
React.createElement("header", { className:
|
|
56
|
+
return (React.createElement("div", { className: clsx(props.kcLoginClass) },
|
|
57
|
+
React.createElement("div", { id: "kc-header", className: clsx(props.kcHeaderClass) },
|
|
58
|
+
React.createElement("div", { id: "kc-header-wrapper", className: clsx(props.kcHeaderWrapperClass) }, msg("loginTitleHtml", realm.displayNameHtml))),
|
|
59
|
+
React.createElement("div", { className: clsx(props.kcFormCardClass, displayWide && props.kcFormCardAccountClass) },
|
|
60
|
+
React.createElement("header", { className: clsx(props.kcFormHeaderClass) },
|
|
62
61
|
realm.internationalizationEnabled && (assert(locale !== undefined), true) && locale.supported.length > 1 && (React.createElement("div", { id: "kc-locale" },
|
|
63
|
-
React.createElement("div", { id: "kc-locale-wrapper", className:
|
|
62
|
+
React.createElement("div", { id: "kc-locale-wrapper", className: clsx(props.kcLocaleWrapperClass) },
|
|
64
63
|
React.createElement("div", { className: "kc-dropdown", id: "kc-locale-dropdown" },
|
|
65
64
|
React.createElement("a", { href: "#", id: "kc-current-locale-link" }, labelBySupportedLanguageTag[currentLanguageTag]),
|
|
66
65
|
React.createElement("ul", null, locale.supported.map(({ languageTag }) => (React.createElement("li", { key: languageTag, className: "kc-dropdown-item" },
|
|
67
66
|
React.createElement("a", { href: "#", onClick: onChangeLanguageClickFactory(languageTag) }, labelBySupportedLanguageTag[languageTag]))))))))),
|
|
68
|
-
!(auth !== undefined && auth.showUsername && !auth.showResetCredentials) ? (displayRequiredFields ? (React.createElement("div", { className:
|
|
69
|
-
React.createElement("div", { className:
|
|
67
|
+
!(auth !== undefined && auth.showUsername && !auth.showResetCredentials) ? (displayRequiredFields ? (React.createElement("div", { className: clsx(props.kcContentWrapperClass) },
|
|
68
|
+
React.createElement("div", { className: clsx(props.kcLabelWrapperClass, "subtitle") },
|
|
70
69
|
React.createElement("span", { className: "subtitle" },
|
|
71
70
|
React.createElement("span", { className: "required" }, "*"),
|
|
72
71
|
msg("requiredFields"))),
|
|
73
72
|
React.createElement("div", { className: "col-md-10" },
|
|
74
|
-
React.createElement("h1", { id: "kc-page-title" }, headerNode)))) : (React.createElement("h1", { id: "kc-page-title" }, headerNode))) : displayRequiredFields ? (React.createElement("div", { className:
|
|
75
|
-
React.createElement("div", { className:
|
|
73
|
+
React.createElement("h1", { id: "kc-page-title" }, headerNode)))) : (React.createElement("h1", { id: "kc-page-title" }, headerNode))) : displayRequiredFields ? (React.createElement("div", { className: clsx(props.kcContentWrapperClass) },
|
|
74
|
+
React.createElement("div", { className: clsx(props.kcLabelWrapperClass, "subtitle") },
|
|
76
75
|
React.createElement("span", { className: "subtitle" },
|
|
77
76
|
React.createElement("span", { className: "required" }, "*"),
|
|
78
77
|
" ",
|
|
79
78
|
msg("requiredFields"))),
|
|
80
79
|
React.createElement("div", { className: "col-md-10" },
|
|
81
80
|
showUsernameNode,
|
|
82
|
-
React.createElement("div", { className:
|
|
81
|
+
React.createElement("div", { className: clsx(props.kcFormGroupClass) },
|
|
83
82
|
React.createElement("div", { id: "kc-username" },
|
|
84
83
|
React.createElement("label", { id: "kc-attempted-username" }, auth === null || auth === void 0 ? void 0 : auth.attemptedUsername),
|
|
85
84
|
React.createElement("a", { id: "reset-login", href: url.loginRestartFlowUrl },
|
|
86
85
|
React.createElement("div", { className: "kc-login-tooltip" },
|
|
87
|
-
React.createElement("i", { className:
|
|
86
|
+
React.createElement("i", { className: clsx(props.kcResetFlowIcon) }),
|
|
88
87
|
React.createElement("span", { className: "kc-tooltip-text" }, msg("restartLoginTooltip"))))))))) : (React.createElement(React.Fragment, null,
|
|
89
88
|
showUsernameNode,
|
|
90
|
-
React.createElement("div", { className:
|
|
89
|
+
React.createElement("div", { className: clsx(props.kcFormGroupClass) },
|
|
91
90
|
React.createElement("div", { id: "kc-username" },
|
|
92
91
|
React.createElement("label", { id: "kc-attempted-username" }, auth === null || auth === void 0 ? void 0 : auth.attemptedUsername),
|
|
93
92
|
React.createElement("a", { id: "reset-login", href: url.loginRestartFlowUrl },
|
|
94
93
|
React.createElement("div", { className: "kc-login-tooltip" },
|
|
95
|
-
React.createElement("i", { className:
|
|
94
|
+
React.createElement("i", { className: clsx(props.kcResetFlowIcon) }),
|
|
96
95
|
React.createElement("span", { className: "kc-tooltip-text" }, msg("restartLoginTooltip"))))))))),
|
|
97
96
|
React.createElement("div", { id: "kc-content" },
|
|
98
97
|
React.createElement("div", { id: "kc-content-wrapper" },
|
|
99
|
-
displayMessage && message !== undefined && (message.type !== "warning" || !isAppInitiatedAction) && (React.createElement("div", { className:
|
|
100
|
-
message.type === "success" && React.createElement("span", { className:
|
|
101
|
-
message.type === "warning" && React.createElement("span", { className:
|
|
102
|
-
message.type === "error" && React.createElement("span", { className:
|
|
103
|
-
message.type === "info" && React.createElement("span", { className:
|
|
98
|
+
displayMessage && message !== undefined && (message.type !== "warning" || !isAppInitiatedAction) && (React.createElement("div", { className: clsx("alert", `alert-${message.type}`) },
|
|
99
|
+
message.type === "success" && React.createElement("span", { className: clsx(props.kcFeedbackSuccessIcon) }),
|
|
100
|
+
message.type === "warning" && React.createElement("span", { className: clsx(props.kcFeedbackWarningIcon) }),
|
|
101
|
+
message.type === "error" && React.createElement("span", { className: clsx(props.kcFeedbackErrorIcon) }),
|
|
102
|
+
message.type === "info" && React.createElement("span", { className: clsx(props.kcFeedbackInfoIcon) }),
|
|
104
103
|
React.createElement("span", { className: "kc-feedback-text", dangerouslySetInnerHTML: {
|
|
105
104
|
"__html": message.summary
|
|
106
105
|
} }))),
|
|
107
106
|
formNode,
|
|
108
|
-
auth !== undefined && auth.showTryAnotherWayLink && showAnotherWayIfPresent && (React.createElement("form", { id: "kc-select-try-another-way-form", action: url.loginAction, method: "post", className:
|
|
109
|
-
React.createElement("div", { className:
|
|
110
|
-
React.createElement("div", { className:
|
|
107
|
+
auth !== undefined && auth.showTryAnotherWayLink && showAnotherWayIfPresent && (React.createElement("form", { id: "kc-select-try-another-way-form", action: url.loginAction, method: "post", className: clsx(displayWide && props.kcContentWrapperClass) },
|
|
108
|
+
React.createElement("div", { className: clsx(displayWide && [props.kcFormSocialAccountContentClass, props.kcFormSocialAccountClass]) },
|
|
109
|
+
React.createElement("div", { className: clsx(props.kcFormGroupClass) },
|
|
111
110
|
React.createElement("input", { type: "hidden", name: "tryAnotherWay", value: "on" }),
|
|
112
111
|
React.createElement("a", { href: "#", id: "try-another-way", onClick: onTryAnotherWayClick }, msg("doTryAnotherWay")))))),
|
|
113
|
-
displayInfo && (React.createElement("div", { id: "kc-info", className:
|
|
114
|
-
React.createElement("div", { id: "kc-info-wrapper", className:
|
|
112
|
+
displayInfo && (React.createElement("div", { id: "kc-info", className: clsx(props.kcSignUpClass) },
|
|
113
|
+
React.createElement("div", { id: "kc-info-wrapper", className: clsx(props.kcInfoAreaWrapperClass) }, infoNode))))))));
|
|
115
114
|
});
|
|
116
115
|
export default Template;
|
|
117
116
|
//# sourceMappingURL=Template.js.map
|