@mindbill/react 0.77.45 → 0.77.46

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,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-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 +12779,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,7 +12801,7 @@ 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([]);
@@ -12844,10 +12845,28 @@ function RfaDiagnosisFields({ code, description, onChange, search, officialForm
       clearTimeout(timer);
     };
   }, [query, search]);
+  const resolved = useRef19(/* @__PURE__ */ new Set());
+  const [resolving, setResolving] = useState24(false);
+  useEffect21(() => {
+    if (!officialForm || !search || !code || description || manualDiagnosis || resolved.current.has(code)) return;
+    resolved.current.add(code);
+    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 });
+    }).catch(() => void 0).finally(() => {
+      if (active) setResolving(false);
+    });
+    return () => {
+      active = false;
+    };
+  }, [code, description, search, officialForm, manualDiagnosis]);
   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 } : {} }] : [],
+      ...!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" }] : []
     ];
@@ -12871,11 +12890,12 @@ function RfaDiagnosisFields({ code, description, onChange, search, officialForm
             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 && (manualDiagnosis || !description) ? /* @__PURE__ */ jsxs37("label", { className: "mbrfa-s3", children: [
+      code && !listed && !resolving && (manualDiagnosis || !description) ? /* @__PURE__ */ jsxs37("label", { className: "mbrfa-s3", children: [
         /* @__PURE__ */ jsxs37("span", { children: [
           "Diagnosis",
           /* @__PURE__ */ jsx39(RfaRequired, {})
@@ -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);
@@ -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,7 +13344,7 @@ 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);
@@ -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",
@@ -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;