keycloakify 10.0.0-rc.96 → 10.0.0-rc.99
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/account/pages/Applications.js +1 -1
- package/account/pages/Applications.js.map +1 -1
- package/bin/{456.index.js → 966.index.js} +3 -1971
- package/bin/main.js +1981 -7
- package/login/pages/Register.js +4 -3
- package/login/pages/Register.js.map +1 -1
- package/package.json +4 -2
- package/src/account/pages/Applications.tsx +0 -1
- package/src/bin/main.ts +3 -0
- package/src/bin/tools/assertNoPnpmDlx.ts +15 -0
- package/src/login/pages/Register.tsx +21 -4
- package/stories/account/pages/Applications.stories.tsx +80 -0
- package/stories/login/pages/Register.stories.tsx +13 -0
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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "keycloakify",
|
|
3
|
-
"version": "10.0.0-rc.
|
|
3
|
+
"version": "10.0.0-rc.99",
|
|
4
4
|
"description": "Create Keycloak themes using React",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -510,6 +510,7 @@
|
|
|
510
510
|
"src/bin/tools/OptionalIfCanBeUndefined.ts",
|
|
511
511
|
"src/bin/tools/SemVer.ts",
|
|
512
512
|
"src/bin/tools/String.prototype.replaceAll.ts",
|
|
513
|
+
"src/bin/tools/assertNoPnpmDlx.ts",
|
|
513
514
|
"src/bin/tools/crawl.ts",
|
|
514
515
|
"src/bin/tools/crc32.ts",
|
|
515
516
|
"src/bin/tools/deflate.ts",
|
|
@@ -645,6 +646,7 @@
|
|
|
645
646
|
"src/vite-plugin/tsconfig.json",
|
|
646
647
|
"src/vite-plugin/vite-plugin.ts",
|
|
647
648
|
"stories/account/pages/Account.stories.tsx",
|
|
649
|
+
"stories/account/pages/Applications.stories.tsx",
|
|
648
650
|
"stories/account/pages/FederatedIdentity.stories.tsx",
|
|
649
651
|
"stories/account/pages/Log.stories.tsx",
|
|
650
652
|
"stories/account/pages/Password.stories.tsx",
|
|
@@ -773,7 +775,6 @@
|
|
|
773
775
|
"bin/430.index.js",
|
|
774
776
|
"bin/440.index.js",
|
|
775
777
|
"bin/453.index.js",
|
|
776
|
-
"bin/456.index.js",
|
|
777
778
|
"bin/490.index.js",
|
|
778
779
|
"bin/525.index.js",
|
|
779
780
|
"bin/526.index.js",
|
|
@@ -782,6 +783,7 @@
|
|
|
782
783
|
"bin/877.index.js",
|
|
783
784
|
"bin/893.index.js",
|
|
784
785
|
"bin/932.index.js",
|
|
786
|
+
"bin/966.index.js",
|
|
785
787
|
"bin/97.index.js",
|
|
786
788
|
"bin/shared/constants.js",
|
|
787
789
|
"bin/shared/buildContext.d.ts",
|
|
@@ -62,7 +62,6 @@ export default function Applications(props: PageProps<Extract<KcContext, { pageI
|
|
|
62
62
|
{index < application.realmRolesAvailable.length - 1 && ", "}
|
|
63
63
|
</span>
|
|
64
64
|
))}
|
|
65
|
-
{!isArrayWithEmptyObject(application.realmRolesAvailable) && application.resourceRolesAvailable && ", "}
|
|
66
65
|
{application.resourceRolesAvailable &&
|
|
67
66
|
Object.keys(application.resourceRolesAvailable).map(resource => (
|
|
68
67
|
<span key={resource}>
|
package/src/bin/main.ts
CHANGED
|
@@ -3,11 +3,14 @@
|
|
|
3
3
|
import { termost } from "termost";
|
|
4
4
|
import { readThisNpmPackageVersion } from "./tools/readThisNpmPackageVersion";
|
|
5
5
|
import * as child_process from "child_process";
|
|
6
|
+
import { assertNoPnpmDlx } from "./tools/assertNoPnpmDlx";
|
|
6
7
|
|
|
7
8
|
export type CliCommandOptions = {
|
|
8
9
|
projectDirPath: string | undefined;
|
|
9
10
|
};
|
|
10
11
|
|
|
12
|
+
assertNoPnpmDlx();
|
|
13
|
+
|
|
11
14
|
const program = termost<CliCommandOptions>(
|
|
12
15
|
{
|
|
13
16
|
name: "keycloakify",
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { sep as pathSep } from "path";
|
|
2
|
+
import chalk from "chalk";
|
|
3
|
+
|
|
4
|
+
export function assertNoPnpmDlx() {
|
|
5
|
+
if (__dirname.includes(`${pathSep}pnpm${pathSep}dlx${pathSep}`)) {
|
|
6
|
+
console.log(
|
|
7
|
+
[
|
|
8
|
+
chalk.red("Please don't use `pnpm dlx keycloakify`"),
|
|
9
|
+
"\nUse `npx keycloakify` or `pnpm exec keycloakify` instead since you want to use the keycloakify",
|
|
10
|
+
"version that is installed in your project and not the latest version on NPM."
|
|
11
|
+
].join(" ")
|
|
12
|
+
);
|
|
13
|
+
process.exit(1);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
@@ -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")}>
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
3
|
+
import { createKcPageStory } from "../KcPageStory";
|
|
4
|
+
|
|
5
|
+
const { KcPageStory } = createKcPageStory({ pageId: "applications.ftl" });
|
|
6
|
+
|
|
7
|
+
const meta = {
|
|
8
|
+
title: "account/applications.ftl",
|
|
9
|
+
component: KcPageStory
|
|
10
|
+
} satisfies Meta<typeof KcPageStory>;
|
|
11
|
+
|
|
12
|
+
export default meta;
|
|
13
|
+
|
|
14
|
+
type Story = StoryObj<typeof meta>;
|
|
15
|
+
|
|
16
|
+
export const Default: Story = {
|
|
17
|
+
render: () => (
|
|
18
|
+
<KcPageStory
|
|
19
|
+
kcContext={{
|
|
20
|
+
pageId: "applications.ftl",
|
|
21
|
+
applications: {
|
|
22
|
+
applications: [
|
|
23
|
+
{
|
|
24
|
+
realmRolesAvailable: [
|
|
25
|
+
{
|
|
26
|
+
name: "realmRoleName1",
|
|
27
|
+
description: "realm role description 1"
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
name: "realmRoleName2",
|
|
31
|
+
description: "realm role description 2"
|
|
32
|
+
}
|
|
33
|
+
],
|
|
34
|
+
resourceRolesAvailable: {
|
|
35
|
+
resource1: [
|
|
36
|
+
{
|
|
37
|
+
roleName: "Resource Role Name 1",
|
|
38
|
+
roleDescription: "Resource role 1 description",
|
|
39
|
+
clientName: "Client Name 1",
|
|
40
|
+
clientId: "client1"
|
|
41
|
+
}
|
|
42
|
+
],
|
|
43
|
+
resource2: [
|
|
44
|
+
{
|
|
45
|
+
roleName: "Resource Role Name 2",
|
|
46
|
+
clientName: "Client Name 1",
|
|
47
|
+
clientId: "client1"
|
|
48
|
+
}
|
|
49
|
+
]
|
|
50
|
+
},
|
|
51
|
+
additionalGrants: ["grant1", "grant2"],
|
|
52
|
+
clientScopesGranted: ["scope1", "scope2"],
|
|
53
|
+
effectiveUrl: "#",
|
|
54
|
+
client: {
|
|
55
|
+
clientId: "application1",
|
|
56
|
+
name: "Application 1",
|
|
57
|
+
consentRequired: true
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
realmRolesAvailable: [
|
|
62
|
+
{
|
|
63
|
+
name: "Realm Role Name 1"
|
|
64
|
+
}
|
|
65
|
+
],
|
|
66
|
+
resourceRolesAvailable: {},
|
|
67
|
+
additionalGrants: [],
|
|
68
|
+
clientScopesGranted: [],
|
|
69
|
+
effectiveUrl: "#",
|
|
70
|
+
client: {
|
|
71
|
+
clientId: "application2",
|
|
72
|
+
name: "Application 2"
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
]
|
|
76
|
+
}
|
|
77
|
+
}}
|
|
78
|
+
/>
|
|
79
|
+
)
|
|
80
|
+
};
|
|
@@ -170,3 +170,16 @@ export const WithPasswordMinLength8: Story = {
|
|
|
170
170
|
/>
|
|
171
171
|
)
|
|
172
172
|
};
|
|
173
|
+
|
|
174
|
+
export const WithTermsAcceptance: Story = {
|
|
175
|
+
render: () => (
|
|
176
|
+
<KcPageStory
|
|
177
|
+
kcContext={{
|
|
178
|
+
termsAcceptanceRequired: true,
|
|
179
|
+
"x-keycloakify": {
|
|
180
|
+
realmMessageBundleTermsText: "<a href='https://example.com/terms'>Service Terms of Use</a>"
|
|
181
|
+
}
|
|
182
|
+
}}
|
|
183
|
+
/>
|
|
184
|
+
)
|
|
185
|
+
};
|