formanitor 0.0.12 → 0.0.15

package/dist/index.mjs

@@ -6,7 +6,7 @@ import { twMerge } from 'tailwind-merge';
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { cva } from 'class-variance-authority';
 import * as SelectPrimitive from '@radix-ui/react-select';
-import { ChevronDown, ChevronUp, Check, Circle, X, Image, Upload, Trash2, Plus, PenTool, ChevronRight, Calendar as Calendar$1, ChevronLeft, RefreshCw, Clock } from 'lucide-react';
+import { ChevronDown, ChevronUp, Check, Circle, X, Image, Upload, Trash2, Plus, Loader2, PenTool, ChevronRight, Calendar as Calendar$1, ChevronLeft, RefreshCw, Clock } from 'lucide-react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { Slot } from '@radix-ui/react-slot';
 import { format, addDays, addWeeks, addMonths, differenceInCalendarDays, parseISO } from 'date-fns';
@@ -15,6 +15,7 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { useReactTable, getCoreRowModel, flexRender } from '@tanstack/react-table';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
+import nlp from 'compromise';
 
 // src/core/validate.ts
 var EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
@@ -27,6 +28,11 @@ function validateField(value, field) {
     if (Array.isArray(value) && value.length === 0) {
       return "This field is required";
     }
+    if (field.type === "smart_textarea" && typeof value === "object" && !Array.isArray(value)) {
+      if (!value.text || value.text.trim() === "") {
+        return "This field is required";
+      }
+    }
   }
   if (value === null || value === void 0 || value === "") {
     return null;
@@ -214,6 +220,7 @@ var FormStore = class {
       } else {
         if (field.type === "repeatable") values[field.id] = [];
         else if (field.type === "checkbox") values[field.id] = [];
+        else if (field.type === "smart_textarea") values[field.id] = { text: "", extractedKeywords: [] };
         else values[field.id] = null;
       }
     });
@@ -361,6 +368,15 @@ var FormStore = class {
   getSerializedValuesForSubmission() {
     return this.serializeValuesForSubmission(this.state.values);
   }
+  /**
+   * Raw form values as stored internally, without any serialization or
+   * transformation. Useful when consumers need access to richer structures
+   * (e.g. smart_textarea keyword metadata) alongside the flattened values
+   * returned by getSerializedValuesForSubmission.
+   */
+  getRawValues() {
+    return { ...this.state.values };
+  }
   serializeValuesForSubmission(values) {
     const result = { ...values };
     this.schema.fields.forEach((field) => {
@@ -368,6 +384,11 @@ var FormStore = class {
         delete result[field.id];
         return;
       }
+      if (field.type === "smart_textarea") {
+        const raw = values[field.id];
+        result[field.id] = raw?.text ?? null;
+        return;
+      }
       if (field.type === "image_upload" || field.type === "signature") {
         const raw = values[field.id];
         if (raw !== void 0 && raw !== null && raw !== "") {
@@ -658,6 +679,7 @@ function useForm() {
     availableTransitions: store.getAvailableTransitions(),
     hasPersistence: store.hasPersistence(),
     getSerializedValues: store.getSerializedValuesForSubmission.bind(store),
+    getRawValues: store.getRawValues.bind(store),
     markSubmitAttempted: store.markSubmitAttempted.bind(store),
     flushPendingUploads: store.flushPendingUploads.bind(store)
   };
@@ -3992,6 +4014,788 @@ var FollowupWidget = ({ fieldId }) => {
     error && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: error })
   ] }) });
 };
+function useSmartKeywords(text, onSearch, debounceDelay = 1e3) {
+  console.log("[useSmartKeywords] render", {
+    textLength: text?.length ?? 0,
+    hasOnSearch: typeof onSearch === "function",
+    debounceDelay
+  });
+  const [extractedNouns, setExtractedNouns] = useState([]);
+  const [matchedConditions, setMatchedConditions] = useState([]);
+  const [isProcessing, setIsProcessing] = useState(false);
+  const [error, setError] = useState(null);
+  const timerRef = useRef(null);
+  const abortRef = useRef(0);
+  const processText = useCallback(
+    async (input, runId) => {
+      if (!input || input.trim().length === 0) {
+        console.log("[useSmartKeywords] skip empty input", {
+          runId,
+          inputLength: input?.length ?? 0
+        });
+        setExtractedNouns([]);
+        setMatchedConditions([]);
+        setIsProcessing(false);
+        return;
+      }
+      console.log("[useSmartKeywords] processText start", {
+        runId,
+        inputLength: input.length
+      });
+      setIsProcessing(true);
+      setError(null);
+      try {
+        const nouns = extractNouns(input);
+        const uniqueNouns = Array.from(new Set(nouns));
+        console.log("[useSmartKeywords] extracted nouns", {
+          runId,
+          nouns,
+          uniqueNouns
+        });
+        if (runId !== abortRef.current) return;
+        setExtractedNouns(uniqueNouns);
+        if (uniqueNouns.length === 0) {
+          console.log("[useSmartKeywords] no nouns, skipping search", { runId });
+          setMatchedConditions([]);
+          setIsProcessing(false);
+          return;
+        }
+        const searchResults = await Promise.all(
+          uniqueNouns.map(async (noun) => {
+            const normalised = noun.replace(/\s+/g, " ").replace(/^[\s-]+/, "").trim();
+            try {
+              console.log("[useSmartKeywords] onSearch call", { runId, noun, normalised });
+              const results = await onSearch(normalised);
+              console.log("[useSmartKeywords] onSearch result", {
+                runId,
+                noun,
+                normalised,
+                count: Array.isArray(results) ? results.length : 0
+              });
+              const first = Array.isArray(results) && results.length > 0 ? [results[0]] : [];
+              return { keyword: normalised, matches: first };
+            } catch (err) {
+              console.error("[useSmartKeywords] onSearch error", { runId, noun, err });
+              return { keyword: normalised || noun, matches: [] };
+            }
+          })
+        );
+        if (runId !== abortRef.current) return;
+        const allMatches = searchResults.flatMap(
+          ({ keyword, matches }) => matches.map((record) => ({
+            extractedKeyword: keyword,
+            matchedCondition: {
+              id: record.id,
+              name: record.name,
+              created_at: record.created_at,
+              updated_at: record.updated_at
+            }
+          }))
+        );
+        console.log("[useSmartKeywords] allMatches computed", {
+          runId,
+          matchesCount: allMatches.length
+        });
+        setMatchedConditions(allMatches);
+      } catch (err) {
+        if (runId !== abortRef.current) return;
+        console.error("[useSmartKeywords] processText error", { runId, err });
+        setError(err instanceof Error ? err.message : "Keyword extraction failed");
+      } finally {
+        if (runId === abortRef.current) {
+          console.log("[useSmartKeywords] processText end", { runId });
+          setIsProcessing(false);
+        }
+      }
+    },
+    [onSearch]
+  );
+  useEffect(() => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    const runId = ++abortRef.current;
+    console.log("[useSmartKeywords] schedule debounce", {
+      runId,
+      debounceDelay,
+      textLength: text?.length ?? 0
+    });
+    timerRef.current = setTimeout(() => {
+      console.log("[useSmartKeywords] debounce fired", { runId });
+      processText(text, runId);
+    }, debounceDelay);
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, [text, debounceDelay, processText]);
+  return { extractedNouns, matchedConditions, isProcessing, error };
+}
+function extractNouns(text) {
+  const doc = nlp(text);
+  const rawNouns = doc.nouns().out("array");
+  const cleaned = rawNouns.map((n) => n.replace(/[^\w\s-]/g, "").trim().toLowerCase()).filter((n) => n.length > 2);
+  console.log("[useSmartKeywords] extractNouns", {
+    inputLength: text?.length ?? 0,
+    rawNouns,
+    cleaned
+  });
+  return cleaned;
+}
+var SmartTextareaWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const handler = useFieldHandlers(fieldId);
+  const def = fieldDef;
+  const structured = value;
+  const textValue = structured?.text ?? "";
+  const showError = !!error && (touched || state.submitAttempted);
+  const onSearch = useCallback(
+    (query) => handler.onSearch(query),
+    [handler]
+  );
+  const { matchedConditions, isProcessing } = useSmartKeywords(
+    textValue,
+    onSearch,
+    def?.debounceDelay ?? 1e3
+  );
+  const currentKeywords = structured?.extractedKeywords ?? [];
+  const nextKeywords = useMemo(() => {
+    if (matchedConditions.length === 0 && currentKeywords.length === 0) return currentKeywords;
+    if (matchedConditions.length === currentKeywords.length && matchedConditions.every(
+      (m, i) => m.matchedCondition.id === currentKeywords[i]?.matchedCondition.id && m.extractedKeyword === currentKeywords[i]?.extractedKeyword
+    )) {
+      return currentKeywords;
+    }
+    return matchedConditions;
+  }, [matchedConditions, currentKeywords]);
+  const writeValue = useCallback(
+    (text, keywords) => {
+      const next = { text, extractedKeywords: keywords };
+      setValue(next);
+    },
+    [setValue]
+  );
+  React11__default.useEffect(() => {
+    if (nextKeywords !== currentKeywords) {
+      writeValue(textValue, nextKeywords);
+    }
+  }, [nextKeywords]);
+  const handleTextChange = useCallback(
+    (e) => {
+      writeValue(e.target.value, currentKeywords);
+    },
+    [writeValue, currentKeywords]
+  );
+  if (!def) return null;
+  const height = def.height;
+  const theme = getThemeConfig("textarea", def.theme);
+  const wrapperClass = theme?.wrapperClassName ?? "space-y-2";
+  const labelClass = theme?.labelClassName;
+  const inputClass = cn(theme?.inputClassName, showError && "border-red-500");
+  const labelContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    def.label,
+    " ",
+    def.required && /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" }),
+    isProcessing && /* @__PURE__ */ jsx(Loader2, { className: "inline-block ml-1.5 h-3 w-3 animate-spin text-muted-foreground" })
+  ] });
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClass, children: [
+    theme ? /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, className: labelClass, children: labelContent }) : /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, children: labelContent }),
+    /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        id: fieldId,
+        value: textValue,
+        onChange: handleTextChange,
+        onBlur: setTouched,
+        disabled,
+        placeholder: def.placeholder,
+        className: inputClass,
+        ...height != null ? { height } : {}
+      }
+    ),
+    showError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-500", children: error })
+  ] });
+};
+var DEFAULT_DRAFT = {
+  gpal: { G: 0, P: 0, A: 0, L: 0 },
+  lmp: "",
+  is_pregnant: false,
+  eddUSG: "",
+  primaryEDD: "lmp",
+  complications: "",
+  outcome: null
+};
+function pad2(n) {
+  return String(n).padStart(2, "0");
+}
+function formatDdMmYyyy(iso) {
+  const [y, m, d] = iso.split("-");
+  if (!y || !m || !d) return iso;
+  return `${pad2(Number(d))}/${pad2(Number(m))}/${y}`;
+}
+function todayIso() {
+  const d = /* @__PURE__ */ new Date();
+  const y = d.getFullYear();
+  const m = pad2(d.getMonth() + 1);
+  const day = pad2(d.getDate());
+  return `${y}-${m}-${day}`;
+}
+function isValidIsoDate(val) {
+  if (!/^\d{4}-\d{2}-\d{2}$/.test(val)) return false;
+  const dt = /* @__PURE__ */ new Date(`${val}T00:00:00.000Z`);
+  return !Number.isNaN(dt.getTime());
+}
+function safeJsonParse(val) {
+  try {
+    return JSON.parse(val);
+  } catch {
+    return null;
+  }
+}
+function clampInt(val, min, max) {
+  if (!Number.isFinite(val)) return min;
+  return Math.max(min, Math.min(max, Math.trunc(val)));
+}
+function parseLegacyString(input) {
+  const result = {};
+  const gpalMatch = input.match(/G(\d+)\s*P(\d+)\s*A(\d+)\s*L(\d+)/i);
+  if (gpalMatch) {
+    const [, g, p, a, l] = gpalMatch;
+    result.gpal = {
+      G: clampInt(Number(g), 0, 20),
+      P: clampInt(Number(p), 0, 20),
+      A: clampInt(Number(a), 0, 20),
+      L: clampInt(Number(l), 0, 20)
+    };
+  }
+  const lmpMatch = input.match(/LMP:\s*([^\n]+)/i);
+  if (lmpMatch?.[1]) result.lmp = lmpMatch[1].trim();
+  const eddUsgMatch = input.match(/EDD\s*\(USG\):\s*([^\n]+)/i);
+  if (eddUsgMatch?.[1]) result.eddUSG = eddUsgMatch[1].trim();
+  const primaryMatch = input.match(/Primary\s*EDD:\s*(lmp|usg)/i);
+  if (primaryMatch?.[1]) result.primaryEDD = primaryMatch[1].toLowerCase();
+  const compMatch = input.match(/Complications:\s*([^\n]+)/i);
+  if (compMatch?.[1]) result.complications = compMatch[1].trim();
+  return result;
+}
+function normalizeToDraft(value) {
+  if (!value) return { draft: { ...DEFAULT_DRAFT }, isNewEntry: true };
+  let parsed = value;
+  if (typeof value === "string") {
+    const json = safeJsonParse(value);
+    parsed = json ?? value;
+  }
+  if (parsed && typeof parsed === "object" && !Array.isArray(parsed) && "gpal" in parsed && parsed.gpal && typeof parsed.gpal === "object") {
+    const gpal = parsed.gpal ?? {};
+    const edd = parsed.edd ?? null;
+    const eddUSG = (edd && typeof edd === "object" ? edd.usg : void 0) ?? parsed.eddUSG ?? "";
+    const primaryEDD = (edd && typeof edd === "object" ? edd.primary : void 0) ?? parsed.primaryEDD ?? "lmp";
+    const lmp = parsed.lmp ?? "";
+    const complications = parsed.complications ?? "";
+    const outcome = parsed.outcome ?? null;
+    const is_pregnant = !!parsed.is_pregnant;
+    return {
+      isNewEntry: false,
+      draft: {
+        gpal: {
+          G: clampInt(Number(gpal.G ?? 0), 0, 20),
+          P: clampInt(Number(gpal.P ?? 0), 0, 20),
+          A: clampInt(Number(gpal.A ?? 0), 0, 20),
+          L: clampInt(Number(gpal.L ?? 0), 0, 20)
+        },
+        lmp: typeof lmp === "string" ? lmp : "",
+        is_pregnant,
+        eddUSG: typeof eddUSG === "string" ? eddUSG : "",
+        primaryEDD: primaryEDD === "usg" ? "usg" : "lmp",
+        complications: typeof complications === "string" ? complications : "",
+        outcome: outcome && typeof outcome === "object" ? {
+          type: outcome.type ?? "",
+          date: typeof outcome.date === "string" ? outcome.date : "",
+          notes: typeof outcome.notes === "string" ? outcome.notes : "",
+          is_final: !!outcome.is_final
+        } : null
+      }
+    };
+  }
+  if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+    const gpalFromFlat = {
+      G: clampInt(Number(parsed.G ?? parsed.g ?? 0), 0, 20),
+      P: clampInt(Number(parsed.P ?? parsed.p ?? 0), 0, 20),
+      A: clampInt(Number(parsed.A ?? parsed.a ?? 0), 0, 20),
+      L: clampInt(Number(parsed.L ?? parsed.l ?? 0), 0, 20)
+    };
+    return {
+      isNewEntry: false,
+      draft: {
+        ...DEFAULT_DRAFT,
+        gpal: gpalFromFlat,
+        lmp: typeof parsed.lmp === "string" ? parsed.lmp : "",
+        eddUSG: typeof parsed.eddUSG === "string" ? parsed.eddUSG : "",
+        primaryEDD: parsed.primaryEDD === "usg" ? "usg" : "lmp",
+        complications: typeof parsed.complications === "string" ? parsed.complications : "",
+        outcome: parsed.outcome && typeof parsed.outcome === "object" ? {
+          type: parsed.outcome.type ?? "",
+          date: typeof parsed.outcome.date === "string" ? parsed.outcome.date : "",
+          notes: typeof parsed.outcome.notes === "string" ? parsed.outcome.notes : "",
+          is_final: !!parsed.outcome.is_final
+        } : null,
+        is_pregnant: !!parsed.is_pregnant
+      }
+    };
+  }
+  if (typeof parsed === "string") {
+    const legacy = parseLegacyString(parsed);
+    return { isNewEntry: false, draft: { ...DEFAULT_DRAFT, ...legacy } };
+  }
+  return { draft: { ...DEFAULT_DRAFT }, isNewEntry: true };
+}
+function computeEddFromLmp(lmpIso) {
+  if (!isValidIsoDate(lmpIso)) return null;
+  const base = /* @__PURE__ */ new Date(`${lmpIso}T00:00:00.000Z`);
+  base.setUTCDate(base.getUTCDate() + 280);
+  const y = base.getUTCFullYear();
+  const m = pad2(base.getUTCMonth() + 1);
+  const d = pad2(base.getUTCDate());
+  return `${y}-${m}-${d}`;
+}
+function diffDaysUtc(fromIso, toIso) {
+  if (!isValidIsoDate(fromIso) || !isValidIsoDate(toIso)) return null;
+  const a = (/* @__PURE__ */ new Date(`${fromIso}T00:00:00.000Z`)).getTime();
+  const b = (/* @__PURE__ */ new Date(`${toIso}T00:00:00.000Z`)).getTime();
+  return Math.floor((b - a) / (1e3 * 60 * 60 * 24));
+}
+function computeGestationalAgeFromLmp(lmpIso, today) {
+  const days = diffDaysUtc(lmpIso, today);
+  if (days == null || days < 0) return null;
+  const weeks = Math.floor(days / 7);
+  const rem = days % 7;
+  return { weeks, days: rem, totalDays: days, basedOn: "lmp" };
+}
+function computeGestationalAgeFromUsgEdd(eddUsgIso, today) {
+  const daysToEdd = diffDaysUtc(today, eddUsgIso);
+  if (daysToEdd == null) return null;
+  const daysElapsed = 280 - daysToEdd;
+  if (daysElapsed < 0) return null;
+  const weeks = Math.floor(daysElapsed / 7);
+  const rem = daysElapsed % 7;
+  return { weeks, days: rem, totalDays: daysElapsed, basedOn: "usg" };
+}
+function computeTrimester(ga) {
+  if (!ga) return null;
+  if (ga.weeks < 13) return 1;
+  if (ga.weeks < 27) return 2;
+  if (ga.weeks < 42) return 3;
+  return null;
+}
+function buildStored(draft, today) {
+  const lmpIso = isValidIsoDate(draft.lmp) ? draft.lmp : null;
+  const eddUsgIso = isValidIsoDate(draft.eddUSG) ? draft.eddUSG : null;
+  if (!draft.is_pregnant) {
+    return {
+      gpal: draft.gpal,
+      lmp: lmpIso,
+      is_pregnant: false,
+      edd: null,
+      gestationalAge: null,
+      trimester: null,
+      complications: draft.complications.trim() ? draft.complications : null,
+      outcome: draft.outcome
+    };
+  }
+  const eddFromLmp = lmpIso ? computeEddFromLmp(lmpIso) : null;
+  const gaFromLmp = lmpIso ? computeGestationalAgeFromLmp(lmpIso, today) : null;
+  const gaFromUsg = eddUsgIso ? computeGestationalAgeFromUsgEdd(eddUsgIso, today) : null;
+  const primary = draft.primaryEDD;
+  const gaPrimary = primary === "usg" && gaFromUsg ? gaFromUsg : gaFromLmp ? gaFromLmp : null;
+  return {
+    gpal: draft.gpal,
+    lmp: lmpIso,
+    is_pregnant: true,
+    edd: { lmp: eddFromLmp, usg: eddUsgIso, primary },
+    gestationalAge: gaPrimary,
+    trimester: computeTrimester(gaPrimary),
+    complications: draft.complications.trim() ? draft.complications : null,
+    outcome: draft.outcome
+  };
+}
+function stripGpalSuffix(label) {
+  return label.replace(/\s*\(G-P-A-L\)\s*$/i, "").trim();
+}
+function useDebouncedCommit(commit, delayMs) {
+  const timeoutRef = useRef(null);
+  const latestCommit = useRef(commit);
+  latestCommit.current = commit;
+  useEffect(() => {
+    return () => {
+      if (timeoutRef.current != null) window.clearTimeout(timeoutRef.current);
+    };
+  }, []);
+  return (next) => {
+    if (timeoutRef.current != null) window.clearTimeout(timeoutRef.current);
+    timeoutRef.current = window.setTimeout(() => latestCommit.current(next), delayMs);
+  };
+}
+var ObstetricHistoryWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, disabled } = useField(fieldId);
+  const [{ draft, isNewEntry }, setDraftState] = useState(() => normalizeToDraft(value));
+  const [lmpError, setLmpError] = useState(null);
+  const [primaryEddError, setPrimaryEddError] = useState(null);
+  const [activeGpalKey, setActiveGpalKey] = useState(null);
+  const refs = {
+    G: useRef(null),
+    P: useRef(null),
+    A: useRef(null),
+    L: useRef(null)
+  };
+  const today = useMemo(() => todayIso(), []);
+  useEffect(() => {
+    const next = normalizeToDraft(value);
+    const currStr = JSON.stringify(buildStored(draft, today));
+    const nextStr = JSON.stringify(buildStored(next.draft, today));
+    if (currStr !== nextStr) setDraftState(next);
+  }, [value]);
+  const commitImmediate = (nextDraft) => {
+    const stored = buildStored(nextDraft, today);
+    setValue(JSON.stringify(stored));
+  };
+  const commitDebounced = useDebouncedCommit(commitImmediate, 500);
+  const storedComputed = useMemo(() => buildStored(draft, today), [draft, today]);
+  const rightPanelEnabled = draft.is_pregnant && (!!storedComputed.lmp || !!storedComputed.edd?.usg);
+  const headerLabel = fieldDef?.label ? stripGpalSuffix(fieldDef.label) : "Obstetric History";
+  const setDraft = (updater, persist) => {
+    setDraftState((prev) => {
+      const nextDraft = updater(prev.draft);
+      const nextState = { ...prev, draft: nextDraft };
+      if (persist === "immediate") commitImmediate(nextDraft);
+      else commitDebounced(nextDraft);
+      return nextState;
+    });
+  };
+  const sanitizeGpalInput = (raw) => {
+    const digits = raw.replace(/[^\d]/g, "").slice(0, 2);
+    if (!digits) return 0;
+    return clampInt(Number(digits), 0, 20);
+  };
+  const handleGpalChange = (key, raw) => {
+    const prevWasEmpty = draft.gpal[key] === 0 && activeGpalKey === key;
+    const val = sanitizeGpalInput(raw);
+    setDraft((prev) => ({ ...prev, gpal: { ...prev.gpal, [key]: val } }), "debounce");
+    const digitsOnly = raw.replace(/[^\d]/g, "");
+    const shouldAutoTab = digitsOnly.length === 1 && (prevWasEmpty || String(draft.gpal[key]).length >= 1);
+    if (shouldAutoTab) {
+      const order = ["G", "P", "A", "L"];
+      const idx = order.indexOf(key);
+      const nextKey = order[idx + 1];
+      if (nextKey) refs[nextKey].current?.focus();
+    }
+  };
+  const handleLmpChange = (nextIso) => {
+    setPrimaryEddError(null);
+    if (nextIso && nextIso > today) {
+      setLmpError("LMP cannot be in the future");
+      return;
+    }
+    setLmpError(null);
+    setDraft((prev) => ({ ...prev, lmp: nextIso }), "debounce");
+  };
+  const handlePregStatus = (isPregnant) => {
+    setLmpError(null);
+    setPrimaryEddError(null);
+    setDraft((prev) => ({ ...prev, is_pregnant: isPregnant }), "immediate");
+  };
+  const handleEddUsgChange = (nextIso) => {
+    setPrimaryEddError(null);
+    setDraft((prev) => ({ ...prev, eddUSG: nextIso }), "debounce");
+  };
+  const handlePrimaryEdd = (next) => {
+    if (next === "usg" && !isValidIsoDate(draft.eddUSG)) {
+      setPrimaryEddError("Please enter EDD from USG first");
+      return;
+    }
+    setPrimaryEddError(null);
+    setDraft((prev) => ({ ...prev, primaryEDD: next }), "immediate");
+  };
+  const ensureOutcome = () => {
+    if (draft.outcome) return;
+    setDraft(
+      (prev) => ({
+        ...prev,
+        outcome: { type: "", date: "", notes: "", is_final: false }
+      }),
+      "immediate"
+    );
+  };
+  const clearOutcome = () => {
+    setDraft((prev) => ({ ...prev, outcome: null }), "immediate");
+  };
+  const updateOutcomeImmediate = (updater) => {
+    setDraft(
+      (prev) => {
+        const o = prev.outcome ?? { type: "", date: "", notes: "", is_final: false };
+        return { ...prev, outcome: updater(o) };
+      },
+      "immediate"
+    );
+  };
+  const updateOutcomeNotesDebounced = (notes) => {
+    setDraft(
+      (prev) => {
+        const o = prev.outcome ?? { type: "", date: "", notes: "", is_final: false };
+        return { ...prev, outcome: { ...o, notes } };
+      },
+      "debounce"
+    );
+  };
+  return /* @__PURE__ */ jsxs(Card, { className: cn("w-full", disabled && "opacity-70 pointer-events-none"), children: [
+    /* @__PURE__ */ jsx(CardHeader, { className: "pb-3", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-base font-semibold", children: headerLabel }) }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+      isNewEntry && /* @__PURE__ */ jsx("div", { className: "rounded-md border border-blue-200 bg-blue-50 px-3 py-2 text-xs text-blue-900", children: "No previous maternity episode found. Please fill obstetric details to start tracking." }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 items-start", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-white p-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: "G-P-A-L" }),
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-3", children: ["G", "P", "A", "L"].map((k) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: `${fieldId}-gpal-${k}`, className: "text-[11px] text-muted-foreground", children: k }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  ref: refs[k],
+                  id: `${fieldId}-gpal-${k}`,
+                  inputMode: "numeric",
+                  pattern: "\\d*",
+                  maxLength: 2,
+                  value: String(draft.gpal[k] ?? 0),
+                  onFocus: () => {
+                    setActiveGpalKey(k);
+                    const el = refs[k].current;
+                    if (el) el.select();
+                  },
+                  onChange: (e) => handleGpalChange(k, e.target.value),
+                  onKeyDown: (e) => {
+                    const allowed = ["Backspace", "Delete", "ArrowLeft", "ArrowRight", "Tab", "Home", "End"];
+                    if (allowed.includes(e.key)) return;
+                    if (/^\d$/.test(e.key)) return;
+                    e.preventDefault();
+                  },
+                  className: "text-center text-base"
+                }
+              )
+            ] }, k)) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-lg border bg-white p-4", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: `${fieldId}-lmp`, className: cn("text-sm", lmpError && "text-red-600"), children: "Last Menstrual Period (LMP)" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: `${fieldId}-lmp`,
+                  type: "date",
+                  max: today,
+                  value: draft.lmp,
+                  onChange: (e) => handleLmpChange(e.target.value),
+                  className: cn(lmpError && "border-red-500")
+                }
+              ),
+              lmpError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: lmpError })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-lg border bg-white p-4", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Pregnancy Status" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => handlePregStatus(false),
+                    className: cn(
+                      "flex-1 rounded-md border px-3 py-2 text-xs",
+                      !draft.is_pregnant ? "bg-green-600 text-white border-green-600" : "bg-white"
+                    ),
+                    children: "Not Pregnant"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => handlePregStatus(true),
+                    className: cn(
+                      "flex-1 rounded-md border px-3 py-2 text-xs",
+                      draft.is_pregnant ? "bg-green-600 text-white border-green-600" : "bg-white"
+                    ),
+                    children: "Pregnant"
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2 rounded-lg border bg-white p-4", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: `${fieldId}-complications`, className: "text-sm", children: "Previous Pregnancy Complications" }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                id: `${fieldId}-complications`,
+                placeholder: "e.g. Pre-eclampsia, Gestational diabetes, C-section, etc.",
+                value: draft.complications,
+                onChange: (e) => setDraft((prev) => ({ ...prev, complications: e.target.value }), "debounce"),
+                className: "min-h-[140px]"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-white p-4 min-h-[260px]", children: [
+          !draft.is_pregnant && /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center text-center text-sm text-muted-foreground px-6 py-10", children: 'Only for "Pregnant Women" and enter LMP to calculate gestational age and EDD' }),
+          draft.is_pregnant && !rightPanelEnabled && /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center text-center text-sm text-muted-foreground px-6 py-10", children: "Enter LMP and/or EDD (USG) to enable gestational age and EDD calculations." }),
+          draft.is_pregnant && rightPanelEnabled && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-blue-700", children: "Expected Delivery Date (EDD)" }),
+                storedComputed.gestationalAge?.basedOn && /* @__PURE__ */ jsxs("span", { className: "rounded-full bg-blue-100 px-2 py-1 text-[11px] text-blue-700", children: [
+                  "Based on ",
+                  storedComputed.gestationalAge.basedOn.toUpperCase()
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Gestational Age:" }),
+                /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold", children: storedComputed.gestationalAge ? `${storedComputed.gestationalAge.weeks} weeks ${storedComputed.gestationalAge.days} days` : "\u2014" }),
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mt-1", children: storedComputed.trimester ? `Trimester ${storedComputed.trimester}` : "Trimester \u2014" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "EDD (from LMP):" }),
+              /* @__PURE__ */ jsx("div", { className: "rounded-md border bg-muted/20 px-3 py-2 text-sm font-semibold", children: storedComputed.edd?.lmp ? formatDdMmYyyy(storedComputed.edd.lmp) : "\u2014" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: `${fieldId}-edd-usg`, className: "text-sm", children: "EDD (from USG):" }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: `${fieldId}-edd-usg`,
+                  type: "date",
+                  value: draft.eddUSG,
+                  onChange: (e) => handleEddUsgChange(e.target.value)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: "Primary EDD:" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => handlePrimaryEdd("lmp"),
+                    className: cn(
+                      "flex-1 rounded-md border px-3 py-2 text-sm",
+                      draft.primaryEDD === "lmp" ? "bg-blue-600 text-white border-blue-600" : "bg-white"
+                    ),
+                    children: "LMP"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => handlePrimaryEdd("usg"),
+                    className: cn(
+                      "flex-1 rounded-md border px-3 py-2 text-sm",
+                      draft.primaryEDD === "usg" ? "bg-blue-600 text-white border-blue-600" : "bg-white"
+                    ),
+                    children: "USG"
+                  }
+                )
+              ] }),
+              primaryEddError && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600", children: primaryEddError })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-yellow-50/60 p-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold", children: "Pregnancy Outcome (Optional - To Close Episode)" }),
+          draft.outcome && /* @__PURE__ */ jsx("button", { type: "button", className: "text-sm text-red-600 hover:underline", onClick: clearOutcome, children: "Clear" })
+        ] }),
+        !draft.outcome && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: ensureOutcome,
+            className: "mt-3 w-full rounded-md border border-yellow-300 bg-yellow-100 px-3 py-2 text-sm font-medium",
+            children: "+ Add Pregnancy Outcome"
+          }
+        ),
+        draft.outcome && /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs(Label, { className: "text-sm", children: [
+              "Outcome Type ",
+              /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                className: "w-full rounded-md border px-3 py-2 text-sm bg-white",
+                value: draft.outcome.type,
+                onChange: (e) => updateOutcomeImmediate((o) => ({ ...o, type: e.target.value })),
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "Select outcome..." }),
+                  /* @__PURE__ */ jsx("option", { value: "delivery", children: "Normal Delivery" }),
+                  /* @__PURE__ */ jsx("option", { value: "cesarean", children: "Cesarean Section" }),
+                  /* @__PURE__ */ jsx("option", { value: "abortion", children: "Abortion" }),
+                  /* @__PURE__ */ jsx("option", { value: "miscarriage", children: "Miscarriage" }),
+                  /* @__PURE__ */ jsx("option", { value: "stillbirth", children: "Stillbirth" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxs(Label, { htmlFor: `${fieldId}-outcome-date`, className: "text-sm", children: [
+              "Date ",
+              /* @__PURE__ */ jsx("span", { className: "text-red-500", children: "*" })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: `${fieldId}-outcome-date`,
+                type: "date",
+                max: today,
+                value: draft.outcome.date,
+                onChange: (e) => updateOutcomeImmediate((o) => ({ ...o, date: e.target.value }))
+              }
+            ),
+            draft.outcome.date && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+              "Selected: ",
+              formatDdMmYyyy(draft.outcome.date)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: `${fieldId}-outcome-notes`, className: "text-sm", children: "Notes" }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                id: `${fieldId}-outcome-notes`,
+                placeholder: "e.g. Normal vaginal delivery, healthy baby boy, 3.2kg",
+                value: draft.outcome.notes,
+                onChange: (e) => updateOutcomeNotesDebounced(e.target.value),
+                className: "min-h-[90px]"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "rounded-md border bg-white p-3", children: [
+            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: !!draft.outcome.is_final,
+                  onChange: (e) => updateOutcomeImmediate((o) => ({ ...o, is_final: e.target.checked }))
+                }
+              ),
+              "Close this pregnancy episode"
+            ] }),
+            draft.outcome.is_final && /* @__PURE__ */ jsx("div", { className: "mt-3 rounded-md border border-red-300 bg-red-50 px-3 py-2 text-xs text-red-800", children: "Checking this will mark the pregnancy as completed and is intended to close the maternity episode." })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+};
 var FieldRenderer = ({ fieldId }) => {
   const { fieldDef, visible } = useField(fieldId);
   if (!visible || !fieldDef) {
@@ -4038,6 +4842,10 @@ var FieldRenderer = ({ fieldId }) => {
       return /* @__PURE__ */ jsx(ReferralWidget, { fieldId });
     case "followup":
       return /* @__PURE__ */ jsx(FollowupWidget, { fieldId });
+    case "smart_textarea":
+      return /* @__PURE__ */ jsx(SmartTextareaWidget, { fieldId });
+    case "obstetric_history":
+      return /* @__PURE__ */ jsx(ObstetricHistoryWidget, { fieldId });
     case "static_text": {
       const def = fieldDef;
       const size = def.size ?? "regular";
@@ -4786,6 +5594,6 @@ function createUploadHandler(options) {
   };
 }
 
-export { AddInvestigationField, AddMedicationField, DifferentialDiagnosis, DynamicForm, EMAIL_REGEX, FieldRenderer, FormControls, FormProvider, FormStore, ImageUploadWidget, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlySignature, ReadOnlyTable, SignatureUploadWidget, SmartForm, createUploadHandler, evaluateRules, useField, useFieldHandlers, useForm, useFormStore, validateField, validateForm };
+export { AddInvestigationField, AddMedicationField, DifferentialDiagnosis, DynamicForm, EMAIL_REGEX, FieldRenderer, FormControls, FormProvider, FormStore, ImageUploadWidget, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlySignature, ReadOnlyTable, SignatureUploadWidget, SmartForm, SmartTextareaWidget, createUploadHandler, evaluateRules, useField, useFieldHandlers, useForm, useFormStore, useSmartKeywords, validateField, validateForm };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map