formanitor 0.0.14 → 0.0.15

package/dist/index.mjs

@@ -4214,6 +4214,588 @@ var SmartTextareaWidget = ({ fieldId }) => {
     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) {
@@ -4262,6 +4844,8 @@ var FieldRenderer = ({ fieldId }) => {
       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";