@flamingo-stack/openframe-frontend-core 0.0.675 → 0.0.676-2437.7324.1

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

@@ -1,5 +1,5 @@
 import type { ReactNode, Ref } from 'react';
-import { type BuiltInBookingFieldName, type MeetingAvailability } from '../../schemas/meeting-booking-schema';
+import { type BuiltInBookingFieldName, type DeniedEmailDomains, type MeetingAvailability } from '../../schemas/meeting-booking-schema';
 import type { FormRescueDefinition } from '../../utils/form-rescue';
 /**
  * One field in a host-supplied row. `name` is a built-in (`email`, `firstName`,
@@ -14,6 +14,20 @@ export interface BookingFieldSlot {
 /** Columns out of `GRID_COLUMNS` at `md` and up — the keys of `SPAN_CLASS`. */
 export type BookingFieldSpan = keyof typeof SPAN_CLASS;
 export type BookingFieldRow = BookingFieldSlot[];
+/**
+ * Display copy a HOST overrides for ONE field, keyed by its name — a built-in
+ * (`email`) or a HubSpot-declared question. It replaces what is DRAWN and
+ * nothing else: the name the answer rides under, the validation and the
+ * schema's own messages are untouched, so a campaign page can ask for a
+ * "Business Email" without owning a second email rule.
+ *
+ * An overridden `label` also feeds the type's derived placeholder
+ * (`Enter <label>`), so overriding the label alone keeps the pair consistent.
+ */
+export interface BookingFieldCopy {
+    label?: string;
+    placeholder?: string;
+}
 /**
  * A HOST-supplied consent row — the block the waitlist form draws for its SMS
  * consent, here for "I agree to the Privacy Policy and to be contacted". It is
@@ -76,6 +90,11 @@ export interface BookingFormProps {
      * appended full width. Both are deliberate — see `slotNode`/`unplacedFields`.
      */
     fieldRows?: BookingFieldRow[];
+    /** Per-field display overrides, keyed by field name — see `BookingFieldCopy`. */
+    fieldCopy?: Record<string, BookingFieldCopy>;
+    /** Email domains this form refuses, with the message it shows — see `DeniedEmailDomains`.
+     *  MEMOIZE it: a new object every render rebuilds the resolver's schema. */
+    deniedEmailDomains?: DeniedEmailDomains;
     /** Host-supplied consent row, rendered after the fields — see `BookingFormConsent`. */
     consent?: BookingFormConsent;
     isSubmitting: boolean;
@@ -106,7 +125,7 @@ export interface BookingFormProps {
  * submit; the parent calls `resetSignals()` after a SLOT_TAKEN refetch so a
  * legitimate retry isn't flagged too-fast.
  */
-export declare function BookingForm({ availability, meetingId, startTimeMs, durationMs, timezone, deferSlot, initialValues, submitLabel, footerNote, fieldRows, consent, isSubmitting, onSubmit, honeypotInputProps, getSignals, rescue, }: BookingFormProps): import("react").JSX.Element;
+export declare function BookingForm({ availability, meetingId, startTimeMs, durationMs, timezone, deferSlot, initialValues, submitLabel, footerNote, fieldRows, fieldCopy, deniedEmailDomains, consent, isSubmitting, onSubmit, honeypotInputProps, getSignals, rescue, }: BookingFormProps): import("react").JSX.Element;
 /**
  * Cold-start placeholder for `flow="details-first"`, where the FORM is the
  * first thing in the action panel.

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":"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"}
+{"version":3,"file":"booking-form.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/booking-form.tsx"],"names":[],"mappings":"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"}

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

@@ -331,6 +331,20 @@ function makeDeferredBookingSchema(formFields, legalConsent) {
     timezone: TIMEZONE.nullish()
   });
 }
+function emailDomainDenied(email, rule) {
+  if (typeof email !== "string") return false;
+  const domain = _optionalChain([email, 'access', _5 => _5.split, 'call', _6 => _6("@"), 'access', _7 => _7[1], 'optionalAccess', _8 => _8.trim, 'call', _9 => _9(), 'access', _10 => _10.toLowerCase, 'call', _11 => _11()]);
+  if (domain === void 0 || domain === "") return false;
+  return rule.domains.includes(domain);
+}
+function withDeniedEmailDomains(schema, rule) {
+  if (!rule) return schema;
+  return schema.superRefine((values, ctx) => {
+    if (emailDomainDenied(values.email, rule)) {
+      ctx.addIssue({ code: "custom", path: ["email"], message: rule.message });
+    }
+  });
+}
 
 // src/hooks/use-meeting-booking.ts
 var AVAILABILITY_STALE_MS = 0;
@@ -341,7 +355,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', _5 => _5.meetingId]) === meetingId ? initialAvailability.monthOffset : void 0;
+  const seededOffset = _optionalChain([initialAvailability, 'optionalAccess', _12 => _12.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(_chunkVZMST7BDcjs.MAX_MONTH_OFFSET, offset)));
@@ -352,7 +366,7 @@ function useMeetingBooking(options) {
     prevMeetingIdRef.current = meetingId;
     setMonthOffsetState(0);
   }, [meetingId]);
-  const seed = _optionalChain([initialAvailability, 'optionalAccess', _6 => _6.meetingId]) === meetingId && initialAvailability.monthOffset === monthOffset ? initialAvailability : void 0;
+  const seed = _optionalChain([initialAvailability, 'optionalAccess', _13 => _13.meetingId]) === meetingId && initialAvailability.monthOffset === monthOffset ? initialAvailability : void 0;
   const availabilityQuery = _reactquery.useQuery.call(void 0, {
     queryKey: meetingAvailabilityKey(apiBaseUrl, meetingId, monthOffset),
     queryFn: async ({ signal }) => {
@@ -448,8 +462,8 @@ 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', _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 placeholderFor = (field) => _nullishCoalesce(field.placeholder, () => ( _optionalChain([fieldTypeSpec, 'call', _14 => _14(field.type), 'access', _15 => _15.placeholder, 'optionalCall', _16 => _16(field)])));
+var optionLabel = (field, value) => _nullishCoalesce(_optionalChain([field, 'access', _17 => _17.optionLabels, 'optionalAccess', _18 => _18[value]]), () => ( value));
 var trimmed = (v) => String(_nullishCoalesce(v, () => ( ""))).trim();
 var canonicalNumber = (v) => {
   const s = String(_nullishCoalesce(v, () => ( ""))).trim();
@@ -467,6 +481,7 @@ var FIELD_CONTROLS = {
       type: _nullishCoalesce(field.inputType, () => ( "text")),
       required: field.required,
       "aria-invalid": Boolean(error),
+      invalid: Boolean(error),
       autoComplete: field.autoComplete,
       placeholder: placeholderFor(field),
       ...register(registerName)
@@ -478,6 +493,7 @@ var FIELD_CONTROLS = {
       id,
       required: field.required,
       "aria-invalid": Boolean(error),
+      invalid: Boolean(error),
       placeholder: placeholderFor(field),
       ...register(registerName)
     }
@@ -491,6 +507,7 @@ var FIELD_CONTROLS = {
       step: "any",
       required: field.required,
       "aria-invalid": Boolean(error),
+      invalid: Boolean(error),
       ...register(registerName, { setValueAs: canonicalNumber })
     }
   ),
@@ -503,6 +520,7 @@ var FIELD_CONTROLS = {
       autoComplete: "tel",
       required: field.required,
       "aria-invalid": Boolean(error),
+      invalid: Boolean(error),
       placeholder: placeholderFor(field),
       ...register(registerName, { setValueAs: trimmed })
     }
@@ -516,6 +534,7 @@ var FIELD_CONTROLS = {
         type: "date",
         required: field.required,
         "aria-invalid": Boolean(error),
+        invalid: Boolean(error),
         ...register(registerName)
       }
     )
@@ -526,7 +545,16 @@ var FIELD_CONTROLS = {
       control,
       name: registerName,
       render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVZMST7BDcjs.Select, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZMST7BDcjs.SelectTrigger, { id, "aria-required": field.required || void 0, "aria-invalid": Boolean(error), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZMST7BDcjs.SelectValue, { placeholder: "Select\u2026" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkVZMST7BDcjs.SelectTrigger,
+          {
+            id,
+            "aria-required": field.required || void 0,
+            "aria-invalid": Boolean(error),
+            invalid: Boolean(error),
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZMST7BDcjs.SelectValue, { placeholder: "Select\u2026" })
+          }
+        ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZMST7BDcjs.SelectContent, { children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZMST7BDcjs.SelectItem, { value: opt, children: optionLabel(field, opt) }, opt)) })
       ] })
     }
@@ -616,6 +644,8 @@ function BookingForm({
   submitLabel,
   footerNote,
   fieldRows,
+  fieldCopy,
+  deniedEmailDomains,
   consent,
   isSubmitting,
   onSubmit,
@@ -626,11 +656,11 @@ function BookingForm({
   const { formFields, legalConsent } = availability;
   const supportedFields = _react.useMemo.call(void 0, () => normalizeFormFields(formFields), [formFields]);
   const schema = _react.useMemo.call(void 0, 
-    () => makeDeferredBookingSchema(supportedFields, legalConsent),
-    [supportedFields, legalConsent]
+    () => withDeniedEmailDomains(makeDeferredBookingSchema(supportedFields, legalConsent), deniedEmailDomains),
+    [supportedFields, legalConsent, deniedEmailDomains]
   );
   const consentDefaults = _react.useMemo.call(void 0, 
-    () => (_nullishCoalesce(_optionalChain([legalConsent, 'optionalAccess', _12 => _12.communicationConsentCheckboxes]), () => ( []))).map((c) => ({
+    () => (_nullishCoalesce(_optionalChain([legalConsent, 'optionalAccess', _19 => _19.communicationConsentCheckboxes]), () => ( []))).map((c) => ({
       communicationTypeId: c.communicationTypeId,
       consented: false
     })),
@@ -662,8 +692,8 @@ function BookingForm({
       ..._nullishCoalesce(initialValues, () => ( {}))
     }
   });
-  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 priorConsents = _optionalChain([initialValues, 'optionalAccess', _20 => _20.legalConsentResponses]);
+  const [consented, setConsented] = _react.useState.call(void 0, _optionalChain([initialValues, 'optionalAccess', _21 => _21[HOST_CONSENT_KEY]]) === true);
   const [consentError, setConsentError] = _react.useState.call(void 0, null);
   const consentMissing = Boolean(consent) && !consented;
   _react.useEffect.call(void 0, () => {
@@ -672,7 +702,7 @@ function BookingForm({
       "legalConsentResponses",
       consentDefaults.map((next) => ({
         ...next,
-        consented: _nullishCoalesce(_optionalChain([current, 'access', _15 => _15.find, 'call', _16 => _16((r) => r.communicationTypeId === next.communicationTypeId), 'optionalAccess', _17 => _17.consented]), () => ( false))
+        consented: _nullishCoalesce(_optionalChain([current, 'access', _22 => _22.find, 'call', _23 => _23((r) => r.communicationTypeId === next.communicationTypeId), 'optionalAccess', _24 => _24.consented]), () => ( false))
       })),
       { shouldDirty: false }
     );
@@ -690,6 +720,16 @@ function BookingForm({
       fieldPath: (name) => BUILT_IN_BOOKING_FIELDS.some((field) => field.name === name) ? name : `formFields.${name}`
     }
   );
+  const { toast } = _chunkRCLYHHB3cjs.useToast.call(void 0, );
+  const onInvalid = () => {
+    if (deniedEmailDomains && emailDomainDenied(getValues("email"), deniedEmailDomains)) {
+      toast({
+        variant: "error",
+        title: "Check your email address",
+        description: deniedEmailDomains.message
+      });
+    }
+  };
   const submitValid = handleSubmit(async (data) => {
     if (consentMissing) return;
     if (deferSlot) {
@@ -706,27 +746,41 @@ function BookingForm({
       ...getSignals(),
       ...formRescue.submitFields()
     });
-  });
+  }, onInvalid);
   const submit = (event) => {
-    if (consentMissing) setConsentError(_nullishCoalesce(_optionalChain([consent, 'optionalAccess', _18 => _18.errorMessage]), () => ( "Please agree to continue.")));
+    if (consentMissing) setConsentError(_nullishCoalesce(_optionalChain([consent, 'optionalAccess', _25 => _25.errorMessage]), () => ( "Please agree to continue.")));
     return submitValid(event);
   };
   const fieldError = (name) => {
-    const err = _optionalChain([errors, 'access', _19 => _19.formFields, 'optionalAccess', _20 => _20[name]]);
-    return _optionalChain([err, 'optionalAccess', _21 => _21.message]);
+    const err = _optionalChain([errors, 'access', _26 => _26.formFields, 'optionalAccess', _27 => _27[name]]);
+    return _optionalChain([err, 'optionalAccess', _28 => _28.message]);
+  };
+  const renderField = (field, where) => {
+    const copy = _optionalChain([fieldCopy, 'optionalAccess', _29 => _29[field.name]]);
+    const shown = copy ? { ...field, label: _nullishCoalesce(copy.label, () => ( field.label)), placeholder: _nullishCoalesce(copy.placeholder, () => ( field.placeholder)) } : field;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkQVSVRG7Icjs.FieldWrapper,
+      {
+        label: shown.label,
+        htmlFor: where.id,
+        required: shown.required,
+        error: where.error,
+        children: FIELD_CONTROLS[shown.type]({
+          field: shown,
+          id: where.id,
+          registerName: where.registerName,
+          error: where.error,
+          register,
+          control
+        })
+      },
+      shown.name
+    );
   };
-  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,
-    id: where.id,
-    registerName: where.registerName,
-    error: where.error,
-    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', _22 => _22[field.name], 'optionalAccess', _23 => _23.message]) })
+      renderField(field, { id: builtInId(field.name), registerName: field.name, error: _optionalChain([errors, 'access', _30 => _30[field.name], 'optionalAccess', _31 => _31.message]) })
     ])
   );
   const renderDeclaredField = (field) => renderField(field, {
@@ -787,7 +841,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', _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, _chunkQVSVRG7Icjs.FieldWrapper, { error: _optionalChain([errors, 'access', _32 => _32.legalConsentResponses, 'optionalAccess', _33 => _33.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, 
@@ -806,7 +860,7 @@ function BookingForm({
                 _chunkVZMST7BDcjs.CheckboxBlock,
                 {
                   id: `ms-consent-${box.communicationTypeId}`,
-                  checked: _nullishCoalesce(_optionalChain([current, 'optionalAccess', _26 => _26.consented]), () => ( false)),
+                  checked: _nullishCoalesce(_optionalChain([current, 'optionalAccess', _34 => _34.consented]), () => ( false)),
                   onCheckedChange: (v) => rhf.onChange(
                     responses.map(
                       (r) => r.communicationTypeId === box.communicationTypeId ? { ...r, consented: v } : r
@@ -901,7 +955,7 @@ function zoneLabel(tz) {
       timeZone: tz,
       timeZoneName: "shortOffset"
     }).formatToParts(/* @__PURE__ */ new Date());
-    const offset = _nullishCoalesce(_optionalChain([parts, 'access', _27 => _27.find, 'call', _28 => _28((p) => p.type === "timeZoneName"), 'optionalAccess', _29 => _29.value]), () => ( ""));
+    const offset = _nullishCoalesce(_optionalChain([parts, 'access', _35 => _35.find, 'call', _36 => _36((p) => p.type === "timeZoneName"), 'optionalAccess', _37 => _37.value]), () => ( ""));
     return offset ? `${tz.replace(/_/g, " ")} (${offset})` : tz.replace(/_/g, " ");
   } catch (e4) {
     return tz.replace(/_/g, " ");
@@ -1028,7 +1082,7 @@ function SchedulerContextPanel({
             value: timezone,
             disabled,
             onChange: (tz) => {
-              if (tz) _optionalChain([onTimezoneChange, 'optionalCall', _30 => _30(tz)]);
+              if (tz) _optionalChain([onTimezoneChange, 'optionalCall', _38 => _38(tz)]);
             },
             options: zoneOptions,
             placeholder: "Search timezone\u2026",
@@ -1112,7 +1166,7 @@ function DayCalendar({ monthOffset, onMonthOffsetChange, selectedDay, onSelectDa
   const startMonth = new Date(now.getFullYear(), now.getMonth(), 1);
   const endMonth = new Date(now.getFullYear(), now.getMonth() + _chunkVZMST7BDcjs.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', _31 => _31.has, 'call', _32 => _32(calendarDayKey(day))]), [slotsByDay]);
+  const dayHasNoSlots = _react.useCallback.call(void 0, (day) => !_optionalChain([slotsByDay, 'optionalAccess', _39 => _39.has, 'call', _40 => _40(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, 
     _chunkVZMST7BDcjs.DatePickerCalendar,
     {
@@ -1130,7 +1184,7 @@ function DayCalendar({ monthOffset, onMonthOffsetChange, selectedDay, onSelectDa
         const day = value;
         if (!day) return;
         const key = calendarDayKey(day);
-        if (_optionalChain([slotsByDay, 'optionalAccess', _33 => _33.has, 'call', _34 => _34(key)])) onSelectDay(key);
+        if (_optionalChain([slotsByDay, 'optionalAccess', _41 => _41.has, 'call', _42 => _42(key)])) onSelectDay(key);
       },
       disabledDays: slotsByDay === null ? DISABLE_EVERY_DAY : dayHasNoSlots
     }
@@ -1354,7 +1408,7 @@ function MeetingSchedulerDirectory({
     };
   }, [initialData, includeAll, apiBaseUrl]);
   const rows = _react.useMemo.call(void 0, () => {
-    const purposes = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _35 => _35.purposes]), () => ( []));
+    const purposes = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _43 => _43.purposes]), () => ( []));
     return purposes.flatMap((p) => p.links.map((link) => ({ link, audienceLabel: p.label })));
   }, [data]);
   const totalPages = _chunkVTYP25OWcjs.pageCount.call(void 0, rows.length, pageSize);
@@ -1511,7 +1565,7 @@ function HubSpotMeetingScheduler({
     onStageChangeRef.current = onStageChange;
   });
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onStageChangeRef, 'access', _36 => _36.current, 'optionalCall', _37 => _37(stage)]);
+    _optionalChain([onStageChangeRef, 'access', _44 => _44.current, 'optionalCall', _45 => _45(stage)]);
   }, [stage]);
   const [stash, setStash] = _react.useState.call(void 0, null);
   const inFlightRef = _react.useRef.call(void 0, false);
@@ -1542,8 +1596,8 @@ function HubSpotMeetingScheduler({
   _react.useEffect.call(void 0, () => {
     autoAdvanceCount.current = 0;
   }, [meetingId]);
-  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 durations = _react.useMemo.call(void 0, () => _nullishCoalesce(_optionalChain([availability, 'optionalAccess', _46 => _46.durationsMs]), () => ( [])), [_optionalChain([availability, 'optionalAccess', _47 => _47.durationsMs])]);
+  const shownHosts = _nullishCoalesce(_nullishCoalesce(hosts, () => ( _optionalChain([availability, 'optionalAccess', _48 => _48.hosts]))), () => ( []));
   const durationMs = _nullishCoalesce(_nullishCoalesce(pickedDurationMs, () => ( durations[0])), () => ( null));
   const slots = _react.useMemo.call(void 0, () => {
     if (!availability || durationMs == null) return [];
@@ -1603,7 +1657,7 @@ function HubSpotMeetingScheduler({
         _chunkRCLYHHB3cjs.completeFormRescue.call(void 0, rescue, payload[_chunkRCLYHHB3cjs.FORM_RESCUE_ATTEMPT_FIELD]);
         setConfirmation(result.confirmation);
         setStep("confirmed");
-        _optionalChain([onBooked, 'optionalCall', _41 => _41(result.confirmation)]);
+        _optionalChain([onBooked, 'optionalCall', _49 => _49(result.confirmation)]);
         return;
       }
       const code = _nullishCoalesce(result.code, () => ( "TEMPORARILY_UNAVAILABLE"));
@@ -1651,8 +1705,8 @@ function HubSpotMeetingScheduler({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: stepPanelClass, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           BookingFormSkeleton,
           {
-            fieldRows: _optionalChain([detailsFormProps, 'optionalAccess', _42 => _42.fieldRows]),
-            consent: Boolean(_optionalChain([detailsFormProps, 'optionalAccess', _43 => _43.consent])),
+            fieldRows: _optionalChain([detailsFormProps, 'optionalAccess', _50 => _50.fieldRows]),
+            consent: Boolean(_optionalChain([detailsFormProps, 'optionalAccess', _51 => _51.consent])),
             footerNote: preset.footerNote
           }
         ) })
@@ -1713,7 +1767,7 @@ function HubSpotMeetingScheduler({
           deferSlot: detailsFirst,
           submitLabel: preset.submitLabel,
           footerNote: preset.footerNote,
-          initialValues: detailsFirst ? _optionalChain([stash, 'optionalAccess', _44 => _44.payload]) : void 0,
+          initialValues: detailsFirst ? _optionalChain([stash, 'optionalAccess', _52 => _52.payload]) : void 0,
           isSubmitting,
           onSubmit: detailsFirst ? stashDetails : handleSubmit,
           honeypotInputProps,