formanitor 0.0.23 → 0.0.25

package/dist/index.cjs

@@ -2813,6 +2813,22 @@ var AddEntityDialog = ({
     actionSlot != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4 flex justify-end shrink-0 border-t border-border bg-background", children: actionSlot })
   ] }) });
 };
+var BEFORE_AFTER_OPTIONS = [
+  { label: "Blank", value: "" },
+  { label: "AFTER FOOD", value: "AFTER FOOD" },
+  { label: "BEFORE FOOD", value: "BEFORE FOOD" },
+  { label: "WITH FOOD", value: "WITH FOOD" },
+  { label: "SINGLE DOSE", value: "SINGLE DOSE" },
+  { label: "BED TIME", value: "BED TIME" },
+  { label: "EMPTY STOMACH", value: "EMPTY STOMACH" },
+  { label: "LOCAL APPLICATION", value: "LOCAL APPLICATION" },
+  { label: "STAT", value: "STAT" },
+  { label: "INHALATION", value: "INHALATION" }
+];
+var BEFORE_AFTER_NORMALIZATION_MAP = {
+  AF: "AFTER FOOD",
+  BF: "BEFORE FOOD"
+};
 function mapToMedication(result) {
   return {
     id: result.id,
@@ -2876,7 +2892,7 @@ function mapFrequentItemToMedication(item) {
   const parsed = parseDuration(item.duration);
   const duration_value = item.duration_value ?? parsed.value;
   const duration_unit = item.duration_unit ?? parsed.unit;
-  const before_after = item.before_after === "BEFORE FOOD" ? "BEFORE FOOD" : "AFTER FOOD";
+  const before_after = normalizeBeforeAfter(item.before_after);
   const routeNote = item.route ? `Route: ${item.route}` : "";
   const baseNotes = item.notes?.trim() || "";
   const combinedNotes = [baseNotes, routeNote.trim()].filter((part) => part.length > 0).join(" \u2014 ");
@@ -2895,6 +2911,13 @@ function mapFrequentItemToMedication(item) {
     notes: combinedNotes
   };
 }
+function normalizeBeforeAfter(value) {
+  if (value == null) return "AFTER FOOD";
+  const mapped = BEFORE_AFTER_NORMALIZATION_MAP[value];
+  if (mapped) return mapped;
+  const validValues = BEFORE_AFTER_OPTIONS.map((option) => option.value);
+  return validValues.includes(value) ? value : "AFTER FOOD";
+}
 function Spinner({
   value,
   onChange
@@ -3002,16 +3025,13 @@ function MedicationCard({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 items-center flex-1 min-w-0 justify-end", children: ["morning", "afternoon", "night"].map((slot) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center gap-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, { value: med[slot], onChange: (v) => set(slot, v) }) }, slot)) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx(
         "select",
         {
           className: "text-xs border border-border rounded px-2 py-1 bg-white shrink-0",
-          value: med.before_after === "AFTER FOOD" ? "AF" : "BF",
-          onChange: (e) => set("before_after", e.target.value === "AF" ? "AFTER FOOD" : "BEFORE FOOD"),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "AF", children: "AF" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "BF", children: "BF" })
-          ]
+          value: normalizeBeforeAfter(med.before_after),
+          onChange: (e) => set("before_after", e.target.value),
+          children: BEFORE_AFTER_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.label))
         }
       )
     ] }),
@@ -3556,6 +3576,9 @@ function mapToProcedure(result) {
     fromAI: false
   };
 }
+function createCustomProcedure(trimmedName) {
+  return { name: trimmedName.trim(), is_custom: true };
+}
 var AddProcedureField = ({
   label = "Procedures",
   value,
@@ -3574,7 +3597,9 @@ var AddProcedureField = ({
   const valueRef = React13.useRef([]);
   const searchInputRef = React13.useRef(null);
   valueRef.current = value;
-  const addedIds = new Set(value.map((proc) => proc.id));
+  const addedIds = new Set(
+    value.filter((proc) => !proc.is_custom).map((proc) => proc.id)
+  );
   React13.useEffect(() => {
     if (!open) {
       setQuery("");
@@ -3616,12 +3641,23 @@ var AddProcedureField = ({
       setTimeout(() => searchInputRef.current?.focus(), 0);
     }, ADD_FEEDBACK_MS3);
   }
-  function removeProcedure(id) {
-    onChange(value.filter((proc) => proc.id !== id));
+  function removeAt(index) {
+    onChange(value.filter((_, i) => i !== index));
+  }
+  function removeBySearchId(id) {
+    onChange(value.filter((proc) => proc.is_custom || proc.id !== id));
+  }
+  function handleAddCustom() {
+    const trimmed = query.trim();
+    if (!trimmed) return;
+    if (valueRef.current.some((p) => p.is_custom && p.name === trimmed)) return;
+    onChange([...valueRef.current, createCustomProcedure(trimmed)]);
+    setQuery("");
+    setResults([]);
   }
   function handleRecentlyUsedToggle(result) {
     if (addedIds.has(result.id)) {
-      removeProcedure(result.id);
+      removeBySearchId(result.id);
     } else {
       addProcedure(result);
     }
@@ -3631,7 +3667,7 @@ var AddProcedureField = ({
     const addedById = addedIds.has(id);
     const addedByName = value.some((proc) => proc.name === item.name);
     if (addedById || addedByName) {
-      if (addedById) removeProcedure(id);
+      if (addedById) removeBySearchId(id);
       else onChange(value.filter((proc) => proc.name !== item.name));
       return;
     }
@@ -3639,7 +3675,7 @@ var AddProcedureField = ({
     try {
       const searchResults = await onSearch(item.name);
       const first = searchResults?.[0];
-      if (first && !valueRef.current.some((proc) => proc.id === first.id)) {
+      if (first && !valueRef.current.some((proc) => !proc.is_custom && proc.id === first.id)) {
         onChange([...valueRef.current, mapToProcedure(first)]);
       }
     } finally {
@@ -3668,7 +3704,7 @@ var AddProcedureField = ({
   const limitedFrequentItems = frequentItems.slice(0, 25);
   const frequentItemChips = limitedFrequentItems.length > 0 ? limitedFrequentItems.map((item) => {
     const id = String(item.id);
-    const isAdded = value.some((proc) => proc.id === id) || value.some((proc) => proc.name === item.name);
+    const isAdded = value.some((proc) => !proc.is_custom && proc.id === id) || value.some((proc) => proc.name === item.name);
     const isAdding = addingFrequentId === id;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
@@ -3702,7 +3738,7 @@ var AddProcedureField = ({
         }
       )
     ] }),
-    value.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border rounded-lg border border-border overflow-hidden", children: value.map((proc) => /* @__PURE__ */ jsxRuntime.jsxs(
+    value.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border rounded-lg border border-border overflow-hidden", children: value.map((proc, index) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         className: "flex items-center justify-between px-3 py-2 bg-white hover:bg-gray-50",
@@ -3712,14 +3748,14 @@ var AddProcedureField = ({
             "button",
             {
               type: "button",
-              onClick: () => removeProcedure(proc.id),
+              onClick: () => removeAt(index),
               className: "text-muted-foreground hover:text-red-500 transition-colors cursor-pointer",
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
             }
           )
         ]
       },
-      proc.id
+      proc.is_custom ? `custom-${index}` : proc.id
     )) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       AddEntityDialog,
@@ -3729,6 +3765,19 @@ var AddProcedureField = ({
         title: "Add Procedure",
         recentlyUsedSlot: frequentItemChips.length > 0 ? frequentItemChips : recentlyUsedChips.length > 0 ? recentlyUsedChips : void 0,
         chipSectionLabel: frequentItemChips.length > 0 ? "Frequently used" : void 0,
+        actionSlot: /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            disabled: !query.trim() || valueRef.current.some((p) => p.is_custom && p.name === query.trim()),
+            onClick: handleAddCustom,
+            className: cn(
+              "rounded-md px-5 py-2 text-sm font-semibold bg-primary text-primary-foreground hover:bg-primary/90 transition-opacity cursor-pointer",
+              (!query.trim() || valueRef.current.some((p) => p.is_custom && p.name === query.trim())) && "opacity-40 cursor-not-allowed"
+            ),
+            children: "Save Procedure"
+          }
+        ),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Input,