formanitor 0.2.0 → 0.2.1

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDE7VZVKR_cjs = require('./chunk-DE7VZVKR.cjs');
+var chunkMQ2JV7HL_cjs = require('./chunk-MQ2JV7HL.cjs');
 var chunkKJA5BLGX_cjs = require('./chunk-KJA5BLGX.cjs');
 var chunkQKJ7BQSR_cjs = require('./chunk-QKJ7BQSR.cjs');
 var chunkPZBJYPWW_cjs = require('./chunk-PZBJYPWW.cjs');
@@ -13,20 +13,21 @@ var chunkUGGUIXUS_cjs = require('./chunk-UGGUIXUS.cjs');
 require('./chunk-PHADAQSH.cjs');
 var chunkP62377LB_cjs = require('./chunk-P62377LB.cjs');
 var chunkIFSKLIS2_cjs = require('./chunk-IFSKLIS2.cjs');
-require('./chunk-FZEEWRW3.cjs');
+require('./chunk-BOBX45NY.cjs');
 var chunk5E3APMY6_cjs = require('./chunk-5E3APMY6.cjs');
-var chunkKPGTPJDH_cjs = require('./chunk-KPGTPJDH.cjs');
+var chunk6YX37XBM_cjs = require('./chunk-6YX37XBM.cjs');
 var chunkKMJOTMUQ_cjs = require('./chunk-KMJOTMUQ.cjs');
 var chunkTJHG5WHX_cjs = require('./chunk-TJHG5WHX.cjs');
 require('./chunk-4KSZUIJE.cjs');
 var chunkO3VQBPEW_cjs = require('./chunk-O3VQBPEW.cjs');
-var chunkIDSBJOFY_cjs = require('./chunk-IDSBJOFY.cjs');
+var chunkSHQHDSA4_cjs = require('./chunk-SHQHDSA4.cjs');
 var chunkJMGUUFOJ_cjs = require('./chunk-JMGUUFOJ.cjs');
 var chunkFHHISVCH_cjs = require('./chunk-FHHISVCH.cjs');
 var React6 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var lucideReact = require('lucide-react');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
+var dateFns = require('date-fns');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -49,6 +50,66 @@ function _interopNamespace(e) {
 var React6__namespace = /*#__PURE__*/_interopNamespace(React6);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 
+// src/core/persistence/campBooking.ts
+var CampBookingPersistenceProvider = class {
+  config;
+  constructor(config) {
+    this.config = config;
+  }
+  async save(_formId, state) {
+    const {
+      baseUrl,
+      authToken,
+      patientId,
+      campDateFieldId = "camp_date",
+      slotFieldId = "camp_time_slot",
+      bookingFormDataFields
+    } = this.config;
+    const campDateValue = state.values[campDateFieldId];
+    const instanceId = campDateValue && typeof campDateValue === "object" && !Array.isArray(campDateValue) ? campDateValue.id : null;
+    if (!instanceId || typeof instanceId !== "string") {
+      throw new Error("Camp booking: no instance selected (camp_date field is empty or invalid).");
+    }
+    const primarySlotId = state.values[slotFieldId];
+    if (!primarySlotId || typeof primarySlotId !== "string") {
+      throw new Error("Camp booking: no time slot selected.");
+    }
+    const excludeKeys = /* @__PURE__ */ new Set([campDateFieldId, slotFieldId]);
+    const bookingFormData = {};
+    const fieldKeys = bookingFormDataFields ?? Object.keys(state.values);
+    for (const key of fieldKeys) {
+      if (!excludeKeys.has(key)) {
+        bookingFormData[key] = state.values[key];
+      }
+    }
+    const idempotencyKey = typeof crypto !== "undefined" && typeof crypto.randomUUID === "function" ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+    const payload = {
+      primary_slot_id: primarySlotId,
+      patient_id: patientId,
+      booking_form_data: bookingFormData,
+      idempotency_key: idempotencyKey
+    };
+    const headers = { "Content-Type": "application/json" };
+    if (authToken) headers["Authorization"] = `Bearer ${authToken}`;
+    const response = await fetch(`${baseUrl}/api/camps/instances/${instanceId}/book/`, {
+      method: "POST",
+      headers,
+      body: JSON.stringify(payload)
+    });
+    if (!response.ok) {
+      const errorText = await response.text().catch(() => "");
+      throw new Error(
+        `Camp booking failed: ${response.status} ${response.statusText}${errorText ? ` \u2013 ${errorText}` : ""}`
+      );
+    }
+  }
+  async load(_formId) {
+    return null;
+  }
+  async clear(_formId) {
+  }
+};
+
 // src/core/marMedicationOrdersMeta.ts
 var MAR_MEDICATION_ORDERS_META_KEY = "mar_medication_orders";
 function fieldMetaRequestsMarMedicationOrdersButton(meta) {
@@ -56,10 +117,10 @@ function fieldMetaRequestsMarMedicationOrdersButton(meta) {
   return meta[MAR_MEDICATION_ORDERS_META_KEY] === true;
 }
 var MultiSelectWidget = ({ fieldId }) => {
-  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkIDSBJOFY_cjs.useField(fieldId);
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkSHQHDSA4_cjs.useField(fieldId);
   const [options, setOptions] = React6.useState([]);
   const [loading, setLoading] = React6.useState(false);
-  const { state } = chunkKPGTPJDH_cjs.useForm();
+  const { state } = chunk6YX37XBM_cjs.useForm();
   const showError = !!error && (touched || state.submitAttempted);
   const currentValues = Array.isArray(value) ? value : [];
   React6.useEffect(() => {
@@ -123,7 +184,7 @@ var MultiSelectWidget = ({ fieldId }) => {
 var RepeatableWidget = ({
   fieldId
 }) => {
-  const { fieldDef, value, setValue, error, disabled, touched } = chunkIDSBJOFY_cjs.useField(fieldId);
+  const { fieldDef, value, setValue, error, disabled, touched } = chunkSHQHDSA4_cjs.useField(fieldId);
   if (!fieldDef || fieldDef.type !== "repeatable") return null;
   const def = fieldDef;
   const rows = Array.isArray(value) ? value : [];
@@ -226,9 +287,9 @@ function extractImageDisplayUrl(value) {
   return null;
 }
 var ImageUploadWidget = ({ fieldId }) => {
-  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkIDSBJOFY_cjs.useField(fieldId);
-  const store = chunkIDSBJOFY_cjs.useFormStore();
-  const { state } = chunkKPGTPJDH_cjs.useForm();
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkSHQHDSA4_cjs.useField(fieldId);
+  const store = chunkSHQHDSA4_cjs.useFormStore();
+  const { state } = chunk6YX37XBM_cjs.useForm();
   const [isUploading, setIsUploading] = React6.useState(false);
   const [preview, setPreview] = React6.useState(null);
   const fileInputRef = React6.useRef(null);
@@ -407,9 +468,9 @@ function extractMediaDisplayUrl(value) {
   return null;
 }
 var MediaUploadWidget = ({ fieldId }) => {
-  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkIDSBJOFY_cjs.useField(fieldId);
-  const store = chunkIDSBJOFY_cjs.useFormStore();
-  const { state } = chunkKPGTPJDH_cjs.useForm();
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkSHQHDSA4_cjs.useField(fieldId);
+  const store = chunkSHQHDSA4_cjs.useFormStore();
+  const { state } = chunk6YX37XBM_cjs.useForm();
   const [isUploading, setIsUploading] = React6.useState(false);
   const [preview, setPreview] = React6.useState(null);
   const [previewIsPdf, setPreviewIsPdf] = React6.useState(false);
@@ -606,9 +667,9 @@ function extractDisplayUrl(value) {
   return null;
 }
 var SignatureUploadWidget = ({ fieldId }) => {
-  const { fieldDef, setValue, setTouched, error, disabled, touched, value } = chunkIDSBJOFY_cjs.useField(fieldId);
-  const store = chunkIDSBJOFY_cjs.useFormStore();
-  const { state } = chunkKPGTPJDH_cjs.useForm();
+  const { fieldDef, setValue, setTouched, error, disabled, touched, value } = chunkSHQHDSA4_cjs.useField(fieldId);
+  const store = chunkSHQHDSA4_cjs.useFormStore();
+  const { state } = chunk6YX37XBM_cjs.useForm();
   const canvasRef = React6.useRef(null);
   const pathRef = React6.useRef("");
   const lastPointRef = React6.useRef(null);
@@ -999,9 +1060,9 @@ function fileRows(listLayout, localFiles, value) {
 var FormFileUploadWidget = ({
   fieldId
 }) => {
-  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkIDSBJOFY_cjs.useField(fieldId);
-  const store = chunkIDSBJOFY_cjs.useFormStore();
-  const { state } = chunkKPGTPJDH_cjs.useForm();
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkSHQHDSA4_cjs.useField(fieldId);
+  const store = chunkSHQHDSA4_cjs.useFormStore();
+  const { state } = chunk6YX37XBM_cjs.useForm();
   const [localFiles, setLocalFiles] = React6.useState(null);
   const [isUploading, setIsUploading] = React6.useState(false);
   const showError = !!error && (touched || state.submitAttempted);
@@ -1185,10 +1246,10 @@ var RadioGroupItem = React6__namespace.forwardRef(({ className, ...props }, ref)
 });
 RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
 var RadioWidget = ({ fieldId }) => {
-  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkIDSBJOFY_cjs.useField(fieldId);
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkSHQHDSA4_cjs.useField(fieldId);
   const [options, setOptions] = React6.useState([]);
   const [loading, setLoading] = React6.useState(false);
-  const { state } = chunkKPGTPJDH_cjs.useForm();
+  const { state } = chunk6YX37XBM_cjs.useForm();
   const showError = !!error && (touched || state.submitAttempted);
   React6.useEffect(() => {
     if (!fieldDef) return;
@@ -1258,10 +1319,10 @@ function isOptionSelected(selected, optValue) {
   );
 }
 var CheckboxWidget = ({ fieldId }) => {
-  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkIDSBJOFY_cjs.useField(fieldId);
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkSHQHDSA4_cjs.useField(fieldId);
   const [options, setOptions] = React6.useState([]);
   const [loading, setLoading] = React6.useState(false);
-  const { state } = chunkKPGTPJDH_cjs.useForm();
+  const { state } = chunk6YX37XBM_cjs.useForm();
   const showError = !!error && (touched || state.submitAttempted);
   const selectedValues = Array.isArray(value) ? value : [];
   React6.useEffect(() => {
@@ -1333,8 +1394,8 @@ var CheckboxWidget = ({ fieldId }) => {
   ] });
 };
 var SliderWidget = ({ fieldId }) => {
-  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkIDSBJOFY_cjs.useField(fieldId);
-  const { state } = chunkKPGTPJDH_cjs.useForm();
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkSHQHDSA4_cjs.useField(fieldId);
+  const { state } = chunk6YX37XBM_cjs.useForm();
   const showError = !!error && (touched || state.submitAttempted);
   if (!fieldDef || fieldDef.type !== "slider") return null;
   const def = fieldDef;
@@ -1385,9 +1446,9 @@ var SliderWidget = ({ fieldId }) => {
 };
 var RESEND_COOLDOWN_SECONDS = 30;
 var PhoneInputWidget = ({ fieldId }) => {
-  const { fieldDef, error, touched, disabled, value: fieldValue } = chunkIDSBJOFY_cjs.useField(fieldId);
-  const { state } = chunkKPGTPJDH_cjs.useForm();
-  const store = chunkIDSBJOFY_cjs.useFormStore();
+  const { fieldDef, error, touched, disabled, value: fieldValue } = chunkSHQHDSA4_cjs.useField(fieldId);
+  const { state } = chunk6YX37XBM_cjs.useForm();
+  const store = chunkSHQHDSA4_cjs.useFormStore();
   const rawPhone = fieldValue ?? "";
   const wasAlreadySent = rawPhone.length === 10 && !error;
   const [status, setStatus] = React6.useState(wasAlreadySent ? "sent" : "idle");
@@ -1587,11 +1648,11 @@ var PhoneInputWidget = ({ fieldId }) => {
   ] });
 };
 var OtpInputWidget = ({ fieldId }) => {
-  const { fieldDef, error, touched, disabled } = chunkIDSBJOFY_cjs.useField(fieldId);
-  const { state } = chunkKPGTPJDH_cjs.useForm();
-  const store = chunkIDSBJOFY_cjs.useFormStore();
+  const { fieldDef, error, touched, disabled } = chunkSHQHDSA4_cjs.useField(fieldId);
+  const { state } = chunk6YX37XBM_cjs.useForm();
+  const store = chunkSHQHDSA4_cjs.useFormStore();
   const phoneFieldId = fieldDef?.meta?.phoneFieldId ?? "phone";
-  const { value: phoneValue } = chunkIDSBJOFY_cjs.useField(phoneFieldId);
+  const { value: phoneValue } = chunkSHQHDSA4_cjs.useField(phoneFieldId);
   const phone = phoneValue ?? "";
   const e164Phone = phone.startsWith("+") ? phone : `+91${phone}`;
   const [otp, setOtp] = React6.useState("");
@@ -1734,6 +1795,387 @@ var OtpInputWidget = ({ fieldId }) => {
     showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunk5E3APMY6_cjs.fieldErrorClass(fieldDef, "text-xs text-red-500"), children: error })
   ] });
 };
+function formatCampDatePill(date) {
+  const parsed = dateFns.parseISO(date);
+  return {
+    day: dateFns.format(parsed, "d"),
+    weekday: dateFns.format(parsed, "EEE"),
+    label: dateFns.format(parsed, "EEE, MMM d, yyyy")
+  };
+}
+async function fetchBookableInstances(base, campId, token) {
+  const today = dateFns.format(/* @__PURE__ */ new Date(), "yyyy-MM-dd");
+  const end = dateFns.format(dateFns.addDays(/* @__PURE__ */ new Date(), 30), "yyyy-MM-dd");
+  const headers = token ? { Authorization: `Bearer ${token}` } : {};
+  const res = await fetch(
+    `${base}/api/camps/${campId}/instances/?start_date=${today}&end_date=${end}`,
+    { headers }
+  );
+  if (!res.ok) throw new Error(`Instances fetch failed: ${res.status}`);
+  const data = await res.json();
+  const results = data.results ?? [];
+  const withAvailability = await Promise.all(
+    results.map(async (inst) => {
+      const avRes = await fetch(`${base}/api/camps/instances/${inst.id}/availability/`, {
+        headers
+      });
+      const avData = avRes.ok ? await avRes.json() : { windows: [] };
+      const windows = avData.windows ?? [];
+      return { inst, windows };
+    })
+  );
+  return withAvailability.filter(
+    ({ windows }) => windows.some((w) => w.is_bookable && w.primary_available_capacity > 0)
+  ).map(({ inst, windows }) => ({
+    id: inst.id,
+    date: inst.date,
+    location: inst.notes || "",
+    spotsLeft: windows.reduce(
+      (sum, w) => sum + (w.is_bookable ? w.primary_available_capacity ?? 0 : 0),
+      0
+    )
+  }));
+}
+var datesScrollClass = "flex gap-2.5 overflow-x-auto overflow-y-visible pb-4 pt-2 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden";
+var CAMP_DATE_PRIMARY_GRADIENT = "linear-gradient(328deg, #1F30A0 19.08%, #914BFA 80.92%)";
+var campDatePillShadow = {
+  unselected: "rgba(0, 0, 0, 0.12) 0px 6px 14px",
+  selected: "rgba(99, 99, 99, 0.2) 0px 2px 8px 0px"
+};
+var CampDatesWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkSHQHDSA4_cjs.useField(fieldId);
+  const { state } = chunk6YX37XBM_cjs.useForm();
+  const store = chunkSHQHDSA4_cjs.useFormStore();
+  const showError = !!error && (touched || state.submitAttempted);
+  const [fetchedOptions, setFetchedOptions] = React6.useState([]);
+  const [isLoading, setIsLoading] = React6.useState(false);
+  const [fetchError, setFetchError] = React6.useState(null);
+  const [monthIndex, setMonthIndex] = React6.useState(0);
+  const def = fieldDef;
+  const campId = def?.meta?.campId;
+  const hasStaticOptions = (def?.options?.length ?? 0) > 0;
+  React6.useEffect(() => {
+    if (!campId || hasStaticOptions) return;
+    const cfg = store.getConfig();
+    const base = cfg.auth?.baseUrl ?? (typeof process !== "undefined" ? process.env?.NEXT_PUBLIC_API_URL ?? "" : "");
+    const token = cfg.camps?.authToken ?? "";
+    setIsLoading(true);
+    setFetchError(null);
+    fetchBookableInstances(base, campId, token).then(setFetchedOptions).catch(() => setFetchError("Failed to load available dates. Please try again.")).finally(() => setIsLoading(false));
+  }, [campId, hasStaticOptions]);
+  const camps = hasStaticOptions ? def?.options ?? [] : fetchedOptions;
+  const selected = chunkSHQHDSA4_cjs.parseCampDateValue(value, camps);
+  const sortedCamps = React6.useMemo(
+    () => [...camps].sort((a, b) => a.date.localeCompare(b.date)),
+    [camps]
+  );
+  const months = React6.useMemo(() => {
+    const seen = /* @__PURE__ */ new Set();
+    const result = [];
+    for (const camp of sortedCamps) {
+      const monthStart = dateFns.startOfMonth(dateFns.parseISO(camp.date));
+      const key = dateFns.format(monthStart, "yyyy-MM");
+      if (!seen.has(key)) {
+        seen.add(key);
+        result.push(monthStart);
+      }
+    }
+    return result;
+  }, [sortedCamps]);
+  React6.useEffect(() => {
+    if (months.length === 0) return;
+    if (selected?.date) {
+      const idx = months.findIndex((m) => dateFns.isSameMonth(m, dateFns.parseISO(selected.date)));
+      if (idx >= 0) {
+        setMonthIndex(idx);
+        return;
+      }
+    }
+    setMonthIndex(0);
+  }, [months, selected?.date]);
+  if (!fieldDef || !def) return null;
+  const showLabel = chunk5E3APMY6_cjs.isLabelVisible(fieldDef);
+  const currentMonth = months[monthIndex] ?? null;
+  const visibleCamps = currentMonth ? sortedCamps.filter((camp) => dateFns.isSameMonth(dateFns.parseISO(camp.date), currentMonth)) : sortedCamps;
+  const canGoPrev = monthIndex > 0;
+  const canGoNext = monthIndex < months.length - 1;
+  const handleSelect = (campOptId) => {
+    if (disabled) return;
+    const camp = camps.find((c) => c.id === campOptId);
+    if (!camp) return;
+    const nextSelection = chunkSHQHDSA4_cjs.campDateSelectionFromOption(camp);
+    const prevId = selected?.id ?? null;
+    setValue(nextSelection);
+    setTouched();
+    store.setExternalError(fieldId, null);
+    const timeSlotFieldId = def.meta?.timeSlotFieldId;
+    if (timeSlotFieldId && prevId !== campOptId) {
+      store.setValue(timeSlotFieldId, null);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5E3APMY6_cjs.fieldWrapperClass(fieldDef, "space-y-3"), children: [
+    showLabel || months.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+      showLabel ? /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "text-sm font-normal text-[#727272]", children: [
+        fieldDef.label,
+        /* @__PURE__ */ jsxRuntime.jsx(chunk5E3APMY6_cjs.FieldRequiredIndicator, { fieldDef })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "shrink-0" }),
+      months.length > 0 && currentMonth ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1 text-[#191919]", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Previous month",
+            disabled: !canGoPrev || disabled,
+            onClick: () => setMonthIndex((i) => Math.max(0, i - 1)),
+            className: chunkFHHISVCH_cjs.cn(
+              "rounded p-0.5 transition-opacity",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+              (!canGoPrev || disabled) && "cursor-not-allowed opacity-30"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4", "aria-hidden": true })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-[3.5rem] text-center text-sm font-medium", children: dateFns.format(currentMonth, "MMMM") }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Next month",
+            disabled: !canGoNext || disabled,
+            onClick: () => setMonthIndex((i) => Math.min(months.length - 1, i + 1)),
+            className: chunkFHHISVCH_cjs.cn(
+              "rounded p-0.5 transition-opacity",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+              (!canGoNext || disabled) && "cursor-not-allowed opacity-30"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4", "aria-hidden": true })
+          }
+        )
+      ] }) : null
+    ] }) : null,
+    fieldDef.description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunk5E3APMY6_cjs.fieldDescriptionClass(fieldDef, "text-sm text-muted-foreground"), children: fieldDef.description }) : null,
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: datesScrollClass, children: [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "h-[76px] w-12 shrink-0 animate-pulse rounded-full bg-[#D9D9D9]"
+      },
+      i
+    )) }) : fetchError ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-500", children: fetchError }) : camps.length === 0 && campId ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "No available dates in the next 30 days." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { role: "radiogroup", "aria-label": fieldDef.label, className: datesScrollClass, children: visibleCamps.map((camp) => {
+      const { day, weekday, label } = formatCampDatePill(camp.date);
+      const isSelected = selected?.id === camp.id;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": isSelected,
+          "aria-label": label,
+          disabled,
+          onClick: () => handleSelect(camp.id),
+          className: chunkFHHISVCH_cjs.cn(
+            "relative flex h-[76px] w-12 shrink-0 flex-col items-center justify-between gap-2.5 rounded-full p-1.5",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+            !isSelected && "bg-white",
+            disabled && "cursor-not-allowed opacity-60"
+          ),
+          style: {
+            boxShadow: isSelected ? "none" : campDatePillShadow.unselected
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                "aria-hidden": true,
+                className: chunkFHHISVCH_cjs.cn(
+                  "absolute inset-0 rounded-full bg-[#2F2F2F] transition-opacity duration-400",
+                  isSelected ? "opacity-100" : "opacity-0"
+                ),
+                style: { boxShadow: campDatePillShadow.selected }
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: chunkFHHISVCH_cjs.cn(
+                  "relative z-10 flex h-9 w-9 items-center justify-center rounded-full text-[12px] font-medium transition-colors duration-200",
+                  isSelected ? "text-white" : "bg-[#D9D9D9] text-[#1E1E1E]"
+                ),
+                style: isSelected ? { backgroundImage: CAMP_DATE_PRIMARY_GRADIENT } : void 0,
+                children: day
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: chunkFHHISVCH_cjs.cn(
+                  "relative z-10 mb-1.5 text-center text-[10px] font-normal transition-colors duration-400",
+                  isSelected ? "text-white" : "text-[#1E1E1E]"
+                ),
+                children: weekday
+              }
+            )
+          ]
+        },
+        camp.id
+      );
+    }) }),
+    showError ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunk5E3APMY6_cjs.fieldErrorClass(fieldDef, "text-xs text-red-500"), children: error }) : null
+  ] });
+};
+function formatSlotTime(time) {
+  try {
+    return dateFns.format(dateFns.parse(time, "HH:mm:ss", /* @__PURE__ */ new Date()), "hh:mm a");
+  } catch {
+    return time;
+  }
+}
+function mapWindowsToSlots(windows) {
+  return windows.map((w) => ({
+    id: w.primary_slot_id,
+    time: formatSlotTime(w.start_time),
+    spotsLeft: w.is_bookable ? w.primary_available_capacity ?? 0 : 0,
+    capacity: w.primary_available_capacity ?? 0
+  }));
+}
+var slotsScrollClass = "w-full overflow-x-auto pb-1 [scrollbar-width:thin] [&::-webkit-scrollbar]:h-1 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-border/70";
+var slotPillShadow = "0 2.596px 5.193px 0 rgba(0, 0, 0, 0.10)";
+var CampTimeSlotsWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = chunkSHQHDSA4_cjs.useField(fieldId);
+  const { state } = chunk6YX37XBM_cjs.useForm();
+  const store = chunkSHQHDSA4_cjs.useFormStore();
+  const campDateFieldId = fieldDef?.meta?.campDateFieldId ?? "camp_date";
+  const { value: campDateValue, fieldDef: campDateFieldDef } = chunkSHQHDSA4_cjs.useField(campDateFieldId);
+  const showError = !!error && (touched || state.submitAttempted);
+  const def = fieldDef;
+  const campDateOptions = campDateFieldDef?.options;
+  const selectedCamp = chunkSHQHDSA4_cjs.parseCampDateValue(campDateValue, campDateOptions);
+  const prevCampIdRef = React6.useRef(selectedCamp?.id ?? null);
+  const [fetchedSlots, setFetchedSlots] = React6.useState([]);
+  const [isLoading, setIsLoading] = React6.useState(false);
+  const [fetchError, setFetchError] = React6.useState(null);
+  const hasStaticOptions = (def?.options?.length ?? 0) > 0;
+  const slots = hasStaticOptions ? def?.options ?? [] : fetchedSlots;
+  const selectedSlotId = value != null ? String(value) : null;
+  React6.useEffect(() => {
+    if (hasStaticOptions || !selectedCamp?.id) {
+      if (!selectedCamp?.id) {
+        setFetchedSlots([]);
+        setFetchError(null);
+      }
+      return;
+    }
+    const instanceId = selectedCamp.id;
+    const cfg = store.getConfig();
+    const base = cfg.auth?.baseUrl ?? (typeof process !== "undefined" ? process.env?.NEXT_PUBLIC_API_URL ?? "" : "");
+    const token = cfg.camps?.authToken ?? "";
+    const headers = token ? { Authorization: `Bearer ${token}` } : {};
+    setIsLoading(true);
+    setFetchError(null);
+    fetch(`${base}/api/camps/instances/${instanceId}/availability/`, { headers }).then((r) => {
+      if (!r.ok) throw new Error(`Availability fetch failed: ${r.status}`);
+      return r.json();
+    }).then((data) => {
+      setFetchedSlots(mapWindowsToSlots(data.windows ?? []));
+    }).catch(() => setFetchError("Failed to load time slots. Please try again.")).finally(() => setIsLoading(false));
+  }, [selectedCamp?.id, hasStaticOptions]);
+  React6.useEffect(() => {
+    const campId = selectedCamp?.id ?? null;
+    if (prevCampIdRef.current !== null && prevCampIdRef.current !== campId && selectedSlotId) {
+      setValue(null);
+    }
+    prevCampIdRef.current = campId;
+  }, [selectedCamp?.id, selectedSlotId, setValue]);
+  React6.useEffect(() => {
+    if (!selectedSlotId) return;
+    const slotStillValid = slots.some((slot) => slot.id === selectedSlotId && slot.spotsLeft > 0);
+    if (!slotStillValid) {
+      setValue(null);
+    }
+  }, [selectedSlotId, setValue, slots]);
+  if (!fieldDef || !def) return null;
+  const showLabel = chunk5E3APMY6_cjs.isLabelVisible(fieldDef);
+  const handleSelect = (slotId, button) => {
+    if (disabled) return;
+    setValue(slotId);
+    setTouched();
+    button?.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
+  };
+  const dateLabel = selectedCamp?.date ? dateFns.format(dateFns.parseISO(selectedCamp.date), "EEE, MMM d, yyyy") : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5E3APMY6_cjs.fieldWrapperClass(fieldDef, "space-y-3"), children: [
+    showLabel ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "h3",
+        {
+          className: chunk5E3APMY6_cjs.fieldLabelClass(
+            fieldDef,
+            "text-lg font-semibold leading-tight text-foreground"
+          ),
+          children: [
+            fieldDef.label,
+            /* @__PURE__ */ jsxRuntime.jsx(chunk5E3APMY6_cjs.FieldRequiredIndicator, { fieldDef })
+          ]
+        }
+      ),
+      dateLabel ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }),
+        dateLabel
+      ] }) : null
+    ] }) : null,
+    isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: slotsScrollClass, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", style: { minWidth: "max-content" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-0 right-0 top-0 h-0.5 w-full bg-[#DCDCDC]" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-4 pt-3", children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "mb-2 h-[34px] w-[86px] shrink-0 animate-pulse rounded-full bg-[#DCDCDC]"
+        },
+        i
+      )) })
+    ] }) }) : fetchError ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-500", children: fetchError }) : !selectedCamp?.id ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Select a date to see available time slots." }) : slots.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "No time slots available for this date." }) : /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        role: "radiogroup",
+        "aria-label": fieldDef.label,
+        className: slotsScrollClass,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", style: { minWidth: "max-content" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-0 right-0 top-0 h-0.5 w-full bg-[#DCDCDC]" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-4 pt-3", children: slots.map((slot) => {
+            const isFull = slot.spotsLeft <= 0;
+            const selected = selectedSlotId === slot.id;
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                role: "radio",
+                "aria-checked": selected,
+                disabled: disabled || isFull,
+                onClick: (e) => handleSelect(slot.id, e.currentTarget),
+                className: chunkFHHISVCH_cjs.cn(
+                  "relative mb-2 w-[86px] shrink-0 rounded-full px-3 py-2 text-xs font-medium transition-colors",
+                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                  isFull ? "cursor-not-allowed bg-[#DCDCDC]/60 text-black/40" : selected ? "bg-[#2F2F2F] text-white" : "bg-[#DCDCDC] text-black",
+                  disabled && !isFull && "cursor-not-allowed opacity-60"
+                ),
+                style: isFull ? void 0 : { boxShadow: slotPillShadow },
+                children: [
+                  selected && !isFull ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: "absolute -top-3 left-0 right-0 h-0.5 bg-[#6641D8]",
+                      "aria-hidden": true
+                    }
+                  ) : null,
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap", children: slot.time })
+                ]
+              },
+              slot.id
+            );
+          }) })
+        ] })
+      }
+    ),
+    showError ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunk5E3APMY6_cjs.fieldErrorClass(fieldDef, "text-xs text-red-500"), children: error }) : null
+  ] });
+};
 var Switch = React6__namespace.forwardRef(
   ({ className, checked, onCheckedChange, disabled, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1771,45 +2213,45 @@ Switch.displayName = "Switch";
 function lazyNamed(loader, name) {
   return React6__namespace.default.lazy(async () => ({ default: (await loader())[name] }));
 }
-var RichTextWidget = lazyNamed(() => import('./RichTextWidget-XWLOHKLE.cjs'), "RichTextWidget");
-var DateWidget = lazyNamed(() => import('./DateWidget-SYDMSGWO.cjs'), "DateWidget");
-var DateTimeWidget = lazyNamed(() => import('./DateTimeWidget-72YUK7PX.cjs'), "DateTimeWidget");
-var EditableTableWidget = lazyNamed(() => import('./EditableTable-YB4IC3ZK.cjs'), "EditableTableWidget");
-var AddMedicationWidget = lazyNamed(() => import('./AddMedicationWidget-26RHKIA6.cjs'), "AddMedicationWidget");
-var DischargeMedicationOrdersWidget = lazyNamed(() => import('./DischargeMedicationOrdersWidget-B4CJQ3QS.cjs'), "DischargeMedicationOrdersWidget");
-var AddInvestigationWidget = lazyNamed(() => import('./AddInvestigationWidget-G7NPTSFY.cjs'), "AddInvestigationWidget");
-var AddProcedureWidget = lazyNamed(() => import('./AddProcedureWidget-B6OUF3BM.cjs'), "AddProcedureWidget");
-var DifferentialDiagnosisWidget = lazyNamed(() => import('./DifferentialDiagnosisWidget-ZGFXP2BH.cjs'), "DifferentialDiagnosisWidget");
-var VitalsWidget = lazyNamed(() => import('./VitalsWidget-44UWQGIF.cjs'), "VitalsWidget");
-var HiddenVitalsWidget = lazyNamed(() => import('./HiddenVitalsWidget-AMH32HT2.cjs'), "HiddenVitalsWidget");
-var ReferralWidget = lazyNamed(() => import('./ReferralWidget-PDNEKHFO.cjs'), "ReferralWidget");
-var FollowupWidget = lazyNamed(() => import('./FollowupWidget-EEKOI2TW.cjs'), "FollowupWidget");
-var SmartTextareaWidget = lazyNamed(() => import('./SmartTextarea-L7Q4CORK.cjs'), "SmartTextareaWidget");
-var DiagnosisTextareaWidget = lazyNamed(() => import('./DiagnosisTextareaWidget-UKWLE2SQ.cjs'), "DiagnosisTextareaWidget");
-var ObstetricHistoryWidget = lazyNamed(() => import('./ObstetricHistoryWidget-GC63CB3U.cjs'), "ObstetricHistoryWidget");
-var OphthalmologyWidget = lazyNamed(() => import('./OphthalmologyWidget-U2HQMZ4J.cjs'), "OphthalmologyWidget");
-var OphthalDiagnosisWidget = lazyNamed(() => import('./OphthalDiagnosisWidget-QXFK446I.cjs'), "OphthalDiagnosisWidget");
-var OrthopedicExamWidget = lazyNamed(() => import('./OrthopedicExamWidget-LP7VN3W5.cjs'), "OrthopedicExamWidget");
-var MarMedicationOrdersWidget = lazyNamed(() => import('./MarMedicationOrdersWidget-ZKZLSZRN.cjs'), "MarMedicationOrdersWidget");
-var SuggestionTextareaWidget = lazyNamed(() => import('./SuggestionTextareaWidget-2TEITBPF.cjs'), "SuggestionTextareaWidget");
-var LensAssessmentWidget = lazyNamed(() => import('./LensAssessmentWidget-LSHBUTT5.cjs'), "LensAssessmentWidget");
-var FunctionalImpairmentScoreWidget = lazyNamed(() => import('./FunctionalImpairmentScoreWidget-HAAPCMIS.cjs'), "FunctionalImpairmentScoreWidget");
-var BiometryIolWorkupWidget = lazyNamed(() => import('./BiometryIolWorkupWidget-TCU4MMVI.cjs'), "BiometryIolWorkupWidget");
-var SurgicalRiskFlagsWidget = lazyNamed(() => import('./SurgicalRiskFlagsWidget-JCSL3GWS.cjs'), "SurgicalRiskFlagsWidget");
-var GsSmartHistoryWidget = lazyNamed(() => import('./GsSmartHistoryWidget-7QNJZEI4.cjs'), "GsSmartHistoryWidget");
-var GsExaminationWidget = lazyNamed(() => import('./GsExaminationWidget-EX6C3EF5.cjs'), "GsExaminationWidget");
-var GsGradingWidget = lazyNamed(() => import('./GsGradingWidget-IV3UF63W.cjs'), "GsGradingWidget");
-var PainScaleFlagsWidget = lazyNamed(() => import('./PainScaleFlagsWidget-IBNGVVHD.cjs'), "PainScaleFlagsWidget");
-var UrologySmartHistoryWidget = lazyNamed(() => import('./UrologySmartHistoryWidget-XKZF63BV.cjs'), "UrologySmartHistoryWidget");
-var UrologyExaminationWidget = lazyNamed(() => import('./UrologyExaminationWidget-74L3IN2X.cjs'), "UrologyExaminationWidget");
-var UrologyPathwayWidget = lazyNamed(() => import('./UrologyPathwayWidget-UJY5EW2G.cjs'), "UrologyPathwayWidget");
-var OBGExaminationWidget = lazyNamed(() => import('./OBGExaminationWidget-SMFZ2WCL.cjs'), "OBGExaminationWidget");
-var OBGPathwayWidget = lazyNamed(() => import('./OBGPathwayWidget-5YTUDBEH.cjs'), "OBGPathwayWidget");
+var RichTextWidget = lazyNamed(() => import('./RichTextWidget-CRQHNVJR.cjs'), "RichTextWidget");
+var DateWidget = lazyNamed(() => import('./DateWidget-BCVR5GDK.cjs'), "DateWidget");
+var DateTimeWidget = lazyNamed(() => import('./DateTimeWidget-DIDVF2EB.cjs'), "DateTimeWidget");
+var EditableTableWidget = lazyNamed(() => import('./EditableTable-VCUNJZEX.cjs'), "EditableTableWidget");
+var AddMedicationWidget = lazyNamed(() => import('./AddMedicationWidget-WPI32WAP.cjs'), "AddMedicationWidget");
+var DischargeMedicationOrdersWidget = lazyNamed(() => import('./DischargeMedicationOrdersWidget-ILWNZ7VM.cjs'), "DischargeMedicationOrdersWidget");
+var AddInvestigationWidget = lazyNamed(() => import('./AddInvestigationWidget-RY62UCPM.cjs'), "AddInvestigationWidget");
+var AddProcedureWidget = lazyNamed(() => import('./AddProcedureWidget-SF6MTRBV.cjs'), "AddProcedureWidget");
+var DifferentialDiagnosisWidget = lazyNamed(() => import('./DifferentialDiagnosisWidget-ANALLNKL.cjs'), "DifferentialDiagnosisWidget");
+var VitalsWidget = lazyNamed(() => import('./VitalsWidget-PDCYXNBM.cjs'), "VitalsWidget");
+var HiddenVitalsWidget = lazyNamed(() => import('./HiddenVitalsWidget-HBK7PBPR.cjs'), "HiddenVitalsWidget");
+var ReferralWidget = lazyNamed(() => import('./ReferralWidget-J2PWYFDT.cjs'), "ReferralWidget");
+var FollowupWidget = lazyNamed(() => import('./FollowupWidget-NBTOV2ML.cjs'), "FollowupWidget");
+var SmartTextareaWidget = lazyNamed(() => import('./SmartTextarea-DKWV4R6H.cjs'), "SmartTextareaWidget");
+var DiagnosisTextareaWidget = lazyNamed(() => import('./DiagnosisTextareaWidget-E7OQRUMX.cjs'), "DiagnosisTextareaWidget");
+var ObstetricHistoryWidget = lazyNamed(() => import('./ObstetricHistoryWidget-XU6R7IPP.cjs'), "ObstetricHistoryWidget");
+var OphthalmologyWidget = lazyNamed(() => import('./OphthalmologyWidget-I3BKWOI2.cjs'), "OphthalmologyWidget");
+var OphthalDiagnosisWidget = lazyNamed(() => import('./OphthalDiagnosisWidget-OQPTHJ7E.cjs'), "OphthalDiagnosisWidget");
+var OrthopedicExamWidget = lazyNamed(() => import('./OrthopedicExamWidget-M4KKU5RC.cjs'), "OrthopedicExamWidget");
+var MarMedicationOrdersWidget = lazyNamed(() => import('./MarMedicationOrdersWidget-3E6GFOR6.cjs'), "MarMedicationOrdersWidget");
+var SuggestionTextareaWidget = lazyNamed(() => import('./SuggestionTextareaWidget-WCTPWW2E.cjs'), "SuggestionTextareaWidget");
+var LensAssessmentWidget = lazyNamed(() => import('./LensAssessmentWidget-GSOOD7BX.cjs'), "LensAssessmentWidget");
+var FunctionalImpairmentScoreWidget = lazyNamed(() => import('./FunctionalImpairmentScoreWidget-5V5SNLTF.cjs'), "FunctionalImpairmentScoreWidget");
+var BiometryIolWorkupWidget = lazyNamed(() => import('./BiometryIolWorkupWidget-I5AJOYB2.cjs'), "BiometryIolWorkupWidget");
+var SurgicalRiskFlagsWidget = lazyNamed(() => import('./SurgicalRiskFlagsWidget-Q5FTWB3M.cjs'), "SurgicalRiskFlagsWidget");
+var GsSmartHistoryWidget = lazyNamed(() => import('./GsSmartHistoryWidget-6Q2IIGDG.cjs'), "GsSmartHistoryWidget");
+var GsExaminationWidget = lazyNamed(() => import('./GsExaminationWidget-57SL4BCI.cjs'), "GsExaminationWidget");
+var GsGradingWidget = lazyNamed(() => import('./GsGradingWidget-CIXE36HF.cjs'), "GsGradingWidget");
+var PainScaleFlagsWidget = lazyNamed(() => import('./PainScaleFlagsWidget-QHGESXNE.cjs'), "PainScaleFlagsWidget");
+var UrologySmartHistoryWidget = lazyNamed(() => import('./UrologySmartHistoryWidget-53NATEO3.cjs'), "UrologySmartHistoryWidget");
+var UrologyExaminationWidget = lazyNamed(() => import('./UrologyExaminationWidget-JYUGZ5CG.cjs'), "UrologyExaminationWidget");
+var UrologyPathwayWidget = lazyNamed(() => import('./UrologyPathwayWidget-TXZQNGP4.cjs'), "UrologyPathwayWidget");
+var OBGExaminationWidget = lazyNamed(() => import('./OBGExaminationWidget-F2ZNSP2M.cjs'), "OBGExaminationWidget");
+var OBGPathwayWidget = lazyNamed(() => import('./OBGPathwayWidget-WCIQENMO.cjs'), "OBGPathwayWidget");
 function lazyWidget(node) {
   return /* @__PURE__ */ jsxRuntime.jsx(React6__namespace.default.Suspense, { fallback: null, children: node });
 }
 var FieldRenderer = ({ fieldId }) => {
-  const { fieldDef, visible } = chunkIDSBJOFY_cjs.useField(fieldId);
+  const { fieldDef, visible } = chunkSHQHDSA4_cjs.useField(fieldId);
   if (!visible || !fieldDef) {
     return null;
   }
@@ -1819,14 +2261,14 @@ function renderWidget(fieldId, fieldDef) {
   switch (fieldDef.type) {
     case "text":
     case "number":
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkDE7VZVKR_cjs.TextWidget, { fieldId });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkMQ2JV7HL_cjs.TextWidget, { fieldId });
     case "slider":
       return /* @__PURE__ */ jsxRuntime.jsx(SliderWidget, { fieldId });
     case "textarea":
       if (fieldMetaRequestsMarMedicationOrdersButton(fieldDef.meta)) {
         return lazyWidget(/* @__PURE__ */ jsxRuntime.jsx(MarMedicationOrdersWidget, { fieldId }));
       }
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkDE7VZVKR_cjs.TextWidget, { fieldId });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkMQ2JV7HL_cjs.TextWidget, { fieldId });
     case "richtext":
       return lazyWidget(/* @__PURE__ */ jsxRuntime.jsx(RichTextWidget, { fieldId }));
     case "date":
@@ -1834,7 +2276,7 @@ function renderWidget(fieldId, fieldDef) {
     case "datetime":
       return lazyWidget(/* @__PURE__ */ jsxRuntime.jsx(DateTimeWidget, { fieldId }));
     case "select":
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkDE7VZVKR_cjs.SelectWidget, { fieldId });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkMQ2JV7HL_cjs.SelectWidget, { fieldId });
     case "radio":
       return /* @__PURE__ */ jsxRuntime.jsx(RadioWidget, { fieldId });
     case "checkbox":
@@ -1905,9 +2347,13 @@ function renderWidget(fieldId, fieldDef) {
       return /* @__PURE__ */ jsxRuntime.jsx(PhoneInputWidget, { fieldId });
     case "otp_input":
       return /* @__PURE__ */ jsxRuntime.jsx(OtpInputWidget, { fieldId });
+    case "camp_dates":
+      return /* @__PURE__ */ jsxRuntime.jsx(CampDatesWidget, { fieldId });
+    case "camp_time_slots":
+      return /* @__PURE__ */ jsxRuntime.jsx(CampTimeSlotsWidget, { fieldId });
     case "toggle": {
-      const { value, setValue, setTouched, disabled } = chunkIDSBJOFY_cjs.useField(fieldId);
-      const store = chunkIDSBJOFY_cjs.useFormStore();
+      const { value, setValue, setTouched, disabled } = chunkSHQHDSA4_cjs.useField(fieldId);
+      const store = chunkSHQHDSA4_cjs.useFormStore();
       const excludes = fieldDef.excludes ?? [];
       const showLabel = chunk5E3APMY6_cjs.isLabelVisible(fieldDef);
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk5E3APMY6_cjs.fieldWrapperClass(fieldDef, "flex items-center gap-3"), children: [
@@ -2015,7 +2461,7 @@ var ColumnLayout = ({
   ] });
 };
 var DynamicForm = () => {
-  const store = chunkIDSBJOFY_cjs.useFormStore();
+  const store = chunkSHQHDSA4_cjs.useFormStore();
   const schema = store.getSchema();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold", children: schema.title }) }),
@@ -2083,7 +2529,7 @@ var DynamicFormV2 = ({
   showSectionTitles = true,
   className
 }) => {
-  const store = chunkIDSBJOFY_cjs.useFormStore();
+  const store = chunkSHQHDSA4_cjs.useFormStore();
   const schema = store.getSchema();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkFHHISVCH_cjs.cn("space-y-6", className), children: [
     showTitle ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold", children: schema.title }) }) : null,
@@ -2136,6 +2582,14 @@ function isFieldComplete(id, state, fieldMap) {
     const v = state.values[id];
     if (v === null || v === void 0 || v === "") return false;
     if (Array.isArray(v) && v.length === 0) return false;
+    if (def.type === "camp_dates") {
+      if (!chunkSHQHDSA4_cjs.parseCampDateValue(v, def.options)?.id) return false;
+    }
+    if (def.type === "otp_input") {
+      if (!v || typeof v !== "object" || v.verified !== true) {
+        return false;
+      }
+    }
   }
   return true;
 }
@@ -2215,17 +2669,27 @@ var Stepper = ({ steps, statuses, variant }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0 mb-6", children: steps.map((step, i) => {
     const status = statuses[i];
     return /* @__PURE__ */ jsxRuntime.jsxs(React6__namespace.default.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             className: chunkFHHISVCH_cjs.cn(
-              "flex h-7 w-7 items-center justify-center rounded-full text-xs font-semibold border-2 transition-colors",
-              status === "complete" && "border-primary bg-primary text-primary-foreground",
-              status === "active" && "border-primary bg-background text-primary",
-              status === "locked" && "border-border bg-background text-muted-foreground"
+              "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full border-2 text-xs font-semibold leading-none transition-colors",
+              status === "complete" && "border-primary bg-primary",
+              status === "active" && "border-primary bg-background",
+              status === "locked" && "border-border bg-background"
             ),
-            children: status === "complete" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5" }) : i + 1
+            children: status === "complete" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5 shrink-0 text-primary-foreground" }) : /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: chunkFHHISVCH_cjs.cn(
+                  "tabular-nums",
+                  status === "active" && "text-primary",
+                  status === "locked" && "text-muted-foreground"
+                ),
+                children: i + 1
+              }
+            )
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -2259,17 +2723,12 @@ var ActiveStep = ({
   children
 ] });
 var Wizard = ({ node }) => {
-  const store = chunkIDSBJOFY_cjs.useFormStore();
+  const store = chunkSHQHDSA4_cjs.useFormStore();
   const [formState, setFormState] = React6.useState(() => ({
     ...store.getState()
   }));
   React6.useEffect(() => {
     return store.subscribe((state) => {
-      console.log("[MultiStepForm] store update \u2192", {
-        values: state.values,
-        errors: state.errors,
-        visibility: state.visibility
-      });
       setFormState({ ...state });
     });
   }, [store]);
@@ -2282,17 +2741,10 @@ var Wizard = ({ node }) => {
   const showStepper = meta?.showStepper !== false;
   const variant = meta?.stepperVariant ?? "numbered";
   const collapseCompleted = meta?.collapseCompleted !== false;
-  const stepComplete = steps.map((s) => {
-    const fieldIds = flattenStepFieldIds(s);
-    const complete = isStepComplete(s, formState, fieldMap);
-    console.log(`[MultiStepForm] step "${s.id}" fieldIds=${JSON.stringify(fieldIds)} complete=${complete}`, {
-      errors: fieldIds.map((id) => ({ id, error: formState.errors[id] })),
-      values: fieldIds.map((id) => ({ id, value: formState.values[id] }))
-    });
-    return complete;
-  });
+  const stepComplete = steps.map(
+    (s) => isStepComplete(s, formState, fieldMap)
+  );
   const activeIndex = stepComplete.findIndex((c) => !c) === -1 ? steps.length : stepComplete.findIndex((c) => !c);
-  console.log(`[MultiStepForm] activeIndex=${activeIndex} stepComplete=${JSON.stringify(stepComplete)}`);
   const statuses = steps.map((_, i) => {
     if (i < activeIndex) return "complete";
     if (i === activeIndex) return "active";
@@ -2309,17 +2761,7 @@ var Wizard = ({ node }) => {
         if (collapseCompleted) {
           return /* @__PURE__ */ jsxRuntime.jsx(Section, { title: step.title, children }, step.id);
         }
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: "mb-4 opacity-60 pointer-events-none select-none space-y-4",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-base font-medium text-foreground", children: step.title }),
-              children
-            ]
-          },
-          step.id
-        );
+        return /* @__PURE__ */ jsxRuntime.jsx(ActiveStep, { title: step.title, children }, step.id);
       }
       return /* @__PURE__ */ jsxRuntime.jsx(ActiveStep, { title: step.title, children }, step.id);
     }) })
@@ -2329,7 +2771,7 @@ var MultiStepForm = ({
   showTitle = true,
   className
 }) => {
-  const store = chunkIDSBJOFY_cjs.useFormStore();
+  const store = chunkSHQHDSA4_cjs.useFormStore();
   const schema = store.getSchema();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkFHHISVCH_cjs.cn("space-y-6", className), children: [
     showTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold", children: schema.title }) }),
@@ -2426,7 +2868,7 @@ function normalizeDifferentialDiagnosis(val) {
 var SmartForm = ({
   aiAnalysisResult
 }) => {
-  const store = chunkIDSBJOFY_cjs.useFormStore();
+  const store = chunkSHQHDSA4_cjs.useFormStore();
   const schema = store.getSchema();
   const prevAiResultRef = React6.useRef(void 0);
   const aiSuggestions = React6.useMemo(() => {
@@ -2897,6 +3339,30 @@ var ReadOnlyDischargeMedicationOrders = ({ fieldDef, value }) => {
     }) })
   ] });
 };
+var ReadOnlyCampDates = ({ fieldDef, value }) => {
+  const camps = fieldDef.options?.length ? fieldDef.options : chunkSHQHDSA4_cjs.MOCK_CAMP_DATES;
+  const selected = chunkSHQHDSA4_cjs.parseCampDateValue(value, camps);
+  const isEmpty = !selected;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkJMGUUFOJ_cjs.Label, { className: "text-sm font-medium text-gray-700", children: fieldDef.label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-gray-200 bg-gray-50 p-3 min-h-[2.5rem]", children: isEmpty ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 italic", children: "No value" }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-gray-900", children: dateFns.format(dateFns.parseISO(selected.date), "EEE, MMM d, yyyy") }),
+      selected.location ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-1 text-sm text-gray-600", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MapPin, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }),
+        selected.location
+      ] }) : null
+    ] }) })
+  ] });
+};
+var ReadOnlyCampTimeSlots = ({ fieldDef, value }) => {
+  const slots = fieldDef.options?.length ? fieldDef.options : chunkSHQHDSA4_cjs.MOCK_CAMP_TIME_SLOTS;
+  const selected = slots.find((slot) => String(slot.id) === String(value));
+  const isEmpty = value == null || value === "";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkJMGUUFOJ_cjs.Label, { className: "text-sm font-medium text-gray-700", children: fieldDef.label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-[2.5rem] rounded-md border border-gray-200 bg-gray-50 p-3", children: isEmpty || !selected ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 italic", children: "No value" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: selected.time }) })
+  ] });
+};
 var ReadOnlyTable = React6__namespace.default.lazy(
   () => import('./ReadOnlyTable-L7G6GWEJ.cjs').then((m) => ({ default: m.ReadOnlyTable }))
 );
@@ -2942,6 +3408,10 @@ var ReadOnlyFieldRenderer = ({
       return /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyReferral, { fieldDef, value });
     case "discharge_medication_orders":
       return /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyDischargeMedicationOrders, { fieldDef, value });
+    case "camp_dates":
+      return /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyCampDates, { fieldDef, value });
+    case "camp_time_slots":
+      return /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyCampTimeSlots, { fieldDef, value });
     case "toggle": {
       const isOn = value === true;
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
@@ -3053,7 +3523,7 @@ var ReadOnlyFieldRenderer = ({
       const def = fieldDef;
       const min = def.min ?? 0;
       const max = def.max ?? 10;
-      const safe = chunkIDSBJOFY_cjs.normalizePainScaleFlags(value, { min, max });
+      const safe = chunkSHQHDSA4_cjs.normalizePainScaleFlags(value, { min, max });
       const opts = def.options ?? [];
       const flagLabels = safe.flags.map((fv) => {
         const o = opts.find((x) => x.value === fv || String(x.value) === String(fv));
@@ -3066,7 +3536,7 @@ var ReadOnlyFieldRenderer = ({
       return /* @__PURE__ */ jsxRuntime.jsx(ReadOnlyText, { fieldDef, value: lines });
     }
     case "urology_smart_history": {
-      const structuredDisplay = value && typeof value === "object" ? JSON.stringify(chunkIDSBJOFY_cjs.normalizeUrologySmartHistory(value), null, 2) : value == null || value === "" ? "\u2014" : String(value);
+      const structuredDisplay = value && typeof value === "object" ? JSON.stringify(chunkSHQHDSA4_cjs.normalizeUrologySmartHistory(value), null, 2) : value == null || value === "" ? "\u2014" : String(value);
       const hopcDef = resolveFieldDef?.("symptoms");
       const hopcRaw = allValues?.["symptoms"];
       const hopcStr = typeof hopcRaw === "string" ? hopcRaw : hopcRaw != null && hopcRaw !== "" ? String(hopcRaw) : "";
@@ -3100,7 +3570,7 @@ var ReadOnlyFieldRenderer = ({
         }
       );
     case "general_surgery_smart_history": {
-      const structuredDisplay = value && typeof value === "object" ? JSON.stringify(chunkIDSBJOFY_cjs.normalizeGeneralSurgerySmartHistory(value), null, 2) : value == null || value === "" ? "\u2014" : String(value);
+      const structuredDisplay = value && typeof value === "object" ? JSON.stringify(chunkSHQHDSA4_cjs.normalizeGeneralSurgerySmartHistory(value), null, 2) : value == null || value === "" ? "\u2014" : String(value);
       const hopcDef = resolveFieldDef?.("symptoms");
       const hopcRaw = allValues?.["symptoms"];
       const hopcStr = typeof hopcRaw === "string" ? hopcRaw : hopcRaw != null && hopcRaw !== "" ? String(hopcRaw) : "";
@@ -3294,7 +3764,7 @@ var FormControls = ({
     transition,
     hasPersistence,
     markSubmitAttempted
-  } = chunkKPGTPJDH_cjs.useForm();
+  } = chunk6YX37XBM_cjs.useForm();
   const hasUploadsInFlight = (state.pendingUploads ?? 0) > 0;
   const draftAvailable = onSaveDraft || hasPersistence && submit;
   const submitAvailable = onSubmit || availableTransitions.length > 0 && transition;
@@ -3485,52 +3955,53 @@ Object.defineProperty(exports, "isLabelVisible", {
 });
 Object.defineProperty(exports, "useForm", {
   enumerable: true,
-  get: function () { return chunkKPGTPJDH_cjs.useForm; }
+  get: function () { return chunk6YX37XBM_cjs.useForm; }
 });
 Object.defineProperty(exports, "EMAIL_REGEX", {
   enumerable: true,
-  get: function () { return chunkIDSBJOFY_cjs.EMAIL_REGEX; }
+  get: function () { return chunkSHQHDSA4_cjs.EMAIL_REGEX; }
 });
 Object.defineProperty(exports, "FormProvider", {
   enumerable: true,
-  get: function () { return chunkIDSBJOFY_cjs.FormProvider; }
+  get: function () { return chunkSHQHDSA4_cjs.FormProvider; }
 });
 Object.defineProperty(exports, "FormStore", {
   enumerable: true,
-  get: function () { return chunkIDSBJOFY_cjs.FormStore; }
+  get: function () { return chunkSHQHDSA4_cjs.FormStore; }
 });
 Object.defineProperty(exports, "evaluateRules", {
   enumerable: true,
-  get: function () { return chunkIDSBJOFY_cjs.evaluateRules; }
+  get: function () { return chunkSHQHDSA4_cjs.evaluateRules; }
 });
 Object.defineProperty(exports, "useField", {
   enumerable: true,
-  get: function () { return chunkIDSBJOFY_cjs.useField; }
+  get: function () { return chunkSHQHDSA4_cjs.useField; }
 });
 Object.defineProperty(exports, "useFieldHandlers", {
   enumerable: true,
-  get: function () { return chunkIDSBJOFY_cjs.useFieldHandlers; }
+  get: function () { return chunkSHQHDSA4_cjs.useFieldHandlers; }
 });
 Object.defineProperty(exports, "useFormStore", {
   enumerable: true,
-  get: function () { return chunkIDSBJOFY_cjs.useFormStore; }
+  get: function () { return chunkSHQHDSA4_cjs.useFormStore; }
 });
 Object.defineProperty(exports, "useFrequentItems", {
   enumerable: true,
-  get: function () { return chunkIDSBJOFY_cjs.useFrequentItems; }
+  get: function () { return chunkSHQHDSA4_cjs.useFrequentItems; }
 });
 Object.defineProperty(exports, "usePackages", {
   enumerable: true,
-  get: function () { return chunkIDSBJOFY_cjs.usePackages; }
+  get: function () { return chunkSHQHDSA4_cjs.usePackages; }
 });
 Object.defineProperty(exports, "validateField", {
   enumerable: true,
-  get: function () { return chunkIDSBJOFY_cjs.validateField; }
+  get: function () { return chunkSHQHDSA4_cjs.validateField; }
 });
 Object.defineProperty(exports, "validateForm", {
   enumerable: true,
-  get: function () { return chunkIDSBJOFY_cjs.validateForm; }
+  get: function () { return chunkSHQHDSA4_cjs.validateForm; }
 });
+exports.CampBookingPersistenceProvider = CampBookingPersistenceProvider;
 exports.DynamicForm = DynamicForm;
 exports.DynamicFormV2 = DynamicFormV2;
 exports.FieldRenderer = FieldRenderer;