@flamingo-stack/openframe-frontend-core 0.0.664 → 0.0.665-2372.7066.1

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;AAGvD,OAAO,EAEL,KAAK,uBAAuB,EAM5B,KAAK,mBAAmB,EAKzB,MAAM,sCAAsC,CAAC;AAsB9C;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,yFAAyF;IACzF,IAAI,EAAE,uBAAuB,GAAG,CAAC,MAAM,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;IAChE,gFAAgF;IAChF,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED,+EAA+E;AAC/E,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,UAAU,CAAC;AAEvD,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;AAiBD;6CAC6C;AAC7C,QAAA,MAAM,UAAU;;;;;CAKN,CAAC;AAOX,0GAA0G;AAC1G,eAAO,MAAM,oBAAoB,oBAAoB,CAAC;AAYtD;iFACiF;AACjF,eAAO,MAAM,QAAQ,GAAI,OAAO,MAAM,EAAE,OAAO,MAAM,KAAG,gBAIvD,CAAC;AAqJF,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;;;;;;;;;;;;;GAaG;AACH,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,+BAoTlB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAO,EACP,UAAU,GACX,EAAE;IACD,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B;;qDAEiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,+BA2BA"}
+{"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,EAEL,KAAK,uBAAuB,EAQ5B,KAAK,mBAAmB,EAKzB,MAAM,sCAAsC,CAAC;AAsB9C;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,yFAAyF;IACzF,IAAI,EAAE,uBAAuB,GAAG,CAAC,MAAM,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;IAChE,gFAAgF;IAChF,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED,+EAA+E;AAC/E,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,UAAU,CAAC;AAEvD,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;AAiBD;6CAC6C;AAC7C,QAAA,MAAM,UAAU;;;;;CAKN,CAAC;AAOX,0GAA0G;AAC1G,eAAO,MAAM,oBAAoB,oBAAoB,CAAC;AAYtD;iFACiF;AACjF,eAAO,MAAM,QAAQ,GAAI,OAAO,MAAM,EAAE,OAAO,MAAM,KAAG,gBAIvD,CAAC;AA+MF,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;;;;;;;;;;;;;GAaG;AACH,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,+BAuTlB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAO,EACP,UAAU,GACX,EAAE;IACD,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B;;qDAEiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,+BA2BA"}

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

@@ -101,6 +101,18 @@ var optionValidator = (field, base) => base.refine((v) => !v || (_nullishCoalesc
   message: `Please choose a valid option for ${field.label}`
 });
 var DECIMAL_LITERAL_RE = /^-?\d+(\.\d+)?$/;
+var MULTI_VALUE_SEPARATOR = ";";
+var splitMultiValue = (value) => typeof value === "string" && value ? value.split(MULTI_VALUE_SEPARATOR) : [];
+var PHONE_RE = /^\+?[\d\s().\-/]+(?:\s*(?:x|ext\.?)\s*\d+)?$/i;
+var PHONE_MIN_DIGITS = 5;
+var PHONE_MAX_DIGITS = 20;
+var phoneDigits = (v) => v.replace(/\D/g, "").length;
+var ISO_DATE_RE = /^\d{4}-\d{2}-\d{2}$/;
+var isRealIsoDate = (v) => {
+  if (!ISO_DATE_RE.test(v)) return false;
+  const d = /* @__PURE__ */ new Date(`${v}T00:00:00Z`);
+  return !Number.isNaN(d.getTime()) && d.toISOString().slice(0, 10) === v;
+};
 var FORM_FIELD_TYPES = {
   text: {
     kind: "string",
@@ -121,16 +133,88 @@ var FORM_FIELD_TYPES = {
     // accepts (`1e3`, `007`) to this before it is validated or sent.
     validator: (field, base) => base.max(32, { message: `${field.label} is too long` }).regex(DECIMAL_LITERAL_RE, { message: `${field.label} must be a number` })
   },
+  phone: {
+    kind: "string",
+    hasOptions: false,
+    validator: (field, base) => base.max(40, { message: `${field.label} is too long` }).refine(
+      (v) => !v || PHONE_RE.test(v) && phoneDigits(v) >= PHONE_MIN_DIGITS && phoneDigits(v) <= PHONE_MAX_DIGITS,
+      { message: `Please enter a valid phone number for ${field.label}` }
+    ),
+    placeholder: (field) => `Enter ${field.label}`
+  },
+  date: {
+    kind: "string",
+    hasOptions: false,
+    validator: (field, base) => base.refine((v) => !v || isRealIsoDate(v), { message: `${field.label} must be a date` })
+  },
   select: { kind: "string", hasOptions: true, validator: optionValidator },
   radio: { kind: "string", hasOptions: true, validator: optionValidator },
+  multiselect: {
+    kind: "string",
+    hasOptions: true,
+    validator: (field, base) => base.refine((v) => splitMultiValue(v).every((part) => (_nullishCoalesce(field.options, () => ( []))).includes(part)), {
+      message: `Please choose valid options for ${field.label}`
+    })
+  },
   checkbox: { kind: "boolean", hasOptions: false, validator: () => _zod.z.boolean() }
 };
 var SUPPORTED_FORM_FIELD_TYPES = Object.keys(FORM_FIELD_TYPES);
+var FIELD_TYPE_CONTROLS = {
+  text: "text",
+  textarea: "textarea",
+  number: "number",
+  select: "select",
+  radio: "radio",
+  booleancheckbox: "checkbox",
+  phonenumber: "phone",
+  date: "date",
+  html: "display",
+  file: "unanswerable"
+};
+var DATA_TYPE_CONTROLS = {
+  string: "text",
+  number: "number",
+  enumeration: "select",
+  bool: "checkbox",
+  date: "date",
+  datetime: "date",
+  phone_number: "phone"
+};
+var hasDeclaredOptions = (field) => (_nullishCoalesce(_optionalChain([field, 'access', _2 => _2.options, 'optionalAccess', _3 => _3.length]), () => ( 0))) > 0;
+function resolveFormFieldControl(field) {
+  const fieldType = (_nullishCoalesce(field.type, () => ( ""))).toLowerCase();
+  const withOptions = hasDeclaredOptions(field);
+  const usable = (r) => {
+    if (!r || r === "display" || r === "unanswerable") return r;
+    return FORM_FIELD_TYPES[r].hasOptions && !withOptions ? "text" : r;
+  };
+  if (fieldType === "checkbox") return withOptions ? "multiselect" : "checkbox";
+  if (fieldType.startsWith("calculation")) return "display";
+  const asControl = Object.prototype.hasOwnProperty.call(FORM_FIELD_TYPES, fieldType) ? fieldType : void 0;
+  return _nullishCoalesce(_nullishCoalesce(usable(_nullishCoalesce(FIELD_TYPE_CONTROLS[fieldType], () => ( asControl))), () => ( usable(DATA_TYPE_CONTROLS[(_nullishCoalesce(field.dataType, () => ( ""))).toLowerCase()]))), () => ( (withOptions ? "select" : "text")));
+}
 var FORM_FIELD_TYPES_WITH_OPTIONS = SUPPORTED_FORM_FIELD_TYPES.filter(
   (type) => FORM_FIELD_TYPES[type].hasOptions
 );
-function isSupportedFormField(field) {
-  return Object.prototype.hasOwnProperty.call(FORM_FIELD_TYPES, field.type);
+function normalizeFormField(field) {
+  const control = resolveFormFieldControl(field);
+  if (control === "display" || control === "unanswerable") return null;
+  const normalized = {
+    ...field,
+    type: control,
+    hubspotType: _nullishCoalesce(field.hubspotType, () => ( field.type))
+  };
+  if (!FORM_FIELD_TYPES[control].hasOptions) {
+    delete normalized.options;
+    delete normalized.optionLabels;
+  }
+  return normalized;
+}
+function normalizeFormFields(fields) {
+  return fields.flatMap((f) => _nullishCoalesce(normalizeFormField(f), () => ( [])));
+}
+function blocksNativeBooking(field) {
+  return field.required && resolveFormFieldControl(field) === "unanswerable";
 }
 var BUILT_IN_BOOKING_FIELDS = [
   {
@@ -188,8 +272,8 @@ function isValidBcp47Locale(locale) {
 }
 function buildBookingSchema(formFields, legalConsent, slot) {
   const answers = {};
-  for (const field of formFields) {
-    if (!isSupportedFormField(field)) continue;
+  const drawn = normalizeFormFields(formFields);
+  for (const field of drawn) {
     const spec = FORM_FIELD_TYPES[field.type];
     let validator;
     if (spec.kind === "boolean") {
@@ -201,8 +285,8 @@ function buildBookingSchema(formFields, legalConsent, slot) {
     }
     answers[field.name] = validator;
   }
-  const requiredConsentIds = (_nullishCoalesce(_optionalChain([legalConsent, 'optionalAccess', _2 => _2.communicationConsentCheckboxes]), () => ( []))).filter((c) => c.required).map((c) => c.communicationTypeId);
-  const hasRequiredAnswers = formFields.some((f) => isSupportedFormField(f) && f.required);
+  const requiredConsentIds = (_nullishCoalesce(_optionalChain([legalConsent, 'optionalAccess', _4 => _4.communicationConsentCheckboxes]), () => ( []))).filter((c) => c.required).map((c) => c.communicationTypeId);
+  const hasRequiredAnswers = drawn.some((f) => f.required);
   const answersObject = _zod.z.object(answers);
   return _zod.z.object({
     meetingId: _zod.z.string().min(1),
@@ -254,7 +338,7 @@ var BOOKING_IN_FLIGHT_MESSAGE = "Already submitting";
 function useMeetingBooking(options) {
   const { meetingId, apiBaseUrl = "", initialAvailability } = options;
   const queryClient = _reactquery.useQueryClient.call(void 0, );
-  const seededOffset = _optionalChain([initialAvailability, 'optionalAccess', _3 => _3.meetingId]) === meetingId ? initialAvailability.monthOffset : void 0;
+  const seededOffset = _optionalChain([initialAvailability, 'optionalAccess', _5 => _5.meetingId]) === meetingId ? initialAvailability.monthOffset : void 0;
   const [monthOffset, setMonthOffsetState] = _react.useState.call(void 0, _nullishCoalesce(seededOffset, () => ( 0)));
   const setMonthOffset = _react.useCallback.call(void 0, (offset) => {
     setMonthOffsetState(Math.max(0, Math.min(_chunk6FD7ZEBYcjs.MAX_MONTH_OFFSET, offset)));
@@ -265,7 +349,7 @@ function useMeetingBooking(options) {
     prevMeetingIdRef.current = meetingId;
     setMonthOffsetState(0);
   }, [meetingId]);
-  const seed = _optionalChain([initialAvailability, 'optionalAccess', _4 => _4.meetingId]) === meetingId && initialAvailability.monthOffset === monthOffset ? initialAvailability : void 0;
+  const seed = _optionalChain([initialAvailability, 'optionalAccess', _6 => _6.meetingId]) === meetingId && initialAvailability.monthOffset === monthOffset ? initialAvailability : void 0;
   const availabilityQuery = _reactquery.useQuery.call(void 0, {
     queryKey: meetingAvailabilityKey(apiBaseUrl, meetingId, monthOffset),
     queryFn: async ({ signal }) => {
@@ -361,7 +445,9 @@ var evenSpan = (count, index) => {
   return Math.min(GRID_COLUMNS, Math.max(1, index < extra ? base + 1 : base));
 };
 var slotColumnClass = (row, slot, index) => _chunkX7CEWD6Vcjs.cn.call(void 0, row.length === 2 ? "col-span-1" : "col-span-2", SPAN_CLASS[_nullishCoalesce(slot.span, () => ( evenSpan(row.length, index)))]);
-var placeholderFor = (field) => _nullishCoalesce(field.placeholder, () => ( _optionalChain([fieldTypeSpec, 'call', _5 => _5(field.type), 'access', _6 => _6.placeholder, 'optionalCall', _7 => _7(field)])));
+var placeholderFor = (field) => _nullishCoalesce(field.placeholder, () => ( _optionalChain([fieldTypeSpec, 'call', _7 => _7(field.type), 'access', _8 => _8.placeholder, 'optionalCall', _9 => _9(field)])));
+var optionLabel = (field, value) => _nullishCoalesce(_optionalChain([field, 'access', _10 => _10.optionLabels, 'optionalAccess', _11 => _11[value]]), () => ( value));
+var trimmed = (v) => String(_nullishCoalesce(v, () => ( ""))).trim();
 var canonicalNumber = (v) => {
   const s = String(_nullishCoalesce(v, () => ( ""))).trim();
   if (s === "" || DECIMAL_LITERAL_RE.test(s)) return s;
@@ -405,6 +491,32 @@ var FIELD_CONTROLS = {
       ...register(registerName, { setValueAs: canonicalNumber })
     }
   ),
+  phone: ({ field, id, registerName, error, register }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkQVSVRG7Icjs.Input,
+    {
+      id,
+      type: "tel",
+      inputMode: "tel",
+      autoComplete: "tel",
+      required: field.required,
+      "aria-invalid": Boolean(error),
+      placeholder: placeholderFor(field),
+      ...register(registerName, { setValueAs: trimmed })
+    }
+  ),
+  date: ({ field, id, registerName, error, register }) => (
+    // The native picker emits exactly the wire shape (`YYYY-MM-DD`).
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkQVSVRG7Icjs.Input,
+      {
+        id,
+        type: "date",
+        required: field.required,
+        "aria-invalid": Boolean(error),
+        ...register(registerName)
+      }
+    )
+  ),
   select: ({ field, id, registerName, error, control }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _reacthookform.Controller,
     {
@@ -412,7 +524,7 @@ var FIELD_CONTROLS = {
       name: registerName,
       render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk6FD7ZEBYcjs.Select, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6FD7ZEBYcjs.SelectTrigger, { id, "aria-required": field.required || void 0, "aria-invalid": Boolean(error), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6FD7ZEBYcjs.SelectValue, { placeholder: "Select\u2026" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6FD7ZEBYcjs.SelectContent, { children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6FD7ZEBYcjs.SelectItem, { value: opt, children: opt }, opt)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6FD7ZEBYcjs.SelectContent, { children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6FD7ZEBYcjs.SelectItem, { value: opt, children: optionLabel(field, opt) }, opt)) })
       ] })
     }
   ),
@@ -430,12 +542,42 @@ var FIELD_CONTROLS = {
           "aria-invalid": Boolean(error),
           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, _chunk6FD7ZEBYcjs.RadioGroupItem, { id: `${id}-${opt}`, value: opt }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSD62VAYcjs.Label, { htmlFor: `${id}-${opt}`, children: opt })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSD62VAYcjs.Label, { htmlFor: `${id}-${opt}`, children: optionLabel(field, opt) })
           ] }, opt))
         }
       )
     }
   ),
+  multiselect: ({ field, id, registerName, error, control }) => (
+    // HubSpot's "multiple checkboxes": the answer is its `;`-joined value list,
+    // held in that wire shape so the validator and the POST see one string.
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _reacthookform.Controller,
+      {
+        control,
+        name: registerName,
+        render: ({ field: rhf }) => {
+          const selected = splitMultiValue(rhf.value);
+          const toggle = (opt, on) => {
+            const next = (_nullishCoalesce(field.options, () => ( []))).filter((o) => o === opt ? on : selected.includes(o));
+            rhf.onChange(next.join(MULTI_VALUE_SEPARATOR));
+          };
+          return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id, role: "group", className: "flex flex-col gap-[var(--spacing-system-xs)]", 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, 
+              _chunkQVSVRG7Icjs.Checkbox,
+              {
+                id: `${id}-${opt}`,
+                checked: selected.includes(opt),
+                onCheckedChange: (v) => toggle(opt, v === true),
+                "aria-invalid": Boolean(error)
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSD62VAYcjs.Label, { htmlFor: `${id}-${opt}`, children: optionLabel(field, opt) })
+          ] }, opt)) });
+        }
+      }
+    )
+  ),
   checkbox: ({ field, id, registerName, error, control }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _reacthookform.Controller,
     {
@@ -478,13 +620,13 @@ function BookingForm({
   getSignals
 }) {
   const { formFields, legalConsent } = availability;
-  const supportedFields = _react.useMemo.call(void 0, () => formFields.filter(isSupportedFormField), [formFields]);
+  const supportedFields = _react.useMemo.call(void 0, () => normalizeFormFields(formFields), [formFields]);
   const schema = _react.useMemo.call(void 0, 
     () => makeDeferredBookingSchema(supportedFields, legalConsent),
     [supportedFields, legalConsent]
   );
   const consentDefaults = _react.useMemo.call(void 0, 
-    () => (_nullishCoalesce(_optionalChain([legalConsent, 'optionalAccess', _8 => _8.communicationConsentCheckboxes]), () => ( []))).map((c) => ({
+    () => (_nullishCoalesce(_optionalChain([legalConsent, 'optionalAccess', _12 => _12.communicationConsentCheckboxes]), () => ( []))).map((c) => ({
       communicationTypeId: c.communicationTypeId,
       consented: false
     })),
@@ -515,8 +657,8 @@ function BookingForm({
       ..._nullishCoalesce(initialValues, () => ( {}))
     }
   });
-  const priorConsents = _optionalChain([initialValues, 'optionalAccess', _9 => _9.legalConsentResponses]);
-  const [consented, setConsented] = _react.useState.call(void 0, _optionalChain([initialValues, 'optionalAccess', _10 => _10[HOST_CONSENT_KEY]]) === true);
+  const priorConsents = _optionalChain([initialValues, 'optionalAccess', _13 => _13.legalConsentResponses]);
+  const [consented, setConsented] = _react.useState.call(void 0, _optionalChain([initialValues, 'optionalAccess', _14 => _14[HOST_CONSENT_KEY]]) === true);
   const [consentError, setConsentError] = _react.useState.call(void 0, null);
   const consentMissing = Boolean(consent) && !consented;
   _react.useEffect.call(void 0, () => {
@@ -525,7 +667,7 @@ function BookingForm({
       "legalConsentResponses",
       consentDefaults.map((next) => ({
         ...next,
-        consented: _nullishCoalesce(_optionalChain([current, 'access', _11 => _11.find, 'call', _12 => _12((r) => r.communicationTypeId === next.communicationTypeId), 'optionalAccess', _13 => _13.consented]), () => ( false))
+        consented: _nullishCoalesce(_optionalChain([current, 'access', _15 => _15.find, 'call', _16 => _16((r) => r.communicationTypeId === next.communicationTypeId), 'optionalAccess', _17 => _17.consented]), () => ( false))
       })),
       { shouldDirty: false }
     );
@@ -547,12 +689,12 @@ function BookingForm({
     });
   });
   const submit = (event) => {
-    if (consentMissing) setConsentError(_nullishCoalesce(_optionalChain([consent, 'optionalAccess', _14 => _14.errorMessage]), () => ( "Please agree to continue.")));
+    if (consentMissing) setConsentError(_nullishCoalesce(_optionalChain([consent, 'optionalAccess', _18 => _18.errorMessage]), () => ( "Please agree to continue.")));
     return submitValid(event);
   };
   const fieldError = (name) => {
-    const err = _optionalChain([errors, 'access', _15 => _15.formFields, 'optionalAccess', _16 => _16[name]]);
-    return _optionalChain([err, 'optionalAccess', _17 => _17.message]);
+    const err = _optionalChain([errors, 'access', _19 => _19.formFields, 'optionalAccess', _20 => _20[name]]);
+    return _optionalChain([err, 'optionalAccess', _21 => _21.message]);
   };
   const renderField = (field, where) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQVSVRG7Icjs.FieldWrapper, { label: field.label, htmlFor: where.id, required: field.required, error: where.error, children: FIELD_CONTROLS[field.type]({
     field,
@@ -565,7 +707,7 @@ function BookingForm({
   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', _18 => _18[field.name], 'optionalAccess', _19 => _19.message]) })
+      renderField(field, { id: builtInId(field.name), registerName: field.name, error: _optionalChain([errors, 'access', _22 => _22[field.name], 'optionalAccess', _23 => _23.message]) })
     ])
   );
   const renderDeclaredField = (field) => renderField(field, {
@@ -626,7 +768,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, _chunkQVSVRG7Icjs.FieldWrapper, { error: _optionalChain([errors, 'access', _20 => _20.legalConsentResponses, 'optionalAccess', _21 => _21.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, _chunkQVSVRG7Icjs.FieldWrapper, { error: _optionalChain([errors, 'access', _24 => _24.legalConsentResponses, 'optionalAccess', _25 => _25.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, "p", { className: "text-ods-text-secondary text-h6", children: legalConsent.processingConsentText }),
       legalConsent.communicationConsentText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: legalConsent.communicationConsentText }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -645,7 +787,7 @@ function BookingForm({
                 _chunk6FD7ZEBYcjs.CheckboxBlock,
                 {
                   id: `ms-consent-${box.communicationTypeId}`,
-                  checked: _nullishCoalesce(_optionalChain([current, 'optionalAccess', _22 => _22.consented]), () => ( false)),
+                  checked: _nullishCoalesce(_optionalChain([current, 'optionalAccess', _26 => _26.consented]), () => ( false)),
                   onCheckedChange: (v) => rhf.onChange(
                     responses.map(
                       (r) => r.communicationTypeId === box.communicationTypeId ? { ...r, consented: v } : r
@@ -740,7 +882,7 @@ function zoneLabel(tz) {
       timeZone: tz,
       timeZoneName: "shortOffset"
     }).formatToParts(/* @__PURE__ */ new Date());
-    const offset = _nullishCoalesce(_optionalChain([parts, 'access', _23 => _23.find, 'call', _24 => _24((p) => p.type === "timeZoneName"), 'optionalAccess', _25 => _25.value]), () => ( ""));
+    const offset = _nullishCoalesce(_optionalChain([parts, 'access', _27 => _27.find, 'call', _28 => _28((p) => p.type === "timeZoneName"), 'optionalAccess', _29 => _29.value]), () => ( ""));
     return offset ? `${tz.replace(/_/g, " ")} (${offset})` : tz.replace(/_/g, " ");
   } catch (e4) {
     return tz.replace(/_/g, " ");
@@ -867,7 +1009,7 @@ function SchedulerContextPanel({
             value: timezone,
             disabled,
             onChange: (tz) => {
-              if (tz) _optionalChain([onTimezoneChange, 'optionalCall', _26 => _26(tz)]);
+              if (tz) _optionalChain([onTimezoneChange, 'optionalCall', _30 => _30(tz)]);
             },
             options: zoneOptions,
             placeholder: "Search timezone\u2026",
@@ -951,7 +1093,7 @@ function DayCalendar({ monthOffset, onMonthOffsetChange, selectedDay, onSelectDa
   const startMonth = new Date(now.getFullYear(), now.getMonth(), 1);
   const endMonth = new Date(now.getFullYear(), now.getMonth() + _chunk6FD7ZEBYcjs.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', _27 => _27.has, 'call', _28 => _28(calendarDayKey(day))]), [slotsByDay]);
+  const dayHasNoSlots = _react.useCallback.call(void 0, (day) => !_optionalChain([slotsByDay, 'optionalAccess', _31 => _31.has, 'call', _32 => _32(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, 
     _chunk6FD7ZEBYcjs.DatePickerCalendar,
     {
@@ -969,7 +1111,7 @@ function DayCalendar({ monthOffset, onMonthOffsetChange, selectedDay, onSelectDa
         const day = value;
         if (!day) return;
         const key = calendarDayKey(day);
-        if (_optionalChain([slotsByDay, 'optionalAccess', _29 => _29.has, 'call', _30 => _30(key)])) onSelectDay(key);
+        if (_optionalChain([slotsByDay, 'optionalAccess', _33 => _33.has, 'call', _34 => _34(key)])) onSelectDay(key);
       },
       disabledDays: slotsByDay === null ? DISABLE_EVERY_DAY : dayHasNoSlots
     }
@@ -1193,7 +1335,7 @@ function MeetingSchedulerDirectory({
     };
   }, [initialData, includeAll, apiBaseUrl]);
   const rows = _react.useMemo.call(void 0, () => {
-    const purposes = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _31 => _31.purposes]), () => ( []));
+    const purposes = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _35 => _35.purposes]), () => ( []));
     return purposes.flatMap((p) => p.links.map((link) => ({ link, audienceLabel: p.label })));
   }, [data]);
   const totalPages = _chunkVTYP25OWcjs.pageCount.call(void 0, rows.length, pageSize);
@@ -1293,7 +1435,7 @@ function SchedulerDegradedCard({
   ] });
 }
 function isNativelyBookable(availability) {
-  if (!availability.formFields.every(isSupportedFormField)) return false;
+  if (availability.formFields.some(blocksNativeBooking)) return false;
   const consent = availability.legalConsent;
   if (consent) {
     if (typeof consent.processingConsentText !== "string") return false;
@@ -1349,7 +1491,7 @@ function HubSpotMeetingScheduler({
     onStageChangeRef.current = onStageChange;
   });
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onStageChangeRef, 'access', _32 => _32.current, 'optionalCall', _33 => _33(stage)]);
+    _optionalChain([onStageChangeRef, 'access', _36 => _36.current, 'optionalCall', _37 => _37(stage)]);
   }, [stage]);
   const [stash, setStash] = _react.useState.call(void 0, null);
   const inFlightRef = _react.useRef.call(void 0, false);
@@ -1380,8 +1522,8 @@ function HubSpotMeetingScheduler({
   _react.useEffect.call(void 0, () => {
     autoAdvanceCount.current = 0;
   }, [meetingId]);
-  const durations = _react.useMemo.call(void 0, () => _nullishCoalesce(_optionalChain([availability, 'optionalAccess', _34 => _34.durationsMs]), () => ( [])), [_optionalChain([availability, 'optionalAccess', _35 => _35.durationsMs])]);
-  const shownHosts = _nullishCoalesce(_nullishCoalesce(hosts, () => ( _optionalChain([availability, 'optionalAccess', _36 => _36.hosts]))), () => ( []));
+  const durations = _react.useMemo.call(void 0, () => _nullishCoalesce(_optionalChain([availability, 'optionalAccess', _38 => _38.durationsMs]), () => ( [])), [_optionalChain([availability, 'optionalAccess', _39 => _39.durationsMs])]);
+  const shownHosts = _nullishCoalesce(_nullishCoalesce(hosts, () => ( _optionalChain([availability, 'optionalAccess', _40 => _40.hosts]))), () => ( []));
   const durationMs = _nullishCoalesce(_nullishCoalesce(pickedDurationMs, () => ( durations[0])), () => ( null));
   const slots = _react.useMemo.call(void 0, () => {
     if (!availability || durationMs == null) return [];
@@ -1440,7 +1582,7 @@ function HubSpotMeetingScheduler({
       if (result.ok && result.confirmation) {
         setConfirmation(result.confirmation);
         setStep("confirmed");
-        _optionalChain([onBooked, 'optionalCall', _37 => _37(result.confirmation)]);
+        _optionalChain([onBooked, 'optionalCall', _41 => _41(result.confirmation)]);
         return;
       }
       const code = _nullishCoalesce(result.code, () => ( "TEMPORARILY_UNAVAILABLE"));
@@ -1488,8 +1630,8 @@ function HubSpotMeetingScheduler({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: stepPanelClass, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           BookingFormSkeleton,
           {
-            fieldRows: _optionalChain([detailsFormProps, 'optionalAccess', _38 => _38.fieldRows]),
-            consent: Boolean(_optionalChain([detailsFormProps, 'optionalAccess', _39 => _39.consent])),
+            fieldRows: _optionalChain([detailsFormProps, 'optionalAccess', _42 => _42.fieldRows]),
+            consent: Boolean(_optionalChain([detailsFormProps, 'optionalAccess', _43 => _43.consent])),
             footerNote: preset.footerNote
           }
         ) })
@@ -1550,7 +1692,7 @@ function HubSpotMeetingScheduler({
           deferSlot: detailsFirst,
           submitLabel: preset.submitLabel,
           footerNote: preset.footerNote,
-          initialValues: detailsFirst ? _optionalChain([stash, 'optionalAccess', _40 => _40.payload]) : void 0,
+          initialValues: detailsFirst ? _optionalChain([stash, 'optionalAccess', _44 => _44.payload]) : void 0,
           isSubmitting,
           onSubmit: detailsFirst ? stashDetails : handleSubmit,
           honeypotInputProps,