From 809ec559a9953cd64a47b76b6435e7234cb71829 Mon Sep 17 00:00:00 2001 From: grandmaester Date: Wed, 8 Apr 2026 14:05:01 +0530 Subject: [PATCH 1/3] feat: updated forms validations to use ontouched across all components --- .../auth0/my-account/shared/mfa/otp-verification-form.tsx | 2 +- .../domain-management/domain-create/domain-create-modal.tsx | 2 +- .../provider-configure/adfs-sso-configure-form.tsx | 2 +- .../provider-configure/google-apps-sso-configure-form.tsx | 2 +- .../provider-configure/oidc-sso-configure-form.tsx | 2 +- .../provider-configure/okta-sso-configure-form.tsx | 2 +- .../provider-configure/ping-federate-sso-configure-form.tsx | 2 +- .../provider-configure/samlp-sso-configure-form.tsx | 2 +- .../provider-configure/waad-sso-configure-form.tsx | 2 +- .../idp-management/sso-provider-create/provider-details.tsx | 2 +- .../sso-provisioning/sso-provisioning-details.tsx | 1 + .../organization-details/organization-details.tsx | 1 + .../auth0/shared/gate-keeper/mfa-step-up/enrollment-form.tsx | 2 +- .../auth0/shared/gate-keeper/mfa-step-up/otp-code-form.tsx | 2 +- 14 files changed, 14 insertions(+), 12 deletions(-) diff --git a/packages/react/src/components/auth0/my-account/shared/mfa/otp-verification-form.tsx b/packages/react/src/components/auth0/my-account/shared/mfa/otp-verification-form.tsx index f284f3088..bad0f9c64 100644 --- a/packages/react/src/components/auth0/my-account/shared/mfa/otp-verification-form.tsx +++ b/packages/react/src/components/auth0/my-account/shared/mfa/otp-verification-form.tsx @@ -122,7 +122,7 @@ export function OTPVerificationForm({ onClose, }); - const form = useForm({ mode: 'onChange' }); + const form = useForm({ mode: 'onTouched' }); const userOtp = form.watch('userOtp'); const otpInputRef = React.useRef(null); diff --git a/packages/react/src/components/auth0/my-organization/shared/domain-management/domain-create/domain-create-modal.tsx b/packages/react/src/components/auth0/my-organization/shared/domain-management/domain-create/domain-create-modal.tsx index 361f0996e..ce716f80d 100644 --- a/packages/react/src/components/auth0/my-organization/shared/domain-management/domain-create/domain-create-modal.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/domain-management/domain-create/domain-create-modal.tsx @@ -61,7 +61,7 @@ export function DomainCreateModal({ defaultValues: { domain_url: '', }, - mode: 'onBlur', + mode: 'onTouched', }); const handleCreate = React.useCallback( diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/adfs-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/adfs-sso-configure-form.tsx index 6b13a9a43..2a388eaeb 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/adfs-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/adfs-sso-configure-form.tsx @@ -57,7 +57,7 @@ export const AdfsProviderForm = React.forwardRef({ resolver: zodResolver(createProviderConfigureSchema('adfs')), - mode: 'onSubmit', + mode: 'onTouched', reValidateMode: 'onChange', defaultValues: { meta_data_source: adfsData?.meta_data_source || 'meta_data_url', diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/google-apps-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/google-apps-sso-configure-form.tsx index 16f2f138c..6d8448ac8 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/google-apps-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/google-apps-sso-configure-form.tsx @@ -71,7 +71,7 @@ export const GoogleAppsProviderForm = React.forwardRef< const form = useForm({ resolver: zodResolver(createProviderConfigureSchema('google-apps')), - mode: 'onSubmit', + mode: 'onTouched', reValidateMode: 'onChange', defaultValues: { domain: googleAppsData?.domain || '', diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/oidc-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/oidc-sso-configure-form.tsx index 2ac7c3066..17b779de0 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/oidc-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/oidc-sso-configure-form.tsx @@ -64,7 +64,7 @@ export const OidcProviderForm = React.forwardRef({ resolver: zodResolver(createProviderConfigureSchema('oidc')), - mode: 'onSubmit', + mode: 'onTouched', reValidateMode: 'onChange', defaultValues: { discovery_url: oidcData?.discovery_url || '', diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/okta-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/okta-sso-configure-form.tsx index c78a4fa2b..41c3b6683 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/okta-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/okta-sso-configure-form.tsx @@ -76,7 +76,7 @@ export const OktaProviderForm = React.forwardRef({ resolver: zodResolver(createProviderConfigureSchema('okta')), - mode: 'onSubmit', + mode: 'onTouched', reValidateMode: 'onChange', defaultValues: { domain: oktaData?.domain || '', diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/ping-federate-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/ping-federate-sso-configure-form.tsx index c4e2745dc..d26c5d7be 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/ping-federate-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/ping-federate-sso-configure-form.tsx @@ -87,7 +87,7 @@ export const PingFederateProviderForm = React.forwardRef< const form = useForm({ resolver: zodResolver(createProviderConfigureSchema('pingfederate')), - mode: 'onSubmit', + mode: 'onTouched', reValidateMode: 'onChange', defaultValues: { pingFederateBaseUrl: pingFederateData?.pingFederateBaseUrl || '', diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/samlp-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/samlp-sso-configure-form.tsx index 05149f876..04f20aaa8 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/samlp-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/samlp-sso-configure-form.tsx @@ -92,7 +92,7 @@ export const SamlpProviderForm = React.forwardRef< const form = useForm({ resolver: zodResolver(createProviderConfigureSchema('samlp')), - mode: 'onSubmit', + mode: 'onTouched', reValidateMode: 'onChange', defaultValues: { meta_data_source: samlpData?.meta_data_source || 'meta_data_url', diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/waad-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/waad-sso-configure-form.tsx index 99ab4a215..bbe5f84b5 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/waad-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/waad-sso-configure-form.tsx @@ -69,7 +69,7 @@ export const WaadProviderForm = React.forwardRef({ resolver: zodResolver(createProviderConfigureSchema('waad')), - mode: 'onSubmit', + mode: 'onTouched', reValidateMode: 'onChange', defaultValues: { tenant_domain: waadData?.tenant_domain || '', diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-details.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-details.tsx index afc5a49da..31eb95c30 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-details.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-details.tsx @@ -41,7 +41,7 @@ export const ProviderDetails = React.forwardRef({ resolver: zodResolver(createProviderDetailsSchema()), - mode: 'onSubmit', + mode: 'onTouched', reValidateMode: 'onChange', defaultValues: { name: initialData?.name || '', diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-edit/sso-provisioning/sso-provisioning-details.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-edit/sso-provisioning/sso-provisioning-details.tsx index 7cbb56ff0..acd9d90a5 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-edit/sso-provisioning/sso-provisioning-details.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-edit/sso-provisioning/sso-provisioning-details.tsx @@ -87,6 +87,7 @@ export function SsoProvisioningDetails({ const form = useForm({ resolver: zodResolver(ssoProvisioningSchema), + mode: 'onTouched', defaultValues: { userIdAttribute: provisioningConfig?.user_id_attribute || '', scimEndpointUrl: scimEndpointUrl || '', diff --git a/packages/react/src/components/auth0/my-organization/shared/organization-management/organization-details/organization-details.tsx b/packages/react/src/components/auth0/my-organization/shared/organization-management/organization-details/organization-details.tsx index f22c474b1..8b22272e1 100644 --- a/packages/react/src/components/auth0/my-organization/shared/organization-management/organization-details/organization-details.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/organization-management/organization-details/organization-details.tsx @@ -114,6 +114,7 @@ export function OrganizationDetails({ const form = useForm({ resolver: zodResolver(organizationDetailSchema), + mode: 'onTouched', defaultValues: formValues, values: formValues, }); diff --git a/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/enrollment-form.tsx b/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/enrollment-form.tsx index 7daaf1f4b..3e6f8115f 100644 --- a/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/enrollment-form.tsx +++ b/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/enrollment-form.tsx @@ -107,7 +107,7 @@ export function EnrollmentForm({ error, factor, onComplete, onCancel }: Enrollme const inputForm = useForm({ resolver: zodResolver(contactSchema), - mode: 'onChange', + mode: 'onTouched', }); // OTP only: call enroll on mount then show QR. diff --git a/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/otp-code-form.tsx b/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/otp-code-form.tsx index 2df986299..79adc5442 100644 --- a/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/otp-code-form.tsx +++ b/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/otp-code-form.tsx @@ -54,7 +54,7 @@ export function OtpCodeForm({ const isRecoveryCode = authenticator?.authenticatorType === FACTOR_TYPE_RECOVERY_CODE; - const form = useForm({ mode: 'onChange' }); + const form = useForm({ mode: 'onTouched' }); const code = form.watch('code'); const inputRef = useRef(null); From 656175cc367754c8bb82c988558c214af501706c Mon Sep 17 00:00:00 2001 From: grandmaester Date: Mon, 13 Apr 2026 13:45:54 +0530 Subject: [PATCH 2/3] feat: review comments incorporated --- .../auth0/my-account/shared/mfa/contact-input-form.tsx | 5 +++-- .../auth0/my-account/shared/mfa/otp-verification-form.tsx | 3 ++- .../domain-create/domain-create-modal.tsx | 3 ++- .../provider-configure/adfs-sso-configure-form.tsx | 5 +++-- .../provider-configure/google-apps-sso-configure-form.tsx | 5 +++-- .../provider-configure/oidc-sso-configure-form.tsx | 5 +++-- .../provider-configure/okta-sso-configure-form.tsx | 5 +++-- .../ping-federate-sso-configure-form.tsx | 5 +++-- .../provider-configure/samlp-sso-configure-form.tsx | 5 +++-- .../provider-configure/waad-sso-configure-form.tsx | 5 +++-- .../sso-provider-create/provider-details.tsx | 5 +++-- .../sso-provisioning/sso-provisioning-details.tsx | 3 ++- .../organization-details/organization-details.tsx | 3 ++- .../shared/gate-keeper/mfa-step-up/enrollment-form.tsx | 3 ++- .../auth0/shared/gate-keeper/mfa-step-up/otp-code-form.tsx | 3 ++- packages/react/src/lib/constants/index.ts | 7 +++++++ 16 files changed, 46 insertions(+), 24 deletions(-) create mode 100644 packages/react/src/lib/constants/index.ts diff --git a/packages/react/src/components/auth0/my-account/shared/mfa/contact-input-form.tsx b/packages/react/src/components/auth0/my-account/shared/mfa/contact-input-form.tsx index 0f07ec367..871590052 100644 --- a/packages/react/src/components/auth0/my-account/shared/mfa/contact-input-form.tsx +++ b/packages/react/src/components/auth0/my-account/shared/mfa/contact-input-form.tsx @@ -32,6 +32,7 @@ import { TextField } from '@/components/ui/text-field'; import { useContactEnrollment } from '@/hooks/my-account/use-contact-enrollment'; import { useTheme } from '@/hooks/shared/use-theme'; import { useTranslator } from '@/hooks/shared/use-translator'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; import { ENTER_CONTACT, ENTER_OTP } from '@/lib/constants/my-account/mfa/mfa-constants'; import { cn } from '@/lib/utils'; import type { ContactInputFormProps } from '@/types/my-account/mfa/mfa-types'; @@ -99,8 +100,8 @@ export function ContactInputForm({ const form = useForm({ resolver: zodResolver(ContactSchema), - mode: 'onTouched', - reValidateMode: 'onChange', + mode: FORM_VALIDATION_MODE, + reValidateMode: FORM_REVALIDATE_MODE, defaultValues: { contact: contactData.contact || '' }, }); diff --git a/packages/react/src/components/auth0/my-account/shared/mfa/otp-verification-form.tsx b/packages/react/src/components/auth0/my-account/shared/mfa/otp-verification-form.tsx index bad0f9c64..07bdd3989 100644 --- a/packages/react/src/components/auth0/my-account/shared/mfa/otp-verification-form.tsx +++ b/packages/react/src/components/auth0/my-account/shared/mfa/otp-verification-form.tsx @@ -27,6 +27,7 @@ import { OTPField } from '@/components/ui/otp-field'; import { useOtpConfirmation } from '@/hooks/my-account/use-otp-confirmation'; import { useTheme } from '@/hooks/shared/use-theme'; import { useTranslator } from '@/hooks/shared/use-translator'; +import { FORM_VALIDATION_MODE } from '@/lib/constants'; import { cn } from '@/lib/utils'; import type { OTPVerificationFormProps } from '@/types/my-account/mfa/mfa-types'; @@ -122,7 +123,7 @@ export function OTPVerificationForm({ onClose, }); - const form = useForm({ mode: 'onTouched' }); + const form = useForm({ mode: FORM_VALIDATION_MODE }); const userOtp = form.watch('userOtp'); const otpInputRef = React.useRef(null); diff --git a/packages/react/src/components/auth0/my-organization/shared/domain-management/domain-create/domain-create-modal.tsx b/packages/react/src/components/auth0/my-organization/shared/domain-management/domain-create/domain-create-modal.tsx index ce716f80d..4066b5094 100644 --- a/packages/react/src/components/auth0/my-organization/shared/domain-management/domain-create/domain-create-modal.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/domain-management/domain-create/domain-create-modal.tsx @@ -23,6 +23,7 @@ import { import { Modal } from '@/components/ui/modal'; import { TextField } from '@/components/ui/text-field'; import { useTranslator } from '@/hooks/shared/use-translator'; +import { FORM_VALIDATION_MODE } from '@/lib/constants'; import { cn } from '@/lib/utils'; import type { DomainCreateModalProps } from '@/types/my-organization/domain-management/domain-create-types'; @@ -61,7 +62,7 @@ export function DomainCreateModal({ defaultValues: { domain_url: '', }, - mode: 'onTouched', + mode: FORM_VALIDATION_MODE, }); const handleCreate = React.useCallback( diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/adfs-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/adfs-sso-configure-form.tsx index 2a388eaeb..a3369c3c7 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/adfs-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/adfs-sso-configure-form.tsx @@ -29,6 +29,7 @@ import { Label } from '@/components/ui/label'; import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'; import { TextField } from '@/components/ui/text-field'; import { useTranslator } from '@/hooks/shared/use-translator'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; import { cn } from '@/lib/utils'; import type { ProviderConfigureFieldsProps } from '@/types/my-organization/idp-management/sso-provider/sso-provider-create-types'; @@ -57,8 +58,8 @@ export const AdfsProviderForm = React.forwardRef({ resolver: zodResolver(createProviderConfigureSchema('adfs')), - mode: 'onTouched', - reValidateMode: 'onChange', + mode: FORM_VALIDATION_MODE, + reValidateMode: FORM_REVALIDATE_MODE, defaultValues: { meta_data_source: adfsData?.meta_data_source || 'meta_data_url', meta_data_location_url: adfsData?.meta_data_location_url || '', diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/google-apps-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/google-apps-sso-configure-form.tsx index 6d8448ac8..d229f61da 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/google-apps-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/google-apps-sso-configure-form.tsx @@ -27,6 +27,7 @@ import { TextField } from '@/components/ui/text-field'; import { useProviderFormMode } from '@/hooks/my-organization/use-provider-form-mode'; import { useCoreClient } from '@/hooks/shared/use-core-client'; import { useTranslator } from '@/hooks/shared/use-translator'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; import { cn } from '@/lib/utils'; import type { ProviderConfigureFieldsProps } from '@/types/my-organization/idp-management/sso-provider/sso-provider-create-types'; @@ -71,8 +72,8 @@ export const GoogleAppsProviderForm = React.forwardRef< const form = useForm({ resolver: zodResolver(createProviderConfigureSchema('google-apps')), - mode: 'onTouched', - reValidateMode: 'onChange', + mode: FORM_VALIDATION_MODE, + reValidateMode: FORM_REVALIDATE_MODE, defaultValues: { domain: googleAppsData?.domain || '', client_id: googleAppsData?.client_id || '', diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/oidc-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/oidc-sso-configure-form.tsx index 17b779de0..909e09911 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/oidc-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/oidc-sso-configure-form.tsx @@ -28,6 +28,7 @@ import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'; import { TextField } from '@/components/ui/text-field'; import { useProviderFormMode } from '@/hooks/my-organization/use-provider-form-mode'; import { useTranslator } from '@/hooks/shared/use-translator'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; import { cn } from '@/lib/utils'; import type { ProviderConfigureFieldsProps } from '@/types/my-organization/idp-management/sso-provider/sso-provider-create-types'; @@ -64,8 +65,8 @@ export const OidcProviderForm = React.forwardRef({ resolver: zodResolver(createProviderConfigureSchema('oidc')), - mode: 'onTouched', - reValidateMode: 'onChange', + mode: FORM_VALIDATION_MODE, + reValidateMode: FORM_REVALIDATE_MODE, defaultValues: { discovery_url: oidcData?.discovery_url || '', type: oidcData?.type || 'back_channel', diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/okta-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/okta-sso-configure-form.tsx index 41c3b6683..edbd30a5f 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/okta-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/okta-sso-configure-form.tsx @@ -28,6 +28,7 @@ import { TextField } from '@/components/ui/text-field'; import { useProviderFormMode } from '@/hooks/my-organization/use-provider-form-mode'; import { useCoreClient } from '@/hooks/shared/use-core-client'; import { useTranslator } from '@/hooks/shared/use-translator'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; import { cn } from '@/lib/utils'; import type { ProviderConfigureFieldsProps } from '@/types/my-organization/idp-management/sso-provider/sso-provider-create-types'; @@ -76,8 +77,8 @@ export const OktaProviderForm = React.forwardRef({ resolver: zodResolver(createProviderConfigureSchema('okta')), - mode: 'onTouched', - reValidateMode: 'onChange', + mode: FORM_VALIDATION_MODE, + reValidateMode: FORM_REVALIDATE_MODE, defaultValues: { domain: oktaData?.domain || '', client_id: oktaData?.client_id || '', diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/ping-federate-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/ping-federate-sso-configure-form.tsx index d26c5d7be..a9a8fc153 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/ping-federate-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/ping-federate-sso-configure-form.tsx @@ -41,6 +41,7 @@ import { } from '@/components/ui/select'; import { TextField } from '@/components/ui/text-field'; import { useTranslator } from '@/hooks/shared/use-translator'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; import { cn } from '@/lib/utils'; import type { ProviderConfigureFieldsProps } from '@/types/my-organization/idp-management/sso-provider/sso-provider-create-types'; @@ -87,8 +88,8 @@ export const PingFederateProviderForm = React.forwardRef< const form = useForm({ resolver: zodResolver(createProviderConfigureSchema('pingfederate')), - mode: 'onTouched', - reValidateMode: 'onChange', + mode: FORM_VALIDATION_MODE, + reValidateMode: FORM_REVALIDATE_MODE, defaultValues: { pingFederateBaseUrl: pingFederateData?.pingFederateBaseUrl || '', signingCert: pingFederateData?.signingCert || '', diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/samlp-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/samlp-sso-configure-form.tsx index 04f20aaa8..3fdcf399d 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/samlp-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/samlp-sso-configure-form.tsx @@ -43,6 +43,7 @@ import { } from '@/components/ui/select'; import { TextField } from '@/components/ui/text-field'; import { useTranslator } from '@/hooks/shared/use-translator'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; import { cn } from '@/lib/utils'; import type { ProviderConfigureFieldsProps } from '@/types/my-organization/idp-management/sso-provider/sso-provider-create-types'; @@ -92,8 +93,8 @@ export const SamlpProviderForm = React.forwardRef< const form = useForm({ resolver: zodResolver(createProviderConfigureSchema('samlp')), - mode: 'onTouched', - reValidateMode: 'onChange', + mode: FORM_VALIDATION_MODE, + reValidateMode: FORM_REVALIDATE_MODE, defaultValues: { meta_data_source: samlpData?.meta_data_source || 'meta_data_url', metadataUrl: samlpData?.metadataUrl || '', diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/waad-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/waad-sso-configure-form.tsx index bbe5f84b5..525b45a79 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/waad-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/waad-sso-configure-form.tsx @@ -27,6 +27,7 @@ import { TextField } from '@/components/ui/text-field'; import { useProviderFormMode } from '@/hooks/my-organization/use-provider-form-mode'; import { useCoreClient } from '@/hooks/shared/use-core-client'; import { useTranslator } from '@/hooks/shared/use-translator'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; import { cn } from '@/lib/utils'; import type { ProviderConfigureFieldsProps } from '@/types/my-organization/idp-management/sso-provider/sso-provider-create-types'; @@ -69,8 +70,8 @@ export const WaadProviderForm = React.forwardRef({ resolver: zodResolver(createProviderConfigureSchema('waad')), - mode: 'onTouched', - reValidateMode: 'onChange', + mode: FORM_VALIDATION_MODE, + reValidateMode: FORM_REVALIDATE_MODE, defaultValues: { tenant_domain: waadData?.tenant_domain || '', client_id: waadData?.client_id || '', diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-details.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-details.tsx index 31eb95c30..b5ea2304e 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-details.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-details.tsx @@ -24,6 +24,7 @@ import { } from '@/components/ui/form'; import { TextField } from '@/components/ui/text-field'; import { useTranslator } from '@/hooks/shared/use-translator'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; import type { ProviderDetailsFormHandle, ProviderDetailsProps, @@ -41,8 +42,8 @@ export const ProviderDetails = React.forwardRef({ resolver: zodResolver(createProviderDetailsSchema()), - mode: 'onTouched', - reValidateMode: 'onChange', + mode: FORM_VALIDATION_MODE, + reValidateMode: FORM_REVALIDATE_MODE, defaultValues: { name: initialData?.name || '', display_name: initialData?.display_name || '', diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-edit/sso-provisioning/sso-provisioning-details.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-edit/sso-provisioning/sso-provisioning-details.tsx index acd9d90a5..0b97fccd0 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-edit/sso-provisioning/sso-provisioning-details.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-edit/sso-provisioning/sso-provisioning-details.tsx @@ -32,6 +32,7 @@ import { TextField } from '@/components/ui/text-field'; import { useCoreClient } from '@/hooks/shared/use-core-client'; import { useTheme } from '@/hooks/shared/use-theme'; import { useTranslator } from '@/hooks/shared/use-translator'; +import { FORM_VALIDATION_MODE } from '@/lib/constants'; import { cn } from '@/lib/utils'; import type { SsoProvisioningDetailsProps } from '@/types/my-organization/idp-management/sso-provisioning/sso-provisioning-tab-types'; @@ -87,7 +88,7 @@ export function SsoProvisioningDetails({ const form = useForm({ resolver: zodResolver(ssoProvisioningSchema), - mode: 'onTouched', + mode: FORM_VALIDATION_MODE, defaultValues: { userIdAttribute: provisioningConfig?.user_id_attribute || '', scimEndpointUrl: scimEndpointUrl || '', diff --git a/packages/react/src/components/auth0/my-organization/shared/organization-management/organization-details/organization-details.tsx b/packages/react/src/components/auth0/my-organization/shared/organization-management/organization-details/organization-details.tsx index 8b22272e1..970fc2d25 100644 --- a/packages/react/src/components/auth0/my-organization/shared/organization-management/organization-details/organization-details.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/organization-management/organization-details/organization-details.tsx @@ -26,6 +26,7 @@ import { Separator } from '@/components/ui/separator'; import { Spinner } from '@/components/ui/spinner'; import { useTheme } from '@/hooks/shared/use-theme'; import { useTranslator } from '@/hooks/shared/use-translator'; +import { FORM_VALIDATION_MODE } from '@/lib/constants'; import { cn } from '@/lib/utils'; import type { OrganizationDetailsProps } from '@/types/my-organization/organization-management/organization-details-types'; @@ -114,7 +115,7 @@ export function OrganizationDetails({ const form = useForm({ resolver: zodResolver(organizationDetailSchema), - mode: 'onTouched', + mode: FORM_VALIDATION_MODE, defaultValues: formValues, values: formValues, }); diff --git a/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/enrollment-form.tsx b/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/enrollment-form.tsx index 3e6f8115f..a908ddfa1 100644 --- a/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/enrollment-form.tsx +++ b/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/enrollment-form.tsx @@ -48,6 +48,7 @@ import { Spinner } from '@/components/ui/spinner'; import { TextField } from '@/components/ui/text-field'; import { useMfaStepUp } from '@/hooks/shared/use-mfa-step-up'; import { useTranslator } from '@/hooks/shared/use-translator'; +import { FORM_VALIDATION_MODE } from '@/lib/constants'; interface EnrollmentFormProps { error: MfaRequiredError; @@ -107,7 +108,7 @@ export function EnrollmentForm({ error, factor, onComplete, onCancel }: Enrollme const inputForm = useForm({ resolver: zodResolver(contactSchema), - mode: 'onTouched', + mode: FORM_VALIDATION_MODE, }); // OTP only: call enroll on mount then show QR. diff --git a/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/otp-code-form.tsx b/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/otp-code-form.tsx index 79adc5442..da85a73c4 100644 --- a/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/otp-code-form.tsx +++ b/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/otp-code-form.tsx @@ -12,6 +12,7 @@ import { Separator } from '@/components/ui/separator'; import { Spinner } from '@/components/ui/spinner'; import { TextField } from '@/components/ui/text-field'; import { useTranslator } from '@/hooks/shared/use-translator'; +import { FORM_VALIDATION_MODE } from '@/lib/constants'; interface Authenticator { authenticatorType?: string; @@ -54,7 +55,7 @@ export function OtpCodeForm({ const isRecoveryCode = authenticator?.authenticatorType === FACTOR_TYPE_RECOVERY_CODE; - const form = useForm({ mode: 'onTouched' }); + const form = useForm({ mode: FORM_VALIDATION_MODE }); const code = form.watch('code'); const inputRef = useRef(null); diff --git a/packages/react/src/lib/constants/index.ts b/packages/react/src/lib/constants/index.ts new file mode 100644 index 000000000..ae74a957d --- /dev/null +++ b/packages/react/src/lib/constants/index.ts @@ -0,0 +1,7 @@ +/** + * Common constants used across the components. + * @internal + */ + +export const FORM_VALIDATION_MODE = 'onTouched'; +export const FORM_REVALIDATE_MODE = 'onChange'; From 99ae2ad0f45724bab251335d58dfd8dae0c5f2a1 Mon Sep 17 00:00:00 2001 From: grandmaester Date: Mon, 13 Apr 2026 17:23:34 +0530 Subject: [PATCH 3/3] feat: updated constant file name --- .../auth0/my-account/shared/mfa/contact-input-form.tsx | 2 +- .../auth0/my-account/shared/mfa/otp-verification-form.tsx | 2 +- .../domain-management/domain-create/domain-create-modal.tsx | 2 +- .../provider-configure/adfs-sso-configure-form.tsx | 2 +- .../provider-configure/google-apps-sso-configure-form.tsx | 2 +- .../provider-configure/oidc-sso-configure-form.tsx | 2 +- .../provider-configure/okta-sso-configure-form.tsx | 2 +- .../provider-configure/ping-federate-sso-configure-form.tsx | 2 +- .../provider-configure/samlp-sso-configure-form.tsx | 2 +- .../provider-configure/waad-sso-configure-form.tsx | 2 +- .../idp-management/sso-provider-create/provider-details.tsx | 2 +- .../sso-provisioning/sso-provisioning-details.tsx | 2 +- .../organization-details/organization-details.tsx | 2 +- .../auth0/shared/gate-keeper/mfa-step-up/enrollment-form.tsx | 2 +- .../auth0/shared/gate-keeper/mfa-step-up/otp-code-form.tsx | 2 +- .../react/src/lib/constants/{index.ts => form-constants.ts} | 2 +- 16 files changed, 16 insertions(+), 16 deletions(-) rename packages/react/src/lib/constants/{index.ts => form-constants.ts} (71%) diff --git a/packages/react/src/components/auth0/my-account/shared/mfa/contact-input-form.tsx b/packages/react/src/components/auth0/my-account/shared/mfa/contact-input-form.tsx index 871590052..0ebd7ec1a 100644 --- a/packages/react/src/components/auth0/my-account/shared/mfa/contact-input-form.tsx +++ b/packages/react/src/components/auth0/my-account/shared/mfa/contact-input-form.tsx @@ -32,7 +32,7 @@ import { TextField } from '@/components/ui/text-field'; import { useContactEnrollment } from '@/hooks/my-account/use-contact-enrollment'; import { useTheme } from '@/hooks/shared/use-theme'; import { useTranslator } from '@/hooks/shared/use-translator'; -import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants/form-constants'; import { ENTER_CONTACT, ENTER_OTP } from '@/lib/constants/my-account/mfa/mfa-constants'; import { cn } from '@/lib/utils'; import type { ContactInputFormProps } from '@/types/my-account/mfa/mfa-types'; diff --git a/packages/react/src/components/auth0/my-account/shared/mfa/otp-verification-form.tsx b/packages/react/src/components/auth0/my-account/shared/mfa/otp-verification-form.tsx index 07bdd3989..f05ac2389 100644 --- a/packages/react/src/components/auth0/my-account/shared/mfa/otp-verification-form.tsx +++ b/packages/react/src/components/auth0/my-account/shared/mfa/otp-verification-form.tsx @@ -27,7 +27,7 @@ import { OTPField } from '@/components/ui/otp-field'; import { useOtpConfirmation } from '@/hooks/my-account/use-otp-confirmation'; import { useTheme } from '@/hooks/shared/use-theme'; import { useTranslator } from '@/hooks/shared/use-translator'; -import { FORM_VALIDATION_MODE } from '@/lib/constants'; +import { FORM_VALIDATION_MODE } from '@/lib/constants/form-constants'; import { cn } from '@/lib/utils'; import type { OTPVerificationFormProps } from '@/types/my-account/mfa/mfa-types'; diff --git a/packages/react/src/components/auth0/my-organization/shared/domain-management/domain-create/domain-create-modal.tsx b/packages/react/src/components/auth0/my-organization/shared/domain-management/domain-create/domain-create-modal.tsx index 4066b5094..e6058a4de 100644 --- a/packages/react/src/components/auth0/my-organization/shared/domain-management/domain-create/domain-create-modal.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/domain-management/domain-create/domain-create-modal.tsx @@ -23,7 +23,7 @@ import { import { Modal } from '@/components/ui/modal'; import { TextField } from '@/components/ui/text-field'; import { useTranslator } from '@/hooks/shared/use-translator'; -import { FORM_VALIDATION_MODE } from '@/lib/constants'; +import { FORM_VALIDATION_MODE } from '@/lib/constants/form-constants'; import { cn } from '@/lib/utils'; import type { DomainCreateModalProps } from '@/types/my-organization/domain-management/domain-create-types'; diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/adfs-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/adfs-sso-configure-form.tsx index a3369c3c7..dc2e6850b 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/adfs-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/adfs-sso-configure-form.tsx @@ -29,7 +29,7 @@ import { Label } from '@/components/ui/label'; import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'; import { TextField } from '@/components/ui/text-field'; import { useTranslator } from '@/hooks/shared/use-translator'; -import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants/form-constants'; import { cn } from '@/lib/utils'; import type { ProviderConfigureFieldsProps } from '@/types/my-organization/idp-management/sso-provider/sso-provider-create-types'; diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/google-apps-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/google-apps-sso-configure-form.tsx index d229f61da..c38a2d1a7 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/google-apps-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/google-apps-sso-configure-form.tsx @@ -27,7 +27,7 @@ import { TextField } from '@/components/ui/text-field'; import { useProviderFormMode } from '@/hooks/my-organization/use-provider-form-mode'; import { useCoreClient } from '@/hooks/shared/use-core-client'; import { useTranslator } from '@/hooks/shared/use-translator'; -import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants/form-constants'; import { cn } from '@/lib/utils'; import type { ProviderConfigureFieldsProps } from '@/types/my-organization/idp-management/sso-provider/sso-provider-create-types'; diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/oidc-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/oidc-sso-configure-form.tsx index 909e09911..22e7fb29d 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/oidc-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/oidc-sso-configure-form.tsx @@ -28,7 +28,7 @@ import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'; import { TextField } from '@/components/ui/text-field'; import { useProviderFormMode } from '@/hooks/my-organization/use-provider-form-mode'; import { useTranslator } from '@/hooks/shared/use-translator'; -import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants/form-constants'; import { cn } from '@/lib/utils'; import type { ProviderConfigureFieldsProps } from '@/types/my-organization/idp-management/sso-provider/sso-provider-create-types'; diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/okta-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/okta-sso-configure-form.tsx index edbd30a5f..849b9b58c 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/okta-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/okta-sso-configure-form.tsx @@ -28,7 +28,7 @@ import { TextField } from '@/components/ui/text-field'; import { useProviderFormMode } from '@/hooks/my-organization/use-provider-form-mode'; import { useCoreClient } from '@/hooks/shared/use-core-client'; import { useTranslator } from '@/hooks/shared/use-translator'; -import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants/form-constants'; import { cn } from '@/lib/utils'; import type { ProviderConfigureFieldsProps } from '@/types/my-organization/idp-management/sso-provider/sso-provider-create-types'; diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/ping-federate-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/ping-federate-sso-configure-form.tsx index a9a8fc153..fa3a5c215 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/ping-federate-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/ping-federate-sso-configure-form.tsx @@ -41,7 +41,7 @@ import { } from '@/components/ui/select'; import { TextField } from '@/components/ui/text-field'; import { useTranslator } from '@/hooks/shared/use-translator'; -import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants/form-constants'; import { cn } from '@/lib/utils'; import type { ProviderConfigureFieldsProps } from '@/types/my-organization/idp-management/sso-provider/sso-provider-create-types'; diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/samlp-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/samlp-sso-configure-form.tsx index 3fdcf399d..67d755f25 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/samlp-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/samlp-sso-configure-form.tsx @@ -43,7 +43,7 @@ import { } from '@/components/ui/select'; import { TextField } from '@/components/ui/text-field'; import { useTranslator } from '@/hooks/shared/use-translator'; -import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants/form-constants'; import { cn } from '@/lib/utils'; import type { ProviderConfigureFieldsProps } from '@/types/my-organization/idp-management/sso-provider/sso-provider-create-types'; diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/waad-sso-configure-form.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/waad-sso-configure-form.tsx index 525b45a79..b558ad7e2 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/waad-sso-configure-form.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-configure/waad-sso-configure-form.tsx @@ -27,7 +27,7 @@ import { TextField } from '@/components/ui/text-field'; import { useProviderFormMode } from '@/hooks/my-organization/use-provider-form-mode'; import { useCoreClient } from '@/hooks/shared/use-core-client'; import { useTranslator } from '@/hooks/shared/use-translator'; -import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants/form-constants'; import { cn } from '@/lib/utils'; import type { ProviderConfigureFieldsProps } from '@/types/my-organization/idp-management/sso-provider/sso-provider-create-types'; diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-details.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-details.tsx index b5ea2304e..c4ff064e1 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-details.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-create/provider-details.tsx @@ -24,7 +24,7 @@ import { } from '@/components/ui/form'; import { TextField } from '@/components/ui/text-field'; import { useTranslator } from '@/hooks/shared/use-translator'; -import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants'; +import { FORM_REVALIDATE_MODE, FORM_VALIDATION_MODE } from '@/lib/constants/form-constants'; import type { ProviderDetailsFormHandle, ProviderDetailsProps, diff --git a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-edit/sso-provisioning/sso-provisioning-details.tsx b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-edit/sso-provisioning/sso-provisioning-details.tsx index 0b97fccd0..cb77510f5 100644 --- a/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-edit/sso-provisioning/sso-provisioning-details.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/idp-management/sso-provider-edit/sso-provisioning/sso-provisioning-details.tsx @@ -32,7 +32,7 @@ import { TextField } from '@/components/ui/text-field'; import { useCoreClient } from '@/hooks/shared/use-core-client'; import { useTheme } from '@/hooks/shared/use-theme'; import { useTranslator } from '@/hooks/shared/use-translator'; -import { FORM_VALIDATION_MODE } from '@/lib/constants'; +import { FORM_VALIDATION_MODE } from '@/lib/constants/form-constants'; import { cn } from '@/lib/utils'; import type { SsoProvisioningDetailsProps } from '@/types/my-organization/idp-management/sso-provisioning/sso-provisioning-tab-types'; diff --git a/packages/react/src/components/auth0/my-organization/shared/organization-management/organization-details/organization-details.tsx b/packages/react/src/components/auth0/my-organization/shared/organization-management/organization-details/organization-details.tsx index 970fc2d25..f19fd90db 100644 --- a/packages/react/src/components/auth0/my-organization/shared/organization-management/organization-details/organization-details.tsx +++ b/packages/react/src/components/auth0/my-organization/shared/organization-management/organization-details/organization-details.tsx @@ -26,7 +26,7 @@ import { Separator } from '@/components/ui/separator'; import { Spinner } from '@/components/ui/spinner'; import { useTheme } from '@/hooks/shared/use-theme'; import { useTranslator } from '@/hooks/shared/use-translator'; -import { FORM_VALIDATION_MODE } from '@/lib/constants'; +import { FORM_VALIDATION_MODE } from '@/lib/constants/form-constants'; import { cn } from '@/lib/utils'; import type { OrganizationDetailsProps } from '@/types/my-organization/organization-management/organization-details-types'; diff --git a/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/enrollment-form.tsx b/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/enrollment-form.tsx index a908ddfa1..ae26786d6 100644 --- a/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/enrollment-form.tsx +++ b/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/enrollment-form.tsx @@ -48,7 +48,7 @@ import { Spinner } from '@/components/ui/spinner'; import { TextField } from '@/components/ui/text-field'; import { useMfaStepUp } from '@/hooks/shared/use-mfa-step-up'; import { useTranslator } from '@/hooks/shared/use-translator'; -import { FORM_VALIDATION_MODE } from '@/lib/constants'; +import { FORM_VALIDATION_MODE } from '@/lib/constants/form-constants'; interface EnrollmentFormProps { error: MfaRequiredError; diff --git a/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/otp-code-form.tsx b/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/otp-code-form.tsx index da85a73c4..a1e2daea9 100644 --- a/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/otp-code-form.tsx +++ b/packages/react/src/components/auth0/shared/gate-keeper/mfa-step-up/otp-code-form.tsx @@ -12,7 +12,7 @@ import { Separator } from '@/components/ui/separator'; import { Spinner } from '@/components/ui/spinner'; import { TextField } from '@/components/ui/text-field'; import { useTranslator } from '@/hooks/shared/use-translator'; -import { FORM_VALIDATION_MODE } from '@/lib/constants'; +import { FORM_VALIDATION_MODE } from '@/lib/constants/form-constants'; interface Authenticator { authenticatorType?: string; diff --git a/packages/react/src/lib/constants/index.ts b/packages/react/src/lib/constants/form-constants.ts similarity index 71% rename from packages/react/src/lib/constants/index.ts rename to packages/react/src/lib/constants/form-constants.ts index ae74a957d..f80dce83f 100644 --- a/packages/react/src/lib/constants/index.ts +++ b/packages/react/src/lib/constants/form-constants.ts @@ -1,5 +1,5 @@ /** - * Common constants used across the components. + * Form constants used across the components. * @internal */