@bookinglab/booking-ui-react 1.9.0 → 1.10.0

package/dist/index.d.cts

@@ -232,6 +232,8 @@ interface ContactDetailsFormProps {
     fieldSettings?: ContactDetailsFieldSettings;
     /** When true, the submit button is hidden and form values are emitted via `onChange` on every change */
     hideSubmitButton?: boolean;
+    /** When true, all validation errors are shown immediately (useful for external submit triggers) */
+    isSubmitted?: boolean;
 }
 /**
  * Imperative handle methods exposed via ref

package/dist/index.d.ts

@@ -232,6 +232,8 @@ interface ContactDetailsFormProps {
     fieldSettings?: ContactDetailsFieldSettings;
     /** When true, the submit button is hidden and form values are emitted via `onChange` on every change */
     hideSubmitButton?: boolean;
+    /** When true, all validation errors are shown immediately (useful for external submit triggers) */
+    isSubmitted?: boolean;
 }
 /**
  * Imperative handle methods exposed via ref

package/dist/index.js

@@ -789,7 +789,8 @@ var ContactDetailsForm = react.forwardRef(
     className = "",
     classNames = {},
     fieldSettings = {},
-    hideSubmitButton = false
+    hideSubmitButton = false,
+    isSubmitted = false
   }, ref) => {
     const formId = react.useId();
     const [firstName, setFirstName] = react.useState(initialValues?.firstName || "");
@@ -1009,7 +1010,7 @@ var ContactDetailsForm = react.forwardRef(
       const errorId = `${fieldId}-error`;
       const isDisabled = getFieldDisabled(name);
       const isRequired = getFieldRequired(name);
-      const error = contactTouched[name] ? contactErrors[name] : void 0;
+      const error = contactTouched[name] || isSubmitted ? contactErrors[name] : void 0;
       const hasError = !!error;
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.fieldWrapper, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: fieldId, className: styles.label, children: [
@@ -1039,7 +1040,7 @@ var ContactDetailsForm = react.forwardRef(
       const fieldId = `${formId}-q-${question.id}`;
       const errorId = `${fieldId}-error`;
       const value = questionValues[question.id];
-      const error = questionTouched[question.id] ? questionErrors[question.id] : void 0;
+      const error = questionTouched[question.id] || isSubmitted ? questionErrors[question.id] : void 0;
       const hasError = !!error;
       const isDisabled = !!question.disabled;
       const ariaProps = {
@@ -1196,6 +1197,12 @@ var ContactDetailsForm = react.forwardRef(
           return null;
       }
     };
+    react.useEffect(() => {
+      if (isSubmitted) {
+        validateAllContacts();
+        validateAllQuestions();
+      }
+    }, [isSubmitted]);
     react.useEffect(() => {
       if (hideSubmitButton && _onChange) {
         const contactValid = !contactFields.some((f) => {