formanitor 0.0.15 → 0.0.17

package/dist/index.cjs

@@ -368,7 +368,7 @@ var FormStore = class {
         }
       };
       this.config.onDraftChange?.(payload);
-    }, 2500);
+    }, 5e3);
   }
   async save() {
     const payload = {
@@ -664,12 +664,27 @@ var FormStore = class {
   }
 };
 var FormContext = React11.createContext(null);
+var emptyFrequentItems = {
+  medications: [],
+  investigations: [],
+  procedures: []
+};
+var FrequentItemsContext = React11.createContext(emptyFrequentItems);
 var FieldHandlersContext = React11.createContext({});
 function useFieldHandlers(fieldId) {
   const map = React11.useContext(FieldHandlersContext);
   return map[fieldId] ?? { onSearch: async () => [], recentlyUsed: [] };
 }
-var FormProvider = ({ schema, config, fieldHandlers, children }) => {
+function useFrequentItems() {
+  return React11.useContext(FrequentItemsContext);
+}
+var FormProvider = ({
+  schema,
+  config,
+  fieldHandlers,
+  frequentItems,
+  children
+}) => {
   const storeRef = React11.useRef(null);
   if (!storeRef.current) {
     storeRef.current = new FormStore(schema, config);
@@ -682,7 +697,8 @@ var FormProvider = ({ schema, config, fieldHandlers, children }) => {
   React11.useEffect(() => {
     storeRef.current?.load();
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(FormContext.Provider, { value: storeRef.current, children: /* @__PURE__ */ jsxRuntime.jsx(FieldHandlersContext.Provider, { value: fieldHandlers ?? {}, children }) });
+  const frequentItemsValue = frequentItems ?? emptyFrequentItems;
+  return /* @__PURE__ */ jsxRuntime.jsx(FormContext.Provider, { value: storeRef.current, children: /* @__PURE__ */ jsxRuntime.jsx(FieldHandlersContext.Provider, { value: fieldHandlers ?? {}, children: /* @__PURE__ */ jsxRuntime.jsx(FrequentItemsContext.Provider, { value: frequentItemsValue, children }) }) });
 };
 function useFormStore() {
   const context = React11.useContext(FormContext);
@@ -2500,6 +2516,7 @@ var AddEntityDialog = ({
   onClose,
   title,
   recentlyUsedSlot,
+  chipSectionLabel = "Recently Used",
   children,
   actionSlot
 }) => {
@@ -2507,7 +2524,7 @@ var AddEntityDialog = ({
     /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { className: "px-6 pt-6 pb-4 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "text-lg font-semibold", children: title }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 flex flex-col gap-4 overflow-y-auto flex-1 min-h-0 pb-4", children: [
       recentlyUsedSlot && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mb-2", children: "Recently Used" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mb-2", children: chipSectionLabel }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: recentlyUsedSlot })
       ] }),
       children
@@ -2532,9 +2549,9 @@ function mapToMedication(result) {
   };
 }
 function mapAIMedicationToMedication(ai) {
-  const id = typeof ai.id === "string" ? Number.parseInt(ai.id, 10) || 0 : Number(ai.id);
+  const id = ai.id != null ? String(ai.id) : "";
   return {
-    id: Number.isNaN(id) ? 0 : id,
+    id,
     brand_name: ai.brand_name ?? "",
     generic_name: ai.generic_name ?? "",
     frequency: "custom",
@@ -2550,7 +2567,7 @@ function mapAIMedicationToMedication(ai) {
 }
 function createCustomMedication(name, customId) {
   return {
-    id: customId,
+    id: String(customId),
     brand_name: name.trim(),
     generic_name: "",
     frequency: "custom",
@@ -2564,6 +2581,39 @@ function createCustomMedication(name, customId) {
     notes: ""
   };
 }
+function parseDuration(duration) {
+  if (!duration || !duration.trim()) return { value: "3", unit: "days" };
+  const lower = duration.trim().toLowerCase();
+  const match = lower.match(/^(\d+)\s*(day|days|week|weeks|month|months)?$/);
+  if (!match) return { value: "3", unit: "days" };
+  const value = match[1] ?? "3";
+  const unitWord = match[2] ?? "days";
+  const unit = unitWord.startsWith("month") ? "months" : unitWord.startsWith("week") ? "weeks" : "days";
+  return { value, unit };
+}
+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 routeNote = item.route ? `Route: ${item.route}` : "";
+  const baseNotes = item.notes?.trim() || "";
+  const combinedNotes = [baseNotes, routeNote.trim()].filter((part) => part.length > 0).join(" \u2014 ");
+  return {
+    id: item.id,
+    brand_name: item.brand_name ?? item.name,
+    generic_name: item.short_name ?? "",
+    frequency: item.frequency ?? "custom",
+    is_custom: false,
+    duration_value,
+    duration_unit,
+    before_after,
+    morning: item.morning ?? "0",
+    afternoon: item.afternoon ?? "0",
+    night: item.night ?? "0",
+    notes: combinedNotes
+  };
+}
 function Spinner({
   value,
   onChange
@@ -2611,11 +2661,14 @@ function MedicationCard({
           onChange: (e) => set("frequency", e.target.value),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("option", { value: "custom", children: "select frequency" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "OD", children: "OD" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "BD", children: "BD" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "TDS", children: "TDS" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "QID", children: "QID" }),
-            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "SOS", children: "SOS" })
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "qid", children: "4 times a day (QID)" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "alternate_day", children: "Alternate day" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "once_weekly", children: "Once weekly" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "once_monthly", children: "Once monthly" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "as_needed", children: "As needed" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "fort_night", children: "Fort night" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "at_bed_time", children: "At Bed time" }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "sos", children: "SOS only" })
           ]
         }
       ),
@@ -2754,6 +2807,7 @@ var AddMedicationField = ({
   onChange,
   onSearch,
   recentlyUsed = [],
+  frequentItems = [],
   suggestedMedications = []
 }) => {
   const [open, setOpen] = React11.useState(false);
@@ -2799,6 +2853,13 @@ var AddMedicationField = ({
       onChange([...safeValue, mapToMedication(result)]);
     }
   }
+  function handleFrequentItemToggle(item) {
+    if (addedIds.has(String(item.id))) {
+      onChange(safeValue.filter((m) => String(m.id) !== String(item.id)));
+    } else {
+      onChange([...safeValue, mapFrequentItemToMedication(item)]);
+    }
+  }
   function handleResultClick(result) {
     if (addedIds.has(String(result.id))) return;
     setAddingResultId(result.id);
@@ -2849,6 +2910,26 @@ var AddMedicationField = ({
       r.id
     );
   });
+  const limitedFrequentItems = frequentItems.slice(0, 25);
+  const frequentItemChips = limitedFrequentItems.length > 0 ? limitedFrequentItems.map((item) => {
+    const isAdded = addedIds.has(String(item.id));
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => handleFrequentItemToggle(item),
+        className: cn(
+          "rounded-full border text-[11px] px-2 py-0.5 transition-colors cursor-pointer",
+          isAdded ? "border-green-300 bg-green-50 text-green-700" : "border-border bg-white hover:bg-gray-50"
+        ),
+        children: [
+          isAdded && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-1", children: "\u2713" }),
+          item.brand_name ?? item.name
+        ]
+      },
+      item.id
+    );
+  }) : [];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md overflow-hidden flex flex-col border bg-white border-[#D0D0D0] space-y-3 p-3 h-fit", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold", children: label }),
@@ -2862,22 +2943,6 @@ var AddMedicationField = ({
         }
       )
     ] }),
-    suggestedMedications.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1.5 items-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground mr-1", children: "Suggestions:" }),
-      suggestedMedications.filter((s) => !addedIds.has(String(s.id))).map((s) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: () => handleAddSuggestion(s),
-          className: "inline-flex items-center gap-1 rounded-full border border-dashed border-purple-300 bg-purple-50/80 text-purple-800 text-xs px-2.5 py-1 hover:bg-purple-100 transition-colors cursor-pointer",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-3 w-3" }),
-            s.brand_name || s.generic_name || String(s.id)
-          ]
-        },
-        String(s.id)
-      ))
-    ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: safeValue.map((med, i) => /* @__PURE__ */ jsxRuntime.jsx(
       MedicationCard,
       {
@@ -2893,7 +2958,8 @@ var AddMedicationField = ({
         open,
         onClose: () => setOpen(false),
         title: "Add Medication",
-        recentlyUsedSlot: recentlyUsedChips.length > 0 ? recentlyUsedChips : void 0,
+        recentlyUsedSlot: frequentItemChips.length > 0 ? frequentItemChips : recentlyUsedChips.length > 0 ? recentlyUsedChips : void 0,
+        chipSectionLabel: frequentItemChips.length > 0 ? "Frequently used" : void 0,
         actionSlot: /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
@@ -2918,6 +2984,22 @@ var AddMedicationField = ({
               className: "border border-border rounded-md focus-visible:ring-0"
             }
           ),
+          suggestedMedications.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-1.5 items-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground mr-1", children: "Suggestions:" }),
+            suggestedMedications.filter((s) => !addedIds.has(String(s.id))).slice(0, 25).map((s) => /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleAddSuggestion(s),
+                className: "inline-flex items-center gap-1 rounded-full border border-dashed border-purple-300 bg-purple-50/80 text-purple-800 text-[11px] px-2 py-0.5 hover:bg-purple-100 transition-colors cursor-pointer",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-3 w-3" }),
+                  s.brand_name || s.generic_name || String(s.id)
+                ]
+              },
+              String(s.id)
+            ))
+          ] }),
           loading && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground text-center py-2", children: "Searching\u2026" }),
           !loading && results.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2 max-h-64 overflow-y-auto", children: results.map((r) => /* @__PURE__ */ jsxRuntime.jsx(
             SearchResultCard,
@@ -2937,6 +3019,7 @@ var AddMedicationWidget = ({ fieldId }) => {
   const { value, setValue } = useField(fieldId);
   const handlers = useFieldHandlers(fieldId);
   const { medications: suggestedMedications } = useAISuggestions();
+  const { medications: frequentMedications } = useFrequentItems();
   const safeValue = Array.isArray(value) ? value : [];
   return /* @__PURE__ */ jsxRuntime.jsx(
     AddMedicationField,
@@ -2945,6 +3028,7 @@ var AddMedicationWidget = ({ fieldId }) => {
       onChange: setValue,
       onSearch: handlers.onSearch,
       recentlyUsed: handlers.recentlyUsed,
+      frequentItems: frequentMedications,
       suggestedMedications
     }
   );
@@ -2963,13 +3047,15 @@ var AddInvestigationField = ({
   value,
   onChange,
   onSearch,
-  recentlyUsed = []
+  recentlyUsed = [],
+  frequentItems = []
 }) => {
   const [open, setOpen] = React11.useState(false);
   const [query, setQuery] = React11.useState("");
   const [results, setResults] = React11.useState([]);
   const [loading, setLoading] = React11.useState(false);
   const [addingId, setAddingId] = React11.useState(null);
+  const [addingFrequentId, setAddingFrequentId] = React11.useState(null);
   const debounceRef = React11.useRef(null);
   const valueRef = React11.useRef([]);
   const searchInputRef = React11.useRef(null);
@@ -2980,6 +3066,7 @@ var AddInvestigationField = ({
       setQuery("");
       setResults([]);
       setAddingId(null);
+      setAddingFrequentId(null);
     }
   }, [open]);
   function handleQueryChange(q) {
@@ -3025,6 +3112,26 @@ var AddInvestigationField = ({
       addInvestigation(result);
     }
   }
+  async function handleFrequentItemToggle(item) {
+    const id = String(item.id);
+    const addedById = addedIds.has(id);
+    const addedByName = value.some((inv) => inv.name === item.name);
+    if (addedById || addedByName) {
+      if (addedById) removeInvestigation(id);
+      else onChange(value.filter((inv) => inv.name !== item.name));
+      return;
+    }
+    setAddingFrequentId(id);
+    try {
+      const searchResults = await onSearch(item.name);
+      const first = searchResults?.[0];
+      if (first && !valueRef.current.some((inv) => inv.id === first.id)) {
+        onChange([...valueRef.current, mapToInvestigation(first)]);
+      }
+    } finally {
+      setAddingFrequentId(null);
+    }
+  }
   const recentlyUsedChips = recentlyUsed.map((r) => {
     const isAdded = addedIds.has(r.id);
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3044,6 +3151,30 @@ var AddInvestigationField = ({
       r.id
     );
   });
+  const limitedFrequentItems = frequentItems.slice(0, 25);
+  const frequentItemChips = limitedFrequentItems.length > 0 ? limitedFrequentItems.map((item) => {
+    const id = String(item.id);
+    const isAdded = value.some((inv) => inv.id === id) || value.some((inv) => inv.name === item.name);
+    const isAdding = addingFrequentId === id;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        disabled: isAdding,
+        onClick: () => handleFrequentItemToggle(item),
+        className: cn(
+          "rounded-full border text-xs px-3 py-1 transition-colors",
+          isAdded ? "border-green-300 bg-green-50 text-green-700" : "border-border bg-white hover:bg-gray-50",
+          isAdding && "opacity-70 pointer-events-none"
+        ),
+        children: [
+          isAdded && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-1", children: "\u2713" }),
+          isAdding ? "\u2026" : item.name
+        ]
+      },
+      item.id
+    );
+  }) : [];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md overflow-hidden flex flex-col bg-white border border-[#D0D0D0] space-y-3 p-3 h-fit", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold", children: label }),
@@ -3082,7 +3213,8 @@ var AddInvestigationField = ({
         open,
         onClose: () => setOpen(false),
         title: "Add Investigation",
-        recentlyUsedSlot: recentlyUsedChips.length > 0 ? recentlyUsedChips : void 0,
+        recentlyUsedSlot: frequentItemChips.length > 0 ? frequentItemChips : recentlyUsedChips.length > 0 ? recentlyUsedChips : void 0,
+        chipSectionLabel: frequentItemChips.length > 0 ? "Frequently used" : void 0,
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Input,
@@ -3122,13 +3254,15 @@ var AddInvestigationField = ({
 var AddInvestigationWidget = ({ fieldId }) => {
   const { value, setValue } = useField(fieldId);
   const handlers = useFieldHandlers(fieldId);
+  const { investigations: frequentInvestigations } = useFrequentItems();
   return /* @__PURE__ */ jsxRuntime.jsx(
     AddInvestigationField,
     {
       value: value ?? [],
       onChange: setValue,
       onSearch: handlers.onSearch,
-      recentlyUsed: handlers.recentlyUsed
+      recentlyUsed: handlers.recentlyUsed,
+      frequentItems: frequentInvestigations
     }
   );
 };
@@ -3146,13 +3280,15 @@ var AddProcedureField = ({
   value,
   onChange,
   onSearch,
-  recentlyUsed = []
+  recentlyUsed = [],
+  frequentItems = []
 }) => {
   const [open, setOpen] = React11.useState(false);
   const [query, setQuery] = React11.useState("");
   const [results, setResults] = React11.useState([]);
   const [loading, setLoading] = React11.useState(false);
   const [addingId, setAddingId] = React11.useState(null);
+  const [addingFrequentId, setAddingFrequentId] = React11.useState(null);
   const debounceRef = React11.useRef(null);
   const valueRef = React11.useRef([]);
   const searchInputRef = React11.useRef(null);
@@ -3163,6 +3299,7 @@ var AddProcedureField = ({
       setQuery("");
       setResults([]);
       setAddingId(null);
+      setAddingFrequentId(null);
     }
   }, [open]);
   function handleQueryChange(q) {
@@ -3208,6 +3345,26 @@ var AddProcedureField = ({
       addProcedure(result);
     }
   }
+  async function handleFrequentItemToggle(item) {
+    const id = String(item.id);
+    const addedById = addedIds.has(id);
+    const addedByName = value.some((proc) => proc.name === item.name);
+    if (addedById || addedByName) {
+      if (addedById) removeProcedure(id);
+      else onChange(value.filter((proc) => proc.name !== item.name));
+      return;
+    }
+    setAddingFrequentId(id);
+    try {
+      const searchResults = await onSearch(item.name);
+      const first = searchResults?.[0];
+      if (first && !valueRef.current.some((proc) => proc.id === first.id)) {
+        onChange([...valueRef.current, mapToProcedure(first)]);
+      }
+    } finally {
+      setAddingFrequentId(null);
+    }
+  }
   const recentlyUsedChips = recentlyUsed.map((r) => {
     const isAdded = addedIds.has(r.id);
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3227,6 +3384,30 @@ var AddProcedureField = ({
       r.id
     );
   });
+  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 isAdding = addingFrequentId === id;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        disabled: isAdding,
+        onClick: () => handleFrequentItemToggle(item),
+        className: cn(
+          "rounded-full border text-xs px-3 py-1 transition-colors",
+          isAdded ? "border-green-300 bg-green-50 text-green-700" : "border-border bg-white hover:bg-gray-50",
+          isAdding && "opacity-70 pointer-events-none"
+        ),
+        children: [
+          isAdded && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-1", children: "\u2713" }),
+          isAdding ? "\u2026" : item.name
+        ]
+      },
+      item.id
+    );
+  }) : [];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md overflow-hidden flex flex-col bg-white border border-[#D0D0D0] space-y-3 p-3 h-fit", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold", children: label }),
@@ -3265,7 +3446,8 @@ var AddProcedureField = ({
         open,
         onClose: () => setOpen(false),
         title: "Add Procedure",
-        recentlyUsedSlot: recentlyUsedChips.length > 0 ? recentlyUsedChips : void 0,
+        recentlyUsedSlot: frequentItemChips.length > 0 ? frequentItemChips : recentlyUsedChips.length > 0 ? recentlyUsedChips : void 0,
+        chipSectionLabel: frequentItemChips.length > 0 ? "Frequently used" : void 0,
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             Input,
@@ -3305,13 +3487,15 @@ var AddProcedureField = ({
 var AddProcedureWidget = ({ fieldId }) => {
   const { value, setValue } = useField(fieldId);
   const handlers = useFieldHandlers(fieldId);
+  const { procedures: frequentProcedures } = useFrequentItems();
   return /* @__PURE__ */ jsxRuntime.jsx(
     AddProcedureField,
     {
       value: value ?? [],
       onChange: setValue,
       onSearch: handlers.onSearch,
-      recentlyUsed: handlers.recentlyUsed
+      recentlyUsed: handlers.recentlyUsed,
+      frequentItems: frequentProcedures
     }
   );
 };
@@ -5647,6 +5831,7 @@ exports.useField = useField;
 exports.useFieldHandlers = useFieldHandlers;
 exports.useForm = useForm;
 exports.useFormStore = useFormStore;
+exports.useFrequentItems = useFrequentItems;
 exports.useSmartKeywords = useSmartKeywords;
 exports.validateField = validateField;
 exports.validateForm = validateForm;