@mindbill/react 0.9.2 → 0.9.3

package/dist/index.js

@@ -2,10 +2,10 @@
 
 // src/index.tsx
 import "@mindbill/embed";
-import { createElement, useEffect as useEffect4, useRef as useRef3 } from "react";
+import { createElement, useEffect as useEffect4, useRef as useRef4 } from "react";
 
 // src/native-bill-review.tsx
-import { useEffect, useId, useMemo, useState } from "react";
+import { useEffect, useId, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var EMPTY_BILLING_PROVIDER = {
   name: "",
@@ -37,6 +37,35 @@ var DOCUMENT_LABELS = {
   appeal: "Appeal or review support",
   other: "Other supporting document"
 };
+var US_STATES = ["AL", "AK", "AZ", "AR", "CA", "CO", "CT", "DE", "FL", "GA", "HI", "ID", "IL", "IN", "IA", "KS", "KY", "LA", "ME", "MD", "MA", "MI", "MN", "MS", "MO", "MT", "NE", "NV", "NH", "NJ", "NM", "NY", "NC", "ND", "OH", "OK", "OR", "PA", "RI", "SC", "SD", "TN", "TX", "UT", "VT", "VA", "WA", "WV", "WI", "WY", "DC"];
+var PROCEDURES = [
+  ["ML200", "Missed med-legal appointment"],
+  ["ML201", "Comprehensive med-legal evaluation"],
+  ["ML202", "Follow-up med-legal evaluation"],
+  ["ML203", "Supplemental med-legal evaluation"],
+  ["ML204", "Medical-legal testimony"],
+  ["ML205", "Sub rosa recording review"],
+  ["MLPRR", "Medical record review"]
+];
+var MODIFIERS = [
+  ["92", "Primary treating physician"],
+  ["93", "Interpreter required"],
+  ["94", "Agreed medical evaluator (AME)"],
+  ["95", "Qualified medical evaluator (QME)"],
+  ["96", "Psychiatric or psychological evaluation"],
+  ["97", "Toxicology evaluation"],
+  ["98", "Oncology evaluation"]
+];
+var MANAGED_EVALUATOR_MODIFIERS = /* @__PURE__ */ new Set(["94", "95", "96"]);
+var MODIFIER_CODES = {
+  "92": ["ML201", "ML202", "ML203"],
+  "93": ["ML201", "ML202"],
+  "94": ["ML201", "ML202", "ML203"],
+  "95": ["ML200", "ML201", "ML202", "ML203", "MLPRR"],
+  "96": ["ML201", "ML202", "ML203"],
+  "97": ["ML201", "ML202", "ML203"],
+  "98": ["ML201", "ML202", "ML203"]
+};
 function withoutId(value) {
   const result = { ...value };
   delete result.id;
@@ -44,9 +73,20 @@ function withoutId(value) {
 }
 function toDraft(data) {
   const snapshot = data.bill.billingSnapshot;
+  const nameParts = data.patient.name.trim().split(/\s+/);
   return {
     claimsAdminId: data.injury.claimsAdminId || "",
     claimsAdminName: data.injury.claimsAdminName || "",
+    patientFirstName: data.patient.firstName || nameParts[0] || "",
+    patientMiddleName: data.patient.middleName || (nameParts.length > 2 ? nameParts.slice(1, -1).join(" ") : ""),
+    patientLastName: data.patient.lastName || (nameParts.length > 1 ? nameParts.at(-1) || "" : ""),
+    patientDob: data.patient.dob || "",
+    claimNumber: data.injury.claimNumber || "",
+    employer: data.injury.employer || "",
+    doi: data.injury.doi || "",
+    injuryEndDate: data.injury.injuryEndDate || "",
+    cumulativeTrauma: Boolean(data.injury.cumulativeTrauma),
+    adjNumber: data.injury.adjNumber || "",
     dos: data.bill.dos || "",
     dosEnd: data.bill.dosEnd || "",
     authorizationNumber: data.bill.authorizationNumber || "",
@@ -62,6 +102,20 @@ function toDraft(data) {
 function buildBillReviewSaveInput(draft) {
   return {
     claimsAdminId: draft.claimsAdminId,
+    patientOverrides: {
+      firstName: draft.patientFirstName.trim(),
+      ...draft.patientMiddleName.trim() ? { middleName: draft.patientMiddleName.trim() } : {},
+      lastName: draft.patientLastName.trim(),
+      ...draft.patientDob ? { dob: draft.patientDob } : {}
+    },
+    injuryOverrides: {
+      ...draft.claimNumber.trim() ? { claimNumber: draft.claimNumber.trim() } : {},
+      ...draft.employer.trim() ? { employer: draft.employer.trim() } : {},
+      ...draft.doi ? { doi: draft.doi } : {},
+      ...draft.injuryEndDate ? { injuryEndDate: draft.injuryEndDate } : {},
+      cumulativeTrauma: draft.cumulativeTrauma,
+      ...draft.adjNumber.trim() ? { adjNumber: draft.adjNumber.trim().toUpperCase().replace(/\s+/g, "") } : {}
+    },
     dos: draft.dos,
     dosEnd: draft.dosEnd || null,
     authorizationNumber: draft.authorizationNumber.trim() || null,
@@ -71,7 +125,7 @@ function buildBillReviewSaveInput(draft) {
     renderingProvider: withoutId(draft.clinician),
     ...draft.location.id ? { placeOfServiceId: draft.location.id } : {},
     placeOfService: withoutId(draft.location),
-    lineItems: draft.lineItems.map(({ id, code, modifiers, units }) => ({
+    lineItems: draft.lineItems.filter((line) => line.code.trim()).map(({ id, code, modifiers, units }) => ({
       ...id ? { id } : {},
       code: code.trim().toUpperCase(),
       modifiers,
@@ -103,7 +157,9 @@ function Field({
   onChange,
   type = "text",
   optional,
-  required
+  required,
+  disabled,
+  hint
 }) {
   return /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
     /* @__PURE__ */ jsxs("span", { children: [
@@ -117,11 +173,128 @@ function Field({
         type,
         value,
         required,
+        disabled,
+        autoComplete: "off",
         onChange: (event) => onChange(event.target.value)
       }
-    )
+    ),
+    hint ? /* @__PURE__ */ jsx("small", { className: "mb-native-hint", children: hint }) : null
+  ] });
+}
+function Combobox({ label, value, options, onChange, placeholder, required, disabled, name }) {
+  const listId = useId();
+  const root = useRef(null);
+  const [open, setOpen] = useState(false);
+  const [active, setActive] = useState(0);
+  const filtered = useMemo(() => {
+    const query = value.trim().toLowerCase();
+    return options.filter((option) => !query || option.label.toLowerCase().includes(query) || option.value.toLowerCase().includes(query)).slice(0, 40);
+  }, [options, value]);
+  useEffect(() => {
+    const close = (event) => {
+      if (!root.current?.contains(event.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", close);
+    return () => document.removeEventListener("mousedown", close);
+  }, []);
+  const select = (option) => {
+    onChange(option.value, option);
+    setOpen(false);
+    setActive(0);
+  };
+  const keyDown = (event) => {
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      setOpen(true);
+      setActive((value2) => Math.min(value2 + 1, filtered.length - 1));
+    }
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      setActive((value2) => Math.max(value2 - 1, 0));
+    }
+    if (event.key === "Enter" && open && filtered[active]) {
+      event.preventDefault();
+      select(filtered[active]);
+    }
+    if (event.key === "Escape") setOpen(false);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "mb-native-combo", ref: root, children: [
+    /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
+      /* @__PURE__ */ jsx("span", { children: label }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          role: "combobox",
+          "aria-autocomplete": "list",
+          "aria-controls": listId,
+          "aria-expanded": open && filtered.length > 0,
+          "aria-activedescendant": open && filtered[active] ? `${listId}-${active}` : void 0,
+          name: name || "mindbill-search-value",
+          autoComplete: "new-password",
+          "data-1p-ignore": "true",
+          "data-lpignore": "true",
+          value,
+          placeholder,
+          required,
+          disabled,
+          onFocus: () => setOpen(true),
+          onKeyDown: keyDown,
+          onChange: (event) => {
+            onChange(event.target.value);
+            setOpen(true);
+            setActive(0);
+          }
+        }
+      )
+    ] }),
+    open && filtered.length ? /* @__PURE__ */ jsx("ul", { id: listId, role: "listbox", className: "mb-native-combo-list", children: filtered.map((option, index) => /* @__PURE__ */ jsx("li", { id: `${listId}-${index}`, role: "option", "aria-selected": index === active, children: /* @__PURE__ */ jsxs("button", { type: "button", className: index === active ? "active" : "", onMouseDown: (event) => event.preventDefault(), onClick: () => select(option), children: [
+      /* @__PURE__ */ jsx("strong", { children: option.label }),
+      option.detail ? /* @__PURE__ */ jsx("span", { children: option.detail }) : null
+    ] }) }, `${option.value}-${index}`)) }) : null
   ] });
 }
+function StateCombobox({ label, value, onChange, required, disabled }) {
+  return /* @__PURE__ */ jsx(
+    Combobox,
+    {
+      label,
+      value,
+      onChange: (next) => onChange(next.toUpperCase().slice(0, 2)),
+      options: US_STATES.map((state) => ({ value: state, label: state })),
+      ...required === void 0 ? {} : { required },
+      ...disabled === void 0 ? {} : { disabled },
+      name: "mindbill-state-value"
+    }
+  );
+}
+function inferPreset(lines) {
+  const modifiers = new Set(lines.flatMap((line) => line.modifiers));
+  return modifiers.has("94") ? "ame" : modifiers.has("96") ? "psych_qme" : "qme";
+}
+function presetModifiersForCode(preset, code) {
+  if (code === "MLPRR") return ["95"];
+  if (preset === "qme" && ["ML200", "ML201", "ML202", "ML203"].includes(code)) return ["95"];
+  if (preset === "ame" && ["ML201", "ML202", "ML203"].includes(code)) return ["94"];
+  if (preset === "psych_qme") {
+    if (code === "ML200") return ["95"];
+    if (["ML201", "ML202", "ML203"].includes(code)) return ["96"];
+  }
+  return [];
+}
+function modifierAppliesToCode(modifier, code) {
+  return !code || (MODIFIER_CODES[modifier]?.includes(code) ?? true);
+}
+function applyPreset(lines, preset) {
+  return lines.map((line) => {
+    const preserved = line.modifiers.filter(
+      (value) => !MANAGED_EVALUATOR_MODIFIERS.has(value) && modifierAppliesToCode(value, line.code)
+    );
+    return {
+      ...line,
+      modifiers: [.../* @__PURE__ */ new Set([...presetModifiersForCode(preset, line.code), ...preserved])]
+    };
+  });
+}
 function BillReviewForm({
   data,
   onSave,
@@ -149,7 +322,6 @@ function BillReviewForm({
   const [error, setError] = useState("");
   const [notice, setNotice] = useState("");
   const routeName = useId();
-  const payerListId = useId();
   const editable = data.bill.status === "incomplete" && !disabled;
   useEffect(() => {
     setDraft(toDraft(data));
@@ -182,12 +354,25 @@ function BillReviewForm({
       window.clearTimeout(timer);
     };
   }, [onSearchClaimsAdministrators, payerQuery]);
-  const canSubmit = useMemo(
-    () => Boolean(
-      draft.dos && draft.claimsAdminId && draft.billingProvider.name.trim() && draft.billingProvider.taxId.trim() && draft.billingProvider.npi.trim() && draft.clinician.name.trim() && draft.clinician.npi.trim() && draft.location.name.trim() && draft.location.street.trim() && draft.location.city.trim() && draft.location.state.trim() && draft.location.zip.trim() && draft.lineItems.length && draft.lineItems.every((line) => line.code.trim() && line.units > 0)
-    ),
-    [draft]
-  );
+  const adjFormatValid = !draft.adjNumber || /^ADJ\d{7,}$/i.test(draft.adjNumber.replace(/[\s-]/g, ""));
+  const blockers = useMemo(() => {
+    const result = [];
+    if (!draft.patientFirstName.trim() || !draft.patientLastName.trim()) result.push("Patient name");
+    if (!draft.claimsAdminId) result.push("Claims administrator");
+    if (!draft.claimNumber.trim()) result.push("Claim number");
+    if (!draft.doi) result.push("Date of injury");
+    if (!adjFormatValid) result.push("Valid WCAB / ADJ number");
+    if (!draft.dos) result.push("Date of service");
+    if (!draft.billingProvider.name.trim()) result.push("Practice name");
+    if (!draft.billingProvider.taxId.trim()) result.push("Tax ID");
+    if (!draft.billingProvider.npi.trim()) result.push("Billing NPI");
+    if (!draft.clinician.name.trim() || !draft.clinician.npi.trim()) result.push("Clinician and NPI");
+    if (![draft.location.name, draft.location.street, draft.location.city, draft.location.state, draft.location.zip].every((value) => value.trim())) result.push("Service location");
+    const completedLines = draft.lineItems.filter((line) => line.code.trim());
+    if (!completedLines.length || completedLines.some((line) => line.units <= 0)) result.push("Valid procedure line");
+    return result;
+  }, [adjFormatValid, draft]);
+  const canSubmit = blockers.length === 0;
   const updateBillingProvider = (key, value) => setDraft((current) => ({
     ...current,
     billingProvider: { ...current.billingProvider, [key]: value }
@@ -264,19 +449,19 @@ function BillReviewForm({
         /* @__PURE__ */ jsxs("dl", { className: "mb-native-summary", children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("dt", { children: "Patient" }),
-            /* @__PURE__ */ jsx("dd", { children: data.patient.name || "\u2014" })
+            /* @__PURE__ */ jsx("dd", { children: [draft.patientFirstName, draft.patientMiddleName, draft.patientLastName].filter(Boolean).join(" ") || "\u2014" })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("dt", { children: "Claim" }),
-            /* @__PURE__ */ jsx("dd", { children: data.injury.claimNumber || "\u2014" })
+            /* @__PURE__ */ jsx("dd", { children: draft.claimNumber || "\u2014" })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("dt", { children: "Employer" }),
-            /* @__PURE__ */ jsx("dd", { children: data.injury.employer || "\u2014" })
+            /* @__PURE__ */ jsx("dd", { children: draft.employer || "\u2014" })
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("dt", { children: "Date of injury" }),
-            /* @__PURE__ */ jsx("dd", { children: data.injury.doi || "\u2014" })
+            /* @__PURE__ */ jsx("dd", { children: draft.doi || "\u2014" })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("section", { className: sectionClass, children: [
@@ -288,61 +473,66 @@ function BillReviewForm({
             draft.claimsAdminId ? /* @__PURE__ */ jsx("span", { children: "Selected" }) : /* @__PURE__ */ jsx("span", { children: "Required" })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "mb-native-payer-picker", children: [
-            /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
-              /* @__PURE__ */ jsx("span", { children: "Insurance company or claims administrator" }),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  role: "combobox",
-                  "aria-autocomplete": "list",
-                  "aria-controls": payerListId,
-                  "aria-expanded": payerResults.length > 0,
-                  value: payerQuery,
-                  disabled: !editable,
-                  placeholder: "Search by payer or administrator name",
-                  onChange: (event) => {
-                    const value = event.target.value;
+            /* @__PURE__ */ jsx(
+              Combobox,
+              {
+                label: "Insurance company or claims administrator",
+                value: payerQuery,
+                disabled: !editable,
+                placeholder: "Search by payer or administrator name",
+                name: "mindbill-payer-query",
+                options: payerResults.map((payer) => ({ value: payer.id, label: payer.name, detail: payer.hasElectronic ? "Electronic billing available" : "Billing route confirmed after review" })),
+                onChange: (value, option) => {
+                  if (option) {
+                    setDraft((current) => ({ ...current, claimsAdminId: option.value, claimsAdminName: option.label }));
+                    setPayerQuery(option.label);
+                    setPayerResults([]);
+                    setNotice("Claims administrator selected. Save changes to keep it on this bill.");
+                  } else {
                     setPayerQuery(value);
-                    setDraft((current) => ({
-                      ...current,
-                      ...value === current.claimsAdminName ? {} : { claimsAdminId: "", claimsAdminName: "" }
-                    }));
+                    setDraft((current) => value === current.claimsAdminName ? current : { ...current, claimsAdminId: "", claimsAdminName: "" });
                   }
                 }
-              )
-            ] }),
-            payerBusy ? /* @__PURE__ */ jsx("span", { className: "mb-native-payer-help", children: "Searching\u2026" }) : null,
-            !payerBusy && payerQuery.trim().length > 1 && payerResults.length === 0 && !draft.claimsAdminId ? /* @__PURE__ */ jsx("span", { className: "mb-native-payer-help", children: "No matching administrator selected yet." }) : null,
-            payerResults.length > 0 ? /* @__PURE__ */ jsx("ul", { id: payerListId, className: "mb-native-payer-results", role: "listbox", children: payerResults.map((payer) => /* @__PURE__ */ jsx("li", { role: "option", "aria-selected": payer.id === draft.claimsAdminId, children: /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  setDraft((current) => ({
-                    ...current,
-                    claimsAdminId: payer.id,
-                    claimsAdminName: payer.name
-                  }));
-                  setPayerQuery(payer.name);
-                  setPayerResults([]);
-                },
-                children: [
-                  /* @__PURE__ */ jsx("strong", { children: payer.name }),
-                  /* @__PURE__ */ jsx("span", { children: payer.hasElectronic ? "Electronic billing available" : "Billing route confirmed after review" })
-                ]
               }
-            ) }, payer.id)) }) : null
+            ),
+            payerBusy ? /* @__PURE__ */ jsx("span", { className: "mb-native-payer-help", children: "Searching\u2026" }) : null,
+            !payerBusy && payerQuery.trim().length > 1 && payerResults.length === 0 && !draft.claimsAdminId ? /* @__PURE__ */ jsx("span", { className: "mb-native-payer-help", children: "No matching administrator selected yet." }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("section", { className: sectionClass, children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-native-section-head", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h3", { children: "Patient and claim" }),
+              /* @__PURE__ */ jsx("p", { children: "Prefilled from the case. Correct anything that should print differently on this bill." })
+            ] }),
+            /* @__PURE__ */ jsx("span", { children: "Editable" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mb-native-grid three", children: [
+            /* @__PURE__ */ jsx(Field, { label: "Patient first name", required: true, disabled: !editable, value: draft.patientFirstName, onChange: (patientFirstName) => setDraft((current) => ({ ...current, patientFirstName })) }),
+            /* @__PURE__ */ jsx(Field, { label: "Middle name", optional: true, disabled: !editable, value: draft.patientMiddleName, onChange: (patientMiddleName) => setDraft((current) => ({ ...current, patientMiddleName })) }),
+            /* @__PURE__ */ jsx(Field, { label: "Patient last name", required: true, disabled: !editable, value: draft.patientLastName, onChange: (patientLastName) => setDraft((current) => ({ ...current, patientLastName })) }),
+            /* @__PURE__ */ jsx(Field, { label: "Date of birth", type: "date", required: true, disabled: !editable, value: draft.patientDob, onChange: (patientDob) => setDraft((current) => ({ ...current, patientDob })) }),
+            /* @__PURE__ */ jsx(Field, { label: "Claim number", required: true, disabled: !editable, value: draft.claimNumber, onChange: (claimNumber) => setDraft((current) => ({ ...current, claimNumber })), ...data.injury.claimPatternStatus?.detail || data.injury.claimPatternStatus?.label ? { hint: data.injury.claimPatternStatus?.detail || data.injury.claimPatternStatus?.label || "" } : {} }),
+            /* @__PURE__ */ jsx(Field, { label: "Employer", disabled: !editable, value: draft.employer, onChange: (employer) => setDraft((current) => ({ ...current, employer })) }),
+            /* @__PURE__ */ jsx(Field, { label: "Date of injury", type: "date", required: true, disabled: !editable, value: draft.doi, onChange: (doi) => setDraft((current) => ({ ...current, doi })) }),
+            draft.cumulativeTrauma ? /* @__PURE__ */ jsx(Field, { label: "Cumulative trauma end date", type: "date", required: true, disabled: !editable, value: draft.injuryEndDate, onChange: (injuryEndDate) => setDraft((current) => ({ ...current, injuryEndDate })) }) : null,
+            features?.wcabNumber === false ? null : /* @__PURE__ */ jsx(Field, { label: "WCAB / ADJ number", optional: true, disabled: !editable, value: draft.adjNumber, onChange: (adjNumber) => setDraft((current) => ({ ...current, adjNumber })), hint: adjFormatValid ? "Use the EAMS case number shown as ADJ followed by digits." : "Expected format: ADJ followed by at least 7 digits." })
+          ] }),
+          features?.wcabNumber === false ? null : /* @__PURE__ */ jsxs("p", { className: "mb-native-eams", children: [
+            "EAMS lookup requires California DWC verification. ",
+            /* @__PURE__ */ jsx("a", { href: "https://eams.dwc.ca.gov/WebEnhancement/", target: "_blank", rel: "noreferrer", children: "Verify in EAMS" }),
+            "."
           ] })
         ] }),
         /* @__PURE__ */ jsxs("section", { className: sectionClass, children: [
           /* @__PURE__ */ jsx("div", { className: "mb-native-section-head", children: /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h3", { children: "Claim and service" }),
-            /* @__PURE__ */ jsx("p", { children: "These values print on the bill." })
+            /* @__PURE__ */ jsx("h3", { children: "Service" }),
+            /* @__PURE__ */ jsx("p", { children: "The service date and optional payer authorization printed on this bill." })
           ] }) }),
-          /* @__PURE__ */ jsxs("div", { className: `mb-native-grid ${features?.authorizationNumber === false ? "two" : "three"}`, children: [
-            /* @__PURE__ */ jsx(Field, { label: "Date of service", type: "date", required: true, value: draft.dos, onChange: (dos) => setDraft((current) => ({ ...current, dos })) }),
-            /* @__PURE__ */ jsx(Field, { label: "End date", type: "date", optional: true, value: draft.dosEnd, onChange: (dosEnd) => setDraft((current) => ({ ...current, dosEnd })) }),
-            features?.authorizationNumber === false ? null : /* @__PURE__ */ jsx(Field, { label: "Authorization number", optional: true, value: draft.authorizationNumber, onChange: (authorizationNumber) => setDraft((current) => ({ ...current, authorizationNumber })) })
+          /* @__PURE__ */ jsxs("div", { className: `mb-native-grid ${features?.serviceDateRange || features?.authorizationNumber !== false ? "three" : "one"}`, children: [
+            /* @__PURE__ */ jsx(Field, { label: "Date of service", type: "date", required: true, disabled: !editable, value: draft.dos, onChange: (dos) => setDraft((current) => ({ ...current, dos })) }),
+            features?.serviceDateRange ? /* @__PURE__ */ jsx(Field, { label: "Service end date", type: "date", optional: true, disabled: !editable, value: draft.dosEnd, onChange: (dosEnd) => setDraft((current) => ({ ...current, dosEnd })) }) : null,
+            features?.authorizationNumber === false ? null : /* @__PURE__ */ jsx(Field, { label: "Authorization number", optional: true, disabled: !editable, value: draft.authorizationNumber, onChange: (authorizationNumber) => setDraft((current) => ({ ...current, authorizationNumber })) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("section", { className: sectionClass, children: [
@@ -360,7 +550,7 @@ function BillReviewForm({
             /* @__PURE__ */ jsx(Field, { label: "Phone", optional: true, value: draft.billingProvider.phone || "", onChange: (value) => updateBillingProvider("phone", value) }),
             /* @__PURE__ */ jsx(Field, { label: "Billing street", required: true, value: draft.billingProvider.billingStreet || "", onChange: (value) => updateBillingProvider("billingStreet", value) }),
             /* @__PURE__ */ jsx(Field, { label: "City", required: true, value: draft.billingProvider.billingCity || "", onChange: (value) => updateBillingProvider("billingCity", value) }),
-            /* @__PURE__ */ jsx(Field, { label: "State", required: true, value: draft.billingProvider.billingState || "", onChange: (value) => updateBillingProvider("billingState", value) }),
+            /* @__PURE__ */ jsx(StateCombobox, { label: "State", required: true, disabled: !editable, value: draft.billingProvider.billingState || "", onChange: (value) => updateBillingProvider("billingState", value) }),
             /* @__PURE__ */ jsx(Field, { label: "ZIP", required: true, value: draft.billingProvider.billingZip || "", onChange: (value) => updateBillingProvider("billingZip", value) })
           ] })
         ] }),
@@ -378,7 +568,7 @@ function BillReviewForm({
             /* @__PURE__ */ jsx(Field, { label: "NPI", required: true, value: draft.clinician.npi, onChange: (value) => updateClinician("npi", value) }),
             /* @__PURE__ */ jsx(Field, { label: "Taxonomy", optional: true, value: draft.clinician.taxonomy || "", onChange: (value) => updateClinician("taxonomy", value) }),
             /* @__PURE__ */ jsx(Field, { label: "License number", optional: true, value: draft.clinician.licenseNumber || "", onChange: (value) => updateClinician("licenseNumber", value) }),
-            /* @__PURE__ */ jsx(Field, { label: "License state", optional: true, value: draft.clinician.licenseState || "", onChange: (value) => updateClinician("licenseState", value) })
+            /* @__PURE__ */ jsx(StateCombobox, { label: "License state (optional)", disabled: !editable, value: draft.clinician.licenseState || "", onChange: (value) => updateClinician("licenseState", value) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("section", { className: sectionClass, children: [
@@ -393,7 +583,7 @@ function BillReviewForm({
             /* @__PURE__ */ jsx(Field, { label: "Location name", required: true, value: draft.location.name, onChange: (value) => updateLocation("name", value) }),
             /* @__PURE__ */ jsx(Field, { label: "Street", required: true, value: draft.location.street, onChange: (value) => updateLocation("street", value) }),
             /* @__PURE__ */ jsx(Field, { label: "City", required: true, value: draft.location.city, onChange: (value) => updateLocation("city", value) }),
-            /* @__PURE__ */ jsx(Field, { label: "State", required: true, value: draft.location.state, onChange: (value) => updateLocation("state", value) }),
+            /* @__PURE__ */ jsx(StateCombobox, { label: "State", required: true, disabled: !editable, value: draft.location.state, onChange: (value) => updateLocation("state", value) }),
             /* @__PURE__ */ jsx(Field, { label: "ZIP", required: true, value: draft.location.zip, onChange: (value) => updateLocation("zip", value) }),
             /* @__PURE__ */ jsx(Field, { label: "Place of service code", required: true, value: draft.location.posCode || "11", onChange: (value) => updateLocation("posCode", value) })
           ] })
@@ -402,16 +592,75 @@ function BillReviewForm({
           /* @__PURE__ */ jsxs("div", { className: "mb-native-section-head", children: [
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx("h3", { children: "Procedure lines" }),
-              /* @__PURE__ */ jsx("p", { children: "The allowed amount is recalculated when changes are saved." })
+              /* @__PURE__ */ jsx("p", { children: "Choose a billing profile, then review the codes and modifiers. Allowed amounts recalculate on save." })
             ] }),
-            /* @__PURE__ */ jsx("button", { type: "button", className: "mb-native-button quiet", disabled: !editable, onClick: () => setDraft((current) => ({ ...current, lineItems: [...current.lineItems, { code: "", modifiers: [], units: 1, charge: 0 }] })), children: "+ Add line" })
+            /* @__PURE__ */ jsx("button", { type: "button", className: "mb-native-button quiet", disabled: !editable || draft.lineItems.length >= 50, onClick: () => setDraft((current) => ({ ...current, lineItems: [...current.lineItems, { code: "", modifiers: [], units: 1, charge: 0 }] })), children: "+ Add line" })
+          ] }),
+          features?.codingPresets === false ? null : /* @__PURE__ */ jsxs("div", { className: "mb-native-presets", role: "group", "aria-label": "Evaluation billing profile", children: [
+            [["qme", "QME"], ["ame", "AME"], ["psych_qme", "Psych QME"]].map(([value, label]) => /* @__PURE__ */ jsx("button", { type: "button", className: inferPreset(draft.lineItems) === value ? "active" : "", disabled: !editable, onClick: () => setDraft((current) => ({ ...current, lineItems: applyPreset(current.lineItems, value) })), children: label }, value)),
+            /* @__PURE__ */ jsx("span", { children: "Sets evaluator modifiers across med-legal lines. You can still edit each line." })
           ] }),
           /* @__PURE__ */ jsx("div", { className: "mb-native-lines", children: draft.lineItems.map((line, index) => /* @__PURE__ */ jsxs("div", { className: "mb-native-line", children: [
-            /* @__PURE__ */ jsx(Field, { label: "Procedure", required: true, value: line.code, onChange: (value) => setDraft((current) => ({ ...current, lineItems: current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, code: value } : item) })) }),
-            /* @__PURE__ */ jsx(Field, { label: "Modifiers", value: line.modifiers.join(", "), onChange: (value) => setDraft((current) => ({ ...current, lineItems: current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, modifiers: value.split(",").map((part) => part.trim()).filter(Boolean) } : item) })) }),
+            /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
+              /* @__PURE__ */ jsx("span", { children: "Procedure" }),
+              /* @__PURE__ */ jsxs("select", { disabled: !editable, value: line.code, onChange: (event) => {
+                const code = event.target.value;
+                setDraft((current) => {
+                  const lineItems = current.lineItems.map((item, itemIndex) => {
+                    if (itemIndex !== index) return item;
+                    const presetLine = applyPreset(
+                      [{ ...item, code }],
+                      inferPreset(current.lineItems)
+                    )[0];
+                    return { ...item, code, modifiers: presetLine?.modifiers || [] };
+                  });
+                  if (code && index === lineItems.length - 1 && lineItems.length < 50) {
+                    lineItems.push({
+                      code: "",
+                      modifiers: [],
+                      units: 1,
+                      charge: 0
+                    });
+                  }
+                  return { ...current, lineItems };
+                });
+              }, children: [
+                line.code && !PROCEDURES.some(([code]) => code === line.code) ? /* @__PURE__ */ jsx("option", { value: line.code, children: line.code }) : null,
+                /* @__PURE__ */ jsx("option", { value: "", children: "Select code\u2026" }),
+                PROCEDURES.map(([code, label]) => /* @__PURE__ */ jsxs("option", { value: code, children: [
+                  code,
+                  " \u2014 ",
+                  label
+                ] }, code))
+              ] }),
+              line.code ? /* @__PURE__ */ jsx("small", { children: PROCEDURES.find(([code]) => code === line.code)?.[1] }) : null
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "mb-native-modifiers", children: [
+              /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
+                /* @__PURE__ */ jsx("span", { children: "Modifiers" }),
+                /* @__PURE__ */ jsxs("select", { disabled: !editable, value: "", onChange: (event) => {
+                  const modifier = event.target.value;
+                  if (!modifier) return;
+                  setDraft((current) => ({ ...current, lineItems: current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, modifiers: [.../* @__PURE__ */ new Set([...item.modifiers, modifier])] } : item) }));
+                }, children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "Add modifier\u2026" }),
+                  MODIFIERS.filter(([value]) => !line.modifiers.includes(value) && modifierAppliesToCode(value, line.code)).map(([value, label]) => /* @__PURE__ */ jsxs("option", { value, children: [
+                    "-",
+                    value,
+                    " \u2014 ",
+                    label
+                  ] }, value))
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "mb-native-chips", children: line.modifiers.map((modifier) => /* @__PURE__ */ jsxs("button", { type: "button", disabled: !editable, onClick: () => setDraft((current) => ({ ...current, lineItems: current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, modifiers: item.modifiers.filter((value) => value !== modifier) } : item) })), children: [
+                "-",
+                modifier,
+                " \xD7"
+              ] }, modifier)) })
+            ] }),
             /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
               /* @__PURE__ */ jsx("span", { children: "Units" }),
-              /* @__PURE__ */ jsx("input", { type: "number", min: "1", required: true, value: line.units, onChange: (event) => setDraft((current) => ({ ...current, lineItems: current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, units: Number(event.target.value) } : item) })) })
+              /* @__PURE__ */ jsx("input", { type: "number", min: "1", required: true, disabled: !editable, value: line.units, onChange: (event) => setDraft((current) => ({ ...current, lineItems: current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, units: Number(event.target.value) } : item) })) })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "mb-native-allowed", children: [
               /* @__PURE__ */ jsx("span", { children: "Allowed" }),
@@ -469,6 +718,10 @@ function BillReviewForm({
           ] }),
           error ? /* @__PURE__ */ jsx("div", { className: "mb-native-message error", role: "alert", children: error }) : null,
           notice ? /* @__PURE__ */ jsx("div", { className: "mb-native-message success", role: "status", children: notice }) : null,
+          !canSubmit ? /* @__PURE__ */ jsxs("div", { className: "mb-native-blockers", role: "status", children: [
+            /* @__PURE__ */ jsx("strong", { children: "Before you can submit:" }),
+            /* @__PURE__ */ jsx("span", { children: blockers.join(" \xB7 ") })
+          ] }) : null,
           /* @__PURE__ */ jsxs("div", { className: "mb-native-actions", children: [
             /* @__PURE__ */ jsx("button", { className: "mb-native-button secondary", type: "submit", disabled: !editable || busy !== "", children: busy === "save" ? "Saving\u2026" : "Save changes" }),
             /* @__PURE__ */ jsx("button", { className: "mb-native-button primary", type: "button", disabled: !editable || !canSubmit || busy !== "", onClick: () => void handleSubmit(), children: busy === "submit" ? "Submitting\u2026" : "Submit bill" })
@@ -520,6 +773,18 @@ var NATIVE_BILL_REVIEW_STYLES = `
 .mb-native-payer-results button{display:grid;width:100%;gap:2px;padding:11px 12px;border:0;border-radius:7px;background:transparent;color:var(--mb-text);font:inherit;text-align:left;cursor:pointer}
 .mb-native-payer-results button:hover,.mb-native-payer-results button:focus{background:var(--mb-soft);outline:0}
 .mb-native-payer-results span{color:var(--mb-muted);font-size:12px}
+.mb-native-grid.one{grid-template-columns:minmax(0,1fr)}
+.mb-native-field select{width:100%;min-height:43px;border:1px solid var(--mb-border);border-radius:8px;background:#fff;color:var(--mb-text);font:inherit;padding:10px 36px 10px 12px}
+.mb-native-field select:focus{border-color:var(--mb-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--mb-accent) 14%,transparent);outline:0}
+.mb-native-field input:disabled,.mb-native-field select:disabled{cursor:not-allowed;background:#f6f8f9;color:#667982}
+.mb-native-hint{color:var(--mb-muted);font-size:12px;font-weight:500}
+.mb-native-combo{position:relative;min-width:0}
+.mb-native-combo-list{position:absolute;z-index:20;top:calc(100% + 6px);right:0;left:0;max-height:300px;overflow:auto;list-style:none;margin:0;padding:6px;border:1px solid var(--mb-border);border-radius:10px;background:var(--mb-surface);box-shadow:0 18px 42px rgba(28,58,72,.18)}
+.mb-native-combo-list li{margin:0;padding:0}.mb-native-combo-list button{display:grid;width:100%;gap:2px;padding:11px 12px;border:0;border-radius:7px;background:transparent;color:var(--mb-text);font:inherit;text-align:left;cursor:pointer}.mb-native-combo-list button:hover,.mb-native-combo-list button.active{background:var(--mb-soft);outline:0}.mb-native-combo-list span{color:var(--mb-muted);font-size:12px;font-weight:500}
+.mb-native-presets{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:-2px 0 14px}.mb-native-presets button{min-height:36px;border:1px solid var(--mb-border);border-radius:8px;background:#fff;color:var(--mb-text);cursor:pointer;font:inherit;font-weight:750;padding:7px 13px}.mb-native-presets button.active{border-color:var(--mb-accent);background:var(--mb-accent);color:#fff}.mb-native-presets span{margin-left:5px;color:var(--mb-muted);font-size:12px}
+.mb-native-modifiers{display:grid;gap:7px}.mb-native-chips{display:flex;flex-wrap:wrap;gap:5px}.mb-native-chips button{border:1px solid #c9dce3;border-radius:999px;background:#fff;color:var(--mb-text);cursor:pointer;font:inherit;font-size:11px;font-weight:750;padding:4px 8px}
+.mb-native-blockers{grid-column:1/-1;display:grid;gap:2px;padding:11px 13px;border:1px solid #e8cf9a;border-radius:8px;background:#fff9ea;color:#74531b}.mb-native-blockers span{font-size:12px}
+.mb-native-eams{margin-top:13px!important;font-size:12px}.mb-native-eams a{color:var(--mb-accent);font-weight:750}
 @media(max-width:620px){.mb-native-review{padding:12px}.mb-native-grid.two{grid-template-columns:1fr}}
 `;
 
@@ -528,7 +793,7 @@ import {
   useCallback,
   useEffect as useEffect2,
   useMemo as useMemo2,
-  useRef,
+  useRef as useRef2,
   useState as useState2
 } from "react";
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -677,11 +942,11 @@ function useBillStatus({
   const [error, setError] = useState2(null);
   const [isLoading, setIsLoading] = useState2(enabled && !initialData);
   const [isRefreshing, setIsRefreshing] = useState2(false);
-  const dataRef = useRef(initialData);
-  const initialDataRef = useRef(initialData);
+  const dataRef = useRef2(initialData);
+  const initialDataRef = useRef2(initialData);
   initialDataRef.current = initialData;
-  const activeControllerRef = useRef(null);
-  const requestSequence = useRef(0);
+  const activeControllerRef = useRef2(null);
+  const requestSequence = useRef2(0);
   useEffect2(() => {
     const seed = initialDataRef.current;
     dataRef.current = seed;
@@ -787,7 +1052,7 @@ import {
   useCallback as useCallback2,
   useEffect as useEffect3,
   useMemo as useMemo3,
-  useRef as useRef2,
+  useRef as useRef3,
   useState as useState3
 } from "react";
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -1086,7 +1351,7 @@ function useBillLifecycle({
   const [isLoading, setIsLoading] = useState3(enabled && !initialData);
   const [isRefreshing, setIsRefreshing] = useState3(false);
   const [isMutating, setIsMutating] = useState3(false);
-  const mounted = useRef2(true);
+  const mounted = useRef3(true);
   useEffect3(() => {
     setBillId(providedBillId);
     setData(initialData);
@@ -1298,7 +1563,7 @@ function ConnectedBillLifecycle({
     attachmentIds: [],
     route: "ebill"
   });
-  const lastData = useRef2(null);
+  const lastData = useRef3(null);
   useEffect3(() => {
     if (!data || data === lastData.current) return;
     lastData.current = data;
@@ -1553,7 +1818,7 @@ var CONNECTED_LIFECYCLE_STYLES = `
 
 // src/index.tsx
 function widget(tagName, props) {
-  const ref = useRef3(null);
+  const ref = useRef4(null);
   const { onMindBill, onMindBillError } = props;
   useEffect4(() => {
     const element = ref.current;