2023-03-17 20:40:29 +01:00
|
|
|
import type { ReactNode } from "react";
|
2023-03-19 14:48:01 +01:00
|
|
|
import type { KcContext } from "./kcContext";
|
|
|
|
import type { I18n } from "./i18n";
|
2023-03-17 20:40:29 +01:00
|
|
|
|
2023-03-18 18:54:33 +01:00
|
|
|
export type TemplateProps<KcContext extends KcContext.Common, I18nExtended extends I18n> = {
|
2023-03-17 20:40:29 +01:00
|
|
|
kcContext: KcContext;
|
2023-03-18 18:54:33 +01:00
|
|
|
i18n: I18nExtended;
|
2023-03-18 06:14:05 +01:00
|
|
|
doUseDefaultCss: boolean;
|
2023-03-21 05:27:31 +01:00
|
|
|
classes?: Partial<Record<ClassKey, string>>;
|
2023-03-18 06:14:05 +01:00
|
|
|
|
2023-03-17 20:40:29 +01:00
|
|
|
displayInfo?: boolean;
|
|
|
|
displayMessage?: boolean;
|
|
|
|
displayRequiredFields?: boolean;
|
|
|
|
showAnotherWayIfPresent?: boolean;
|
|
|
|
headerNode: ReactNode;
|
|
|
|
showUsernameNode?: ReactNode;
|
2024-04-13 03:26:15 +02:00
|
|
|
socialProvidersNode?: ReactNode;
|
2023-03-17 20:40:29 +01:00
|
|
|
infoNode?: ReactNode;
|
2023-03-21 02:36:13 +01:00
|
|
|
|
|
|
|
children: ReactNode;
|
2023-03-17 20:40:29 +01:00
|
|
|
};
|
|
|
|
|
2023-03-21 05:27:31 +01:00
|
|
|
export type ClassKey =
|
2023-09-22 15:51:18 +02:00
|
|
|
| "kcBodyClass"
|
2023-03-17 20:40:29 +01:00
|
|
|
| "kcHeaderWrapperClass"
|
|
|
|
| "kcLocaleWrapperClass"
|
2023-03-21 05:27:31 +01:00
|
|
|
| "kcInfoAreaWrapperClass"
|
2024-04-13 02:18:06 +02:00
|
|
|
| "kcFormButtonsWrapperClass"
|
|
|
|
| "kcFormOptionsWrapperClass"
|
2024-05-06 19:16:17 +02:00
|
|
|
| "kcCheckboxInputClass"
|
2024-04-13 03:26:15 +02:00
|
|
|
| "kcLocaleDropDownClass"
|
|
|
|
| "kcLocaleListItemClass"
|
|
|
|
| "kcContentWrapperClass"
|
2024-04-13 02:18:06 +02:00
|
|
|
| "kcLogoIdP-facebook"
|
|
|
|
| "kcAuthenticatorOTPClass"
|
|
|
|
| "kcLogoIdP-bitbucket"
|
|
|
|
| "kcAuthenticatorWebAuthnClass"
|
2023-03-21 05:27:31 +01:00
|
|
|
| "kcWebAuthnDefaultIcon"
|
2024-04-13 02:18:06 +02:00
|
|
|
| "kcLogoIdP-stackoverflow"
|
|
|
|
| "kcSelectAuthListItemClass"
|
|
|
|
| "kcLogoIdP-microsoft"
|
|
|
|
| "kcLoginOTPListItemHeaderClass"
|
|
|
|
| "kcLocaleItemClass"
|
|
|
|
| "kcLoginOTPListItemIconBodyClass"
|
|
|
|
| "kcInputHelperTextAfterClass"
|
2023-03-21 05:27:31 +01:00
|
|
|
| "kcFormClass"
|
2024-04-13 02:18:06 +02:00
|
|
|
| "kcSelectAuthListClass"
|
|
|
|
| "kcInputClassRadioCheckboxLabelDisabled"
|
|
|
|
| "kcSelectAuthListItemIconClass"
|
|
|
|
| "kcRecoveryCodesWarning"
|
|
|
|
| "kcFormSettingClass"
|
|
|
|
| "kcWebAuthnBLE"
|
2023-03-21 05:27:31 +01:00
|
|
|
| "kcInputWrapperClass"
|
2024-04-13 02:18:06 +02:00
|
|
|
| "kcSelectAuthListItemArrowIconClass"
|
|
|
|
| "kcFeedbackAreaClass"
|
|
|
|
| "kcFormPasswordVisibilityButtonClass"
|
|
|
|
| "kcLogoIdP-google"
|
|
|
|
| "kcCheckLabelClass"
|
|
|
|
| "kcSelectAuthListItemFillClass"
|
|
|
|
| "kcAuthenticatorDefaultClass"
|
|
|
|
| "kcLogoIdP-gitlab"
|
|
|
|
| "kcFormAreaClass"
|
2023-03-21 05:27:31 +01:00
|
|
|
| "kcFormButtonsClass"
|
2024-04-13 02:18:06 +02:00
|
|
|
| "kcInputClassRadioLabel"
|
|
|
|
| "kcAuthenticatorWebAuthnPasswordlessClass"
|
|
|
|
| "kcSelectAuthListItemHeadingClass"
|
2023-03-21 05:27:31 +01:00
|
|
|
| "kcInfoAreaClass"
|
2024-04-13 02:18:06 +02:00
|
|
|
| "kcLogoLink"
|
|
|
|
| "kcContainerClass"
|
|
|
|
| "kcSelectAuthListItemTitle"
|
|
|
|
| "kcHtmlClass"
|
|
|
|
| "kcLoginOTPListItemTitleClass"
|
|
|
|
| "kcLogoIdP-openshift-v4"
|
|
|
|
| "kcWebAuthnUnknownIcon"
|
|
|
|
| "kcFormSocialAccountNameClass"
|
|
|
|
| "kcLogoIdP-openshift-v3"
|
|
|
|
| "kcLoginOTPListInputClass"
|
|
|
|
| "kcWebAuthnUSB"
|
|
|
|
| "kcInputClassRadio"
|
|
|
|
| "kcWebAuthnKeyIcon"
|
|
|
|
| "kcFeedbackInfoIcon"
|
|
|
|
| "kcCommonLogoIdP"
|
|
|
|
| "kcRecoveryCodesActions"
|
2023-03-21 05:27:31 +01:00
|
|
|
| "kcFormGroupHeader"
|
2024-04-13 02:18:06 +02:00
|
|
|
| "kcFormSocialAccountSectionClass"
|
|
|
|
| "kcLogoIdP-instagram"
|
|
|
|
| "kcAlertClass"
|
|
|
|
| "kcHeaderClass"
|
|
|
|
| "kcLabelWrapperClass"
|
|
|
|
| "kcFormPasswordVisibilityIconShow"
|
|
|
|
| "kcFormSocialAccountLinkClass"
|
|
|
|
| "kcLocaleMainClass"
|
|
|
|
| "kcInputGroup"
|
|
|
|
| "kcTextareaClass"
|
2023-03-21 05:27:31 +01:00
|
|
|
| "kcButtonBlockClass"
|
2024-04-13 02:18:06 +02:00
|
|
|
| "kcButtonClass"
|
|
|
|
| "kcWebAuthnNFC"
|
|
|
|
| "kcLocaleClass"
|
|
|
|
| "kcInputClassCheckboxInput"
|
|
|
|
| "kcFeedbackErrorIcon"
|
2023-03-21 05:27:31 +01:00
|
|
|
| "kcInputLargeClass"
|
2024-04-13 02:18:06 +02:00
|
|
|
| "kcInputErrorMessageClass"
|
|
|
|
| "kcRecoveryCodesList"
|
|
|
|
| "kcFormSocialAccountListClass"
|
|
|
|
| "kcAlertTitleClass"
|
|
|
|
| "kcAuthenticatorPasswordClass"
|
|
|
|
| "kcCheckInputClass"
|
|
|
|
| "kcLogoIdP-linkedin"
|
|
|
|
| "kcLogoIdP-twitter"
|
|
|
|
| "kcFeedbackWarningIcon"
|
|
|
|
| "kcResetFlowIcon"
|
|
|
|
| "kcSelectAuthListItemIconPropertyClass"
|
|
|
|
| "kcFeedbackSuccessIcon"
|
|
|
|
| "kcLoginOTPListClass"
|
2023-03-21 05:27:31 +01:00
|
|
|
| "kcSrOnlyClass"
|
2024-04-13 02:18:06 +02:00
|
|
|
| "kcFormSocialAccountListGridClass"
|
|
|
|
| "kcButtonDefaultClass"
|
|
|
|
| "kcFormGroupErrorClass"
|
2023-03-21 05:27:31 +01:00
|
|
|
| "kcSelectAuthListItemDescriptionClass"
|
2024-04-13 02:18:06 +02:00
|
|
|
| "kcSelectAuthListItemBodyClass"
|
|
|
|
| "kcWebAuthnInternal"
|
|
|
|
| "kcSelectAuthListItemArrowClass"
|
|
|
|
| "kcCheckClass"
|
|
|
|
| "kcContentClass"
|
|
|
|
| "kcLogoClass"
|
|
|
|
| "kcLoginOTPListItemIconClass"
|
|
|
|
| "kcLoginClass"
|
|
|
|
| "kcSignUpClass"
|
|
|
|
| "kcButtonLargeClass"
|
|
|
|
| "kcFormCardClass"
|
|
|
|
| "kcLocaleListClass"
|
|
|
|
| "kcInputClass"
|
|
|
|
| "kcFormGroupClass"
|
|
|
|
| "kcLogoIdP-paypal"
|
|
|
|
| "kcInputClassCheckbox"
|
|
|
|
| "kcRecoveryCodesConfirmation"
|
|
|
|
| "kcFormPasswordVisibilityIconHide"
|
|
|
|
| "kcInputClassRadioInput"
|
|
|
|
| "kcFormSocialAccountListButtonClass"
|
|
|
|
| "kcInputClassCheckboxLabel"
|
|
|
|
| "kcFormOptionsClass"
|
|
|
|
| "kcFormHeaderClass"
|
|
|
|
| "kcFormSocialAccountGridItem"
|
|
|
|
| "kcButtonPrimaryClass"
|
|
|
|
| "kcInputHelperTextBeforeClass"
|
|
|
|
| "kcLogoIdP-github"
|
|
|
|
| "kcLabelClass";
|