@mindbill/react 0.77.45 → 0.77.47

package/dist/index.js

@@ -1077,7 +1077,7 @@ function organizationProfileOptions(profile) {
 
 // src/index.tsx
 import "@mindbill/embed";
-import { createElement, useEffect as useEffect35, useRef as useRef30 } from "react";
+import { createElement, useEffect as useEffect35, useRef as useRef31 } from "react";
 
 // src/claim-form-summary.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
@@ -10042,7 +10042,7 @@ function BillSubmissionForm({
 import { useId as useId9, useMemo as useMemo13, useState as useState33 } from "react";
 
 // src/rfa-dashboard.tsx
-import { useEffect as useEffect26, useId as useId8, useMemo as useMemo12, useRef as useRef23, useState as useState32 } from "react";
+import { useEffect as useEffect26, useId as useId8, useMemo as useMemo12, useRef as useRef24, useState as useState32 } from "react";
 import { getRfaLifecycleStatus as getRfaLifecycleStatus4, RFA_LIFECYCLE_LABELS as RFA_LIFECYCLE_LABELS5, createRfaClient as createRfaClient4, createBillReferenceClient as createBillReferenceClient2, createOrganizationClient as createOrganizationClient4 } from "@mindbill/browser";
 
 // src/rfa-display.tsx
@@ -10519,6 +10519,8 @@ 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)}
 .mbtd .mbrfa-add-treatment{display:block;width:100%;min-height:44px;border:1px dashed color-mix(in srgb,var(--mb-accent) 55%,var(--mb-border));background:color-mix(in srgb,var(--mb-accent) 5%,var(--mb-surface));color:var(--mb-accent);font-weight:600;text-align:center;cursor:pointer}.mbtd .mbrfa-add-treatment:hover:not(:disabled){background:color-mix(in srgb,var(--mb-accent) 10%,var(--mb-surface))}
@@ -12778,7 +12780,7 @@ function RfaPracticePicker({ profile, value, onChange, managePracticeHref, manag
 import { useEffect as useEffect22, useId as useId7, useState as useState25 } from "react";
 
 // src/rfa-draft-fields.tsx
-import { useEffect as useEffect21, useId as useId6, useState as useState24 } from "react";
+import { useEffect as useEffect21, useId as useId6, useRef as useRef19, useState as useState24 } from "react";
 import { Fragment as Fragment22, jsx as jsx39, jsxs as jsxs37 } from "react/jsx-runtime";
 function RfaContactFields({ title, value, onChange }) {
   return /* @__PURE__ */ jsxs37("fieldset", { children: [
@@ -12800,12 +12802,11 @@ function RfaContactFields({ title, value, onChange }) {
   ] });
 }
 var diagnosisCache = /* @__PURE__ */ new WeakMap();
-function RfaDiagnosisFields({ code, description, onChange, search, officialForm = false }) {
+function RfaDiagnosisFields({ code, description, onChange, search, officialForm = false, savedCodes = [] }) {
   const id = useId6();
   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;
@@ -12844,45 +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("");
+  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 (!pending || !search) return;
+    resolved.current.add(pending);
+    let active = true;
+    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("");
+    });
+    return () => {
+      active = false;
+    };
+  }, [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 } : {} }] : [],
-      ...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: "" });
-            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
-    ] });
+    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: [
@@ -13160,12 +13180,12 @@ function RfaTemplateBar({ templates, items, renderingProviderId, physicianName,
 }
 
 // src/rfa-document-drop.tsx
-import { useRef as useRef19, useState as useState27 } from "react";
+import { useRef as useRef20, useState as useState27 } from "react";
 import { jsx as jsx42, jsxs as jsxs40 } from "react/jsx-runtime";
 var size = (bytes) => bytes >= 1048576 ? `${(bytes / 1048576).toFixed(1)} MB` : `${Math.max(1, Math.round(bytes / 1024))} KB`;
 var isPdf = (file) => file.type === "application/pdf" || /\.pdf$/i.test(file.name);
 function RfaDocumentDrop({ files, onChange, disabled }) {
-  const input = useRef19(null);
+  const input = useRef20(null);
   const [over, setOver] = useState27(false);
   const [skipped, setSkipped] = useState27(0);
   const add = (chosen) => {
@@ -13228,7 +13248,7 @@ function RfaDocumentDrop({ files, onChange, disabled }) {
 }
 
 // src/rfa-draft-form.tsx
-import { useEffect as useEffect23, useRef as useRef20, useState as useState28 } from "react";
+import { useEffect as useEffect23, useRef as useRef21, useState as useState28 } from "react";
 import { Fragment as Fragment23, jsx as jsx43, jsxs as jsxs41 } from "react/jsx-runtime";
 function normalizeRfaDraft(draft2) {
   const copy = structuredClone(draft2);
@@ -13268,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.";
@@ -13296,7 +13316,7 @@ function RfaDraftForm({ initialDraft, identity, officialForm = false, formDetail
   useEffect23(() => {
     if (officialForm && returnEmail && !physicianEmail) setDraft((current) => current.requestingPractice?.email?.trim() ? current : { ...current, requestingPractice: { ...current.requestingPractice, email: returnEmail } });
   }, [officialForm, returnEmail, physicianEmail, savedDraft.requestingPractice?.email]);
-  const filledEmail = useRef20(void 0);
+  const filledEmail = useRef21(void 0);
   useEffect23(() => {
     if (!officialForm || !physicianEmail) return;
     const previous = filledEmail.current;
@@ -13324,11 +13344,11 @@ function RfaDraftForm({ initialDraft, identity, officialForm = false, formDetail
   const practiceManual = practiceManualChoice ?? (organizationProfile ? savedPractices.length === 0 || typedPractice && !savedPractices.some((provider) => provider.name === savedDraft.requestingPractice?.name) : !profilePending);
   const [administratorOverride, setAdministratorOverride] = useState28(null);
   const identityKey = `${identity?.claimId ?? ""}:${identity?.claimsAdminId ?? ""}`;
-  const previousClaim = useRef20(identityKey);
+  const previousClaim = useRef21(identityKey);
   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]);
@@ -13345,7 +13365,7 @@ function RfaDraftForm({ initialDraft, identity, officialForm = false, formDetail
     else delete draft2.claimsAdminId;
   }
   const [intent, setIntent] = useState28("save");
-  const intentRef = useRef20(intent);
+  const intentRef = useRef21(intent);
   const chooseIntent = (value) => {
     intentRef.current = value;
     setIntent(value);
@@ -13374,7 +13394,11 @@ function RfaDraftForm({ initialDraft, identity, officialForm = false, formDetail
     }) }));
   };
   const supportingDocumentFields = supportingDocuments && officialForm ? /* @__PURE__ */ jsxs41("fieldset", { disabled: locked, children: [
-    /* @__PURE__ */ jsx43("legend", { children: "Supporting documents" }),
+    /* @__PURE__ */ jsxs41("legend", { children: [
+      "Supporting documents",
+      /* @__PURE__ */ jsx43(RfaRequired, {})
+    ] }),
+    /* @__PURE__ */ jsx43("p", { className: "mbrfa-doc-hint", children: "A request must be sent with the report that supports it: a PR-2, Doctor\\u2019s First Report, or narrative report." }),
     /* @__PURE__ */ jsx43(RfaDocumentDrop, { files: supportingDocuments.files, onChange: supportingDocuments.onChange, disabled: locked })
   ] }) : supportingDocuments ? /* @__PURE__ */ jsxs41("fieldset", { disabled: locked, children: [
     /* @__PURE__ */ jsx43("legend", { children: "Supporting documents" }),
@@ -13398,7 +13422,7 @@ function RfaDraftForm({ initialDraft, identity, officialForm = false, formDetail
     event.preventDefault();
     if (locked) return;
     const next = normalizeRfaDraft(draft2);
-    void action.save(next, validateRfaDraft(next) ?? (officialForm && intentRef.current === "review" && !next.requestingPractice?.fax?.trim() ? "Requesting Physician fax number is required." : null));
+    void action.save(next, validateRfaDraft(next) ?? (officialForm && intentRef.current === "review" && !next.requestingPractice?.fax?.trim() ? "Requesting Physician fax number is required." : officialForm && intentRef.current === "review" && supportingDocuments && !supportingDocuments.files.length ? "Attach the report that supports this request before submitting." : null));
   };
   const saveError = action.error ? /* @__PURE__ */ jsxs41("p", { role: "alert", children: [
     action.error,
@@ -13503,7 +13527,7 @@ function RfaDraftForm({ initialDraft, identity, officialForm = false, formDetail
               /* @__PURE__ */ jsx43("button", { type: "button", className: "mbrfa-link mbrfa-treatment-remove", "aria-label": `Remove treatment ${index + 1}`, onClick: () => update({ items: draft2.items.filter((_, position) => position !== index) }), children: "Remove" })
             ] }) : null,
             /* @__PURE__ */ jsxs41("div", { className: "mbrfa-form-grid", children: [
-              /* @__PURE__ */ jsx43(RfaDiagnosisFields, { officialForm: true, code: item.diagnosisCode, ...item.diagnosisDescription !== void 0 ? { description: item.diagnosisDescription } : {}, ...searchDiagnosisCodes ? { search: searchDiagnosisCodes } : {}, onChange: (value) => updateItem(index, value) }),
+              /* @__PURE__ */ jsx43(RfaDiagnosisFields, { officialForm: true, savedCodes: savedDiagnosisCodes, code: item.diagnosisCode, ...item.diagnosisDescription !== void 0 ? { description: item.diagnosisDescription } : {}, ...searchDiagnosisCodes ? { search: searchDiagnosisCodes } : {}, onChange: (value) => updateItem(index, value) }),
               /* @__PURE__ */ jsxs41("label", { className: "mbrfa-s3 mbrfa-row-start", children: [
                 /* @__PURE__ */ jsxs41("span", { children: [
                   "Service/Good Requested",
@@ -13969,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,
@@ -14040,7 +14064,7 @@ function rfaDraftReplacement(draft2, expectedRevision) {
 }
 
 // src/rfa-lifecycle-controls.tsx
-import { useEffect as useEffect25, useMemo as useMemo11, useRef as useRef21, useState as useState30 } from "react";
+import { useEffect as useEffect25, useMemo as useMemo11, useRef as useRef22, useState as useState30 } from "react";
 import { createRfaClient as createRfaClient3, createRfaLifecycleClient as createRfaLifecycleClient3 } from "@mindbill/browser";
 import { Fragment as Fragment25, jsx as jsx45, jsxs as jsxs43 } from "react/jsx-runtime";
 var text2 = (form, name) => String(form.get(name) ?? "").trim();
@@ -14091,9 +14115,9 @@ function LifecycleContent({ rfa: providedRfa, options, permissions = [], onUpdat
     };
   }, [records, rfa.id, responseDocument, rfa.documents, previewReload]);
   const [outcomes, setOutcomes] = useState30({});
-  const alive = useRef21(true);
-  const pending = useRef21(false);
-  const keys = useRef21(/* @__PURE__ */ new Map());
+  const alive = useRef22(true);
+  const pending = useRef22(false);
+  const keys = useRef22(/* @__PURE__ */ new Map());
   useEffect25(() => {
     alive.current = true;
     return () => {
@@ -14524,7 +14548,7 @@ function FollowUpForm({ task, selected, editable, disabled, onSave, onReview, ha
 }
 
 // src/rfa-provider-signature-setup.tsx
-import { useRef as useRef22, useState as useState31 } from "react";
+import { useRef as useRef23, useState as useState31 } from "react";
 import { jsx as jsx46, jsxs as jsxs44 } from "react/jsx-runtime";
 function RfaProviderSignatureSetup(props) {
   return /* @__PURE__ */ jsx46(SignatureForm, { ...props }, props.renderingProviderId);
@@ -14535,7 +14559,7 @@ function SignatureForm({ client, renderingProviderId, providerName, disabled, on
   const [authorized, setAuthorized] = useState31(false);
   const [busy, setBusy] = useState31(false);
   const [error, setError] = useState31("");
-  const attempt = useRef22(null);
+  const attempt = useRef23(null);
   return /* @__PURE__ */ jsx46("form", { onSubmit: async (event) => {
     event.preventDefault();
     if (busy || disabled || !file || !authorized || !actor.trim() || !client.saveProviderSignature) return;
@@ -14614,7 +14638,7 @@ function RfaDashboard({ sessionEndpoint, getSession, apiBaseUrl, fetch: fetchOve
   return /* @__PURE__ */ jsx47(RfaDashboardContent, { ...props, ...patientId ? { patientId } : {}, ...claimId ? { claimId } : {}, ...renderingProviderId ? { renderingProviderId } : {}, client, signatureClient, options }, `${identity.key}:${patientId ?? ""}:${claimId ?? ""}:${renderingProviderId ?? ""}`);
 }
 function RfaDashboardContent({ client, signatureClient, options, patientId, claimId, renderingProviderId, initialDraft, initialView = "overview", initialOverviewView, initialStatus = "", initialAgingBucket = "", taskPresentation, taskQuery: taskQuery2, renderTaskIdentity, navigation, permissions = [], canCreateClaim = false, renderClaimSelector, renderProviderSelector, officialForm = false, managePracticeHref, onEditPractice, onAddPractice, onEditLocation, treatmentTemplates, onSaveTreatmentTemplate, onManageTreatmentTemplates, savedProfileChanges, manageLocationsHref, onPreviewRequest, canManageProviderSignatures = false, environment = "sandbox", actorReference, onCreated, onContinue, selectedRfaId, selectedTreatmentId, selectedResponseDocumentId: controlledResponseDocumentId, onSelectRfa, getRfaHref, getPatientHref, getClaimHref, getProviderHref, formPreviewUrl, hideBackButton = false, hideHeading = false, layout = "classic", ...appearance }) {
-  const active = useRef23(true);
+  const active = useRef24(true);
   useEffect26(() => {
     active.current = true;
     return () => {
@@ -14683,7 +14707,7 @@ function RfaDashboardContent({ client, signatureClient, options, patientId, clai
     };
   }, [options, creating, selected]);
   const [loading, setLoading] = useState32(true);
-  const createKeys = useRef23(/* @__PURE__ */ new Map());
+  const createKeys = useRef24(/* @__PURE__ */ new Map());
   useEffect26(() => {
     const timer = setTimeout(() => {
       setSearch(searchInput.trim());
@@ -14893,17 +14917,17 @@ function RfaDetail({ layout, id, selectedItem, selectedResponseDocumentId, clien
   useEffect26(() => {
     if (selectedItem || selectedResponseDocumentId) setDetailTab("details");
   }, [selectedResponseDocumentId, selectedItem]);
-  const responseFocused = useRef23(false);
+  const responseFocused = useRef24(false);
   useEffect26(() => {
     if (simple && rfa && selectedResponseDocumentId && !responseFocused.current) {
       responseFocused.current = true;
       document.getElementById(`${tabId}-review`)?.scrollIntoView?.({ block: "start" });
     }
   }, [simple, rfa, selectedResponseDocumentId, tabId]);
-  const alive = useRef23(true);
-  const pending = useRef23(false);
-  const loadGeneration = useRef23(0);
-  const keys = useRef23(/* @__PURE__ */ new Map());
+  const alive = useRef24(true);
+  const pending = useRef24(false);
+  const loadGeneration = useRef24(0);
+  const keys = useRef24(/* @__PURE__ */ new Map());
   const [descriptions2, setDescriptions] = useState32({});
   const [preview, setPreview] = useState32(null);
   const [previewPdf, setPreviewPdf] = useState32(null);
@@ -14946,7 +14970,7 @@ function RfaDetail({ layout, id, selectedItem, selectedResponseDocumentId, clien
       active = false;
     };
   }, [client, id, reload]);
-  const currentRfa = useRef23(rfa);
+  const currentRfa = useRef24(rfa);
   currentRfa.current = rfa;
   useEffect26(() => {
     let active = true;
@@ -14978,7 +15002,7 @@ function RfaDetail({ layout, id, selectedItem, selectedResponseDocumentId, clien
       document.removeEventListener("visibilitychange", resume);
     };
   }, [client, id, editing]);
-  const focusedTreatment = useRef23(null);
+  const focusedTreatment = useRef24(null);
   useEffect26(() => {
     if (!rfa || !selectedItem || focusedTreatment.current === selectedItem) return;
     const element = document.getElementById(`rfa-treatment-${selectedItem}`);
@@ -17013,7 +17037,7 @@ function ConnectedPaymentReview({ initialQuery, onSelectBill, onPostPayment, app
 }
 
 // src/notification-settings.tsx
-import { useEffect as useEffect29, useId as useId10, useRef as useRef24, useState as useState36 } from "react";
+import { useEffect as useEffect29, useId as useId10, useRef as useRef25, useState as useState36 } from "react";
 import { Fragment as Fragment31, jsx as jsx56, jsxs as jsxs53 } from "react/jsx-runtime";
 function defaultNotificationPreferences() {
   return { enabled: false, statusUpdates: false, agingDays: [], quietHours: true, reportDigest: "off" };
@@ -17055,7 +17079,7 @@ function NotificationSettingsSession({ adapter, appearance, className, style, on
   const [notice, setNotice] = useState36("");
   const [failed, setFailed] = useState36(false);
   const [reload, setReload] = useState36(0);
-  const request = useRef24(0);
+  const request = useRef25(0);
   useEffect29(() => {
     const current = ++request.current;
     setPhase("loading");
@@ -17199,7 +17223,7 @@ function NotificationSettingsSession({ adapter, appearance, className, style, on
 }
 
 // src/notification-recipients.tsx
-import { useEffect as useEffect30, useId as useId11, useRef as useRef25, useState as useState37 } from "react";
+import { useEffect as useEffect30, useId as useId11, useRef as useRef26, useState as useState37 } from "react";
 import { jsx as jsx57, jsxs as jsxs54 } from "react/jsx-runtime";
 function notificationRecipientInvitation(input, requestId) {
   const preferences = notificationSettingsUpdate({ ...input, enabled: false }, false);
@@ -17240,8 +17264,8 @@ function RecipientSettingsSession({ adapter, appearance, className, style }) {
   const [notice, setNotice] = useState37("");
   const [failed, setFailed] = useState37(false);
   const [hasReceipt, setHasReceipt] = useState37(false);
-  const generation = useRef25(0);
-  const pending = useRef25(null);
+  const generation = useRef26(0);
+  const pending = useRef26(null);
   useEffect30(() => {
     const current = ++generation.current;
     setBusy(true);
@@ -17399,7 +17423,7 @@ import {
   useCallback as useCallback4,
   useEffect as useEffect31,
   useMemo as useMemo16,
-  useRef as useRef26,
+  useRef as useRef27,
   useState as useState38
 } from "react";
 import {
@@ -17550,11 +17574,11 @@ function useBillStatus({
   const [error, setError] = useState38(null);
   const [isLoading, setIsLoading] = useState38(enabled && !initialData);
   const [isRefreshing, setIsRefreshing] = useState38(false);
-  const dataRef = useRef26(initialData);
-  const initialDataRef = useRef26(initialData);
+  const dataRef = useRef27(initialData);
+  const initialDataRef = useRef27(initialData);
   initialDataRef.current = initialData;
-  const activeControllerRef = useRef26(null);
-  const requestSequence = useRef26(0);
+  const activeControllerRef = useRef27(null);
+  const requestSequence = useRef27(0);
   useEffect31(() => {
     const seed = initialDataRef.current;
     dataRef.current = seed;
@@ -17657,7 +17681,7 @@ function ConnectedBillStatus({
 }
 
 // src/bill-lifecycle-surfaces.tsx
-import { useEffect as useEffect32, useRef as useRef27, useState as useState39 } from "react";
+import { useEffect as useEffect32, useRef as useRef28, useState as useState39 } from "react";
 import { Fragment as Fragment33, jsx as jsx59, jsxs as jsxs56 } from "react/jsx-runtime";
 function visibleBillLifecycleActions(actions2, showUnavailable = false, maxVisible) {
   const visible = actions2.filter((action) => action.enabled || showUnavailable);
@@ -17735,7 +17759,7 @@ function historyDate(iso) {
 }
 function BillHistoryTable({ entries, selectedEntryId, emptyLabel = "No bill history yet.", appearance, className, style, formatDate = historyDate, documentHref, onOpenDocument }) {
   const [expanded, setExpanded] = useState39({});
-  const selectedRowRef = useRef27(null);
+  const selectedRowRef = useRef28(null);
   useEffect32(() => {
     if (!selectedEntryId) return;
     const selected = entries.find((entry) => entry.id === selectedEntryId);
@@ -18297,7 +18321,7 @@ import {
   useCallback as useCallback5,
   useEffect as useEffect33,
   useMemo as useMemo18,
-  useRef as useRef28,
+  useRef as useRef29,
   useState as useState41
 } from "react";
 import {
@@ -18689,7 +18713,7 @@ function useBillLifecycle({
   const [isLoading, setIsLoading] = useState41(enabled);
   const [isRefreshing, setIsRefreshing] = useState41(false);
   const [isMutating, setIsMutating] = useState41(false);
-  const mounted = useRef28(true);
+  const mounted = useRef29(true);
   const client = useMemo18(() => createBillLifecycleClient({
     billId: providedBillId,
     sessionEndpoint,
@@ -18852,8 +18876,8 @@ function useBillLifecycle({
   };
 }
 function LifecycleDialog({ children, title, wide = false, onClose }) {
-  const dialog = useRef28(null);
-  const onCloseRef = useRef28(onClose);
+  const dialog = useRef29(null);
+  const onCloseRef = useRef29(onClose);
   onCloseRef.current = onClose;
   useEffect33(() => {
     const previous = document.activeElement;
@@ -19151,7 +19175,7 @@ function ConnectedBillLifecycle({
     setPanel("");
   }, [currentAttemptKey]);
   const actor = actorName?.trim() ? { actorName: actorName.trim() } : {};
-  const lastData = useRef28(null);
+  const lastData = useRef29(null);
   const correctionInitialBill = useMemo18(() => data ? correctionBill(data) : null, [data]);
   const correctionAttachments = useMemo18(() => data ? data.bill.attachments.map((attachment) => {
     const documentType = correctionDocumentType(attachment.documentType);
@@ -19666,7 +19690,7 @@ import {
   useId as useId12,
   useLayoutEffect,
   useMemo as useMemo19,
-  useRef as useRef29,
+  useRef as useRef30,
   useState as useState42
 } from "react";
 import { Fragment as Fragment36, jsx as jsx62, jsxs as jsxs59 } from "react/jsx-runtime";
@@ -19722,7 +19746,7 @@ function Surface({ appearance, className = "", style, children, surfaceRef }) {
   ] });
 }
 function useAvailableViewportHeight() {
-  const workspaceRef = useRef29(null);
+  const workspaceRef = useRef30(null);
   const [availableHeight, setAvailableHeight] = useState42(null);
   useLayoutEffect(() => {
     const element = workspaceRef.current;
@@ -20343,7 +20367,7 @@ function DentalDraftEditor({ initialContent, onSave, disabled = false, ...appear
 
 // src/index.tsx
 function widget(tagName, props) {
-  const ref = useRef30(null);
+  const ref = useRef31(null);
   const { onMindBill, onMindBillError } = props;
   useEffect35(() => {
     const element = ref.current;