keycloakify 10.0.0-rc.2 → 10.0.0-rc.21

package/src/login/lib/useDownloadTerms.ts

@@ -4,11 +4,13 @@ import { fallbackLanguageTag } from "keycloakify/login/i18n/i18n";
 import { useConst } from "keycloakify/tools/useConst";
 import { useConstCallback } from "keycloakify/tools/useConstCallback";
 import { assert } from "tsafe/assert";
-import { Evt } from "evt";
-import { useRerenderOnStateChange } from "evt/hooks/useRerenderOnStateChange";
+import {
+    createStatefulObservable,
+    useRerenderOnChange
+} from "keycloakify/tools/StatefulObservable";
 import { KcContext } from "../kcContext";
 
-const evtTermsMarkdown = Evt.create<string | undefined>(undefined);
+const obsTermsMarkdown = createStatefulObservable<string | undefined>(() => undefined);
 
 export type KcContextLike = {
     pageId: string;
@@ -33,7 +35,9 @@ export function useDownloadTerms(params: {
         const downloadTermMarkdownConst = useConstCallback(downloadTermMarkdown);
 
         const downloadTermMarkdownMemoized = useConst(() =>
-            memoize((currentLanguageTag: string) => downloadTermMarkdownConst({ currentLanguageTag }))
+            memoize((currentLanguageTag: string) =>
+                downloadTermMarkdownConst({ currentLanguageTag })
+            )
         );
 
         return { downloadTermMarkdownMemoized };
@@ -41,17 +45,17 @@ export function useDownloadTerms(params: {
 
     useEffect(() => {
         if (kcContext.pageId === "terms.ftl" || kcContext.termsAcceptanceRequired) {
-            downloadTermMarkdownMemoized(kcContext.locale?.currentLanguageTag ?? fallbackLanguageTag).then(
-                thermMarkdown => (evtTermsMarkdown.state = thermMarkdown)
-            );
+            downloadTermMarkdownMemoized(
+                kcContext.locale?.currentLanguageTag ?? fallbackLanguageTag
+            ).then(thermMarkdown => (obsTermsMarkdown.current = thermMarkdown));
         }
     }, []);
 }
 
 export function useTermsMarkdown() {
-    useRerenderOnStateChange(evtTermsMarkdown);
+    useRerenderOnChange(obsTermsMarkdown);
 
-    const termsMarkdown = evtTermsMarkdown.state;
+    const termsMarkdown = obsTermsMarkdown.current;
 
     return { termsMarkdown };
 }

package/src/login/lib/useGetClassName.ts

@@ -2,131 +2,138 @@ import { createUseClassName } from "keycloakify/lib/useGetClassName";
 import type { ClassKey } from "keycloakify/login/TemplateProps";
 
 export const { useGetClassName } = createUseClassName<ClassKey>({
-    "defaultClasses": {
-        "kcBodyClass": undefined,
-        "kcHeaderWrapperClass": undefined,
-        "kcLocaleWrapperClass": undefined,
-        "kcInfoAreaWrapperClass": undefined,
-        "kcFormButtonsWrapperClass": undefined,
-        "kcFormOptionsWrapperClass": undefined,
-        "kcLocaleDropDownClass": undefined,
-        "kcLocaleListItemClass": undefined,
-        "kcContentWrapperClass": undefined,
-        "kcCheckboxInputClass": undefined,
+    defaultClasses: {
+        kcBodyClass: undefined,
+        kcHeaderWrapperClass: undefined,
+        kcLocaleWrapperClass: undefined,
+        kcInfoAreaWrapperClass: undefined,
+        kcFormButtonsWrapperClass: undefined,
+        kcFormOptionsWrapperClass: undefined,
+        kcLocaleDropDownClass: undefined,
+        kcLocaleListItemClass: undefined,
+        kcContentWrapperClass: undefined,
+        kcCheckboxInputClass: undefined,
 
         "kcLogoIdP-facebook": "fa fa-facebook",
-        "kcAuthenticatorOTPClass": "fa fa-mobile list-view-pf-icon-lg",
+        kcAuthenticatorOTPClass: "fa fa-mobile list-view-pf-icon-lg",
         "kcLogoIdP-bitbucket": "fa fa-bitbucket",
-        "kcAuthenticatorWebAuthnClass": "fa fa-key list-view-pf-icon-lg",
-        "kcWebAuthnDefaultIcon": "pficon pficon-key",
+        kcAuthenticatorWebAuthnClass: "fa fa-key list-view-pf-icon-lg",
+        kcWebAuthnDefaultIcon: "pficon pficon-key",
         "kcLogoIdP-stackoverflow": "fa fa-stack-overflow",
-        "kcSelectAuthListItemClass": "pf-l-stack__item select-auth-box-parent pf-l-split",
+        kcSelectAuthListItemClass: "pf-l-stack__item select-auth-box-parent pf-l-split",
         "kcLogoIdP-microsoft": "fa fa-windows",
-        "kcLoginOTPListItemHeaderClass": "pf-c-tile__header",
-        "kcLocaleItemClass": "pf-c-dropdown__menu-item",
-        "kcLoginOTPListItemIconBodyClass": "pf-c-tile__icon",
-        "kcInputHelperTextAfterClass": "pf-c-form__helper-text pf-c-form__helper-text-after",
-        "kcFormClass": "form-horizontal",
-        "kcSelectAuthListClass": "pf-l-stack select-auth-container",
-        "kcInputClassRadioCheckboxLabelDisabled": "pf-m-disabled",
-        "kcSelectAuthListItemIconClass": "pf-l-split__item select-auth-box-icon",
-        "kcRecoveryCodesWarning": "kc-recovery-codes-warning",
-        "kcFormSettingClass": "login-pf-settings",
-        "kcWebAuthnBLE": "fa fa-bluetooth-b",
-        "kcInputWrapperClass": "col-xs-12 col-sm-12 col-md-12 col-lg-12",
-        "kcSelectAuthListItemArrowIconClass": "fa fa-angle-right fa-lg",
-        "kcFeedbackAreaClass": "col-md-12",
-        "kcFormPasswordVisibilityButtonClass": "pf-c-button pf-m-control",
+        kcLoginOTPListItemHeaderClass: "pf-c-tile__header",
+        kcLocaleItemClass: "pf-c-dropdown__menu-item",
+        kcLoginOTPListItemIconBodyClass: "pf-c-tile__icon",
+        kcInputHelperTextAfterClass:
+            "pf-c-form__helper-text pf-c-form__helper-text-after",
+        kcFormClass: "form-horizontal",
+        kcSelectAuthListClass: "pf-l-stack select-auth-container",
+        kcInputClassRadioCheckboxLabelDisabled: "pf-m-disabled",
+        kcSelectAuthListItemIconClass: "pf-l-split__item select-auth-box-icon",
+        kcRecoveryCodesWarning: "kc-recovery-codes-warning",
+        kcFormSettingClass: "login-pf-settings",
+        kcWebAuthnBLE: "fa fa-bluetooth-b",
+        kcInputWrapperClass: "col-xs-12 col-sm-12 col-md-12 col-lg-12",
+        kcSelectAuthListItemArrowIconClass: "fa fa-angle-right fa-lg",
+        kcFeedbackAreaClass: "col-md-12",
+        kcFormPasswordVisibilityButtonClass: "pf-c-button pf-m-control",
         "kcLogoIdP-google": "fa fa-google",
-        "kcCheckLabelClass": "pf-c-check__label",
-        "kcSelectAuthListItemFillClass": "pf-l-split__item pf-m-fill",
-        "kcAuthenticatorDefaultClass": "fa fa-list list-view-pf-icon-lg",
+        kcCheckLabelClass: "pf-c-check__label",
+        kcSelectAuthListItemFillClass: "pf-l-split__item pf-m-fill",
+        kcAuthenticatorDefaultClass: "fa fa-list list-view-pf-icon-lg",
         "kcLogoIdP-gitlab": "fa fa-gitlab",
-        "kcFormAreaClass": "col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2",
-        "kcFormButtonsClass": "col-xs-12 col-sm-12 col-md-12 col-lg-12",
-        "kcInputClassRadioLabel": "pf-c-radio__label",
-        "kcAuthenticatorWebAuthnPasswordlessClass": "fa fa-key list-view-pf-icon-lg",
-        "kcSelectAuthListItemHeadingClass": "pf-l-stack__item select-auth-box-headline pf-c-title",
-        "kcInfoAreaClass": "col-xs-12 col-sm-4 col-md-4 col-lg-5 details",
-        "kcLogoLink": "http://www.keycloak.org",
-        "kcContainerClass": "container-fluid",
-        "kcSelectAuthListItemTitle": "select-auth-box-paragraph",
-        "kcHtmlClass": "login-pf",
-        "kcLoginOTPListItemTitleClass": "pf-c-tile__title",
+        kcFormAreaClass:
+            "col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2",
+        kcFormButtonsClass: "col-xs-12 col-sm-12 col-md-12 col-lg-12",
+        kcInputClassRadioLabel: "pf-c-radio__label",
+        kcAuthenticatorWebAuthnPasswordlessClass: "fa fa-key list-view-pf-icon-lg",
+        kcSelectAuthListItemHeadingClass:
+            "pf-l-stack__item select-auth-box-headline pf-c-title",
+        kcInfoAreaClass: "col-xs-12 col-sm-4 col-md-4 col-lg-5 details",
+        kcLogoLink: "http://www.keycloak.org",
+        kcContainerClass: "container-fluid",
+        kcSelectAuthListItemTitle: "select-auth-box-paragraph",
+        kcHtmlClass: "login-pf",
+        kcLoginOTPListItemTitleClass: "pf-c-tile__title",
         "kcLogoIdP-openshift-v4": "pf-icon pf-icon-openshift",
-        "kcWebAuthnUnknownIcon": "pficon pficon-key unknown-transport-class",
-        "kcFormSocialAccountNameClass": "kc-social-provider-name",
+        kcWebAuthnUnknownIcon: "pficon pficon-key unknown-transport-class",
+        kcFormSocialAccountNameClass: "kc-social-provider-name",
         "kcLogoIdP-openshift-v3": "pf-icon pf-icon-openshift",
-        "kcLoginOTPListInputClass": "pf-c-tile__input",
-        "kcWebAuthnUSB": "fa fa-usb",
-        "kcInputClassRadio": "pf-c-radio",
-        "kcWebAuthnKeyIcon": "pficon pficon-key",
-        "kcFeedbackInfoIcon": "fa fa-fw fa-info-circle",
-        "kcCommonLogoIdP": "kc-social-provider-logo kc-social-gray",
-        "kcRecoveryCodesActions": "kc-recovery-codes-actions",
-        "kcFormGroupHeader": "pf-c-form__group",
-        "kcFormSocialAccountSectionClass": "kc-social-section kc-social-gray",
+        kcLoginOTPListInputClass: "pf-c-tile__input",
+        kcWebAuthnUSB: "fa fa-usb",
+        kcInputClassRadio: "pf-c-radio",
+        kcWebAuthnKeyIcon: "pficon pficon-key",
+        kcFeedbackInfoIcon: "fa fa-fw fa-info-circle",
+        kcCommonLogoIdP: "kc-social-provider-logo kc-social-gray",
+        kcRecoveryCodesActions: "kc-recovery-codes-actions",
+        kcFormGroupHeader: "pf-c-form__group",
+        kcFormSocialAccountSectionClass: "kc-social-section kc-social-gray",
         "kcLogoIdP-instagram": "fa fa-instagram",
-        "kcAlertClass": "pf-c-alert pf-m-inline",
-        "kcHeaderClass": "login-pf-page-header",
-        "kcLabelWrapperClass": "col-xs-12 col-sm-12 col-md-12 col-lg-12",
-        "kcFormPasswordVisibilityIconShow": "fa fa-eye",
-        "kcFormSocialAccountLinkClass": "pf-c-login__main-footer-links-item-link",
-        "kcLocaleMainClass": "pf-c-dropdown",
-        "kcInputGroup": "pf-c-input-group",
-        "kcTextareaClass": "form-control",
-        "kcButtonBlockClass": "pf-m-block",
-        "kcButtonClass": "pf-c-button",
-        "kcWebAuthnNFC": "fa fa-wifi",
-        "kcLocaleClass": "col-xs-12 col-sm-1",
-        "kcInputClassCheckboxInput": "pf-c-check__input",
-        "kcFeedbackErrorIcon": "fa fa-fw fa-exclamation-circle",
-        "kcInputLargeClass": "input-lg",
-        "kcInputErrorMessageClass": "pf-c-form__helper-text pf-m-error required kc-feedback-text",
-        "kcRecoveryCodesList": "kc-recovery-codes-list",
-        "kcFormSocialAccountListClass": "pf-c-login__main-footer-links kc-social-links",
-        "kcAlertTitleClass": "pf-c-alert__title kc-feedback-text",
-        "kcAuthenticatorPasswordClass": "fa fa-unlock list-view-pf-icon-lg",
-        "kcCheckInputClass": "pf-c-check__input",
+        kcAlertClass: "pf-c-alert pf-m-inline",
+        kcHeaderClass: "login-pf-page-header",
+        kcLabelWrapperClass: "col-xs-12 col-sm-12 col-md-12 col-lg-12",
+        kcFormPasswordVisibilityIconShow: "fa fa-eye",
+        kcFormSocialAccountLinkClass: "pf-c-login__main-footer-links-item-link",
+        kcLocaleMainClass: "pf-c-dropdown",
+        kcInputGroup: "pf-c-input-group",
+        kcTextareaClass: "form-control",
+        kcButtonBlockClass: "pf-m-block",
+        kcButtonClass: "pf-c-button",
+        kcWebAuthnNFC: "fa fa-wifi",
+        kcLocaleClass: "col-xs-12 col-sm-1",
+        kcInputClassCheckboxInput: "pf-c-check__input",
+        kcFeedbackErrorIcon: "fa fa-fw fa-exclamation-circle",
+        kcInputLargeClass: "input-lg",
+        kcInputErrorMessageClass:
+            "pf-c-form__helper-text pf-m-error required kc-feedback-text",
+        kcRecoveryCodesList: "kc-recovery-codes-list",
+        kcFormSocialAccountListClass: "pf-c-login__main-footer-links kc-social-links",
+        kcAlertTitleClass: "pf-c-alert__title kc-feedback-text",
+        kcAuthenticatorPasswordClass: "fa fa-unlock list-view-pf-icon-lg",
+        kcCheckInputClass: "pf-c-check__input",
         "kcLogoIdP-linkedin": "fa fa-linkedin",
         "kcLogoIdP-twitter": "fa fa-twitter",
-        "kcFeedbackWarningIcon": "fa fa-fw fa-exclamation-triangle",
-        "kcResetFlowIcon": "pficon pficon-arrow fa",
-        "kcSelectAuthListItemIconPropertyClass": "fa-2x select-auth-box-icon-properties",
-        "kcFeedbackSuccessIcon": "fa fa-fw fa-check-circle",
-        "kcLoginOTPListClass": "pf-c-tile",
-        "kcSrOnlyClass": "sr-only",
-        "kcFormSocialAccountListGridClass": "pf-l-grid kc-social-grid",
-        "kcButtonDefaultClass": "btn-default",
-        "kcFormGroupErrorClass": "has-error",
-        "kcSelectAuthListItemDescriptionClass": "pf-l-stack__item select-auth-box-desc",
-        "kcSelectAuthListItemBodyClass": "pf-l-split__item pf-l-stack",
-        "kcWebAuthnInternal": "pficon pficon-key",
-        "kcSelectAuthListItemArrowClass": "pf-l-split__item select-auth-box-arrow",
-        "kcCheckClass": "pf-c-check",
-        "kcContentClass": "col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3",
-        "kcLogoClass": "login-pf-brand",
-        "kcLoginOTPListItemIconClass": "fa fa-mobile",
-        "kcLoginClass": "login-pf-page",
-        "kcSignUpClass": "login-pf-signup",
-        "kcButtonLargeClass": "btn-lg",
-        "kcFormCardClass": "card-pf",
-        "kcLocaleListClass": "pf-c-dropdown__menu pf-m-align-right",
-        "kcInputClass": "pf-c-form-control",
-        "kcFormGroupClass": "form-group",
+        kcFeedbackWarningIcon: "fa fa-fw fa-exclamation-triangle",
+        kcResetFlowIcon: "pficon pficon-arrow fa",
+        kcSelectAuthListItemIconPropertyClass: "fa-2x select-auth-box-icon-properties",
+        kcFeedbackSuccessIcon: "fa fa-fw fa-check-circle",
+        kcLoginOTPListClass: "pf-c-tile",
+        kcSrOnlyClass: "sr-only",
+        kcFormSocialAccountListGridClass: "pf-l-grid kc-social-grid",
+        kcButtonDefaultClass: "btn-default",
+        kcFormGroupErrorClass: "has-error",
+        kcSelectAuthListItemDescriptionClass: "pf-l-stack__item select-auth-box-desc",
+        kcSelectAuthListItemBodyClass: "pf-l-split__item pf-l-stack",
+        kcWebAuthnInternal: "pficon pficon-key",
+        kcSelectAuthListItemArrowClass: "pf-l-split__item select-auth-box-arrow",
+        kcCheckClass: "pf-c-check",
+        kcContentClass:
+            "col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3",
+        kcLogoClass: "login-pf-brand",
+        kcLoginOTPListItemIconClass: "fa fa-mobile",
+        kcLoginClass: "login-pf-page",
+        kcSignUpClass: "login-pf-signup",
+        kcButtonLargeClass: "btn-lg",
+        kcFormCardClass: "card-pf",
+        kcLocaleListClass: "pf-c-dropdown__menu pf-m-align-right",
+        kcInputClass: "pf-c-form-control",
+        kcFormGroupClass: "form-group",
         "kcLogoIdP-paypal": "fa fa-paypal",
-        "kcInputClassCheckbox": "pf-c-check",
-        "kcRecoveryCodesConfirmation": "kc-recovery-codes-confirmation",
-        "kcFormPasswordVisibilityIconHide": "fa fa-eye-slash",
-        "kcInputClassRadioInput": "pf-c-radio__input",
-        "kcFormSocialAccountListButtonClass": "pf-c-button pf-m-control pf-m-block kc-social-item kc-social-gray",
-        "kcInputClassCheckboxLabel": "pf-c-check__label",
-        "kcFormOptionsClass": "col-xs-12 col-sm-12 col-md-12 col-lg-12",
-        "kcFormHeaderClass": "login-pf-header",
-        "kcFormSocialAccountGridItem": "pf-l-grid__item",
-        "kcButtonPrimaryClass": "pf-m-primary",
-        "kcInputHelperTextBeforeClass": "pf-c-form__helper-text pf-c-form__helper-text-before",
+        kcInputClassCheckbox: "pf-c-check",
+        kcRecoveryCodesConfirmation: "kc-recovery-codes-confirmation",
+        kcFormPasswordVisibilityIconHide: "fa fa-eye-slash",
+        kcInputClassRadioInput: "pf-c-radio__input",
+        kcFormSocialAccountListButtonClass:
+            "pf-c-button pf-m-control pf-m-block kc-social-item kc-social-gray",
+        kcInputClassCheckboxLabel: "pf-c-check__label",
+        kcFormOptionsClass: "col-xs-12 col-sm-12 col-md-12 col-lg-12",
+        kcFormHeaderClass: "login-pf-header",
+        kcFormSocialAccountGridItem: "pf-l-grid__item",
+        kcButtonPrimaryClass: "pf-m-primary",
+        kcInputHelperTextBeforeClass:
+            "pf-c-form__helper-text pf-c-form__helper-text-before",
         "kcLogoIdP-github": "fa fa-github",
-        "kcLabelClass": "pf-c-form__label pf-c-form__label-text"
+        kcLabelClass: "pf-c-form__label pf-c-form__label-text"
     }
 });