@flamingo-stack/openframe-frontend-core 0.0.596-2034.5677.1 → 0.0.596-2034.5678.1

package/dist/components/meeting-scheduler/booking-form.d.ts

@@ -28,20 +28,6 @@ export interface BookingFormConsent {
     /** Shown under the row when Continue is pressed unticked. */
     errorMessage?: string;
 }
-/**
- * BookingForm — attendee details + the link's declared custom questions +
- * verbatim legal-consent copy. ContactForm's scaffolding (react-hook-form +
- * zodResolver + lib field primitives); a sibling rather than a `<ContactForm>`
- * configuration because of the dynamic HubSpot `formFields`, the per-checkbox
- * consent model, and the first/last-name field model — none expressible via
- * `hideFields`/`extraTopField`.
- *
- * Bot protection is LOAD-BEARING: without the humanity signals in the body,
- * the host's `verifyHuman` degrades to first-party-only BotID (fails open for
- * external embedders). Honeypot + elapsed-ms are merged into the POST at
- * submit; the parent calls `resetSignals()` after a SLOT_TAKEN refetch so a
- * legitimate retry isn't flagged too-fast.
- */
 export interface BookingFormProps {
     availability: MeetingAvailability;
     meetingId: string;

package/dist/components/meeting-scheduler/booking-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"booking-form.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/booking-form.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAa,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAGL,KAAK,mBAAmB,EAGzB,MAAM,sCAAsC,CAAC;AAqB9C;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,gFAAgF;IAChF,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACtB;AAED,MAAM,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAcD;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,mBAAmB,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;qEACiE;IACjE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B,uFAAuF;IACvF,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,mFAAmF;IACnF,kBAAkB,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACjE,UAAU,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CACnD;AAED,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,SAAS,EACT,WAAW,EACX,UAAU,EACV,QAAQ,EACR,SAAiB,EACjB,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,EACT,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,kBAAkB,EAClB,UAAU,GACX,EAAE,gBAAgB,+BAkalB;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,gCAelC"}
+{"version":3,"file":"booking-form.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/booking-form.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAa,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,EAKL,KAAK,mBAAmB,EAIzB,MAAM,sCAAsC,CAAC;AAqB9C;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,gFAAgF;IAChF,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACtB;AAED,MAAM,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAqJD,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,mBAAmB,CAAC;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;qEACiE;IACjE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B,uFAAuF;IACvF,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,mFAAmF;IACnF,kBAAkB,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACjE,UAAU,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CACnD;AAED,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,SAAS,EACT,WAAW,EACX,UAAU,EACV,QAAQ,EACR,SAAiB,EACjB,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,EACT,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,kBAAkB,EAClB,UAAU,GACX,EAAE,gBAAgB,+BAqTlB;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,gCAelC"}

package/dist/components/meeting-scheduler/index.cjs

@@ -93,10 +93,63 @@ var MEETING_BOOKING_ERROR_CODES = [
   "TEMPORARILY_UNAVAILABLE",
   "MEETING_UNAVAILABLE"
 ];
-var SUPPORTED_FORM_FIELD_TYPES = ["text", "textarea", "select", "radio", "checkbox", "number"];
+var optionValidator = (field) => _zod.z.string().refine((v) => !v || (_nullishCoalesce(field.options, () => ( []))).includes(v), {
+  message: `Please choose a valid option for ${field.label}`
+});
+var FORM_FIELD_TYPES = {
+  text: {
+    kind: "string",
+    hasOptions: false,
+    validator: (field) => _zod.z.string().max(1e3, { message: `${field.label} is too long` })
+  },
+  textarea: {
+    kind: "string",
+    hasOptions: false,
+    validator: (field) => _zod.z.string().max(5e3, { message: `${field.label} is too long` })
+  },
+  number: {
+    kind: "string",
+    hasOptions: false,
+    validator: (field) => _zod.z.string().max(32, { message: `${field.label} is too long` }).regex(/^-?\d+(\.\d+)?$/, { message: `${field.label} must be a number` })
+  },
+  select: { kind: "string", hasOptions: true, validator: optionValidator },
+  radio: { kind: "string", hasOptions: true, validator: optionValidator },
+  checkbox: { kind: "boolean", hasOptions: false, validator: () => _zod.z.boolean() }
+};
+var SUPPORTED_FORM_FIELD_TYPES = Object.keys(FORM_FIELD_TYPES);
+var FORM_FIELD_TYPES_WITH_OPTIONS = SUPPORTED_FORM_FIELD_TYPES.filter(
+  (type) => FORM_FIELD_TYPES[type].hasOptions
+);
 function isSupportedFormField(field) {
-  return SUPPORTED_FORM_FIELD_TYPES.includes(field.type);
+  return Object.prototype.hasOwnProperty.call(FORM_FIELD_TYPES, field.type);
 }
+var BUILT_IN_BOOKING_FIELDS = [
+  {
+    name: "firstName",
+    label: "First Name",
+    type: "text",
+    required: true,
+    autoComplete: "given-name",
+    placeholder: "Enter First Name"
+  },
+  {
+    name: "lastName",
+    label: "Last Name",
+    type: "text",
+    required: true,
+    autoComplete: "family-name",
+    placeholder: "Enter Last Name"
+  },
+  {
+    name: "email",
+    label: "Email",
+    type: "text",
+    required: true,
+    inputType: "email",
+    autoComplete: "email",
+    placeholder: "username@mail.com"
+  }
+];
 var IANA_TZ_RE = /^(?:UTC|[A-Za-z_]+(?:\/[A-Za-z0-9_+-]+)+)$/;
 function isValidIanaTimezone(tz) {
   if (!IANA_TZ_RE.test(tz)) return false;
@@ -118,34 +171,12 @@ function buildBookingSchema(formFields, legalConsent, slot) {
   const answers = {};
   for (const field of formFields) {
     if (!isSupportedFormField(field)) continue;
-    let validator;
-    switch (field.type) {
-      case "checkbox":
-        validator = _zod.z.boolean();
-        break;
-      case "select":
-      case "radio":
-        validator = _zod.z.string().refine((v) => !v || (_nullishCoalesce(field.options, () => ( []))).includes(v), {
-          message: `Please choose a valid option for ${field.label}`
-        });
-        break;
-      case "textarea":
-        validator = _zod.z.string().max(5e3, { message: `${field.label} is too long` });
-        break;
-      case "number":
-        validator = _zod.z.string().max(32, { message: `${field.label} is too long` }).regex(/^-?\d+(\.\d+)?$/, { message: `${field.label} must be a number` });
-        break;
-      case "text":
-      default:
-        validator = _zod.z.string().max(1e3, { message: `${field.label} is too long` });
-        break;
-    }
-    if (field.required) {
-      validator = field.type === "checkbox" ? _zod.z.literal(true, { message: `${field.label} is required` }) : validator.min(1, { message: `${field.label} is required` });
-    } else if (field.type !== "checkbox") {
-      validator = validator.optional().or(_zod.z.literal(""));
+    const spec = FORM_FIELD_TYPES[field.type];
+    let validator = spec.validator(field);
+    if (spec.kind === "boolean") {
+      validator = field.required ? _zod.z.literal(true, { message: `${field.label} is required` }) : _zod.z.boolean().optional();
     } else {
-      validator = _zod.z.boolean().optional();
+      validator = field.required ? validator.min(1, { message: `${field.label} is required` }) : validator.optional().or(_zod.z.literal(""));
     }
     answers[field.name] = validator;
   }
@@ -289,6 +320,80 @@ var SPAN_CLASS = {
   4: "md:col-span-4"
 };
 var evenSpan = (count) => Math.min(4, Math.max(1, Math.floor(4 / Math.max(1, count))));
+var INPUT_CLASS = "bg-ods-card border-ods-border text-ods-text-primary placeholder-ods-text-secondary px-3 h-11 md:h-12";
+var TEXTAREA_CLASS = "border-ods-border bg-ods-card px-3 text-ods-text-primary placeholder-ods-text-secondary";
+var placeholderFor = (field) => _nullishCoalesce(field.placeholder, () => ( (field.type === "text" ? `Enter ${field.label}` : field.type === "textarea" ? `Enter text${field.required ? "" : " (optional)"}` : void 0)));
+var FIELD_CONTROLS = {
+  text: ({ field, id, registerName, register }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUKT2FAPZcjs.Input,
+    {
+      id,
+      type: _nullishCoalesce(field.inputType, () => ( "text")),
+      required: field.required,
+      autoComplete: field.autoComplete,
+      placeholder: placeholderFor(field),
+      className: INPUT_CLASS,
+      ...register(registerName)
+    }
+  ),
+  textarea: ({ field, id, registerName, register }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkJFP4Q54Dcjs.Textarea,
+    {
+      id,
+      placeholder: placeholderFor(field),
+      className: TEXTAREA_CLASS,
+      ...register(registerName)
+    }
+  ),
+  number: ({ field, id, registerName, register }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkUKT2FAPZcjs.Input,
+    {
+      id,
+      type: "number",
+      inputMode: "numeric",
+      step: "any",
+      required: field.required,
+      className: INPUT_CLASS,
+      ...register(registerName)
+    }
+  ),
+  select: ({ field, id, registerName, control }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reacthookform.Controller,
+    {
+      control,
+      name: registerName,
+      render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJFP4Q54Dcjs.Select, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJFP4Q54Dcjs.SelectTrigger, { id, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJFP4Q54Dcjs.SelectValue, { placeholder: "Select\u2026" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJFP4Q54Dcjs.SelectContent, { children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJFP4Q54Dcjs.SelectItem, { value: opt, children: opt }, opt)) })
+      ] })
+    }
+  ),
+  radio: ({ field, id, registerName, control }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reacthookform.Controller,
+    {
+      control,
+      name: registerName,
+      render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJFP4Q54Dcjs.RadioGroup, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJFP4Q54Dcjs.RadioGroupItem, { id: `${id}-${opt}`, value: opt }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCHIHYC7Qcjs.Label, { htmlFor: `${id}-${opt}`, children: opt })
+      ] }, opt)) })
+    }
+  ),
+  checkbox: ({ id, registerName, control }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _reacthookform.Controller,
+    {
+      control,
+      name: registerName,
+      render: ({ field: rhf }) => (
+        // The question's Label above already carries the text and binds to
+        // this id — a second inline label would double the visible text AND
+        // the accessible name.
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUKT2FAPZcjs.Checkbox, { id, checked: Boolean(rhf.value), onCheckedChange: (v) => rhf.onChange(v === true) }) })
+      )
+    }
+  )
+};
+var builtInId = (name) => `ms-${name.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`)}`;
 function BookingForm({
   availability,
   meetingId,
@@ -373,120 +478,19 @@ function BookingForm({
     const err = _optionalChain([errors, 'access', _12 => _12.formFields, 'optionalAccess', _13 => _13[name]]);
     return _optionalChain([err, 'optionalAccess', _14 => _14.message]);
   };
-  const inputClass = "bg-ods-card border-ods-border text-ods-text-primary placeholder-ods-text-secondary px-3 h-11 md:h-12";
   const FORM_STACK = "flex flex-col gap-[var(--spacing-system-l)]";
-  const builtInFields = {
-    email: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUKT2FAPZcjs.FieldWrapper, { label: "Email", htmlFor: "ms-email", required: true, error: _optionalChain([errors, 'access', _15 => _15.email, 'optionalAccess', _16 => _16.message]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkUKT2FAPZcjs.Input,
-      {
-        id: "ms-email",
-        type: "email",
-        required: true,
-        autoComplete: "email",
-        placeholder: "jane@company.com",
-        "aria-invalid": !!errors.email,
-        className: inputClass,
-        ...register("email")
-      }
-    ) }),
-    firstName: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUKT2FAPZcjs.FieldWrapper, { label: "First Name", htmlFor: "ms-first-name", required: true, error: _optionalChain([errors, 'access', _17 => _17.firstName, 'optionalAccess', _18 => _18.message]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkUKT2FAPZcjs.Input,
-      {
-        id: "ms-first-name",
-        required: true,
-        autoComplete: "given-name",
-        placeholder: "Jane",
-        "aria-invalid": !!errors.firstName,
-        className: inputClass,
-        ...register("firstName")
-      }
-    ) }),
-    lastName: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUKT2FAPZcjs.FieldWrapper, { label: "Last Name", htmlFor: "ms-last-name", required: true, error: _optionalChain([errors, 'access', _19 => _19.lastName, 'optionalAccess', _20 => _20.message]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkUKT2FAPZcjs.Input,
-      {
-        id: "ms-last-name",
-        required: true,
-        autoComplete: "family-name",
-        placeholder: "Doe",
-        "aria-invalid": !!errors.lastName,
-        className: inputClass,
-        ...register("lastName")
-      }
-    ) })
-  };
-  const renderDeclaredField = (field) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkUKT2FAPZcjs.FieldWrapper,
-    {
-      label: field.label,
-      htmlFor: `ms-q-${field.name}`,
-      required: field.required,
-      error: fieldError(field.name),
-      children: [
-        field.type === "textarea" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkJFP4Q54Dcjs.Textarea,
-          {
-            id: `ms-q-${field.name}`,
-            className: "border-ods-border bg-ods-card px-3 text-ods-text-primary placeholder-ods-text-secondary",
-            ...register(`formFields.${field.name}`)
-          }
-        ),
-        field.type === "text" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkUKT2FAPZcjs.Input,
-          {
-            id: `ms-q-${field.name}`,
-            className: "h-11 border-ods-border bg-ods-card px-3 text-ods-text-primary placeholder-ods-text-secondary md:h-12",
-            ...register(`formFields.${field.name}`)
-          }
-        ),
-        field.type === "number" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkUKT2FAPZcjs.Input,
-          {
-            id: `ms-q-${field.name}`,
-            type: "number",
-            inputMode: "numeric",
-            step: "any",
-            className: "h-11 border-ods-border bg-ods-card px-3 text-ods-text-primary placeholder-ods-text-secondary md:h-12",
-            ...register(`formFields.${field.name}`)
-          }
-        ),
-        (field.type === "select" || field.type === "radio") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _reacthookform.Controller,
-          {
-            control,
-            name: `formFields.${field.name}`,
-            render: ({ field: rhf }) => field.type === "select" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJFP4Q54Dcjs.Select, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJFP4Q54Dcjs.SelectTrigger, { id: `ms-q-${field.name}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJFP4Q54Dcjs.SelectValue, { placeholder: "Select\u2026" }) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJFP4Q54Dcjs.SelectContent, { children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJFP4Q54Dcjs.SelectItem, { value: opt, children: opt }, opt)) })
-            ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJFP4Q54Dcjs.RadioGroup, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJFP4Q54Dcjs.RadioGroupItem, { id: `ms-q-${field.name}-${opt}`, value: opt }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCHIHYC7Qcjs.Label, { htmlFor: `ms-q-${field.name}-${opt}`, children: opt })
-            ] }, opt)) })
-          }
-        ),
-        field.type === "checkbox" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _reacthookform.Controller,
-          {
-            control,
-            name: `formFields.${field.name}`,
-            render: ({ field: rhf }) => (
-              // The question's Label above already carries the text and
-              // binds to this id — a second inline label would double the
-              // visible text AND the accessible name.
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkUKT2FAPZcjs.Checkbox,
-                {
-                  id: `ms-q-${field.name}`,
-                  checked: Boolean(rhf.value),
-                  onCheckedChange: (v) => rhf.onChange(v === true)
-                }
-              ) })
-            )
-          }
-        )
-      ]
-    },
-    field.name
+  const renderField = (field, where) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUKT2FAPZcjs.FieldWrapper, { label: field.label, htmlFor: where.id, required: field.required, error: where.error, children: FIELD_CONTROLS[field.type]({ field, id: where.id, registerName: where.registerName, register, control }) }, field.name);
+  const builtInFields = Object.fromEntries(
+    BUILT_IN_BOOKING_FIELDS.map((field) => [
+      field.name,
+      renderField(field, { id: builtInId(field.name), registerName: field.name, error: _optionalChain([errors, 'access', _15 => _15[field.name], 'optionalAccess', _16 => _16.message]) })
+    ])
   );
+  const renderDeclaredField = (field) => renderField(field, {
+    id: `ms-q-${field.name}`,
+    registerName: `formFields.${field.name}`,
+    error: fieldError(field.name)
+  });
   const declaredByName = new Map(supportedFields.map((f) => [f.name, f]));
   const slotResolves = (name) => Boolean(builtInFields[name] || declaredByName.has(name));
   const slotNode = (name) => {
@@ -560,7 +564,7 @@ function BookingForm({
     // box doesn't shove the submit button down the card. With no error the
     // wrapper is `display:contents` and the panel below is the flex item,
     // exactly as it was.
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUKT2FAPZcjs.FieldWrapper, { error: _optionalChain([errors, 'access', _21 => _21.legalConsentResponses, 'optionalAccess', _22 => _22.message]), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-xs)]", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUKT2FAPZcjs.FieldWrapper, { error: _optionalChain([errors, 'access', _17 => _17.legalConsentResponses, 'optionalAccess', _18 => _18.message]), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-xs)]", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _reacthookform.Controller,
         {
@@ -580,7 +584,7 @@ function BookingForm({
                 _chunkJFP4Q54Dcjs.CheckboxBlock,
                 {
                   id: `ms-consent-${box.communicationTypeId}`,
-                  checked: _nullishCoalesce(_optionalChain([current, 'optionalAccess', _23 => _23.consented]), () => ( false)),
+                  checked: _nullishCoalesce(_optionalChain([current, 'optionalAccess', _19 => _19.consented]), () => ( false)),
                   onCheckedChange: (v) => rhf.onChange(
                     responses.map(
                       (r) => r.communicationTypeId === box.communicationTypeId ? { ...r, consented: v } : r
@@ -658,7 +662,7 @@ function zoneLabel(tz) {
       timeZone: tz,
       timeZoneName: "shortOffset"
     }).formatToParts(/* @__PURE__ */ new Date());
-    const offset = _nullishCoalesce(_optionalChain([parts, 'access', _24 => _24.find, 'call', _25 => _25((p) => p.type === "timeZoneName"), 'optionalAccess', _26 => _26.value]), () => ( ""));
+    const offset = _nullishCoalesce(_optionalChain([parts, 'access', _20 => _20.find, 'call', _21 => _21((p) => p.type === "timeZoneName"), 'optionalAccess', _22 => _22.value]), () => ( ""));
     return offset ? `${tz.replace(/_/g, " ")} (${offset})` : tz.replace(/_/g, " ");
   } catch (e4) {
     return tz.replace(/_/g, " ");
@@ -782,7 +786,7 @@ function SchedulerContextPanel({
           {
             value: timezone,
             onChange: (tz) => {
-              if (tz) _optionalChain([onTimezoneChange, 'optionalCall', _27 => _27(tz)]);
+              if (tz) _optionalChain([onTimezoneChange, 'optionalCall', _23 => _23(tz)]);
             },
             options: zoneOptions,
             placeholder: "Search timezone\u2026",
@@ -866,7 +870,7 @@ function DayCalendar({ monthOffset, onMonthOffsetChange, selectedDay, onSelectDa
   const startMonth = new Date(now.getFullYear(), now.getMonth(), 1);
   const endMonth = new Date(now.getFullYear(), now.getMonth() + _chunkJFP4Q54Dcjs.MAX_MONTH_OFFSET + 1, 0);
   const visibleMonth = new Date(now.getFullYear(), now.getMonth() + monthOffset, 1);
-  const dayHasNoSlots = _react.useCallback.call(void 0, (day) => !_optionalChain([slotsByDay, 'optionalAccess', _28 => _28.has, 'call', _29 => _29(calendarDayKey(day))]), [slotsByDay]);
+  const dayHasNoSlots = _react.useCallback.call(void 0, (day) => !_optionalChain([slotsByDay, 'optionalAccess', _24 => _24.has, 'call', _25 => _25(calendarDayKey(day))]), [slotsByDay]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-0 flex-1 flex-col", "aria-busy": slotsByDay === null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkJFP4Q54Dcjs.DatePickerCalendar,
     {
@@ -884,7 +888,7 @@ function DayCalendar({ monthOffset, onMonthOffsetChange, selectedDay, onSelectDa
         const day = value;
         if (!day) return;
         const key = calendarDayKey(day);
-        if (_optionalChain([slotsByDay, 'optionalAccess', _30 => _30.has, 'call', _31 => _31(key)])) onSelectDay(key);
+        if (_optionalChain([slotsByDay, 'optionalAccess', _26 => _26.has, 'call', _27 => _27(key)])) onSelectDay(key);
       },
       disabledDays: slotsByDay === null ? DISABLE_EVERY_DAY : dayHasNoSlots
     }
@@ -1122,7 +1126,7 @@ function MeetingSchedulerDirectory({
     };
   }, [initialData, includeAll, apiBaseUrl]);
   const rows = _react.useMemo.call(void 0, () => {
-    const purposes = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _32 => _32.purposes]), () => ( []));
+    const purposes = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _28 => _28.purposes]), () => ( []));
     return purposes.flatMap((p) => p.links.map((link) => ({ link, audienceLabel: p.label })));
   }, [data]);
   const totalPages = _chunkH64ZHSYRcjs.pageCount.call(void 0, rows.length, pageSize);
@@ -1269,8 +1273,8 @@ function HubSpotMeetingScheduler({
   _react.useEffect.call(void 0, () => {
     autoAdvanceCount.current = 0;
   }, [meetingId]);
-  const durations = _react.useMemo.call(void 0, () => _nullishCoalesce(_optionalChain([availability, 'optionalAccess', _33 => _33.durationsMs]), () => ( [])), [_optionalChain([availability, 'optionalAccess', _34 => _34.durationsMs])]);
-  const shownHosts = _nullishCoalesce(_nullishCoalesce(hosts, () => ( _optionalChain([availability, 'optionalAccess', _35 => _35.hosts]))), () => ( []));
+  const durations = _react.useMemo.call(void 0, () => _nullishCoalesce(_optionalChain([availability, 'optionalAccess', _29 => _29.durationsMs]), () => ( [])), [_optionalChain([availability, 'optionalAccess', _30 => _30.durationsMs])]);
+  const shownHosts = _nullishCoalesce(_nullishCoalesce(hosts, () => ( _optionalChain([availability, 'optionalAccess', _31 => _31.hosts]))), () => ( []));
   const durationMs = _nullishCoalesce(_nullishCoalesce(pickedDurationMs, () => ( durations[0])), () => ( null));
   const slots = _react.useMemo.call(void 0, () => {
     if (!availability || durationMs == null) return [];
@@ -1326,7 +1330,7 @@ function HubSpotMeetingScheduler({
       if (result.ok && result.confirmation) {
         setConfirmation(result.confirmation);
         setStep("confirmed");
-        _optionalChain([onBooked, 'optionalCall', _36 => _36(result.confirmation)]);
+        _optionalChain([onBooked, 'optionalCall', _32 => _32(result.confirmation)]);
         return;
       }
       const code = _nullishCoalesce(result.code, () => ( "TEMPORARILY_UNAVAILABLE"));
@@ -1423,7 +1427,7 @@ function HubSpotMeetingScheduler({
           deferSlot: detailsFirst,
           submitLabel: detailsFirst ? "Continue" : void 0,
           footerNote: detailsFirst ? "Next step: pick a slot that works. Calendar invite lands right after." : void 0,
-          initialValues: detailsFirst ? _optionalChain([stash, 'optionalAccess', _37 => _37.payload]) : void 0,
+          initialValues: detailsFirst ? _optionalChain([stash, 'optionalAccess', _33 => _33.payload]) : void 0,
           isSubmitting,
           onSubmit: detailsFirst ? stashDetails : handleSubmit,
           honeypotInputProps,