@mindbill/react 0.77.38 → 0.77.39

package/dist/index.js

@@ -10061,12 +10061,12 @@ import { useEffect as useEffect13, useRef as useRef10, useState as useState15 }
 // src/rfa-identity-select.tsx
 import { useId as useId5, useRef as useRef9, useState as useState13 } from "react";
 import { Fragment as Fragment12, jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
-function RfaIdentitySelect({ label: label5, placeholder, searchPlaceholder, query, searchable, disabled = false, loading = false, error = "", value, options, onSearch, onSelect }) {
+function RfaIdentitySelect({ label: label5, placeholder, searchPlaceholder, query, searchable, disabled = false, loading = false, error = "", value, options, onSearch, onSelect, current }) {
   const id = useId5();
   const trigger = useRef9(null);
   const [open, setOpen] = useState13(false);
   const [active, setActive] = useState13(0);
-  const selected = options.find((option) => option.id === value);
+  const selected = options.find((option) => option.id === value) ?? (current?.id === value ? current : void 0);
   const choose = (option) => {
     onSelect(option.id);
     setOpen(false);
@@ -10505,8 +10505,10 @@ function TreatmentDraftShell({ title, description, children, hideHeading = false
 .mbtd .mbrfa-picker p,.mbtd .mbrfa-guidance p{margin:0;font-size:12px}.mbtd .mbrfa-guidance{display:grid;gap:4px}
 .mbtd .mbrfa-section-actions{display:flex;gap:12px;align-items:center;margin-top:14px;font-size:12px;color:var(--mb-muted)}
 .mbtd .mbrfa-field-hint{font-size:12px;color:var(--mb-muted);font-weight:400}
-.mbtd .mbrfa-template-save{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:10px}.mbtd .mbrfa-template-save>label{display:grid;gap:4px;font-size:12px;color:var(--mb-muted)}.mbtd .mbrfa-template-save>.mbrfa-check{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer}.mbtd .mbrfa-template-save>.mbrfa-check>input{width:16px;height:16px;min-height:16px;margin:0;padding:0;flex:0 0 16px;accent-color:var(--mb-accent)}.mbtd .mbrfa-template-save>:is(.mbrfa-check,.mbrfa-section-actions){grid-column:1/-1;margin-top:0;padding-top:0;border-top:0}
+.mbtd .mbrfa-template-save{display:grid;grid-template-columns:minmax(0,420px);gap:10px 16px;margin-top:10px}.mbtd .mbrfa-template-save>label{display:grid;gap:4px;font-size:12px;color:var(--mb-muted)}.mbtd .mbrfa-template-save>.mbrfa-check{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer}.mbtd .mbrfa-template-save>.mbrfa-check>input{width:16px;height:16px;min-height:16px;margin:0;padding:0;flex:0 0 16px;accent-color:var(--mb-accent)}.mbtd .mbrfa-template-save>:is(.mbrfa-check,.mbrfa-section-actions){grid-column:1/-1;margin-top:0;padding-top:0;border-top:0}
 @media(max-width:760px){.mbtd .mbrfa-template-save{grid-template-columns:minmax(0,1fr)}}
+.mbtd .mbrfa-form-grid>.mbrfa-row-start{grid-column:1/span 3}.mbtd .mbrfa-form-grid textarea[rows="2"]{min-height:44px}
+.mbtd .mbrfa-review-type{display:grid;gap:4px;margin-top:10px;padding-top:12px;border-top:1px dashed var(--mb-border)}.mbtd .mbrfa-review-type>span{font-size:12px;font-weight:500;color:var(--mb-muted)}.mbtd .mbrfa-review-type>span>small{margin-left:10px;font-weight:400}
 .mbtd .mbrfa-req{color:var(--mb-danger,#c0392b);font-weight:700}
 .mbtd .mbrfa-contact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mbtd .mbrfa-contact-grid>.mbrfa-s3{grid-column:span 2}.mbtd .mbrfa-contact-grid>:is(.mbrfa-s1,.mbrfa-s2){grid-column:span 1}
 .mbtd .mbrfa-link-out{color:var(--mb-muted)!important;text-decoration:none}.mbtd .mbrfa-link-out:hover{text-decoration:underline}.mbtd .mbrfa-picker-links a{text-decoration:none}
@@ -12760,6 +12762,7 @@ function RfaDiagnosisFields({ code, description, onChange, search, officialForm
   const [query, setQuery] = useState24("");
   const [results, setResults] = useState24([]);
   const [error, setError] = useState24("");
+  const [manualDiagnosis, setManualDiagnosis] = useState24(false);
   useEffect21(() => {
     let active = true;
     setResults([]);
@@ -12769,7 +12772,7 @@ function RfaDiagnosisFields({ code, description, onChange, search, officialForm
       void search(query.trim()).then((items) => {
         if (active) setResults(items);
       }).catch(() => {
-        if (active) setError("Diagnosis search is unavailable. Enter the code and description below.");
+        if (active) setError("Diagnosis search is unavailable.");
       });
     }, 250);
     return () => {
@@ -12777,25 +12780,59 @@ function RfaDiagnosisFields({ code, description, onChange, search, officialForm
       clearTimeout(timer);
     };
   }, [query, search]);
+  if (officialForm && search) {
+    const typed = query.trim().toUpperCase(), known = results.some((item) => item.code.toUpperCase() === typed);
+    const options = [
+      ...code && !typed && !results.some((item) => item.code === code) ? [{ id: code, label: code, ...description ? { detail: description } : {} }] : [],
+      ...results.map((item) => ({ id: item.code, label: item.code, detail: item.description })),
+      .../^[A-Z]\d[0-9A-Z](\.?[0-9A-Z]{1,4})?$/.test(typed) && !known && typed !== code ? [{ id: `entered:${typed}`, label: `Use ${typed}`, detail: "Enter the diagnosis yourself" }] : []
+    ];
+    const listed = results.find((item) => item.code === code);
+    return /* @__PURE__ */ jsxs37(Fragment22, { children: [
+      /* @__PURE__ */ jsx39("div", { className: "mbrfa-s3", children: /* @__PURE__ */ jsx39(RfaPicker, { required: true, label: "ICD-10 Code", children: /* @__PURE__ */ jsx39(
+        RfaIdentitySelect,
+        {
+          label: "ICD-10 Code",
+          placeholder: "Enter code",
+          searchPlaceholder: "Search by code or diagnosis",
+          query,
+          onSearch: setQuery,
+          searchable: true,
+          value: code,
+          current: code ? { id: code, label: code, ...description ? { detail: description } : {} } : void 0,
+          options,
+          error,
+          onSelect: (value) => {
+            const item = results.find((item2) => item2.code === value);
+            if (item) onChange({ diagnosisCode: item.code, diagnosisDescription: item.description });
+            else if (value.startsWith("entered:")) onChange({ diagnosisCode: value.slice(8), diagnosisDescription: "" });
+            setQuery("");
+          }
+        }
+      ) }) }),
+      code && !listed && (manualDiagnosis || !description) ? /* @__PURE__ */ jsxs37("label", { className: "mbrfa-s3", children: [
+        /* @__PURE__ */ jsxs37("span", { children: [
+          "Diagnosis",
+          /* @__PURE__ */ jsx39(RfaRequired, {})
+        ] }),
+        /* @__PURE__ */ jsx39("input", { required: true, autoFocus: manualDiagnosis, maxLength: 1e3, placeholder: "Diagnosis for this code", value: description ?? "", onFocus: () => setManualDiagnosis(true), onChange: (event) => onChange({ diagnosisCode: code, diagnosisDescription: event.target.value }) })
+      ] }) : null
+    ] });
+  }
   if (officialForm) return /* @__PURE__ */ jsxs37(Fragment22, { children: [
-    search ? /* @__PURE__ */ jsx39("div", { className: "mbrfa-s6", children: /* @__PURE__ */ jsx39(RfaPicker, { label: "Find diagnosis", children: /* @__PURE__ */ jsx39(RfaIdentitySelect, { label: "Find diagnosis", placeholder: "Search by ICD code or description", searchPlaceholder: "Search ICD code or diagnosis", query, onSearch: setQuery, searchable: true, value: "", options: results.map((item) => ({ id: item.code, label: `${item.code} \u2014 ${item.description}` })), onSelect: (value) => {
-      const item = results.find((item2) => item2.code === value);
-      if (item) onChange({ diagnosisCode: item.code, diagnosisDescription: item.description });
-      setQuery("");
-    }, error }) }) }) : null,
-    /* @__PURE__ */ jsxs37("label", { className: "mbrfa-s4", children: [
+    /* @__PURE__ */ jsxs37("label", { className: "mbrfa-s2", children: [
       /* @__PURE__ */ jsxs37("span", { children: [
-        "Diagnosis",
+        "ICD-10 Code",
         /* @__PURE__ */ jsx39(RfaRequired, {})
       ] }),
-      /* @__PURE__ */ jsx39("input", { required: true, maxLength: 1e3, value: description ?? "", onChange: (event) => onChange({ diagnosisCode: code, diagnosisDescription: event.target.value }) })
+      /* @__PURE__ */ jsx39("input", { required: true, maxLength: 16, placeholder: "Enter code", value: code, onChange: (event) => onChange({ diagnosisCode: event.target.value, diagnosisDescription: description ?? "" }) })
     ] }),
-    /* @__PURE__ */ jsxs37("label", { className: "mbrfa-s2", children: [
+    /* @__PURE__ */ jsxs37("label", { className: "mbrfa-s4", children: [
       /* @__PURE__ */ jsxs37("span", { children: [
-        "ICD-Code",
+        "Diagnosis",
         /* @__PURE__ */ jsx39(RfaRequired, {})
       ] }),
-      /* @__PURE__ */ jsx39("input", { required: true, maxLength: 16, value: code, onChange: (event) => onChange({ diagnosisCode: event.target.value, diagnosisDescription: description ?? "" }) })
+      /* @__PURE__ */ jsx39("input", { required: true, maxLength: 1e3, value: description ?? "", onChange: (event) => onChange({ diagnosisCode: code, diagnosisDescription: event.target.value }) })
     ] })
   ] });
   return /* @__PURE__ */ jsxs37(Fragment22, { children: [
@@ -12977,7 +13014,6 @@ function RfaTemplateBar({ templates, items, renderingProviderId, physicianName,
   const [applied, setApplied] = useState26("");
   const [saving, setSaving] = useState26(false);
   const [name, setName] = useState26("");
-  const [description, setDescription] = useState26("");
   const [mine, setMine] = useState26(false);
   const [busy, setBusy] = useState26(false);
   const [error, setError] = useState26("");
@@ -12988,10 +13024,9 @@ function RfaTemplateBar({ templates, items, renderingProviderId, physicianName,
     setBusy(true);
     setError("");
     try {
-      await onSave({ name: name.trim(), ...description.trim() ? { description: description.trim() } : {}, ...mine && renderingProviderId ? { renderingProviderId } : {}, items: reusable });
+      await onSave({ name: name.trim(), ...mine && renderingProviderId ? { renderingProviderId } : {}, items: reusable });
       setSaving(false);
       setName("");
-      setDescription("");
       setMine(false);
     } catch {
       setError("The template could not be saved. Try again.");
@@ -13031,15 +13066,6 @@ function RfaTemplateBar({ templates, items, renderingProviderId, physicianName,
           }
         } })
       ] }),
-      /* @__PURE__ */ jsxs39("label", { children: [
-        /* @__PURE__ */ jsx41("span", { children: "Description (optional)" }),
-        /* @__PURE__ */ jsx41("input", { maxLength: 200, value: description, onChange: (event) => setDescription(event.target.value), onKeyDown: (event) => {
-          if (event.key === "Enter") {
-            event.preventDefault();
-            void save();
-          }
-        } })
-      ] }),
       renderingProviderId ? /* @__PURE__ */ jsxs39("label", { className: "mbrfa-check", children: [
         /* @__PURE__ */ jsx41("input", { type: "checkbox", checked: mine, onChange: (event) => setMine(event.target.checked) }),
         /* @__PURE__ */ jsxs39("span", { children: [
@@ -13269,6 +13295,21 @@ function RfaDraftForm({ initialDraft, identity, officialForm = false, formDetail
           /* @__PURE__ */ jsxs40("label", { className: "mbrfa-check", children: [
             /* @__PURE__ */ jsx42("input", { type: "checkbox", checked: draft2.writtenConfirmation ?? false, onChange: (event) => update({ writtenConfirmation: event.target.checked }) }),
             "Check box if request is a written confirmation of a prior oral request"
+          ] }),
+          /* @__PURE__ */ jsxs40("div", { className: "mbrfa-review-type", children: [
+            /* @__PURE__ */ jsxs40("span", { children: [
+              "Review type",
+              /* @__PURE__ */ jsx42(RfaRequired, {}),
+              /* @__PURE__ */ jsx42("small", { children: "Sets the decision due date. Not printed on the RFA." })
+            ] }),
+            /* @__PURE__ */ jsx42("div", { className: "mbrfa-request-types", role: "group", "aria-label": "Review type", children: [["prospective", "Prospective", "before treatment"], ["concurrent", "Concurrent", "during inpatient treatment"], ["retrospective", "Retrospective", "after treatment"]].map(([value, name, when]) => /* @__PURE__ */ jsxs40("label", { className: "mbrfa-check", children: [
+              /* @__PURE__ */ jsx42("input", { type: "radio", name: "review-type", checked: (draft2.reviewType ?? "prospective") === value, onChange: () => update({ reviewType: value }) }),
+              /* @__PURE__ */ jsxs40("span", { children: [
+                /* @__PURE__ */ jsx42("strong", { children: name }),
+                " \u2013 ",
+                when
+              ] })
+            ] }, value)) })
           ] })
         ] })
       ] }),
@@ -13311,20 +13352,20 @@ function RfaDraftForm({ initialDraft, identity, officialForm = false, formDetail
         index === 0 && (treatmentTemplates || onSaveTreatmentTemplate) ? /* @__PURE__ */ jsx42(RfaTemplateBar, { templates: treatmentTemplates ?? [], items: draft2.items, renderingProviderId: draft2.renderingProviderId, physicianName: draft2.providerName, disabled: locked, onApply: (items) => update({ items }), onSave: onSaveTreatmentTemplate, onManage: onManageTreatmentTemplates }) : null,
         /* @__PURE__ */ jsxs40("div", { className: "mbrfa-form-grid", children: [
           /* @__PURE__ */ jsx42(RfaDiagnosisFields, { officialForm: true, code: item.diagnosisCode, ...item.diagnosisDescription !== void 0 ? { description: item.diagnosisDescription } : {}, ...searchDiagnosisCodes ? { search: searchDiagnosisCodes } : {}, onChange: (value) => updateItem(index, value) }),
-          /* @__PURE__ */ jsxs40("label", { className: "mbrfa-s4", children: [
+          /* @__PURE__ */ jsxs40("label", { className: "mbrfa-s3 mbrfa-row-start", children: [
             /* @__PURE__ */ jsxs40("span", { children: [
               "Service/Good Requested",
               /* @__PURE__ */ jsx42(RfaRequired, {})
             ] }),
-            /* @__PURE__ */ jsx42("textarea", { required: true, maxLength: 1e3, value: item.serviceDescription, onChange: (event) => updateItem(index, { serviceDescription: event.target.value }) })
+            /* @__PURE__ */ jsx42("textarea", { rows: 2, required: true, maxLength: 1e3, value: item.serviceDescription, onChange: (event) => updateItem(index, { serviceDescription: event.target.value }) })
           ] }),
-          /* @__PURE__ */ jsxs40("label", { className: "mbrfa-s2", children: [
-            "CPT/HCPCS Code (If known)",
-            /* @__PURE__ */ jsx42("input", { maxLength: 16, value: item.procedureCode ?? "", onChange: (event) => updateItem(index, { procedureCode: event.target.value }) })
+          /* @__PURE__ */ jsxs40("label", { className: "mbrfa-s1", children: [
+            /* @__PURE__ */ jsx42("span", { children: "CPT/HCPCS Code" }),
+            /* @__PURE__ */ jsx42("input", { placeholder: "Optional", maxLength: 16, value: item.procedureCode ?? "", onChange: (event) => updateItem(index, { procedureCode: event.target.value }) })
           ] }),
-          /* @__PURE__ */ jsxs40("label", { className: "mbrfa-s6", children: [
-            "Other Information: (Frequency, Duration, Quantity, etc.)",
-            /* @__PURE__ */ jsx42("textarea", { maxLength: 2e3, value: typeof item.metadata?.otherInformation === "string" ? item.metadata.otherInformation : [item.quantity !== void 0 ? `Quantity: ${item.quantity}` : "", item.units !== void 0 ? `Units: ${item.units}` : "", item.frequency, item.duration, item.requestedFrom ? `From: ${item.requestedFrom}` : "", item.requestedTo ? `Through: ${item.requestedTo}` : ""].filter(Boolean).join("; "), onChange: (event) => updateItem(index, { metadata: { ...item.metadata, otherInformation: event.target.value } }) })
+          /* @__PURE__ */ jsxs40("label", { className: "mbrfa-s2", children: [
+            /* @__PURE__ */ jsx42("span", { children: "Other Information" }),
+            /* @__PURE__ */ jsx42("textarea", { rows: 2, placeholder: "Frequency, duration, quantity, etc. (optional)", maxLength: 2e3, value: typeof item.metadata?.otherInformation === "string" ? item.metadata.otherInformation : [item.quantity !== void 0 ? `Quantity: ${item.quantity}` : "", item.units !== void 0 ? `Units: ${item.units}` : "", item.frequency, item.duration, item.requestedFrom ? `From: ${item.requestedFrom}` : "", item.requestedTo ? `Through: ${item.requestedTo}` : ""].filter(Boolean).join("; "), onChange: (event) => updateItem(index, { metadata: { ...item.metadata, otherInformation: event.target.value } }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs40("div", { className: "mbtd-actions", children: [