@mindbill/react 0.77.46 → 0.77.47

package/dist/index.js

@@ -10519,6 +10519,7 @@ function TreatmentDraftShell({ title, description, children, hideHeading = false
 .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-dx-list{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:6px}.mbtd .mbrfa-dx-list>li{display:flex;align-items:center;gap:10px;min-height:36px;padding:4px 6px 4px 12px;border:1px solid var(--mb-border);border-radius:var(--mb-control-radius);background:color-mix(in srgb,var(--mb-accent) 5%,var(--mb-surface));font-size:13px}.mbtd .mbrfa-dx-list>li>strong{font-weight:600;white-space:nowrap}.mbtd .mbrfa-dx-list>li>span{flex:1;min-width:0;color:var(--mb-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mbtd .mbrfa-dx-list>li>input{flex:1;min-width:0;min-height:30px;padding:4px 8px}.mbtd .mbrfa-dx-list>li>button{flex:none;width:28px;height:28px;min-height:28px;padding:0;border:0;background:none;color:var(--mb-muted);font-size:18px;line-height:1;cursor:pointer}.mbtd .mbrfa-dx-list>li>button:hover{color:var(--mb-danger,#b42318)}
 .mbtd .mbrfa-doc-hint{margin:0 0 12px;font-size:12px;color:var(--mb-muted)}
 .mbtd .mbrfa-treatments{display:grid;gap:14px}.mbtd .mbrfa-treatment+.mbrfa-treatment{padding-top:16px;border-top:1px solid var(--mb-border)}
 .mbtd .mbrfa-treatment-head{display:flex;align-items:center;gap:14px;margin-bottom:10px;font-size:13px}.mbtd .mbrfa-treatment-head>strong{font-weight:600;margin-right:auto}.mbtd button.mbrfa-link.mbrfa-link.mbrfa-treatment-remove{color:var(--mb-danger,#b42318)}
@@ -12806,7 +12807,6 @@ function RfaDiagnosisFields({ code, description, onChange, search, officialForm
   const [query, setQuery] = useState24("");
   const [results, setResults] = useState24([]);
   const [error, setError] = useState24("");
-  const [manualDiagnosis, setManualDiagnosis] = useState24(false);
   const [searching, setSearching] = useState24(false);
   useEffect21(() => {
     let active = true;
@@ -12845,64 +12845,64 @@ function RfaDiagnosisFields({ code, description, onChange, search, officialForm
       clearTimeout(timer);
     };
   }, [query, search]);
+  const codes2 = code.split(",").map((part) => part.trim()).filter(Boolean);
+  const parts = (description ?? "").split(";").map((part) => part.trim());
+  const descriptions2 = codes2.map((_, index) => parts.length === codes2.length ? parts[index] : codes2.length === 1 ? (description ?? "").trim() : "");
+  const emit = (nextCodes, nextDescriptions) => onChange({
+    diagnosisCode: nextCodes.join(", "),
+    diagnosisDescription: nextDescriptions.some(Boolean) ? nextDescriptions.map((text3) => text3.replace(/;/g, ",").trim()).join("; ") : ""
+  });
   const resolved = useRef19(/* @__PURE__ */ new Set());
-  const [resolving, setResolving] = useState24(false);
+  const [resolving, setResolving] = useState24("");
+  const pending = officialForm && search ? codes2.find((item, index) => !descriptions2[index] && !resolved.current.has(item)) ?? "" : "";
+  const latest = useRef19({ codes: codes2, descriptions: descriptions2, emit });
+  latest.current = { codes: codes2, descriptions: descriptions2, emit };
   useEffect21(() => {
-    if (!officialForm || !search || !code || description || manualDiagnosis || resolved.current.has(code)) return;
-    resolved.current.add(code);
+    if (!pending || !search) return;
+    resolved.current.add(pending);
     let active = true;
-    setResolving(true);
-    void search(code).then((items) => {
-      const match = items.find((item) => item.code.replace(".", "").toUpperCase() === code.replace(".", "").toUpperCase());
-      if (active && match) onChange({ diagnosisCode: match.code, diagnosisDescription: match.description });
+    setResolving(pending);
+    const same = (left, right) => left.replace(".", "").toUpperCase() === right.replace(".", "").toUpperCase();
+    void search(pending).then((items) => {
+      const match = items.find((item) => same(item.code, pending));
+      if (!active || !match) return;
+      const now = latest.current, at = now.codes.indexOf(pending);
+      if (at < 0) return;
+      now.emit(now.codes.map((item, index) => index === at ? match.code : item), now.descriptions.map((text3, index) => index === at ? match.description : text3));
     }).catch(() => void 0).finally(() => {
-      if (active) setResolving(false);
+      if (active) setResolving("");
     });
     return () => {
       active = false;
     };
-  }, [code, description, search, officialForm, manualDiagnosis]);
+  }, [pending, search]);
   if (officialForm && search) {
     const typed = query.trim().toUpperCase(), known = results.some((item) => item.code.toUpperCase() === typed);
+    const chosen = (value) => codes2.includes(value);
     const options = [
-      ...code && !typed && !results.some((item) => item.code === code) ? [{ id: code, label: code, ...description ? { detail: description } : {} }] : [],
-      ...!typed ? savedCodes.filter((saved) => saved && saved !== code).map((saved) => ({ id: `saved:${saved}`, label: saved, detail: "Saved on this injury" })) : [],
-      ...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" }] : []
+      ...!typed ? savedCodes.filter((saved) => saved && !chosen(saved)).map((saved) => ({ id: `saved:${saved}`, label: saved, detail: "Saved on this injury" })) : [],
+      ...results.filter((item) => !chosen(item.code)).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 && !chosen(typed) ? [{ 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,
-          loading: searching && !results.length,
-          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: "" });
-            else if (value.startsWith("saved:")) onChange({ diagnosisCode: value.slice(6), diagnosisDescription: "" });
-            setQuery("");
-          }
-        }
-      ) }) }),
-      code && !listed && !resolving && (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
-    ] });
+    const add = (value) => {
+      const item = results.find((item2) => item2.code === value);
+      if (item) emit([...codes2, item.code], [...descriptions2, item.description]);
+      else if (value.startsWith("entered:")) {
+        resolved.current.add(value.slice(8));
+        emit([...codes2, value.slice(8)], [...descriptions2, ""]);
+      } else if (value.startsWith("saved:")) emit([...codes2, value.slice(6)], [...descriptions2, ""]);
+      setQuery("");
+    };
+    return /* @__PURE__ */ jsx39("div", { className: "mbrfa-s6", children: /* @__PURE__ */ jsxs37(RfaPicker, { required: true, label: "ICD-10 Code", children: [
+      codes2.length ? /* @__PURE__ */ jsx39("ul", { className: "mbrfa-dx-list", "aria-label": "Selected ICD-10 codes", children: codes2.map((item, index) => /* @__PURE__ */ jsxs37("li", { children: [
+        /* @__PURE__ */ jsx39("strong", { children: item }),
+        descriptions2[index] || resolving === item || !resolved.current.has(item) ? /* @__PURE__ */ jsx39("span", { children: descriptions2[index] || "Looking up\u2026" }) : /* @__PURE__ */ jsx39("input", { required: true, "aria-label": `Diagnosis for ${item}`, maxLength: 400, placeholder: "Type the diagnosis for this code", defaultValue: "", onBlur: (event) => {
+          if (event.target.value.trim()) emit(codes2, descriptions2.map((text3, position) => position === index ? event.target.value : text3));
+        } }),
+        /* @__PURE__ */ jsx39("button", { type: "button", "aria-label": `Remove ${item}`, onClick: () => emit(codes2.filter((_, position) => position !== index), descriptions2.filter((_, position) => position !== index)), children: "\xD7" })
+      ] }, item)) }) : null,
+      codes2.length < 12 ? /* @__PURE__ */ jsx39(RfaIdentitySelect, { label: "ICD-10 Code", placeholder: codes2.length ? "Add another ICD-10 code" : "Enter code", searchPlaceholder: "Search by code or diagnosis", query, onSearch: setQuery, searchable: true, loading: searching && !options.length, error, value: "", options, onSelect: add }) : null
+    ] }) });
   }
   if (officialForm) return /* @__PURE__ */ jsxs37(Fragment22, { children: [
     /* @__PURE__ */ jsxs37("label", { className: "mbrfa-s2", children: [
@@ -13288,7 +13288,7 @@ function validateRfaDraft(draft2) {
     if ((item.diagnosisDescription?.length ?? 0) > 1e3) return "Diagnosis descriptions must be at most 1,000 characters.";
     const prefix = `Service ${index + 1}: `;
     if (item.metadata?.otherInformation !== void 0 && (typeof item.metadata.otherInformation !== "string" || item.metadata.otherInformation.length > 2e3)) return prefix + "Other Information must be text up to 2,000 characters.";
-    if (!item.diagnosisCode.trim() || item.diagnosisCode.length > 16 || !item.serviceDescription.trim() || item.serviceDescription.length > 1e3) return prefix + "a diagnosis code and service description are required.";
+    if (!item.diagnosisCode.trim() || item.diagnosisCode.length > 200 || !item.serviceDescription.trim() || item.serviceDescription.length > 1e3) return prefix + "a diagnosis code and service description are required.";
     for (const [value, max] of [[item.externalId, 255], [item.procedureCode, 16], [item.frequency, 200], [item.duration, 200]]) if (value !== void 0 && (!value.trim() || value.length > max)) return prefix + `optional text must contain 1 to ${max} characters.`;
     if (item.units !== void 0 && (!Number.isInteger(item.units) || item.units < 1 || item.units > 1e5)) return prefix + "units must be a whole number between 1 and 100,000.";
     if (item.quantity !== void 0 && (!Number.isFinite(item.quantity) || item.quantity <= 0 || item.quantity > 1e5)) return prefix + "quantity must be positive and at most 100,000.";
@@ -13348,7 +13348,7 @@ function RfaDraftForm({ initialDraft, identity, officialForm = false, formDetail
   useEffect23(() => {
     if (previousClaim.current !== identityKey) {
       setAdministratorOverride(null);
-      setDraft((current) => ({ ...current, authorizationContact: null, ...officialForm ? { items: [{ diagnosisCode: savedDiagnosisCodes[0] ?? "", serviceDescription: "" }] } : {} }));
+      setDraft((current) => ({ ...current, authorizationContact: null, ...officialForm ? { items: [{ diagnosisCode: savedDiagnosisCodes.slice(0, 12).join(", "), serviceDescription: "" }] } : {} }));
       previousClaim.current = identityKey;
     }
   }, [identityKey]);
@@ -13993,7 +13993,7 @@ function SavedIdentityForm({ client, claimId, renderingProviderId, onSave, canCr
         ...appearance,
         ...draftFormProps,
         disabled: official ? disabled || addingClaim : disabled || loading || addingClaim || !claim || !provider || !!error,
-        initialDraft: { claimId: "", patientId: "", renderingProviderId: "", employeeName: "", providerName: "", requestType: "new", reviewType: "prospective", items: [{ diagnosisCode: claim?.diagnosisCodes?.[0] ?? "", serviceDescription: "" }] },
+        initialDraft: { claimId: "", patientId: "", renderingProviderId: "", employeeName: "", providerName: "", requestType: "new", reviewType: "prospective", items: [{ diagnosisCode: (draftFormProps?.officialForm ? claim?.diagnosisCodes?.slice(0, 12).join(", ") : claim?.diagnosisCodes?.[0]) ?? "", serviceDescription: "" }] },
         ...official ? { formDetails, selectors: { claim: /* @__PURE__ */ jsx44("fieldset", { className: "mbrfa-plain", disabled, children: renderClaimSelector ? claimFields : /* @__PURE__ */ jsx44(RfaPicker, { label: "Patient and claim", children: claimFields }) }), physician: /* @__PURE__ */ jsx44("fieldset", { className: "mbrfa-plain", disabled, children: providerFields }) } } : {},
         identity,
         supportingDocuments,