keycloakify 10.0.0-rc.95 → 10.0.0-rc.97
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 +6 -3
- package/bin/97.index.js +2 -1
- package/login/i18n/i18n.js +9 -2
- package/login/i18n/i18n.js.map +1 -1
- package/login/pages/Register.js +4 -3
- package/login/pages/Register.js.map +1 -1
- package/package.json +1 -1
- package/src/bin/add-story.ts +2 -1
- package/src/login/i18n/i18n.tsx +10 -2
- package/src/login/pages/Register.tsx +21 -4
- package/stories/login/pages/Register.stories.tsx +74 -24
package/README.md
CHANGED
|
@@ -17,9 +17,12 @@
|
|
|
17
17
|
<a href="https://github.com/thomasdarimont/awesome-keycloak">
|
|
18
18
|
<img src="https://awesome.re/mentioned-badge.svg"/>
|
|
19
19
|
</a>
|
|
20
|
-
<
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
<p align="center">
|
|
21
|
+
Check out our discord server!<br/>
|
|
22
|
+
<a href="https://discord.gg/mJdYJSdcm4">
|
|
23
|
+
<img src="https://dcbadge.limes.pink/api/server/kYFZG7fQmn"/>
|
|
24
|
+
</a>
|
|
25
|
+
</p>
|
|
23
26
|
<p align="center">
|
|
24
27
|
<a href="https://www.keycloakify.dev">Home</a>
|
|
25
28
|
-
|
package/bin/97.index.js
CHANGED
|
@@ -70,7 +70,8 @@ async function command(params) {
|
|
|
70
70
|
}
|
|
71
71
|
const componentCode = fs__WEBPACK_IMPORTED_MODULE_4__.readFileSync((0,path__WEBPACK_IMPORTED_MODULE_5__.join)((0,_tools_getThisCodebaseRootDirPath__WEBPACK_IMPORTED_MODULE_0__/* .getThisCodebaseRootDirPath */ .e)(), "stories", themeType, "pages", componentBasename))
|
|
72
72
|
.toString("utf8")
|
|
73
|
-
.replace('import React from "react";\n', "")
|
|
73
|
+
.replace('import React from "react";\n', "")
|
|
74
|
+
.replace(/from "[./]+dist\//, 'from "keycloakify/');
|
|
74
75
|
{
|
|
75
76
|
const targetDirPath = (0,path__WEBPACK_IMPORTED_MODULE_5__.dirname)(targetFilePath);
|
|
76
77
|
if (!fs__WEBPACK_IMPORTED_MODULE_4__.existsSync(targetDirPath)) {
|
package/login/i18n/i18n.js
CHANGED
|
@@ -102,9 +102,16 @@ function createI18nTranslationFunctionsFactory(params) {
|
|
|
102
102
|
} })) : (messageWithArgsInjectedIfAny);
|
|
103
103
|
}
|
|
104
104
|
function resolveMsgAdvanced(props) {
|
|
105
|
+
var _a;
|
|
105
106
|
const { key, args, doRenderAsHtml } = props;
|
|
106
|
-
|
|
107
|
-
|
|
107
|
+
user_profile: {
|
|
108
|
+
if (realmMessageBundleUserProfile === undefined) {
|
|
109
|
+
break user_profile;
|
|
110
|
+
}
|
|
111
|
+
const resolvedMessage = (_a = realmMessageBundleUserProfile[key]) !== null && _a !== void 0 ? _a : realmMessageBundleUserProfile["${" + key + "}"];
|
|
112
|
+
if (resolvedMessage === undefined) {
|
|
113
|
+
break user_profile;
|
|
114
|
+
}
|
|
108
115
|
return doRenderAsHtml ? (_jsx("span", {
|
|
109
116
|
// NOTE: The message is trusted. The arguments are not but are escaped.
|
|
110
117
|
dangerouslySetInnerHTML: {
|
package/login/i18n/i18n.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../src/login/i18n/i18n.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"i18n.js","sourceRoot":"","sources":["../../src/login/i18n/i18n.tsx"],"names":[],"mappings":";AAAA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,yBAAyB,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAavE,MAAM,EAAkD,CAAC;AAyEzD,MAAM,UAAU,aAAa,CAAyC,aAErE;IAKG,MAAM,uBAAuB,GAAG,IAAI,OAAO,EAAyB,CAAC;IAErE,SAAS,OAAO,CAAC,MAAoC;;QACjD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;QAE7B,SAAS,EAAE;YACP,MAAM,YAAY,GAAG,uBAAuB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAE5D,IAAI,YAAY,KAAK,SAAS,EAAE;gBAC5B,MAAM,SAAS,CAAC;aACnB;YAED,OAAO,YAAY,CAAC;SACvB;QAED,MAAM,WAAW,GAA4F;YACzG,kBAAkB,EAAE,MAAA,MAAA,SAAS,CAAC,MAAM,0CAAE,kBAAkB,mCAAI,mBAAmB;YAC/E,kBAAkB,EAAE,cAAc,CAAC,EAAE;gBACjC,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;gBAE7B,MAAM,CAAC,MAAM,KAAK,SAAS,EAAE,kCAAkC,CAAC,CAAC;gBAEjE,MAAM,qBAAqB,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,KAAK,cAAc,CAAC,CAAC;gBAEzG,MAAM,CAAC,qBAAqB,KAAK,SAAS,EAAE,GAAG,cAAc,uCAAuC,CAAC,CAAC;gBAEtG,OAAO,qBAAqB,CAAC,GAAG,CAAC;YACrC,CAAC;YACD,2BAA2B,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,MAAA,MAAA,SAAS,CAAC,MAAM,0CAAE,SAAS,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;SAC7I,CAAC;QAEF,MAAM,EAAE,8BAA8B,EAAE,GAAG,qCAAqC,CAA8B;YAC1G,yBAAyB;YACzB,8BAA8B,EAAE,aAAa,CAAC,mBAAmB,CAAC;YAClE,6BAA6B,EAAE,aAAa,CAAC,WAAW,CAAC,kBAAkB,CAAC;YAC5E,6BAA6B,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC,6BAA6B;YACvF,2BAA2B,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC,2BAA2B;SACtF,CAAC,CAAC;QAEH,MAAM,iCAAiC,GAAG,WAAW,CAAC,kBAAkB,KAAK,mBAAmB,CAAC;QAEjG,MAAM,MAAM,GAAW;YACnB,IAAI,gDACG,WAAW,GACX,8BAA8B,CAAC;gBAC9B,wBAAwB,EAAE,iCAAiC,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,SAAS;aACtG,CAAC,KACF,sBAAsB,EAAE,CAAC,iCAAiC,GAC7D;YACD,sBAAsB,EAAE,iCAAiC;gBACrD,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;oBACR,MAAM,wBAAwB,GAAG,MAAM,WAAW,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;oBAEnF,MAAM,oBAAoB,iDACnB,WAAW,GACX,8BAA8B,CAAC,EAAE,wBAAwB,EAAE,CAAC,KAC/D,sBAAsB,EAAE,KAAK,GAChC,CAAC;oBAEF,sEAAsE;oBACtE,iEAAiE;oBACjE,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;wBAC9B,MAAM,CAAC,IAAI,GAAG,oBAAoB,CAAC;wBACnC,MAAM,CAAC,sBAAsB,GAAG,SAAS,CAAC;oBAC9C,CAAC,CAAC,CAAC;oBAEH,OAAO,oBAAoB,CAAC;gBAChC,CAAC,CAAC,EAAE;SACb,CAAC;QAEF,uBAAuB,CAAC,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;QAE/C,OAAO,MAAM,CAAC;IAClB,CAAC;IAED,OAAO,EAAE,OAAO,EAAE,CAAC;AACvB,CAAC;AAED,SAAS,qCAAqC,CAA4D,MAMzG;IACG,MAAM,EAAE,6BAA6B,EAAE,6BAA6B,EAAE,2BAA2B,EAAE,GAAG,MAAM,CAAC;IAE7G,MAAM,yBAAyB,mCACxB,MAAM,CAAC,yBAAyB,GAChC,MAAM,CAAC,8BAA8B,CAC3C,CAAC;IAEF,SAAS,8BAA8B,CAAC,MAEvC;QACG,MAAM,wBAAwB,mCACvB,MAAM,CAAC,wBAAwB,GAC/B,6BAA6B,CACnC,CAAC;QAEF,SAAS,UAAU,CAAC,KAA6E;YAC7F,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;YAE5C,MAAM,kBAAkB,GAAuB,CAAC,GAAG,EAAE;;gBACjD,MAAM,kBAAkB,GAAG,MAAC,wBAAgC,CAAC,GAAG,CAAC,mCAAK,yBAAiC,CAAC,GAAG,CAAC,CAAC;gBAE7G,IAAI,GAAG,KAAK,WAAW,IAAI,2BAA2B,KAAK,SAAS,EAAE;oBAClE,OAAO,2BAA2B,CAAC;iBACtC;gBAED,OAAO,kBAAkB,CAAC;YAC9B,CAAC,CAAC,EAAE,CAAC;YAEL,IAAI,kBAAkB,KAAK,SAAS,EAAE;gBAClC,OAAO,SAAS,CAAC;aACpB;YAED,MAAM,OAAO,GAAG,kBAAkB,CAAC;YAEnC,MAAM,4BAA4B,GAAG,CAAC,GAAG,EAAE;;gBACvC,MAAM,UAAU,GAAG,MAAA,OAAO;qBACrB,KAAK,CAAC,WAAW,CAAC,0CACjB,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAE,CAAC,CAAC,CAAC,EACnC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAClC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;gBAE9B,IAAI,UAAU,KAAK,SAAS,EAAE;oBAC1B,4CAA4C;oBAC5C,OAAO,OAAO,CAAC;iBAClB;gBAED,IAAI,uBAAuB,GAAG,OAAO,CAAC;gBAEtC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;oBACpB,IAAI,GAAG,KAAK,SAAS,EAAE;wBACnB,OAAO;qBACV;oBAED,uBAAuB,GAAG,uBAAuB,CAAC,OAAO,CACrD,IAAI,MAAM,CAAC,MAAM,CAAC,GAAG,UAAU,KAAK,EAAE,GAAG,CAAC,EAC1C,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAClD,CAAC;gBACN,CAAC,CAAC,CAAC;gBAEH,OAAO,uBAAuB,CAAC;YACnC,CAAC,CAAC,EAAE,CAAC;YAEL,OAAO,cAAc,CAAC,CAAC,CAAC,CACpB;gBACI,uEAAuE;gBACvE,uBAAuB,EAAE;oBACrB,MAAM,EAAE,4BAA4B;iBACvC,GACH,CACL,CAAC,CAAC,CAAC,CACA,4BAA4B,CAC/B,CAAC;QACN,CAAC;QAED,SAAS,kBAAkB,CAAC,KAA6E;;YACrG,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;YAE5C,YAAY,EAAE;gBACV,IAAI,6BAA6B,KAAK,SAAS,EAAE;oBAC7C,MAAM,YAAY,CAAC;iBACtB;gBAED,MAAM,eAAe,GAAG,MAAA,6BAA6B,CAAC,GAAG,CAAC,mCAAI,6BAA6B,CAAC,IAAI,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;gBAE9G,IAAI,eAAe,KAAK,SAAS,EAAE;oBAC/B,MAAM,YAAY,CAAC;iBACtB;gBAED,OAAO,cAAc,CAAC,CAAC,CAAC,CACpB;oBACI,uEAAuE;oBACvE,uBAAuB,EAAE;wBACrB,MAAM,EAAE,eAAe;qBAC1B,GACH,CACL,CAAC,CAAC,CAAC,CACA,eAAe,CAClB,CAAC;aACL;YAED,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;gBAC1B,MAAM,eAAe,GAAG,UAAU,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC;gBAElE,IAAI,eAAe,KAAK,SAAS,EAAE;oBAC/B,OAAO,cAAc,CAAC,CAAC,CAAC,eAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,GAAI,CAAC,CAAC,CAAC,GAAG,CAAC;iBACpF;gBAED,OAAO,eAAe,CAAC;aAC1B;YAED,IAAI,YAAY,GAAG,IAAI,CAAC;YAExB,MAAM,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE;;gBAC1E,MAAM,SAAS,GAAG,MAAA,UAAU,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,mCAAI,KAAK,CAAC;gBAE7G,YAAY,GAAG,KAAK,CAAC;gBAErB,OAAO,SAAS,CAAC;YACrB,CAAC,CAAC,CAAC;YAEH,OAAO,cAAc,CAAC,CAAC,CAAC,eAAM,uBAAuB,EAAE,EAAE,MAAM,EAAE,sBAAsB,EAAE,GAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC;QAC3H,CAAC;QAED,OAAO;YACH,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,CAAW;YACpF,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,CAAgB;YACrF,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,CAC1B,kBAAkB,CAAC;gBACf,GAAG;gBACH,IAAI;gBACJ,cAAc,EAAE,IAAI;aACvB,CAAgB;YACrB,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,CAC7B,kBAAkB,CAAC;gBACf,GAAG;gBACH,IAAI;gBACJ,cAAc,EAAE,KAAK;aACxB,CAAW;SACnB,CAAC;IACN,CAAC;IAED,OAAO,EAAE,8BAA8B,EAAE,CAAC;AAC9C,CAAC"}
|
package/login/pages/Register.js
CHANGED
|
@@ -10,11 +10,12 @@ export default function Register(props) {
|
|
|
10
10
|
const { url, messagesPerField, recaptchaRequired, recaptchaSiteKey, termsAcceptanceRequired } = kcContext;
|
|
11
11
|
const { msg, msgStr } = i18n;
|
|
12
12
|
const [isFormSubmittable, setIsFormSubmittable] = useState(false);
|
|
13
|
-
|
|
13
|
+
const [areTermsAccepted, setAreTermsAccepted] = useState(false);
|
|
14
|
+
return (_jsx(Template, Object.assign({ kcContext: kcContext, i18n: i18n, doUseDefaultCss: doUseDefaultCss, classes: classes, headerNode: msg("registerTitle"), displayMessage: messagesPerField.exists("global"), displayRequiredFields: true }, { children: _jsxs("form", Object.assign({ id: "kc-register-form", className: kcClsx("kcFormClass"), action: url.registrationAction, method: "post" }, { children: [_jsx(UserProfileFormFields, { kcContext: kcContext, i18n: i18n, kcClsx: kcClsx, onIsFormSubmittableValueChange: setIsFormSubmittable, doMakeUserConfirmPassword: doMakeUserConfirmPassword }), termsAcceptanceRequired && (_jsx(TermsAcceptance, { i18n: i18n, kcClsx: kcClsx, messagesPerField: messagesPerField, areTermsAccepted: areTermsAccepted, onAreTermsAcceptedValueChange: setAreTermsAccepted })), recaptchaRequired && (_jsx("div", Object.assign({ className: "form-group" }, { children: _jsx("div", Object.assign({ className: kcClsx("kcInputWrapperClass") }, { children: _jsx("div", { className: "g-recaptcha", "data-size": "compact", "data-sitekey": recaptchaSiteKey }) })) }))), _jsxs("div", Object.assign({ className: kcClsx("kcFormGroupClass") }, { children: [_jsx("div", Object.assign({ id: "kc-form-options", className: kcClsx("kcFormOptionsClass") }, { children: _jsx("div", Object.assign({ className: kcClsx("kcFormOptionsWrapperClass") }, { children: _jsx("span", { children: _jsx("a", Object.assign({ href: url.loginUrl }, { children: msg("backToLogin") })) }) })) })), _jsx("div", Object.assign({ id: "kc-form-buttons", className: kcClsx("kcFormButtonsClass") }, { children: _jsx("input", { disabled: !isFormSubmittable || (termsAcceptanceRequired && !areTermsAccepted), className: kcClsx("kcButtonClass", "kcButtonPrimaryClass", "kcButtonBlockClass", "kcButtonLargeClass"), type: "submit", value: msgStr("doRegister") }) }))] }))] })) })));
|
|
14
15
|
}
|
|
15
16
|
function TermsAcceptance(props) {
|
|
16
|
-
const { i18n, kcClsx, messagesPerField } = props;
|
|
17
|
+
const { i18n, kcClsx, messagesPerField, areTermsAccepted, onAreTermsAcceptedValueChange } = props;
|
|
17
18
|
const { msg } = i18n;
|
|
18
|
-
return (_jsxs(_Fragment, { children: [_jsx("div", Object.assign({ className: "form-group" }, { children: _jsxs("div", Object.assign({ className: kcClsx("kcInputWrapperClass") }, { children: [msg("termsTitle"), _jsx("div", Object.assign({ id: "kc-registration-terms-text" }, { children: msg("termsText") }))] })) })), _jsxs("div", Object.assign({ className: "form-group" }, { children: [_jsxs("div", Object.assign({ className: kcClsx("kcLabelWrapperClass") }, { children: [_jsx("input", { type: "checkbox", id: "termsAccepted", name: "termsAccepted", className: kcClsx("kcCheckboxInputClass"), "aria-invalid": messagesPerField.existsError("termsAccepted") }), _jsx("label", Object.assign({ htmlFor: "termsAccepted", className: kcClsx("kcLabelClass") }, { children: msg("acceptTerms") }))] })), messagesPerField.existsError("termsAccepted") && (_jsx("div", Object.assign({ className: kcClsx("kcLabelWrapperClass") }, { children: _jsx("span", Object.assign({ id: "input-error-terms-accepted", className: kcClsx("kcInputErrorMessageClass"), "aria-live": "polite" }, { children: messagesPerField.get("termsAccepted") })) })))] }))] }));
|
|
19
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", Object.assign({ className: "form-group" }, { children: _jsxs("div", Object.assign({ className: kcClsx("kcInputWrapperClass") }, { children: [msg("termsTitle"), _jsx("div", Object.assign({ id: "kc-registration-terms-text" }, { children: msg("termsText") }))] })) })), _jsxs("div", Object.assign({ className: "form-group" }, { children: [_jsxs("div", Object.assign({ className: kcClsx("kcLabelWrapperClass") }, { children: [_jsx("input", { type: "checkbox", id: "termsAccepted", name: "termsAccepted", className: kcClsx("kcCheckboxInputClass"), checked: areTermsAccepted, onChange: e => onAreTermsAcceptedValueChange(e.target.checked), "aria-invalid": messagesPerField.existsError("termsAccepted") }), _jsx("label", Object.assign({ htmlFor: "termsAccepted", className: kcClsx("kcLabelClass") }, { children: msg("acceptTerms") }))] })), messagesPerField.existsError("termsAccepted") && (_jsx("div", Object.assign({ className: kcClsx("kcLabelWrapperClass") }, { children: _jsx("span", Object.assign({ id: "input-error-terms-accepted", className: kcClsx("kcInputErrorMessageClass"), "aria-live": "polite" }, { children: messagesPerField.get("termsAccepted") })) })))] }))] }));
|
|
19
20
|
}
|
|
20
21
|
//# sourceMappingURL=Register.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Register.js","sourceRoot":"","sources":["../../src/login/pages/Register.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAe,MAAM,8BAA8B,CAAC;AAWtE,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAoB;IACjD,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,GAAG,KAAK,CAAC;IAExH,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;QACzB,eAAe;QACf,OAAO;KACV,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,GAAG,SAAS,CAAC;IAE1G,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAE7B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Register.js","sourceRoot":"","sources":["../../src/login/pages/Register.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/bin/add-story.ts
CHANGED
|
@@ -81,7 +81,8 @@ export async function command(params: { cliCommandOptions: CliCommandOptions })
|
|
|
81
81
|
)
|
|
82
82
|
)
|
|
83
83
|
.toString("utf8")
|
|
84
|
-
.replace('import React from "react";\n', "")
|
|
84
|
+
.replace('import React from "react";\n', "")
|
|
85
|
+
.replace(/from "[./]+dist\//, 'from "keycloakify/');
|
|
85
86
|
|
|
86
87
|
{
|
|
87
88
|
const targetDirPath = pathDirname(targetFilePath);
|
package/src/login/i18n/i18n.tsx
CHANGED
|
@@ -259,8 +259,16 @@ function createI18nTranslationFunctionsFactory<MessageKey extends string, ExtraM
|
|
|
259
259
|
function resolveMsgAdvanced(props: { key: string; args: (string | undefined)[]; doRenderAsHtml: boolean }): JSX.Element | string {
|
|
260
260
|
const { key, args, doRenderAsHtml } = props;
|
|
261
261
|
|
|
262
|
-
|
|
263
|
-
|
|
262
|
+
user_profile: {
|
|
263
|
+
if (realmMessageBundleUserProfile === undefined) {
|
|
264
|
+
break user_profile;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
const resolvedMessage = realmMessageBundleUserProfile[key] ?? realmMessageBundleUserProfile["${" + key + "}"];
|
|
268
|
+
|
|
269
|
+
if (resolvedMessage === undefined) {
|
|
270
|
+
break user_profile;
|
|
271
|
+
}
|
|
264
272
|
|
|
265
273
|
return doRenderAsHtml ? (
|
|
266
274
|
<span
|
|
@@ -24,6 +24,7 @@ export default function Register(props: RegisterProps) {
|
|
|
24
24
|
const { msg, msgStr } = i18n;
|
|
25
25
|
|
|
26
26
|
const [isFormSubmittable, setIsFormSubmittable] = useState(false);
|
|
27
|
+
const [areTermsAccepted, setAreTermsAccepted] = useState(false);
|
|
27
28
|
|
|
28
29
|
return (
|
|
29
30
|
<Template
|
|
@@ -43,7 +44,15 @@ export default function Register(props: RegisterProps) {
|
|
|
43
44
|
onIsFormSubmittableValueChange={setIsFormSubmittable}
|
|
44
45
|
doMakeUserConfirmPassword={doMakeUserConfirmPassword}
|
|
45
46
|
/>
|
|
46
|
-
{termsAcceptanceRequired &&
|
|
47
|
+
{termsAcceptanceRequired && (
|
|
48
|
+
<TermsAcceptance
|
|
49
|
+
i18n={i18n}
|
|
50
|
+
kcClsx={kcClsx}
|
|
51
|
+
messagesPerField={messagesPerField}
|
|
52
|
+
areTermsAccepted={areTermsAccepted}
|
|
53
|
+
onAreTermsAcceptedValueChange={setAreTermsAccepted}
|
|
54
|
+
/>
|
|
55
|
+
)}
|
|
47
56
|
{recaptchaRequired && (
|
|
48
57
|
<div className="form-group">
|
|
49
58
|
<div className={kcClsx("kcInputWrapperClass")}>
|
|
@@ -61,7 +70,7 @@ export default function Register(props: RegisterProps) {
|
|
|
61
70
|
</div>
|
|
62
71
|
<div id="kc-form-buttons" className={kcClsx("kcFormButtonsClass")}>
|
|
63
72
|
<input
|
|
64
|
-
disabled={!isFormSubmittable}
|
|
73
|
+
disabled={!isFormSubmittable || (termsAcceptanceRequired && !areTermsAccepted)}
|
|
65
74
|
className={kcClsx("kcButtonClass", "kcButtonPrimaryClass", "kcButtonBlockClass", "kcButtonLargeClass")}
|
|
66
75
|
type="submit"
|
|
67
76
|
value={msgStr("doRegister")}
|
|
@@ -73,8 +82,14 @@ export default function Register(props: RegisterProps) {
|
|
|
73
82
|
);
|
|
74
83
|
}
|
|
75
84
|
|
|
76
|
-
function TermsAcceptance(props: {
|
|
77
|
-
|
|
85
|
+
function TermsAcceptance(props: {
|
|
86
|
+
i18n: I18n;
|
|
87
|
+
kcClsx: KcClsx;
|
|
88
|
+
messagesPerField: Pick<KcContext["messagesPerField"], "existsError" | "get">;
|
|
89
|
+
areTermsAccepted: boolean;
|
|
90
|
+
onAreTermsAcceptedValueChange: (areTermsAccepted: boolean) => void;
|
|
91
|
+
}) {
|
|
92
|
+
const { i18n, kcClsx, messagesPerField, areTermsAccepted, onAreTermsAcceptedValueChange } = props;
|
|
78
93
|
|
|
79
94
|
const { msg } = i18n;
|
|
80
95
|
|
|
@@ -93,6 +108,8 @@ function TermsAcceptance(props: { i18n: I18n; kcClsx: KcClsx; messagesPerField:
|
|
|
93
108
|
id="termsAccepted"
|
|
94
109
|
name="termsAccepted"
|
|
95
110
|
className={kcClsx("kcCheckboxInputClass")}
|
|
111
|
+
checked={areTermsAccepted}
|
|
112
|
+
onChange={e => onAreTermsAcceptedValueChange(e.target.checked)}
|
|
96
113
|
aria-invalid={messagesPerField.existsError("termsAccepted")}
|
|
97
114
|
/>
|
|
98
115
|
<label htmlFor="termsAccepted" className={kcClsx("kcLabelClass")}>
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { Meta, StoryObj } from "@storybook/react";
|
|
3
3
|
import { createKcPageStory } from "../KcPageStory";
|
|
4
|
+
import type { Attribute } from "../../../dist/login";
|
|
4
5
|
|
|
5
6
|
const { KcPageStory } = createKcPageStory({ pageId: "register.ftl" });
|
|
6
7
|
|
|
@@ -48,23 +49,84 @@ export const WithEmailAlreadyExists: Story = {
|
|
|
48
49
|
)
|
|
49
50
|
};
|
|
50
51
|
|
|
51
|
-
export const
|
|
52
|
+
export const WithRestrictedToMITStudents: Story = {
|
|
52
53
|
render: () => (
|
|
53
54
|
<KcPageStory
|
|
54
55
|
kcContext={{
|
|
55
|
-
|
|
56
|
-
|
|
56
|
+
profile: {
|
|
57
|
+
attributesByName: {
|
|
58
|
+
email: {
|
|
59
|
+
validators: {
|
|
60
|
+
pattern: {
|
|
61
|
+
pattern: "^[^@]+@([^.]+\\.)*((mit\\.edu)|(berkeley\\.edu))$",
|
|
62
|
+
"error-message": "${profile.attributes.email.pattern.error}"
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
annotations: {
|
|
66
|
+
inputHelperTextBefore: "${profile.attributes.email.inputHelperTextBefore}"
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
"x-keycloakify": {
|
|
72
|
+
realmMessageBundleUserProfile: {
|
|
73
|
+
"${profile.attributes.email.inputHelperTextBefore}": "Please use your MIT or Berkeley email.",
|
|
74
|
+
"${profile.attributes.email.pattern.error}":
|
|
75
|
+
"This is not an MIT (<strong>@mit.edu</strong>) nor a Berkeley (<strong>@berkeley.edu</strong>) email."
|
|
76
|
+
}
|
|
57
77
|
}
|
|
58
78
|
}}
|
|
59
79
|
/>
|
|
60
80
|
)
|
|
61
81
|
};
|
|
62
82
|
|
|
63
|
-
export const
|
|
83
|
+
export const WithFavoritePet: Story = {
|
|
64
84
|
render: () => (
|
|
65
85
|
<KcPageStory
|
|
66
86
|
kcContext={{
|
|
67
|
-
|
|
87
|
+
profile: {
|
|
88
|
+
attributesByName: {
|
|
89
|
+
favoritePet: {
|
|
90
|
+
name: "favorite-pet",
|
|
91
|
+
displayName: "${profile.attributes.favoritePet}",
|
|
92
|
+
validators: {
|
|
93
|
+
options: {
|
|
94
|
+
options: ["cat", "dog", "fish"]
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
annotations: {
|
|
98
|
+
inputOptionLabelsI18nPrefix: "profile.attributes.favoritePet.options"
|
|
99
|
+
},
|
|
100
|
+
required: false,
|
|
101
|
+
readOnly: false
|
|
102
|
+
} satisfies Attribute
|
|
103
|
+
}
|
|
104
|
+
},
|
|
105
|
+
"x-keycloakify": {
|
|
106
|
+
realmMessageBundleUserProfile: {
|
|
107
|
+
"${profile.attributes.favoritePet}": "Favorite Pet",
|
|
108
|
+
"${profile.attributes.favoritePet.options.cat}": "Fluffy Cat",
|
|
109
|
+
"${profile.attributes.favoritePet.options.dog}": "Loyal Dog",
|
|
110
|
+
"${profile.attributes.favoritePet.options.fish}": "Peaceful Fish"
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}}
|
|
114
|
+
/>
|
|
115
|
+
)
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
export const WithEmailAsUsername: Story = {
|
|
119
|
+
render: () => (
|
|
120
|
+
<KcPageStory
|
|
121
|
+
kcContext={{
|
|
122
|
+
realm: {
|
|
123
|
+
registrationEmailAsUsername: true
|
|
124
|
+
},
|
|
125
|
+
profile: {
|
|
126
|
+
attributesByName: {
|
|
127
|
+
username: undefined
|
|
128
|
+
}
|
|
129
|
+
}
|
|
68
130
|
}}
|
|
69
131
|
/>
|
|
70
132
|
)
|
|
@@ -97,37 +159,25 @@ export const WithRecaptchaFrench: Story = {
|
|
|
97
159
|
)
|
|
98
160
|
};
|
|
99
161
|
|
|
100
|
-
export const
|
|
162
|
+
export const WithPasswordMinLength8: Story = {
|
|
101
163
|
render: () => (
|
|
102
164
|
<KcPageStory
|
|
103
165
|
kcContext={{
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
firstName: {
|
|
107
|
-
value: "Max"
|
|
108
|
-
},
|
|
109
|
-
lastName: {
|
|
110
|
-
value: "Mustermann"
|
|
111
|
-
},
|
|
112
|
-
email: {
|
|
113
|
-
value: "max.mustermann@gmail.com"
|
|
114
|
-
},
|
|
115
|
-
username: {
|
|
116
|
-
value: "max.mustermann"
|
|
117
|
-
}
|
|
118
|
-
}
|
|
166
|
+
passwordPolicies: {
|
|
167
|
+
length: 8
|
|
119
168
|
}
|
|
120
169
|
}}
|
|
121
170
|
/>
|
|
122
171
|
)
|
|
123
172
|
};
|
|
124
173
|
|
|
125
|
-
export const
|
|
174
|
+
export const WithTermsAcceptance: Story = {
|
|
126
175
|
render: () => (
|
|
127
176
|
<KcPageStory
|
|
128
177
|
kcContext={{
|
|
129
|
-
|
|
130
|
-
|
|
178
|
+
termsAcceptanceRequired: true,
|
|
179
|
+
"x-keycloakify": {
|
|
180
|
+
realmMessageBundleTermsText: "<a href='https://example.com/terms'>Service Terms of Use</a>"
|
|
131
181
|
}
|
|
132
182
|
}}
|
|
133
183
|
/>
|