@flamingo-stack/openframe-frontend-core 0.0.596-2034.5669.1 → 0.0.596-2034.5670.1

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

@@ -1,4 +1,4 @@
-import type { Ref } from 'react';
+import type { ReactNode, Ref } from 'react';
 import { type MeetingAvailability } from '../../schemas/meeting-booking-schema';
 /**
  * One field in a host-supplied row. `name` is a built-in (`email`, `firstName`,
@@ -10,6 +10,24 @@ export interface BookingFieldSlot {
     span?: 1 | 2 | 3 | 4;
 }
 export type BookingFieldRow = BookingFieldSlot[];
+/**
+ * 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
+ * the host's copy and the host's link, so it is a prop, not HubSpot metadata;
+ * HubSpot's own `legalConsent` block (verbatim, declared on the link) renders
+ * alongside when the link carries one.
+ *
+ * A client-side gate, exactly like the waitlist's: Continue is refused until it
+ * is ticked, and the tick rides in the payload as `hostConsent` — which the
+ * host's book route strips as an undeclared key. It is not a HubSpot consent
+ * record; declare `legalConsent` on the link when one is required.
+ */
+export interface BookingFormConsent {
+    label: ReactNode;
+    description?: ReactNode;
+    /** 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 +
@@ -55,6 +73,8 @@ export interface BookingFormProps {
      * appended full width. Both are deliberate — see `slotNode`/`unplacedFields`.
      */
     fieldRows?: BookingFieldRow[];
+    /** Host-supplied consent row, rendered after the fields — see `BookingFormConsent`. */
+    consent?: BookingFormConsent;
     isSubmitting: boolean;
     onSubmit: (payload: Record<string, unknown>) => Promise<void>;
     /** From useHumanitySignals — parent owns the instance so it can resetSignals(). */
@@ -64,7 +84,7 @@ export interface BookingFormProps {
     };
     getSignals: () => Record<string, string | number>;
 }
-export declare function BookingForm({ availability, meetingId, startTimeMs, durationMs, timezone, deferSlot, initialValues, submitLabel, footerNote, fieldRows, isSubmitting, onSubmit, honeypotInputProps, getSignals, }: BookingFormProps): import("react").JSX.Element;
+export declare function BookingForm({ availability, meetingId, startTimeMs, durationMs, timezone, deferSlot, initialValues, submitLabel, footerNote, fieldRows, consent, isSubmitting, onSubmit, honeypotInputProps, getSignals, }: 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":"AAIA,OAAO,KAAK,EAAa,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5C,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;AAcjD;;;;;;;;;;;;;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,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,YAAY,EACZ,QAAQ,EACR,kBAAkB,EAClB,UAAU,GACX,EAAE,gBAAgB,+BAkXlB;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;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,+BAgZlB;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,gCAelC"}

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

@@ -297,6 +297,7 @@ function BookingForm({
   submitLabel,
   footerNote,
   fieldRows,
+  consent,
   isSubmitting,
   onSubmit,
   honeypotInputProps,
@@ -340,31 +341,39 @@ function BookingForm({
     }
   });
   const priorConsents = _optionalChain([initialValues, 'optionalAccess', _6 => _6.legalConsentResponses]);
+  const [consented, setConsented] = _react.useState.call(void 0, _optionalChain([initialValues, 'optionalAccess', _7 => _7.hostConsent]) === true);
+  const [consentError, setConsentError] = _react.useState.call(void 0, null);
+  const consentMissing = Boolean(consent) && !consented;
   _react.useEffect.call(void 0, () => {
     setValue(
       "legalConsentResponses",
       consentDefaults.map((next) => ({
         ...next,
-        consented: _nullishCoalesce(_optionalChain([priorConsents, 'optionalAccess', _7 => _7.find, 'call', _8 => _8((r) => r.communicationTypeId === next.communicationTypeId), 'optionalAccess', _9 => _9.consented]), () => ( false))
+        consented: _nullishCoalesce(_optionalChain([priorConsents, 'optionalAccess', _8 => _8.find, 'call', _9 => _9((r) => r.communicationTypeId === next.communicationTypeId), 'optionalAccess', _10 => _10.consented]), () => ( false))
       })),
       { shouldDirty: false }
     );
   }, [consentDefaults, priorConsents, setValue]);
-  const submit = handleSubmit(async (data) => {
+  const submitValid = handleSubmit(async (data) => {
+    if (consentMissing) return;
     if (deferSlot) {
-      await onSubmit({ ...data, meetingId });
+      await onSubmit({ ...data, meetingId, hostConsent: consented });
       return;
     }
-    await onSubmit({ ...data, meetingId, startTimeMs, durationMs, timezone, ...getSignals() });
+    await onSubmit({ ...data, meetingId, hostConsent: consented, startTimeMs, durationMs, timezone, ...getSignals() });
   });
+  const submit = (event) => {
+    if (consentMissing) setConsentError(_nullishCoalesce(_optionalChain([consent, 'optionalAccess', _11 => _11.errorMessage]), () => ( "Please agree to continue.")));
+    return submitValid(event);
+  };
   const fieldError = (name) => {
-    const err = _optionalChain([errors, 'access', _10 => _10.formFields, 'optionalAccess', _11 => _11[name]]);
-    return _optionalChain([err, 'optionalAccess', _12 => _12.message]);
+    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, _chunkY7ITKISQcjs.FieldWrapper, { label: "Email", htmlFor: "ms-email", error: _optionalChain([errors, 'access', _13 => _13.email, 'optionalAccess', _14 => _14.message]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    email: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY7ITKISQcjs.FieldWrapper, { label: "Email", htmlFor: "ms-email", error: _optionalChain([errors, 'access', _15 => _15.email, 'optionalAccess', _16 => _16.message]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkY7ITKISQcjs.Input,
       {
         id: "ms-email",
@@ -377,7 +386,7 @@ function BookingForm({
         ...register("email")
       }
     ) }),
-    firstName: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY7ITKISQcjs.FieldWrapper, { label: "First Name", htmlFor: "ms-first-name", error: _optionalChain([errors, 'access', _15 => _15.firstName, 'optionalAccess', _16 => _16.message]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    firstName: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY7ITKISQcjs.FieldWrapper, { label: "First Name", htmlFor: "ms-first-name", error: _optionalChain([errors, 'access', _17 => _17.firstName, 'optionalAccess', _18 => _18.message]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkY7ITKISQcjs.Input,
       {
         id: "ms-first-name",
@@ -389,7 +398,7 @@ function BookingForm({
         ...register("firstName")
       }
     ) }),
-    lastName: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY7ITKISQcjs.FieldWrapper, { label: "Last Name", htmlFor: "ms-last-name", error: _optionalChain([errors, 'access', _17 => _17.lastName, 'optionalAccess', _18 => _18.message]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    lastName: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY7ITKISQcjs.FieldWrapper, { label: "Last Name", htmlFor: "ms-last-name", error: _optionalChain([errors, 'access', _19 => _19.lastName, 'optionalAccess', _20 => _20.message]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkY7ITKISQcjs.Input,
       {
         id: "ms-last-name",
@@ -508,11 +517,26 @@ function BookingForm({
       ] }),
       supportedFields.map((field) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: renderDeclaredField(field) }, field.name))
     ] }),
+    consent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkQW663C35cjs.CheckboxBlock,
+      {
+        id: "ms-host-consent",
+        checked: consented,
+        onCheckedChange: (v) => {
+          setConsented(v);
+          if (v) setConsentError(null);
+        },
+        disabled: isSubmitting,
+        error: _nullishCoalesce(consentError, () => ( void 0)),
+        label: consent.label,
+        description: consent.description
+      }
+    ),
     legalConsent && // Same out-of-flow message as the fields above, so a missed consent
     // 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, _chunkY7ITKISQcjs.FieldWrapper, { error: _optionalChain([errors, 'access', _19 => _19.legalConsentResponses, 'optionalAccess', _20 => _20.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, _chunkY7ITKISQcjs.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, 
         _reacthookform.Controller,
         {
@@ -532,7 +556,7 @@ function BookingForm({
                 _chunkQW663C35cjs.CheckboxBlock,
                 {
                   id: `ms-consent-${box.communicationTypeId}`,
-                  checked: _nullishCoalesce(_optionalChain([current, 'optionalAccess', _21 => _21.consented]), () => ( false)),
+                  checked: _nullishCoalesce(_optionalChain([current, 'optionalAccess', _23 => _23.consented]), () => ( false)),
                   onCheckedChange: (v) => rhf.onChange(
                     responses.map(
                       (r) => r.communicationTypeId === box.communicationTypeId ? { ...r, consented: v } : r
@@ -610,7 +634,7 @@ function zoneLabel(tz) {
       timeZone: tz,
       timeZoneName: "shortOffset"
     }).formatToParts(/* @__PURE__ */ new Date());
-    const offset = _nullishCoalesce(_optionalChain([parts, 'access', _22 => _22.find, 'call', _23 => _23((p) => p.type === "timeZoneName"), 'optionalAccess', _24 => _24.value]), () => ( ""));
+    const offset = _nullishCoalesce(_optionalChain([parts, 'access', _24 => _24.find, 'call', _25 => _25((p) => p.type === "timeZoneName"), 'optionalAccess', _26 => _26.value]), () => ( ""));
     return offset ? `${tz.replace(/_/g, " ")} (${offset})` : tz.replace(/_/g, " ");
   } catch (e4) {
     return tz.replace(/_/g, " ");
@@ -736,7 +760,7 @@ function SchedulerContextPanel({
           {
             value: timezone,
             onChange: (tz) => {
-              if (tz) _optionalChain([onTimezoneChange, 'optionalCall', _25 => _25(tz)]);
+              if (tz) _optionalChain([onTimezoneChange, 'optionalCall', _27 => _27(tz)]);
             },
             options: zoneOptions,
             placeholder: "Search timezone\u2026",
@@ -820,7 +844,7 @@ function DayCalendar({ monthOffset, onMonthOffsetChange, selectedDay, onSelectDa
   const startMonth = new Date(now.getFullYear(), now.getMonth(), 1);
   const endMonth = new Date(now.getFullYear(), now.getMonth() + _chunkQW663C35cjs.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', _26 => _26.has, 'call', _27 => _27(calendarDayKey(day))]), [slotsByDay]);
+  const dayHasNoSlots = _react.useCallback.call(void 0, (day) => !_optionalChain([slotsByDay, 'optionalAccess', _28 => _28.has, 'call', _29 => _29(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, 
     _chunkQW663C35cjs.DatePickerCalendar,
     {
@@ -838,7 +862,7 @@ function DayCalendar({ monthOffset, onMonthOffsetChange, selectedDay, onSelectDa
         const day = value;
         if (!day) return;
         const key = calendarDayKey(day);
-        if (_optionalChain([slotsByDay, 'optionalAccess', _28 => _28.has, 'call', _29 => _29(key)])) onSelectDay(key);
+        if (_optionalChain([slotsByDay, 'optionalAccess', _30 => _30.has, 'call', _31 => _31(key)])) onSelectDay(key);
       },
       disabledDays: slotsByDay === null ? DISABLE_EVERY_DAY : dayHasNoSlots
     }
@@ -1076,7 +1100,7 @@ function MeetingSchedulerDirectory({
     };
   }, [initialData, includeAll, apiBaseUrl]);
   const rows = _react.useMemo.call(void 0, () => {
-    const purposes = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _30 => _30.purposes]), () => ( []));
+    const purposes = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _32 => _32.purposes]), () => ( []));
     return purposes.flatMap((p) => p.links.map((link) => ({ link, audienceLabel: p.label })));
   }, [data]);
   const totalPages = _chunkH64ZHSYRcjs.pageCount.call(void 0, rows.length, pageSize);
@@ -1223,8 +1247,8 @@ function HubSpotMeetingScheduler({
   _react.useEffect.call(void 0, () => {
     autoAdvanceCount.current = 0;
   }, [meetingId]);
-  const durations = _react.useMemo.call(void 0, () => _nullishCoalesce(_optionalChain([availability, 'optionalAccess', _31 => _31.durationsMs]), () => ( [])), [_optionalChain([availability, 'optionalAccess', _32 => _32.durationsMs])]);
-  const shownHosts = _nullishCoalesce(_nullishCoalesce(hosts, () => ( _optionalChain([availability, 'optionalAccess', _33 => _33.hosts]))), () => ( []));
+  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 durationMs = _nullishCoalesce(_nullishCoalesce(pickedDurationMs, () => ( durations[0])), () => ( null));
   const slots = _react.useMemo.call(void 0, () => {
     if (!availability || durationMs == null) return [];
@@ -1280,7 +1304,7 @@ function HubSpotMeetingScheduler({
       if (result.ok && result.confirmation) {
         setConfirmation(result.confirmation);
         setStep("confirmed");
-        _optionalChain([onBooked, 'optionalCall', _34 => _34(result.confirmation)]);
+        _optionalChain([onBooked, 'optionalCall', _36 => _36(result.confirmation)]);
         return;
       }
       const code = _nullishCoalesce(result.code, () => ( "TEMPORARILY_UNAVAILABLE"));
@@ -1378,7 +1402,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', _35 => _35.payload]) : void 0,
+          initialValues: detailsFirst ? _optionalChain([stash, 'optionalAccess', _37 => _37.payload]) : void 0,
           isSubmitting,
           onSubmit: detailsFirst ? stashDetails : handleSubmit,
           honeypotInputProps,