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

package/dist/components/meeting-scheduler/index.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentType } from 'react';
 import { type BookingConfirmation, type MeetingAvailability, type MeetingBookingErrorCode, type MeetingHost } from '../../schemas/meeting-booking-schema';
 import { type BookingFormProps } from './booking-form';
-export { BookingForm, BookingFormSkeleton, type BookingFormProps, type BookingFieldRow, type BookingFieldSlot, } from './booking-form';
+export { BookingForm, BookingFormSkeleton, type BookingFormProps, type BookingFieldRow, type BookingFieldSlot, type BookingFormConsent, } from './booking-form';
 export interface HubSpotMeetingSchedulerProps {
     /** Directory id of the meeting link (from the host's `/api/meetings` payload). */
     meetingId: string;

package/dist/components/meeting-scheduler/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/index.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3C,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,WAAW,EACjB,MAAM,sCAAsC,CAAC;AAI9C,OAAO,EAAoC,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAKzF,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACtB,MAAM,gBAAgB,CAAC;AAwBxB,MAAM,WAAW,4BAA4B;IAC3C,kFAAkF;IAClF,SAAS,EAAE,MAAM,CAAC;IAClB,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iFAAiF;IACjF,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,mEAAmE;IACnE,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,sFAAsF;IACtF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yFAAyF;IACzF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IACtC;;;;;;;;;;;;;;;;;OAiBG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAC/C;AA4CD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,mBAAmB,qCAAqC,CAAC;AAEtE;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,iCAAiC,qBAAqB,CAAC;AAqEpE,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,UAAe,EACf,mBAAmB,EACnB,KAAK,EACL,WAAW,EACX,KAAK,EACL,eAAe,EACf,WAAW,EACX,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAmB,EACnB,WAAW,EAAE,WAAyB,GACvC,EAAE,4BAA4B,+BAigB9B;AAED,OAAO,EACL,yBAAyB,EACzB,oCAAoC,EACpC,KAAK,8BAA8B,GACpC,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,WAAW,EAAE,CAAC;AAC/F,YAAY,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/index.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3C,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,WAAW,EACjB,MAAM,sCAAsC,CAAC;AAI9C,OAAO,EAAoC,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAKzF,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,GACxB,MAAM,gBAAgB,CAAC;AAwBxB,MAAM,WAAW,4BAA4B;IAC3C,kFAAkF;IAClF,SAAS,EAAE,MAAM,CAAC;IAClB,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iFAAiF;IACjF,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,mEAAmE;IACnE,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,sFAAsF;IACtF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yFAAyF;IACzF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IACtC;;;;;;;;;;;;;;;;;OAiBG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAC/C;AA4CD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,eAAO,MAAM,mBAAmB,qCAAqC,CAAC;AAEtE;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,iCAAiC,qBAAqB,CAAC;AAqEpE,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,UAAe,EACf,mBAAmB,EACnB,KAAK,EACL,WAAW,EACX,KAAK,EACL,eAAe,EACf,WAAW,EACX,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAmB,EACnB,WAAW,EAAE,WAAyB,GACvC,EAAE,4BAA4B,+BA+f9B;AAED,OAAO,EACL,yBAAyB,EACzB,oCAAoC,EACpC,KAAK,8BAA8B,GACpC,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,WAAW,EAAE,CAAC;AAC/F,YAAY,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC"}

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

@@ -77,7 +77,7 @@ import "../../chunk-3DTTSBDF.js";
 import "../../chunk-DCHYNTHI.js";
 
 // src/components/meeting-scheduler/index.tsx
-import { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo5, useRef as useRef2, useState as useState3 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo5, useRef as useRef2, useState as useState4 } from "react";
 
 // src/hooks/use-meeting-booking.ts
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
@@ -276,7 +276,7 @@ function useMeetingBooking(options) {
 
 // src/components/meeting-scheduler/booking-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Fragment, useEffect, useMemo } from "react";
+import { Fragment, useEffect, useMemo, useState as useState2 } from "react";
 import { useForm, Controller } from "react-hook-form";
 import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
 var SPAN_CLASS = {
@@ -297,6 +297,7 @@ function BookingForm({
   submitLabel,
   footerNote,
   fieldRows,
+  consent,
   isSubmitting,
   onSubmit,
   honeypotInputProps,
@@ -340,6 +341,9 @@ function BookingForm({
     }
   });
   const priorConsents = initialValues?.legalConsentResponses;
+  const [consented, setConsented] = useState2(initialValues?.hostConsent === true);
+  const [consentError, setConsentError] = useState2(null);
+  const consentMissing = Boolean(consent) && !consented;
   useEffect(() => {
     setValue(
       "legalConsentResponses",
@@ -350,13 +354,18 @@ function BookingForm({
       { 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(consent?.errorMessage ?? "Please agree to continue.");
+    return submitValid(event);
+  };
   const fieldError = (name) => {
     const err = errors.formFields?.[name];
     return err?.message;
@@ -508,6 +517,21 @@ function BookingForm({
       ] }),
       supportedFields.map((field) => /* @__PURE__ */ jsx(Fragment, { children: renderDeclaredField(field) }, field.name))
     ] }),
+    consent && /* @__PURE__ */ jsx(
+      CheckboxBlock,
+      {
+        id: "ms-host-consent",
+        checked: consented,
+        onCheckedChange: (v) => {
+          setConsented(v);
+          if (v) setConsentError(null);
+        },
+        disabled: isSubmitting,
+        error: 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,
@@ -653,7 +677,6 @@ function SchedulerContextPanel({
   onBack,
   backLabel = "Back",
   locked = false,
-  fixedDuration = false,
   showTimezone = true,
   className
 }) {
@@ -697,9 +720,8 @@ function SchedulerContextPanel({
               " hosts on this calendar"
             ] })
           ] }),
-          locked || fixedDuration || durationsMs.length <= 1 ? (
-            // Post-selection, a fixed-length flow, or a link that offers one
-            // length: a static line,
+          locked || durationsMs.length <= 1 ? (
+            // Post-selection, or a link that offers one length: a static line,
             // which is what sits beside the host on the header-strip layouts.
             selectedDurationMs != null && /* @__PURE__ */ jsxs3("p", { className: "shrink-0 text-ods-text-secondary text-h6", children: [
               formatDurationCompact(selectedDurationMs / 1e3),
@@ -709,7 +731,7 @@ function SchedulerContextPanel({
         ] }),
         title && /* @__PURE__ */ jsx3("p", { className: "text-ods-text-primary text-h3", children: title }),
         description && /* @__PURE__ */ jsx3("p", { className: "text-ods-text-secondary text-h6", children: description }),
-        !locked && !fixedDuration && durationsMs.length > 1 && /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-[var(--spacing-system-xxs)]", children: [
+        !locked && durationsMs.length > 1 && /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-[var(--spacing-system-xxs)]", children: [
           /* @__PURE__ */ jsx3("p", { className: FIELD_LABEL_CLASS, children: "Duration" }),
           /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap gap-[var(--spacing-system-xs)]", children: durationsMs.map((ms) => /* @__PURE__ */ jsx3(
             Button,
@@ -968,7 +990,7 @@ function SlotPicker({
 
 // src/components/meeting-scheduler/directory.tsx
 import { ChevronRight as ChevronRight2 } from "lucide-react";
-import { useEffect as useEffect2, useMemo as useMemo4, useState as useState2 } from "react";
+import { useEffect as useEffect2, useMemo as useMemo4, useState as useState3 } from "react";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function useNextAvailableLabel(ms) {
   const hydrated = useIsHydrated();
@@ -1045,10 +1067,10 @@ function MeetingSchedulerDirectory({
   contactHref,
   className
 }) {
-  const [data, setData] = useState2(initialData);
-  const [isLoading, setIsLoading] = useState2(initialData === null);
-  const [error, setError] = useState2(null);
-  const [page, setPage] = useState2(1);
+  const [data, setData] = useState3(initialData);
+  const [isLoading, setIsLoading] = useState3(initialData === null);
+  const [error, setError] = useState3(null);
+  const [page, setPage] = useState3(1);
   useEffect2(() => {
     if (initialData !== null) return void 0;
     const controller = new AbortController();
@@ -1188,7 +1210,7 @@ function HubSpotMeetingScheduler({
   } = useMeetingBooking({ meetingId, apiBaseUrl, initialAvailability });
   const detailsFirst = flow === "details-first";
   const hydrated = useIsHydrated();
-  const [pickedTimezone, setTimezone] = useState3(null);
+  const [pickedTimezone, setTimezone] = useState4(null);
   const resolvedLocalTimezone = useMemo5(() => {
     if (!hydrated) return null;
     try {
@@ -1198,18 +1220,18 @@ function HubSpotMeetingScheduler({
     }
   }, [hydrated]);
   const timezone = pickedTimezone ?? displayTimezone ?? resolvedLocalTimezone;
-  const [step, setStep] = useState3(detailsFirst ? "details" : "slot");
-  const [stash, setStash] = useState3(null);
+  const [step, setStep] = useState4(detailsFirst ? "details" : "slot");
+  const [stash, setStash] = useState4(null);
   const formOnly = detailsFirst && step === "details";
-  const [pickedDurationMs, setDurationMs] = useState3(null);
-  const [pickedDay, setSelectedDay] = useState3(null);
-  const [selectedSlot, setSelectedSlot] = useState3(null);
-  const [confirmation, setConfirmation] = useState3(null);
-  const [bookingError, setBookingError] = useState3(null);
+  const [pickedDurationMs, setDurationMs] = useState4(null);
+  const [pickedDay, setSelectedDay] = useState4(null);
+  const [selectedSlot, setSelectedSlot] = useState4(null);
+  const [confirmation, setConfirmation] = useState4(null);
+  const [bookingError, setBookingError] = useState4(null);
   const { honeypotInputProps, getSignals, resetSignals } = useHumanitySignals();
   const { toast } = useToast();
   const autoAdvanceCount = useRef2(0);
-  const [machineFor, setMachineFor] = useState3(meetingId);
+  const [machineFor, setMachineFor] = useState4(meetingId);
   if (machineFor !== meetingId) {
     setMachineFor(meetingId);
     setStep(detailsFirst ? "details" : "slot");
@@ -1343,7 +1365,6 @@ function HubSpotMeetingScheduler({
         onBack: detailsFirst ? step === "slot" ? backToDetails : onBack : step === "details" ? backToSlot : onBack,
         locked: detailsFirst ? step === "confirmed" || isSubmitting : step !== "slot",
         showTimezone: step !== "confirmed",
-        fixedDuration: detailsFirst,
         className: CONTEXT_PANEL_CLASS
       }
     ),