@bookinglab/booking-ui-react 1.7.0 → 1.8.0

package/dist/index.d.cts

@@ -230,6 +230,8 @@ interface ContactDetailsFormProps {
     classNames?: ContactDetailsFormClassNames;
     /** Per-field settings for the default contact fields (required, disabled) */
     fieldSettings?: ContactDetailsFieldSettings;
+    /** When true, the submit button is hidden and form values are emitted via `onChange` on every change */
+    hideSubmitButton?: boolean;
 }
 /**
  * Imperative handle methods exposed via ref

package/dist/index.d.ts

@@ -230,6 +230,8 @@ interface ContactDetailsFormProps {
     classNames?: ContactDetailsFormClassNames;
     /** Per-field settings for the default contact fields (required, disabled) */
     fieldSettings?: ContactDetailsFieldSettings;
+    /** When true, the submit button is hidden and form values are emitted via `onChange` on every change */
+    hideSubmitButton?: boolean;
 }
 /**
  * Imperative handle methods exposed via ref

package/dist/index.js

@@ -435,6 +435,13 @@ var DEFAULT_FIELDS = [
     // Cross-field validation is handled in the component
     validate: required
   },
+  {
+    name: "phone",
+    label: "Contact number",
+    type: "tel",
+    required: false,
+    validate: phone
+  },
   {
     name: "password",
     label: "Password",
@@ -449,13 +456,6 @@ var DEFAULT_FIELDS = [
     required: true,
     validate: required
   },
-  {
-    name: "phone",
-    label: "Contact number",
-    type: "tel",
-    required: false,
-    validate: phone
-  },
   {
     name: "address1",
     label: "Address 1",
@@ -788,7 +788,8 @@ var ContactDetailsForm = react.forwardRef(
     submitLabel = "Submit",
     className = "",
     classNames = {},
-    fieldSettings = {}
+    fieldSettings = {},
+    hideSubmitButton = false
   }, ref) => {
     const formId = react.useId();
     const [firstName, setFirstName] = react.useState(initialValues?.firstName || "");
@@ -1187,12 +1188,24 @@ var ContactDetailsForm = react.forwardRef(
           return null;
       }
     };
+    react.useEffect(() => {
+      if (hideSubmitButton && _onChange) {
+        const contactValid = !contactFields.some((f) => {
+          if (getFieldDisabled(f.name)) return false;
+          return !!validateContactField(f.name, f.value);
+        });
+        const questionsValid = !questions.some(
+          (q) => !!validateQuestionField(q, questionValues[q.id])
+        );
+        _onChange(buildOutput(), contactValid && questionsValid);
+      }
+    }, [hideSubmitButton, firstName, lastName, emailValue, questionValues]);
     return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className, noValidate: true, children: [
       renderContactField("firstName", "First name", firstName),
       renderContactField("lastName", "Last name", lastName),
       renderContactField("email", "Email", emailValue, "email"),
       questions.map(renderQuestionField),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", className: styles.button, children: submitLabel })
+      !hideSubmitButton && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", className: styles.button, children: submitLabel })
     ] });
   }
 );