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

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

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

@@ -101,6 +101,18 @@ var optionValidator = (field, base) => base.refine((v) => !v || (field.options ?
   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,85 @@ 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) => (field.options ?? []).includes(part)), {
+      message: `Please choose valid options for ${field.label}`
+    })
+  },
   checkbox: { kind: "boolean", hasOptions: false, validator: () => 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 Object.prototype.hasOwnProperty.call(FORM_FIELD_TYPES, field.type);
+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) => (field.options?.length ?? 0) > 0;
+function resolveFormFieldControl(field) {
+  const fieldType = (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 usable(FIELD_TYPE_CONTROLS[fieldType] ?? asControl) ?? usable(DATA_TYPE_CONTROLS[(field.dataType ?? "").toLowerCase()]) ?? (withOptions ? "select" : "text");
+}
+function normalizeFormField(field) {
+  const control = resolveFormFieldControl(field);
+  if (control === "display" || control === "unanswerable") return null;
+  const normalized = {
+    ...field,
+    type: control,
+    hubspotType: 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) => normalizeFormField(f) ?? []);
+}
+function blocksNativeBooking(field) {
+  return field.required && resolveFormFieldControl(field) === "unanswerable";
 }
 var BUILT_IN_BOOKING_FIELDS = [
   {
@@ -188,8 +269,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") {
@@ -202,7 +283,7 @@ function buildBookingSchema(formFields, legalConsent, slot) {
     answers[field.name] = validator;
   }
   const requiredConsentIds = (legalConsent?.communicationConsentCheckboxes ?? []).filter((c) => c.required).map((c) => c.communicationTypeId);
-  const hasRequiredAnswers = formFields.some((f) => isSupportedFormField(f) && f.required);
+  const hasRequiredAnswers = drawn.some((f) => f.required);
   const answersObject = z.object(answers);
   return z.object({
     meetingId: z.string().min(1),
@@ -362,6 +443,8 @@ var evenSpan = (count, index) => {
 };
 var slotColumnClass = (row, slot, index) => cn(row.length === 2 ? "col-span-1" : "col-span-2", SPAN_CLASS[slot.span ?? evenSpan(row.length, index)]);
 var placeholderFor = (field) => field.placeholder ?? fieldTypeSpec(field.type).placeholder?.(field);
+var optionLabel = (field, value) => field.optionLabels?.[value] ?? value;
+var trimmed = (v) => String(v ?? "").trim();
 var canonicalNumber = (v) => {
   const s = String(v ?? "").trim();
   if (s === "" || DECIMAL_LITERAL_RE.test(s)) return s;
@@ -405,6 +488,32 @@ var FIELD_CONTROLS = {
       ...register(registerName, { setValueAs: canonicalNumber })
     }
   ),
+  phone: ({ field, id, registerName, error, register }) => /* @__PURE__ */ jsx(
+    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__ */ jsx(
+      Input,
+      {
+        id,
+        type: "date",
+        required: field.required,
+        "aria-invalid": Boolean(error),
+        ...register(registerName)
+      }
+    )
+  ),
   select: ({ field, id, registerName, error, control }) => /* @__PURE__ */ jsx(
     Controller,
     {
@@ -412,7 +521,7 @@ var FIELD_CONTROLS = {
       name: registerName,
       render: ({ field: rhf }) => /* @__PURE__ */ jsxs(Select, { value: rhf.value ?? "", onValueChange: rhf.onChange, children: [
         /* @__PURE__ */ jsx(SelectTrigger, { id, "aria-required": field.required || void 0, "aria-invalid": Boolean(error), children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select\u2026" }) }),
-        /* @__PURE__ */ jsx(SelectContent, { children: (field.options ?? []).map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt, children: opt }, opt)) })
+        /* @__PURE__ */ jsx(SelectContent, { children: (field.options ?? []).map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt, children: optionLabel(field, opt) }, opt)) })
       ] })
     }
   ),
@@ -430,12 +539,42 @@ var FIELD_CONTROLS = {
           "aria-invalid": Boolean(error),
           children: (field.options ?? []).map((opt) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
             /* @__PURE__ */ jsx(RadioGroupItem, { id: `${id}-${opt}`, value: opt }),
-            /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-${opt}`, children: opt })
+            /* @__PURE__ */ jsx(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__ */ jsx(
+      Controller,
+      {
+        control,
+        name: registerName,
+        render: ({ field: rhf }) => {
+          const selected = splitMultiValue(rhf.value);
+          const toggle = (opt, on) => {
+            const next = (field.options ?? []).filter((o) => o === opt ? on : selected.includes(o));
+            rhf.onChange(next.join(MULTI_VALUE_SEPARATOR));
+          };
+          return /* @__PURE__ */ jsx("div", { id, role: "group", className: "flex flex-col gap-[var(--spacing-system-xs)]", children: (field.options ?? []).map((opt) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                id: `${id}-${opt}`,
+                checked: selected.includes(opt),
+                onCheckedChange: (v) => toggle(opt, v === true),
+                "aria-invalid": Boolean(error)
+              }
+            ),
+            /* @__PURE__ */ jsx(Label, { htmlFor: `${id}-${opt}`, children: optionLabel(field, opt) })
+          ] }, opt)) });
+        }
+      }
+    )
+  ),
   checkbox: ({ field, id, registerName, error, control }) => /* @__PURE__ */ jsx(
     Controller,
     {
@@ -478,7 +617,7 @@ function BookingForm({
   getSignals
 }) {
   const { formFields, legalConsent } = availability;
-  const supportedFields = useMemo(() => formFields.filter(isSupportedFormField), [formFields]);
+  const supportedFields = useMemo(() => normalizeFormFields(formFields), [formFields]);
   const schema = useMemo(
     () => makeDeferredBookingSchema(supportedFields, legalConsent),
     [supportedFields, legalConsent]
@@ -1293,7 +1432,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;