@mindbill/react 0.17.0 → 0.18.0

package/dist/index.js

@@ -2,7 +2,7 @@
 
 // src/index.tsx
 import "@mindbill/embed";
-import { createElement, useEffect as useEffect4, useRef as useRef4 } from "react";
+import { createElement, useEffect as useEffect5, useRef as useRef4 } from "react";
 
 // src/appearance.ts
 var mindBillThemePresets = {
@@ -258,8 +258,11 @@ function Field({
   return /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
     /* @__PURE__ */ jsxs("span", { children: [
       label,
-      " ",
-      optional ? /* @__PURE__ */ jsx("small", { children: "Optional" }) : null
+      required ? /* @__PURE__ */ jsx("span", { className: "mb-native-required", "aria-hidden": "true", children: " *" }) : null,
+      optional ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        " ",
+        /* @__PURE__ */ jsx("small", { children: "Optional" })
+      ] }) : null
     ] }),
     /* @__PURE__ */ jsx(
       "input",
@@ -314,7 +317,10 @@ function Combobox({ label, value, options, onChange, placeholder, required, disa
   };
   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__ */ jsxs("span", { children: [
+        label,
+        required ? /* @__PURE__ */ jsx("span", { className: "mb-native-required", "aria-hidden": "true", children: " *" }) : null
+      ] }),
       /* @__PURE__ */ jsx(
         "input",
         {
@@ -394,6 +400,8 @@ function applyPreset(lines, preset) {
 }
 function BillReviewForm({
   data,
+  mode = "review",
+  initialSubmission = { route: "ebill" },
   onSave,
   onSubmit,
   onGetDeliveryOptions,
@@ -414,7 +422,7 @@ function BillReviewForm({
   const [payerResults, setPayerResults] = useState([]);
   const [payerBusy, setPayerBusy] = useState(false);
   const [deliveryOptions, setDeliveryOptions] = useState(null);
-  const [submission, setSubmission] = useState({ route: "ebill" });
+  const [submission, setSubmission] = useState(initialSubmission);
   const [showSubmit, setShowSubmit] = useState(false);
   const [deliveryBusy, setDeliveryBusy] = useState(false);
   const [file, setFile] = useState(null);
@@ -422,7 +430,7 @@ function BillReviewForm({
   const [busy, setBusy] = useState("");
   const [error, setError] = useState("");
   const [notice, setNotice] = useState("");
-  const editable = data.bill.status === "incomplete" && !disabled;
+  const editable = (mode === "submission" || data.bill.status === "incomplete") && !disabled;
   useEffect(() => {
     setDraft(toDraft(data));
     setPayerQuery(data.injury.claimsAdminName || "");
@@ -530,12 +538,19 @@ function BillReviewForm({
   }
   const handleSave = (event) => {
     event.preventDefault();
+    if (mode === "submission") {
+      if (!canSubmit) return;
+      void run("submit", () => onSubmit(buildBillReviewSaveInput(draft), initialSubmission));
+      return;
+    }
+    if (!onSave) return;
     void run("save", async () => {
       const updated = await onSave(buildBillReviewSaveInput(draft));
       if (updated) setDraft(toDraft(updated));
     });
   };
   const openSubmit = async () => {
+    if (!onGetDeliveryOptions) return;
     setDeliveryBusy(true);
     setError("");
     try {
@@ -588,51 +603,51 @@ function BillReviewForm({
         /* @__PURE__ */ jsx("style", { children: NATIVE_BILL_REVIEW_STYLES }),
         /* @__PURE__ */ jsx("style", { children: NATIVE_THEME_OVERRIDE_STYLES }),
         /* @__PURE__ */ jsx("style", { children: NATIVE_SUBMISSION_DIALOG_STYLES }),
-        /* @__PURE__ */ jsxs("header", { className: "mb-native-heading", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("span", { className: "mb-native-eyebrow", children: "Billing review" }),
-            /* @__PURE__ */ jsxs("h2", { children: [
-              "Bill #",
-              data.bill.billNumber
+        mode === "review" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("header", { className: "mb-native-heading", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "mb-native-eyebrow", children: "Billing review" }),
+              /* @__PURE__ */ jsxs("h2", { children: [
+                "Bill #",
+                data.bill.billNumber
+              ] }),
+              /* @__PURE__ */ jsx("p", { children: "Review the prefilled claim and payer packet, then submit." })
             ] }),
-            /* @__PURE__ */ jsx("p", { children: "Review the prefilled claim and payer packet, then submit." })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "mb-native-total", children: [
-            /* @__PURE__ */ jsx("span", { children: data.bill.status }),
-            /* @__PURE__ */ jsx("strong", { children: money(data.bill.totalCharge) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("dl", { className: "mb-native-summary", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("dt", { children: "Patient" }),
-            /* @__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: draft.claimNumber || "\u2014" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("dt", { children: "Employer" }),
-            /* @__PURE__ */ jsx("dd", { children: draft.employer || "\u2014" })
+            /* @__PURE__ */ jsxs("div", { className: "mb-native-total", children: [
+              /* @__PURE__ */ jsx("span", { children: data.bill.status }),
+              /* @__PURE__ */ jsx("strong", { children: money(data.bill.totalCharge) })
+            ] })
           ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("dt", { children: "Date of injury" }),
-            /* @__PURE__ */ jsx("dd", { children: draft.doi || "\u2014" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("section", { className: sectionClass, children: [
-          /* @__PURE__ */ jsxs("div", { className: "mb-native-section-head", children: [
+          /* @__PURE__ */ jsxs("dl", { className: "mb-native-summary", children: [
             /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("h3", { children: "Claims administrator" }),
-              /* @__PURE__ */ jsx("p", { children: "Select the carrier or administrator that should receive this bill." })
+              /* @__PURE__ */ jsx("dt", { children: "Patient" }),
+              /* @__PURE__ */ jsx("dd", { children: [draft.patientFirstName, draft.patientMiddleName, draft.patientLastName].filter(Boolean).join(" ") || "\u2014" })
             ] }),
-            draft.claimsAdminId ? /* @__PURE__ */ jsx("span", { children: "Selected" }) : /* @__PURE__ */ jsx("span", { children: "Required" })
-          ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("dt", { children: "Claim" }),
+              /* @__PURE__ */ jsx("dd", { children: draft.claimNumber || "\u2014" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("dt", { children: "Employer" }),
+              /* @__PURE__ */ jsx("dd", { children: draft.employer || "\u2014" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("dt", { children: "Date of injury" }),
+              /* @__PURE__ */ jsx("dd", { children: draft.doi || "\u2014" })
+            ] })
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsxs("section", { className: sectionClass, children: [
+          /* @__PURE__ */ jsx("div", { className: "mb-native-section-head", children: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { children: "Claims administrator" }),
+            /* @__PURE__ */ jsx("p", { children: "Select the carrier or administrator that should receive this bill." })
+          ] }) }),
           /* @__PURE__ */ jsxs("div", { className: "mb-native-payer-picker", children: [
             /* @__PURE__ */ jsx(
               Combobox,
               {
                 label: "Insurance company or claims administrator",
+                required: true,
                 value: payerQuery,
                 disabled: !editable,
                 placeholder: "Search by payer or administrator name",
@@ -664,13 +679,10 @@ function BillReviewForm({
           ] })
         ] }),
         /* @__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__ */ jsx("div", { className: "mb-native-section-head", children: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { children: "Patient and claim" }),
+            /* @__PURE__ */ jsx("p", { children: "Review the case details that will print on this bill." })
+          ] }) }),
           /* @__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 })) }),
@@ -700,56 +712,47 @@ function BillReviewForm({
           ] })
         ] }),
         /* @__PURE__ */ jsxs("section", { className: sectionClass, children: [
-          /* @__PURE__ */ jsxs("div", { className: "mb-native-section-head", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("h3", { children: "Billing practice" }),
-              /* @__PURE__ */ jsx("p", { children: "Payee identity and billing address for this claim." })
-            ] }),
-            /* @__PURE__ */ jsx("span", { children: "Prefilled" })
-          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mb-native-section-head", children: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { children: "Billing practice" }),
+            /* @__PURE__ */ jsx("p", { children: "Payee identity and billing address for this claim." })
+          ] }) }),
           /* @__PURE__ */ jsxs("div", { className: "mb-native-grid three", children: [
-            /* @__PURE__ */ jsx(Field, { label: "Practice name", required: true, value: draft.billingProvider.name, onChange: (value) => updateBillingProvider("name", value) }),
-            /* @__PURE__ */ jsx(Field, { label: "Tax ID", required: true, value: draft.billingProvider.taxId, onChange: (value) => updateBillingProvider("taxId", value) }),
-            /* @__PURE__ */ jsx(Field, { label: "Billing NPI", required: true, value: draft.billingProvider.npi, onChange: (value) => updateBillingProvider("npi", value) }),
-            /* @__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: "Practice name", required: true, disabled: !editable, value: draft.billingProvider.name, onChange: (value) => updateBillingProvider("name", value) }),
+            /* @__PURE__ */ jsx(Field, { label: "Tax ID", required: true, disabled: !editable, value: draft.billingProvider.taxId, onChange: (value) => updateBillingProvider("taxId", value) }),
+            /* @__PURE__ */ jsx(Field, { label: "Billing NPI", required: true, disabled: !editable, value: draft.billingProvider.npi, onChange: (value) => updateBillingProvider("npi", value) }),
+            /* @__PURE__ */ jsx(Field, { label: "Phone", optional: true, disabled: !editable, value: draft.billingProvider.phone || "", onChange: (value) => updateBillingProvider("phone", value) }),
+            /* @__PURE__ */ jsx(Field, { label: "Billing street", required: true, disabled: !editable, value: draft.billingProvider.billingStreet || "", onChange: (value) => updateBillingProvider("billingStreet", value) }),
+            /* @__PURE__ */ jsx(Field, { label: "City", required: true, disabled: !editable, value: draft.billingProvider.billingCity || "", onChange: (value) => updateBillingProvider("billingCity", 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) })
+            /* @__PURE__ */ jsx(Field, { label: "ZIP", required: true, disabled: !editable, value: draft.billingProvider.billingZip || "", onChange: (value) => updateBillingProvider("billingZip", value) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("section", { className: sectionClass, children: [
-          /* @__PURE__ */ jsxs("div", { className: "mb-native-section-head", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("h3", { children: "Clinician" }),
-              /* @__PURE__ */ jsx("p", { children: "Provider identity printed on the claim." })
-            ] }),
-            /* @__PURE__ */ jsx("span", { children: "Prefilled" })
-          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mb-native-section-head", children: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { children: "Clinician" }),
+            /* @__PURE__ */ jsx("p", { children: "Provider identity printed on the claim." })
+          ] }) }),
           /* @__PURE__ */ jsxs("div", { className: "mb-native-grid three", children: [
-            /* @__PURE__ */ jsx(Field, { label: "Clinician name", required: true, value: draft.clinician.name, onChange: (value) => updateClinician("name", value) }),
-            /* @__PURE__ */ jsx(Field, { label: "Specialty", value: draft.clinician.specialty, onChange: (value) => updateClinician("specialty", value) }),
-            /* @__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: "Clinician name", required: true, disabled: !editable, value: draft.clinician.name, onChange: (value) => updateClinician("name", value) }),
+            /* @__PURE__ */ jsx(Field, { label: "Specialty", disabled: !editable, value: draft.clinician.specialty, onChange: (value) => updateClinician("specialty", value) }),
+            /* @__PURE__ */ jsx(Field, { label: "NPI", required: true, disabled: !editable, value: draft.clinician.npi, onChange: (value) => updateClinician("npi", value) }),
+            /* @__PURE__ */ jsx(Field, { label: "Taxonomy", optional: true, disabled: !editable, value: draft.clinician.taxonomy || "", onChange: (value) => updateClinician("taxonomy", value) }),
+            /* @__PURE__ */ jsx(Field, { label: "License number", optional: true, disabled: !editable, value: draft.clinician.licenseNumber || "", onChange: (value) => updateClinician("licenseNumber", 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: [
-          /* @__PURE__ */ jsxs("div", { className: "mb-native-section-head", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("h3", { children: "Service location" }),
-              /* @__PURE__ */ jsx("p", { children: "The exact place of service for this bill." })
-            ] }),
-            /* @__PURE__ */ jsx("span", { children: "Prefilled" })
-          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mb-native-section-head", children: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { children: "Service location" }),
+            /* @__PURE__ */ jsx("p", { children: "The exact place of service for this bill." })
+          ] }) }),
           /* @__PURE__ */ jsxs("div", { className: "mb-native-grid three", children: [
-            /* @__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: "Location name", required: true, disabled: !editable, value: draft.location.name, onChange: (value) => updateLocation("name", value) }),
+            /* @__PURE__ */ jsx(Field, { label: "Street", required: true, disabled: !editable, value: draft.location.street, onChange: (value) => updateLocation("street", value) }),
+            /* @__PURE__ */ jsx(Field, { label: "City", required: true, disabled: !editable, value: draft.location.city, onChange: (value) => updateLocation("city", 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) })
+            /* @__PURE__ */ jsx(Field, { label: "ZIP", required: true, disabled: !editable, value: draft.location.zip, onChange: (value) => updateLocation("zip", value) }),
+            /* @__PURE__ */ jsx(Field, { label: "Place of service code", required: true, disabled: !editable, value: draft.location.posCode || "11", onChange: (value) => updateLocation("posCode", value) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("section", { className: sectionClass, children: [
@@ -766,7 +769,10 @@ function BillReviewForm({
           ] }),
           /* @__PURE__ */ jsx("div", { className: "mb-native-lines", children: draft.lineItems.map((line, index) => /* @__PURE__ */ jsxs("div", { className: `mb-native-line ${data.bill.billingMode === "professional" ? "professional" : ""}`, children: [
             /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
-              /* @__PURE__ */ jsx("span", { children: "Procedure" }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                "Procedure",
+                /* @__PURE__ */ jsx("span", { className: "mb-native-required", "aria-hidden": "true", children: " *" })
+              ] }),
               data.bill.billingMode === "professional" ? /* @__PURE__ */ jsx("input", { disabled: !editable, placeholder: "CPT / HCPCS code", value: line.code, onChange: (event) => {
                 const code = event.target.value.toUpperCase();
                 setDraft((current) => ({ ...current, lineItems: ensureTrailingProcedureLine(current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, code } : item)) }));
@@ -820,12 +826,18 @@ function BillReviewForm({
               ] }, modifier)) : null })
             ] }),
             /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
-              /* @__PURE__ */ jsx("span", { children: "Units" }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                "Units",
+                /* @__PURE__ */ jsx("span", { className: "mb-native-required", "aria-hidden": "true", children: " *" })
+              ] }),
               /* @__PURE__ */ jsx("input", { type: "number", min: "1", required: true, disabled: !editable, value: line.units, onChange: (event) => setDraft((current) => ({ ...current, lineItems: ensureTrailingProcedureLine(current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, units: Number(event.target.value) } : item)) })) })
             ] }),
             data.bill.billingMode === "professional" ? /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
-                /* @__PURE__ */ jsx("span", { children: "Service date" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "Service date",
+                  /* @__PURE__ */ jsx("span", { className: "mb-native-required", "aria-hidden": "true", children: " *" })
+                ] }),
                 /* @__PURE__ */ jsx("input", { type: "date", required: Boolean(line.code), disabled: !editable, value: line.serviceDate || "", onChange: (event) => setDraft((current) => ({ ...current, lineItems: ensureTrailingProcedureLine(current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, serviceDate: event.target.value } : item)) })) })
               ] }),
               /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
@@ -836,7 +848,10 @@ function BillReviewForm({
                 /* @__PURE__ */ jsx("input", { type: "date", disabled: !editable, value: line.serviceDateEnd || "", onChange: (event) => setDraft((current) => ({ ...current, lineItems: ensureTrailingProcedureLine(current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, serviceDateEnd: event.target.value } : item)) })) })
               ] }),
               /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
-                /* @__PURE__ */ jsx("span", { children: "Charge" }),
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "Charge",
+                  /* @__PURE__ */ jsx("span", { className: "mb-native-required", "aria-hidden": "true", children: " *" })
+                ] }),
                 /* @__PURE__ */ jsx("input", { type: "number", min: "0.01", step: "0.01", required: Boolean(line.code), disabled: !editable, value: line.charge || "", onChange: (event) => setDraft((current) => ({ ...current, lineItems: ensureTrailingProcedureLine(current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, charge: Number(event.target.value) } : item)) })) })
               ] }),
               /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
@@ -858,16 +873,10 @@ function BillReviewForm({
           ] }, line.id || index)) })
         ] }),
         /* @__PURE__ */ jsxs("section", { className: sectionClass, children: [
-          /* @__PURE__ */ jsxs("div", { className: "mb-native-section-head", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("h3", { children: "Payer billing packet" }),
-              /* @__PURE__ */ jsx("p", { children: "Review exactly what will be sent with this bill." })
-            ] }),
-            /* @__PURE__ */ jsxs("span", { children: [
-              data.bill.attachments.length,
-              " files"
-            ] })
-          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mb-native-section-head", children: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { children: "Payer billing packet" }),
+            /* @__PURE__ */ jsx("p", { children: "Review exactly what will be sent with this bill." })
+          ] }) }),
           /* @__PURE__ */ jsxs("div", { className: "mb-native-note", children: [
             /* @__PURE__ */ jsx("strong", { children: "Separate from attorney report service." }),
             " Final reports, proof of service, and required billing forms may be preselected. Medical records are never silently attached."
@@ -893,9 +902,8 @@ function BillReviewForm({
         ] }),
         /* @__PURE__ */ jsxs("section", { className: "mb-native-submit", children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("span", { className: "mb-native-eyebrow", children: "Delivery" }),
-            /* @__PURE__ */ jsx("h3", { children: "Submit this bill" }),
-            /* @__PURE__ */ jsx("p", { children: "After submission, status, payments, denials, and resubmissions stay available here." })
+            /* @__PURE__ */ jsx("h3", { children: "Submit bill" }),
+            /* @__PURE__ */ jsx("p", { children: "Submitting creates the bill as an immutable snapshot of the information and documents above." })
           ] }),
           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,
@@ -903,10 +911,10 @@ function BillReviewForm({
             /* @__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("div", { className: "mb-native-actions", children: mode === "submission" ? /* @__PURE__ */ jsx("button", { className: "mb-native-button primary", type: "submit", disabled: !editable || !canSubmit || busy !== "", children: busy === "submit" ? "Submitting\u2026" : "Submit bill" }) : /* @__PURE__ */ jsxs(Fragment, { 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 !== "" || deliveryBusy, onClick: () => void openSubmit(), children: deliveryBusy ? "Loading delivery\u2026" : "Review delivery" })
-          ] })
+          ] }) })
         ] }),
         showSubmit && deliveryOptions ? /* @__PURE__ */ jsx("div", { className: "mb-native-modal-backdrop", role: "presentation", onMouseDown: (event) => {
           if (event.target === event.currentTarget && busy !== "submit") setShowSubmit(false);
@@ -991,7 +999,7 @@ var NATIVE_SUBMISSION_DIALOG_STYLES = `
 `;
 var NATIVE_BILL_REVIEW_STYLES = `
 .mb-native-review,.mb-native-status{font-family:var(--mb-font,Inter,ui-sans-serif,system-ui,sans-serif)}
-.mb-native-review,.mb-native-status{--mb-accent:#238dbd;--mb-accent-dark:#176f98;--mb-text:#203743;--mb-muted:#657982;--mb-border:#dbe6ea;--mb-soft:#f3f8fa;--mb-surface:#fff;color:var(--mb-text);font:14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}.mb-native-review *,.mb-native-status *{box-sizing:border-box}.mb-native-review{display:grid;gap:16px}.mb-native-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:6px 2px}.mb-native-heading h2,.mb-native-section h3,.mb-native-submit h3,.mb-native-status h3{margin:3px 0 2px;line-height:1.2}.mb-native-heading h2{font-size:25px}.mb-native-heading p,.mb-native-section p,.mb-native-submit p,.mb-native-status p{margin:0;color:var(--mb-muted)}.mb-native-eyebrow{color:#59727d;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.mb-native-total{display:flex;align-items:center;gap:18px}.mb-native-total span,.mb-native-section-head>span{border-radius:999px;background:var(--mb-soft);color:#58717c;font-size:11px;font-weight:800;padding:6px 10px;text-transform:capitalize}.mb-native-total strong{font-size:24px}.mb-native-summary{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border:1px solid var(--mb-border);border-radius:12px;background:var(--mb-surface);overflow:hidden}.mb-native-summary div{padding:17px 20px;border-right:1px solid var(--mb-border)}.mb-native-summary div:last-child{border:0}.mb-native-summary dt,.mb-native-allowed span{color:#647982;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mb-native-summary dd{margin:5px 0 0;font-weight:750}.mb-native-section{padding:20px;border:1px solid var(--mb-border);border-radius:14px;background:var(--mb-surface);box-shadow:0 8px 24px rgba(28,58,72,.04)}.mb-native-section-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:17px}.mb-native-section h3,.mb-native-submit h3,.mb-native-status h3{font-size:19px}.mb-native-grid{display:grid;gap:14px}.mb-native-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.mb-native-field{display:grid;gap:6px;min-width:0;color:var(--mb-text);font-size:12px;font-weight:750}.mb-native-field small{color:var(--mb-muted);font-size:inherit;font-weight:500}.mb-native-field input,.mb-native-attach select,.mb-native-attach input{width:100%;min-height:43px;border:1px solid var(--mb-border);border-radius:8px;background:#fff;color:var(--mb-text);font:inherit;padding:10px 12px}.mb-native-field input:focus,.mb-native-attach select:focus,.mb-native-attach input: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-lines{display:grid;gap:10px}.mb-native-line{display:grid;grid-template-columns:1.1fr 1.1fr 110px 120px 28px;align-items:end;gap:12px;padding:13px;background:var(--mb-soft);border:1px solid #e3edf0;border-radius:10px}.mb-native-allowed{display:grid;gap:5px;padding:0 8px 11px;text-align:right}.mb-native-allowed strong{font-size:16px}.mb-native-remove{border:0;background:transparent;color:#667d86;cursor:pointer;font-size:20px;padding:7px}.mb-native-note{padding:13px 15px;border:1px solid #bdd9e4;border-radius:9px;background:#f2f9fc;color:#526d78}.mb-native-note strong{color:var(--mb-text);margin-right:12px}.mb-native-documents{list-style:none;margin:14px 0;padding:0}.mb-native-documents li{display:grid;grid-template-columns:42px 1fr auto 28px;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--mb-border)}.mb-native-documents li>div{display:grid}.mb-native-documents li span{color:var(--mb-muted);font-size:12px}.mb-native-file{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#eaf5f9;color:var(--mb-accent)!important;font-size:11px!important;font-weight:850}.mb-native-attach{display:grid;grid-template-columns:1fr 230px minmax(220px,1fr) auto;align-items:end;gap:12px;padding:15px;border-radius:10px;background:var(--mb-soft)}.mb-native-attach>div{display:grid;gap:3px}.mb-native-attach span{color:var(--mb-muted);font-size:12px}.mb-native-button{min-height:40px;border:1px solid var(--mb-border);border-radius:8px;background:#fff;color:var(--mb-text);cursor:pointer;font:inherit;font-weight:750;padding:9px 14px}.mb-native-button.primary{border-color:var(--mb-accent);background:var(--mb-accent);color:#fff}.mb-native-button.primary:hover{background:var(--mb-accent-dark)}.mb-native-button.secondary{background:#fff}.mb-native-button.quiet{min-height:auto;background:var(--mb-soft);padding:7px 11px}.mb-native-button:disabled,.mb-native-remove:disabled{cursor:not-allowed;opacity:.5}.mb-native-submit{display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px;padding:22px;border:1px solid #bcd8e2;border-radius:14px;background:linear-gradient(135deg,#f3fafc,#eaf6fa)}.mb-native-submit fieldset{display:flex;gap:6px;margin:0;padding:0;border:0}.mb-native-submit legend{position:absolute;width:1px;height:1px;overflow:hidden}.mb-native-submit fieldset label{display:flex;align-items:center;gap:6px;padding:9px 11px;border:1px solid #c9dce3;border-radius:8px;background:#fff;font-weight:700}.mb-native-actions{display:flex;justify-content:flex-end;gap:10px;grid-column:1/-1}.mb-native-message{grid-column:1/-1;padding:10px 12px;border-radius:8px}.mb-native-message.error{background:#fff0ef;color:#9d3029}.mb-native-message.success{background:#edf9f2;color:#217449}.mb-native-status{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid var(--mb-border);border-radius:12px;background:#fff}.mb-native-status h3{text-transform:capitalize}.mb-native-status dl{display:flex;margin:0}.mb-native-status dl div{min-width:110px;padding:0 18px;border-left:1px solid var(--mb-border)}.mb-native-status dt{color:var(--mb-muted);font-size:11px}.mb-native-status dd{margin:4px 0 0;font-size:17px;font-weight:800}@media(max-width:900px){.mb-native-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-native-summary{grid-template-columns:repeat(2,1fr)}.mb-native-summary div:nth-child(2){border-right:0}.mb-native-summary div:nth-child(-n+2){border-bottom:1px solid var(--mb-border)}.mb-native-line{grid-template-columns:1fr 1fr 90px}.mb-native-allowed{align-self:center}.mb-native-attach{grid-template-columns:1fr 1fr}.mb-native-submit{grid-template-columns:1fr}.mb-native-submit fieldset,.mb-native-actions{grid-column:1}.mb-native-actions{justify-content:start}}@media(max-width:620px){.mb-native-heading,.mb-native-total,.mb-native-status{align-items:start;flex-direction:column}.mb-native-grid.three,.mb-native-summary,.mb-native-line,.mb-native-attach{grid-template-columns:1fr}.mb-native-summary div,.mb-native-summary div:nth-child(2){border-right:0;border-bottom:1px solid var(--mb-border)}.mb-native-line{align-items:stretch}.mb-native-allowed{text-align:left}.mb-native-submit fieldset{display:grid;grid-template-columns:1fr 1fr}.mb-native-status dl{width:100%}.mb-native-status dl div{min-width:0;flex:1;padding:0 10px}.mb-native-status dl div:first-child{padding-left:0;border-left:0}}
+.mb-native-review,.mb-native-status{--mb-accent:#238dbd;--mb-accent-dark:#176f98;--mb-text:#203743;--mb-muted:#657982;--mb-border:#dbe6ea;--mb-soft:#f3f8fa;--mb-surface:#fff;color:var(--mb-text);font:14px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}.mb-native-review *,.mb-native-status *{box-sizing:border-box}.mb-native-review{display:grid;gap:16px}.mb-native-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:6px 2px}.mb-native-heading h2,.mb-native-section h3,.mb-native-submit h3,.mb-native-status h3{margin:3px 0 2px;line-height:1.2}.mb-native-heading h2{font-size:25px}.mb-native-heading p,.mb-native-section p,.mb-native-submit p,.mb-native-status p{margin:0;color:var(--mb-muted)}.mb-native-eyebrow{color:#59727d;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.mb-native-total{display:flex;align-items:center;gap:18px}.mb-native-total span,.mb-native-section-head>span{border-radius:999px;background:var(--mb-soft);color:#58717c;font-size:11px;font-weight:800;padding:6px 10px;text-transform:capitalize}.mb-native-total strong{font-size:24px}.mb-native-summary{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border:1px solid var(--mb-border);border-radius:12px;background:var(--mb-surface);overflow:hidden}.mb-native-summary div{padding:17px 20px;border-right:1px solid var(--mb-border)}.mb-native-summary div:last-child{border:0}.mb-native-summary dt,.mb-native-allowed span{color:#647982;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mb-native-summary dd{margin:5px 0 0;font-weight:750}.mb-native-section{padding:20px;border:1px solid var(--mb-border);border-radius:14px;background:var(--mb-surface);box-shadow:0 8px 24px rgba(28,58,72,.04)}.mb-native-section-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:17px}.mb-native-section h3,.mb-native-submit h3,.mb-native-status h3{font-size:19px}.mb-native-grid{display:grid;gap:14px}.mb-native-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.mb-native-field{display:grid;gap:6px;min-width:0;color:var(--mb-text);font-size:12px;font-weight:750}.mb-native-required{color:#c5352e}.mb-native-field small{color:var(--mb-muted);font-size:inherit;font-weight:500}.mb-native-field input,.mb-native-attach select,.mb-native-attach input{width:100%;min-height:43px;border:1px solid var(--mb-border);border-radius:8px;background:#fff;color:var(--mb-text);font:inherit;padding:10px 12px}.mb-native-field input:focus,.mb-native-attach select:focus,.mb-native-attach input: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-lines{display:grid;gap:10px}.mb-native-line{display:grid;grid-template-columns:1.1fr 1.1fr 110px 120px 28px;align-items:end;gap:12px;padding:13px;background:var(--mb-soft);border:1px solid #e3edf0;border-radius:10px}.mb-native-allowed{display:grid;gap:5px;padding:0 8px 11px;text-align:right}.mb-native-allowed strong{font-size:16px}.mb-native-remove{border:0;background:transparent;color:#667d86;cursor:pointer;font-size:20px;padding:7px}.mb-native-note{padding:13px 15px;border:1px solid #bdd9e4;border-radius:9px;background:#f2f9fc;color:#526d78}.mb-native-note strong{color:var(--mb-text);margin-right:12px}.mb-native-documents{list-style:none;margin:14px 0;padding:0}.mb-native-documents li{display:grid;grid-template-columns:42px 1fr auto 28px;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--mb-border)}.mb-native-documents li>div{display:grid}.mb-native-documents li span{color:var(--mb-muted);font-size:12px}.mb-native-file{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#eaf5f9;color:var(--mb-accent)!important;font-size:11px!important;font-weight:850}.mb-native-attach{display:grid;grid-template-columns:1fr 230px minmax(220px,1fr) auto;align-items:end;gap:12px;padding:15px;border-radius:10px;background:var(--mb-soft)}.mb-native-attach>div{display:grid;gap:3px}.mb-native-attach span{color:var(--mb-muted);font-size:12px}.mb-native-button{min-height:40px;border:1px solid var(--mb-border);border-radius:8px;background:#fff;color:var(--mb-text);cursor:pointer;font:inherit;font-weight:750;padding:9px 14px}.mb-native-button.primary{border-color:var(--mb-accent);background:var(--mb-accent);color:#fff}.mb-native-button.primary:hover{background:var(--mb-accent-dark)}.mb-native-button.secondary{background:#fff}.mb-native-button.quiet{min-height:auto;background:var(--mb-soft);padding:7px 11px}.mb-native-button:disabled,.mb-native-remove:disabled{cursor:not-allowed;opacity:.5}.mb-native-submit{display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px;padding:22px;border:1px solid #bcd8e2;border-radius:14px;background:linear-gradient(135deg,#f3fafc,#eaf6fa)}.mb-native-submit fieldset{display:flex;gap:6px;margin:0;padding:0;border:0}.mb-native-submit legend{position:absolute;width:1px;height:1px;overflow:hidden}.mb-native-submit fieldset label{display:flex;align-items:center;gap:6px;padding:9px 11px;border:1px solid #c9dce3;border-radius:8px;background:#fff;font-weight:700}.mb-native-actions{display:flex;justify-content:flex-end;gap:10px;grid-column:1/-1}.mb-native-message{grid-column:1/-1;padding:10px 12px;border-radius:8px}.mb-native-message.error{background:#fff0ef;color:#9d3029}.mb-native-message.success{background:#edf9f2;color:#217449}.mb-native-status{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid var(--mb-border);border-radius:12px;background:#fff}.mb-native-status h3{text-transform:capitalize}.mb-native-status dl{display:flex;margin:0}.mb-native-status dl div{min-width:110px;padding:0 18px;border-left:1px solid var(--mb-border)}.mb-native-status dt{color:var(--mb-muted);font-size:11px}.mb-native-status dd{margin:4px 0 0;font-size:17px;font-weight:800}@media(max-width:900px){.mb-native-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-native-summary{grid-template-columns:repeat(2,1fr)}.mb-native-summary div:nth-child(2){border-right:0}.mb-native-summary div:nth-child(-n+2){border-bottom:1px solid var(--mb-border)}.mb-native-line{grid-template-columns:1fr 1fr 90px}.mb-native-allowed{align-self:center}.mb-native-attach{grid-template-columns:1fr 1fr}.mb-native-submit{grid-template-columns:1fr}.mb-native-submit fieldset,.mb-native-actions{grid-column:1}.mb-native-actions{justify-content:start}}@media(max-width:620px){.mb-native-heading,.mb-native-total,.mb-native-status{align-items:start;flex-direction:column}.mb-native-grid.three,.mb-native-summary,.mb-native-line,.mb-native-attach{grid-template-columns:1fr}.mb-native-summary div,.mb-native-summary div:nth-child(2){border-right:0;border-bottom:1px solid var(--mb-border)}.mb-native-line{align-items:stretch}.mb-native-allowed{text-align:left}.mb-native-submit fieldset{display:grid;grid-template-columns:1fr 1fr}.mb-native-status dl{width:100%}.mb-native-status dl div{min-width:0;flex:1;padding:0 10px}.mb-native-status dl div:first-child{padding-left:0;border-left:0}}
 .mb-native-status-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.mb-native-status-copy{min-width:150px}.mb-native-review,.mb-native-status{font-family:var(--mb-font,Inter,ui-sans-serif,system-ui,sans-serif)}
 .mb-native-review{padding:clamp(16px,2vw,24px)}
 .mb-native-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@@ -1035,19 +1043,490 @@ var NATIVE_THEME_OVERRIDE_STYLES = `
 .mb-native-combo-list{border-color:var(--mb-border);border-radius:var(--mb-control-radius);background:var(--mb-surface);box-shadow:var(--mb-shadow)}
 `;
 
+// src/bill-submission-form.tsx
+import { useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var BILL_SUBMISSION_DOCUMENT_TYPES = [
+  "final_report",
+  "proof_of_service",
+  "letter_of_attestation",
+  "form_122",
+  "return_to_work_voucher",
+  "w9",
+  "medical_records",
+  "appeal",
+  "other"
+];
+var BILL_SUBMISSION_REQUIRED_FIELDS = [
+  "patient.firstName",
+  "patient.lastName",
+  "patient.address.line1",
+  "patient.address.city",
+  "patient.address.state",
+  "patient.address.postalCode",
+  "claim.claimNumber",
+  "service.date",
+  "serviceLines[].code",
+  "serviceLines[].units"
+];
+function validateBillSubmission(bill) {
+  const errors = {};
+  const required = (path, value) => {
+    if (typeof value !== "string" || !value.trim()) errors[path] = "Required";
+  };
+  required("patient.firstName", bill.patient.firstName);
+  required("patient.lastName", bill.patient.lastName);
+  required("patient.address.line1", bill.patient.address.line1);
+  required("patient.address.city", bill.patient.address.city);
+  required("patient.address.state", bill.patient.address.state);
+  required("patient.address.postalCode", bill.patient.address.postalCode);
+  required("claim.claimNumber", bill.claim.claimNumber);
+  required("service.date", bill.service.date);
+  if (bill.patient.address.state.trim().length !== 2)
+    errors["patient.address.state"] = "Use a 2-letter state code";
+  if (!bill.serviceLines.length) errors.serviceLines = "Add at least one service line";
+  bill.serviceLines.forEach((line, index) => {
+    required(`serviceLines.${index}.code`, line.code);
+    if (!Number.isInteger(line.units) || (line.units ?? 0) < 1)
+      errors[`serviceLines.${index}.units`] = "Enter at least 1 unit";
+    if (bill.billingMode === "professional" && (!Number.isFinite(line.charge) || (line.charge ?? 0) < 0))
+      errors[`serviceLines.${index}.charge`] = "Enter the billed charge";
+  });
+  return { valid: Object.keys(errors).length === 0, fieldErrors: errors };
+}
+var MAX_PDF_BYTES = 25 * 1024 * 1024;
+var MAX_UPLOAD_BYTES = 100 * 1024 * 1024;
+var MAX_DOCUMENTS = 25;
+var EMPTY_ATTACHMENTS = [];
+var documentLabels = {
+  final_report: "Final report",
+  proof_of_service: "Proof of service",
+  letter_of_attestation: "Letter of attestation",
+  form_122: "Form 122",
+  return_to_work_voucher: "Return-to-work voucher",
+  w9: "W-9",
+  medical_records: "Medical records",
+  appeal: "Appeal",
+  other: "Other"
+};
+function cloneBill(bill) {
+  return {
+    ...bill,
+    patient: { ...bill.patient, address: { ...bill.patient.address } },
+    claim: {
+      ...bill.claim,
+      ...bill.claim.claimsAdministrator ? { claimsAdministrator: { ...bill.claim.claimsAdministrator } } : {}
+    },
+    service: { ...bill.service },
+    ...bill.billingProvider ? {
+      billingProvider: {
+        ...bill.billingProvider,
+        ...bill.billingProvider.address ? { address: { ...bill.billingProvider.address } } : {}
+      }
+    } : {},
+    ...bill.renderingProvider ? { renderingProvider: { ...bill.renderingProvider } } : {},
+    ...bill.serviceLocation ? {
+      serviceLocation: {
+        ...bill.serviceLocation,
+        ...bill.serviceLocation.address ? { address: { ...bill.serviceLocation.address } } : {}
+      }
+    } : {},
+    diagnoses: [...bill.diagnoses ?? []],
+    serviceLines: bill.serviceLines.length ? bill.serviceLines.map((line) => ({
+      ...line,
+      modifiers: [...line.modifiers ?? []],
+      diagnosisPointers: [...line.diagnosisPointers ?? []],
+      units: line.units ?? 1
+    })) : [{ code: "", modifiers: [], units: 1 }]
+  };
+}
+var styles = {
+  root: {
+    display: "grid",
+    gap: 18,
+    color: "var(--mb-text)",
+    fontFamily: "var(--mb-font)"
+  },
+  heading: {
+    display: "flex",
+    alignItems: "start",
+    justifyContent: "space-between",
+    gap: 20
+  },
+  title: { margin: 0, fontSize: 22, lineHeight: 1.2 },
+  copy: { margin: "5px 0 0", color: "var(--mb-muted)", fontSize: 14 },
+  requiredNote: { color: "var(--mb-muted)", fontSize: 13, whiteSpace: "nowrap" },
+  section: {
+    minWidth: 0,
+    margin: 0,
+    padding: 20,
+    border: "1px solid var(--mb-border)",
+    borderRadius: "var(--mb-radius)",
+    background: "var(--mb-surface)",
+    boxShadow: "var(--mb-shadow)"
+  },
+  legend: { padding: "0 8px", fontWeight: 700, fontSize: 15 },
+  grid: {
+    display: "grid",
+    gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 210px), 1fr))",
+    gap: 14
+  },
+  field: { display: "grid", alignContent: "start", gap: 6, minWidth: 0 },
+  label: { color: "var(--mb-muted)", fontSize: 12, fontWeight: 700 },
+  input: {
+    boxSizing: "border-box",
+    width: "100%",
+    minHeight: 40,
+    padding: "9px 11px",
+    border: "1px solid var(--mb-border)",
+    borderRadius: "var(--mb-control-radius)",
+    background: "var(--mb-input)",
+    color: "var(--mb-text)",
+    font: "inherit"
+  },
+  tableWrap: { overflowX: "auto" },
+  table: { width: "100%", minWidth: 610, borderCollapse: "collapse" },
+  th: {
+    padding: "0 8px 8px",
+    color: "var(--mb-muted)",
+    fontSize: 12,
+    textAlign: "left"
+  },
+  td: { padding: "7px 8px", borderTop: "1px solid var(--mb-border)" },
+  secondaryButton: {
+    minHeight: 36,
+    padding: "7px 11px",
+    border: "1px solid var(--mb-border)",
+    borderRadius: "var(--mb-control-radius)",
+    background: "var(--mb-surface)",
+    color: "var(--mb-text)",
+    font: "inherit",
+    fontWeight: 650,
+    cursor: "pointer"
+  },
+  attachment: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 12,
+    padding: "11px 0",
+    borderBottom: "1px solid var(--mb-border)"
+  },
+  attachmentName: { display: "grid", gap: 2, minWidth: 0, flex: 1 },
+  attachmentMeta: { color: "var(--mb-muted)", fontSize: 12 },
+  error: {
+    padding: "11px 13px",
+    borderRadius: "var(--mb-control-radius)",
+    background: "color-mix(in srgb, var(--mb-danger) 10%, transparent)",
+    color: "var(--mb-danger)",
+    fontSize: 13
+  },
+  actions: { display: "flex", justifyContent: "flex-end" },
+  submit: {
+    minWidth: 150,
+    minHeight: 42,
+    padding: "10px 20px",
+    border: 0,
+    borderRadius: "var(--mb-control-radius)",
+    background: "var(--mb-accent)",
+    color: "var(--mb-accent-contrast)",
+    font: "inherit",
+    fontWeight: 750,
+    cursor: "pointer"
+  }
+};
+function RequiredMark() {
+  return /* @__PURE__ */ jsx2("span", { className: "required-mark", style: { color: "var(--mb-danger)" }, children: " *" });
+}
+function Field2({
+  label,
+  required,
+  error,
+  children
+}) {
+  return /* @__PURE__ */ jsxs2("label", { style: styles.field, children: [
+    /* @__PURE__ */ jsxs2("span", { style: styles.label, children: [
+      label,
+      required ? /* @__PURE__ */ jsx2(RequiredMark, {}) : null
+    ] }),
+    children,
+    error ? /* @__PURE__ */ jsx2("span", { style: { color: "var(--mb-danger)", fontSize: 12 }, children: error }) : null
+  ] });
+}
+function inputValue(value) {
+  return value ?? "";
+}
+function BillSubmissionForm({
+  initialBill,
+  attachments = EMPTY_ATTACHMENTS,
+  onSubmit,
+  appearance,
+  className = "bill-submission-form",
+  style,
+  disabled = false,
+  submitLabel = "Submit bill",
+  heading = "Bill information",
+  description = "Review the bill details, add attachments, and submit."
+}) {
+  const [bill, setBill] = useState2(() => cloneBill(initialBill));
+  const [selectedIds, setSelectedIds] = useState2(
+    () => attachments.filter((item) => item.selected !== false).map((item) => item.id)
+  );
+  const [uploads, setUploads] = useState2([]);
+  const [errors, setErrors] = useState2({});
+  const [formError, setFormError] = useState2(null);
+  const [submitting, setSubmitting] = useState2(false);
+  useEffect2(() => {
+    setBill(cloneBill(initialBill));
+    setSelectedIds(
+      attachments.filter((item) => item.selected !== false).map((item) => item.id)
+    );
+    setUploads([]);
+    setErrors({});
+    setFormError(null);
+  }, [initialBill, attachments]);
+  const diagnoses = useMemo2(() => (bill.diagnoses ?? []).join(", "), [bill.diagnoses]);
+  const locked = disabled || submitting;
+  const setPatient = (patch) => setBill((current) => ({ ...current, patient: { ...current.patient, ...patch } }));
+  const setOptionalPatient = (key, value) => setBill((current) => {
+    const patient = { ...current.patient };
+    if (value) patient[key] = value;
+    else delete patient[key];
+    return { ...current, patient };
+  });
+  const setAddress = (patch) => setBill((current) => ({
+    ...current,
+    patient: {
+      ...current.patient,
+      address: { ...current.patient.address, ...patch }
+    }
+  }));
+  const setClaim = (patch) => setBill((current) => ({ ...current, claim: { ...current.claim, ...patch } }));
+  const setOptionalClaim = (key, value) => setBill((current) => {
+    const claim = { ...current.claim };
+    if (value) claim[key] = value;
+    else delete claim[key];
+    return { ...current, claim };
+  });
+  const setService = (patch) => setBill((current) => ({ ...current, service: { ...current.service, ...patch } }));
+  const setLine = (index, patch) => setBill((current) => ({
+    ...current,
+    serviceLines: current.serviceLines.map(
+      (line, lineIndex) => lineIndex === index ? { ...line, ...patch } : line
+    )
+  }));
+  const setOptionalLineNumber = (index, key, value) => setBill((current) => ({
+    ...current,
+    serviceLines: current.serviceLines.map((line, lineIndex) => {
+      if (lineIndex !== index) return line;
+      const next = { ...line };
+      if (value === "") delete next[key];
+      else next[key] = Number(value);
+      return next;
+    })
+  }));
+  const textInput = (value, onChange, options) => /* @__PURE__ */ jsx2(
+    "input",
+    {
+      style: styles.input,
+      value: inputValue(value),
+      disabled: locked,
+      onChange: (event) => onChange(event.target.value),
+      ...options
+    }
+  );
+  async function submit() {
+    const validation = validateBillSubmission(bill);
+    setErrors(validation.fieldErrors);
+    setFormError(null);
+    if (!validation.valid) {
+      setFormError("Complete the required fields before submitting.");
+      return;
+    }
+    if (selectedIds.length + uploads.length > MAX_DOCUMENTS) {
+      setFormError(`A bill can include at most ${MAX_DOCUMENTS} attachments.`);
+      return;
+    }
+    setSubmitting(true);
+    try {
+      await onSubmit({ bill: cloneBill(bill), sourceAttachmentIds: selectedIds, uploads });
+    } catch (caught) {
+      setFormError(caught instanceof Error ? caught.message : "Unable to submit the bill.");
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs2(
+    "form",
+    {
+      className,
+      style: { ...mindBillAppearanceStyle(appearance), ...styles.root, ...style },
+      onSubmit: (event) => {
+        event.preventDefault();
+        void submit();
+      },
+      noValidate: true,
+      children: [
+        /* @__PURE__ */ jsxs2("div", { style: styles.heading, children: [
+          /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx2("h3", { style: styles.title, children: heading }),
+            /* @__PURE__ */ jsx2("p", { style: styles.copy, children: description })
+          ] }),
+          /* @__PURE__ */ jsxs2("span", { style: styles.requiredNote, children: [
+            /* @__PURE__ */ jsx2(RequiredMark, {}),
+            " Required"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs2("fieldset", { style: styles.section, disabled: locked, children: [
+          /* @__PURE__ */ jsx2("legend", { style: styles.legend, children: "Patient" }),
+          /* @__PURE__ */ jsxs2("div", { style: styles.grid, children: [
+            /* @__PURE__ */ jsx2(Field2, { label: "First name", required: true, error: errors["patient.firstName"], children: textInput(bill.patient.firstName, (firstName) => setPatient({ firstName }), { required: true }) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Middle name", children: textInput(bill.patient.middleName, (middleName) => setPatient({ middleName })) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Last name", required: true, error: errors["patient.lastName"], children: textInput(bill.patient.lastName, (lastName) => setPatient({ lastName }), { required: true }) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Date of birth", children: textInput(bill.patient.dateOfBirth, (dateOfBirth) => setOptionalPatient("dateOfBirth", dateOfBirth), { type: "date" }) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Phone", children: textInput(bill.patient.phone, (phone) => setPatient({ phone }), { type: "tel" }) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Address", required: true, error: errors["patient.address.line1"], children: textInput(bill.patient.address.line1, (line1) => setAddress({ line1 }), { required: true }) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "City", required: true, error: errors["patient.address.city"], children: textInput(bill.patient.address.city, (city) => setAddress({ city }), { required: true }) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "State", required: true, error: errors["patient.address.state"], children: textInput(bill.patient.address.state, (state) => setAddress({ state }), { required: true, maxLength: 2 }) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "ZIP", required: true, error: errors["patient.address.postalCode"], children: textInput(bill.patient.address.postalCode, (postalCode) => setAddress({ postalCode }), { required: true }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs2("fieldset", { style: styles.section, disabled: locked, children: [
+          /* @__PURE__ */ jsx2("legend", { style: styles.legend, children: "Claim & service" }),
+          /* @__PURE__ */ jsxs2("div", { style: styles.grid, children: [
+            /* @__PURE__ */ jsx2(Field2, { label: "Claim number", required: true, error: errors["claim.claimNumber"], children: textInput(bill.claim.claimNumber, (claimNumber) => setClaim({ claimNumber }), { required: true }) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "ADJ number", children: textInput(bill.claim.adjNumber, (adjNumber) => setClaim({ adjNumber })) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Employer", children: textInput(bill.claim.employer, (employer) => setClaim({ employer })) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Date of injury", children: textInput(bill.claim.dateOfInjury, (dateOfInjury) => setOptionalClaim("dateOfInjury", dateOfInjury), { type: "date" }) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Claims administrator", children: textInput(bill.claim.claimsAdministrator?.name, (name) => setBill((current) => {
+              const claim = { ...current.claim };
+              if (name) claim.claimsAdministrator = { ...claim.claimsAdministrator, name };
+              else delete claim.claimsAdministrator;
+              return { ...current, claim };
+            })) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Service date", required: true, error: errors["service.date"], children: textInput(bill.service.date, (date) => setService({ date }), { type: "date", required: true }) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Diagnoses", children: textInput(diagnoses, (value) => setBill((current) => ({ ...current, diagnoses: value.split(",").map((item) => item.trim()).filter(Boolean) })), { placeholder: "Comma-separated codes" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs2("fieldset", { style: styles.section, disabled: locked, children: [
+          /* @__PURE__ */ jsx2("legend", { style: styles.legend, children: "Providers & location" }),
+          /* @__PURE__ */ jsxs2("div", { style: styles.grid, children: [
+            /* @__PURE__ */ jsx2(Field2, { label: "Billing provider", children: textInput(bill.billingProvider?.name, (name) => setBill((current) => ({ ...current, billingProvider: { ...current.billingProvider, name } }))) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Billing tax ID", children: textInput(bill.billingProvider?.taxId, (taxId) => setBill((current) => ({ ...current, billingProvider: { ...current.billingProvider, taxId } }))) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Billing NPI", children: textInput(bill.billingProvider?.npi, (npi) => setBill((current) => ({ ...current, billingProvider: { ...current.billingProvider, npi } }))) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Billing phone", children: textInput(bill.billingProvider?.phone, (phone) => setBill((current) => ({ ...current, billingProvider: { ...current.billingProvider, phone } }))) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Rendering provider", children: textInput(bill.renderingProvider?.name, (name) => setBill((current) => ({ ...current, renderingProvider: { ...current.renderingProvider, name } }))) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Specialty", children: textInput(bill.renderingProvider?.specialty, (specialty) => setBill((current) => ({ ...current, renderingProvider: { ...current.renderingProvider, specialty } }))) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Rendering NPI", children: textInput(bill.renderingProvider?.npi, (npi) => setBill((current) => ({ ...current, renderingProvider: { ...current.renderingProvider, npi } }))) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "License number", children: textInput(bill.renderingProvider?.licenseNumber, (licenseNumber) => setBill((current) => ({ ...current, renderingProvider: { ...current.renderingProvider, licenseNumber } }))) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "License state", children: textInput(bill.renderingProvider?.licenseState, (licenseState) => setBill((current) => ({ ...current, renderingProvider: { ...current.renderingProvider, licenseState } })), { maxLength: 2 }) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Service location", children: textInput(bill.serviceLocation?.name, (name) => setBill((current) => ({ ...current, serviceLocation: { ...current.serviceLocation, name } }))) }),
+            /* @__PURE__ */ jsx2(Field2, { label: "Place of service", children: textInput(bill.serviceLocation?.placeOfServiceCode, (placeOfServiceCode) => setBill((current) => ({ ...current, serviceLocation: { ...current.serviceLocation, placeOfServiceCode } })), { maxLength: 2 }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs2("fieldset", { style: styles.section, disabled: locked, children: [
+          /* @__PURE__ */ jsx2("legend", { style: styles.legend, children: "Service lines" }),
+          /* @__PURE__ */ jsx2("div", { style: styles.tableWrap, children: /* @__PURE__ */ jsxs2("table", { "aria-label": "Service lines", style: styles.table, children: [
+            /* @__PURE__ */ jsx2("thead", { children: /* @__PURE__ */ jsxs2("tr", { children: [
+              /* @__PURE__ */ jsxs2("th", { style: styles.th, children: [
+                "Code",
+                /* @__PURE__ */ jsx2(RequiredMark, {})
+              ] }),
+              /* @__PURE__ */ jsx2("th", { style: styles.th, children: "Modifiers" }),
+              /* @__PURE__ */ jsxs2("th", { style: styles.th, children: [
+                "Units",
+                /* @__PURE__ */ jsx2(RequiredMark, {})
+              ] }),
+              bill.billingMode === "professional" ? /* @__PURE__ */ jsxs2("th", { style: styles.th, children: [
+                "Charge",
+                /* @__PURE__ */ jsx2(RequiredMark, {})
+              ] }) : null,
+              /* @__PURE__ */ jsx2("th", { style: styles.th, "aria-label": "Actions" })
+            ] }) }),
+            /* @__PURE__ */ jsx2("tbody", { children: bill.serviceLines.map((line, index) => /* @__PURE__ */ jsxs2("tr", { children: [
+              /* @__PURE__ */ jsxs2("td", { style: styles.td, children: [
+                textInput(line.code, (code) => setLine(index, { code }), { required: true }),
+                errors[`serviceLines.${index}.code`] ? /* @__PURE__ */ jsx2("span", { style: { color: "var(--mb-danger)", fontSize: 12 }, children: errors[`serviceLines.${index}.code`] }) : null
+              ] }),
+              /* @__PURE__ */ jsx2("td", { style: styles.td, children: textInput((line.modifiers ?? []).join(", "), (value) => setLine(index, { modifiers: value.split(",").map((item) => item.trim()).filter(Boolean) })) }),
+              /* @__PURE__ */ jsxs2("td", { style: styles.td, children: [
+                /* @__PURE__ */ jsx2("input", { style: styles.input, type: "number", min: 1, required: true, value: line.units ?? 1, onChange: (event) => setLine(index, { units: Number(event.target.value) }) }),
+                errors[`serviceLines.${index}.units`] ? /* @__PURE__ */ jsx2("span", { style: { color: "var(--mb-danger)", fontSize: 12 }, children: errors[`serviceLines.${index}.units`] }) : null
+              ] }),
+              bill.billingMode === "professional" ? /* @__PURE__ */ jsxs2("td", { style: styles.td, children: [
+                /* @__PURE__ */ jsx2("input", { style: styles.input, type: "number", min: 0, step: "0.01", required: true, value: line.charge ?? "", onChange: (event) => setOptionalLineNumber(index, "charge", event.target.value) }),
+                errors[`serviceLines.${index}.charge`] ? /* @__PURE__ */ jsx2("span", { style: { color: "var(--mb-danger)", fontSize: 12 }, children: errors[`serviceLines.${index}.charge`] }) : null
+              ] }) : null,
+              /* @__PURE__ */ jsx2("td", { style: styles.td, children: /* @__PURE__ */ jsx2("button", { style: styles.secondaryButton, type: "button", disabled: locked || bill.serviceLines.length === 1, onClick: () => setBill((current) => ({ ...current, serviceLines: current.serviceLines.filter((_, lineIndex) => lineIndex !== index) })), children: "Remove" }) })
+            ] }, index)) })
+          ] }) }),
+          errors.serviceLines ? /* @__PURE__ */ jsx2("p", { style: { color: "var(--mb-danger)", fontSize: 12 }, children: errors.serviceLines }) : null,
+          /* @__PURE__ */ jsx2("button", { style: { ...styles.secondaryButton, marginTop: 12 }, type: "button", disabled: locked, onClick: () => setBill((current) => ({ ...current, serviceLines: [...current.serviceLines, { code: "", modifiers: [], units: 1 }] })), children: "+ Add service line" })
+        ] }),
+        /* @__PURE__ */ jsxs2("fieldset", { style: styles.section, disabled: locked, children: [
+          /* @__PURE__ */ jsx2("legend", { style: styles.legend, children: "Attachments" }),
+          attachments.map((attachment) => /* @__PURE__ */ jsxs2("label", { style: styles.attachment, children: [
+            /* @__PURE__ */ jsx2("input", { type: "checkbox", checked: selectedIds.includes(attachment.id), onChange: (event) => {
+              if (event.target.checked && selectedIds.length + uploads.length >= MAX_DOCUMENTS) {
+                setFormError(`A bill can include at most ${MAX_DOCUMENTS} attachments.`);
+                return;
+              }
+              setSelectedIds((current) => event.target.checked ? [.../* @__PURE__ */ new Set([...current, attachment.id])] : current.filter((id) => id !== attachment.id));
+            } }),
+            /* @__PURE__ */ jsxs2("span", { style: styles.attachmentName, children: [
+              /* @__PURE__ */ jsx2("strong", { children: attachment.fileName }),
+              /* @__PURE__ */ jsx2("span", { style: styles.attachmentMeta, children: attachment.description || documentLabels[attachment.documentType] })
+            ] })
+          ] }, attachment.id)),
+          uploads.map((upload, index) => /* @__PURE__ */ jsxs2("div", { style: styles.attachment, children: [
+            /* @__PURE__ */ jsxs2("span", { style: styles.attachmentName, children: [
+              /* @__PURE__ */ jsx2("strong", { children: upload.file.name }),
+              /* @__PURE__ */ jsxs2("span", { style: styles.attachmentMeta, children: [
+                (upload.file.size / 1024 / 1024).toFixed(1),
+                " MB"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx2("select", { style: { ...styles.input, width: 180 }, value: upload.documentType, onChange: (event) => setUploads((current) => current.map((item, itemIndex) => itemIndex === index ? { ...item, documentType: event.target.value } : item)), children: BILL_SUBMISSION_DOCUMENT_TYPES.map((type) => /* @__PURE__ */ jsx2("option", { value: type, children: documentLabels[type] }, type)) }),
+            /* @__PURE__ */ jsx2("button", { style: styles.secondaryButton, type: "button", onClick: () => setUploads((current) => current.filter((_, itemIndex) => itemIndex !== index)), children: "Remove" })
+          ] }, `${upload.file.name}-${index}`)),
+          !attachments.length && !uploads.length ? /* @__PURE__ */ jsx2("p", { style: styles.copy, children: "No attachments added." }) : null,
+          /* @__PURE__ */ jsxs2("label", { style: { ...styles.secondaryButton, display: "inline-flex", alignItems: "center", marginTop: 14 }, children: [
+            "Add PDF attachments",
+            /* @__PURE__ */ jsx2("input", { hidden: true, type: "file", accept: "application/pdf,.pdf", multiple: true, onChange: (event) => {
+              const files = Array.from(event.target.files ?? []);
+              event.target.value = "";
+              setFormError(null);
+              const invalid = files.find((file) => file.type !== "application/pdf" && !file.name.toLowerCase().endsWith(".pdf"));
+              if (invalid) return setFormError(`${invalid.name} is not a PDF.`);
+              const oversized = files.find((file) => file.size > MAX_PDF_BYTES);
+              if (oversized) return setFormError(`${oversized.name} is larger than 25 MB.`);
+              const nextBytes = [...uploads.map((item) => item.file), ...files].reduce((sum, file) => sum + file.size, 0);
+              if (nextBytes > MAX_UPLOAD_BYTES) return setFormError("Attachments exceed the 100 MB upload limit.");
+              if (selectedIds.length + uploads.length + files.length > MAX_DOCUMENTS) return setFormError(`A bill can include at most ${MAX_DOCUMENTS} attachments.`);
+              setUploads((current) => [...current, ...files.map((file) => ({ file, documentType: "other" }))]);
+            } })
+          ] })
+        ] }),
+        formError ? /* @__PURE__ */ jsx2("div", { style: styles.error, role: "alert", children: formError }) : null,
+        /* @__PURE__ */ jsx2("div", { style: styles.actions, children: /* @__PURE__ */ jsx2("button", { style: { ...styles.submit, opacity: locked ? 0.65 : 1 }, type: "submit", disabled: locked, children: submitting ? "Submitting\u2026" : submitLabel }) })
+      ]
+    }
+  );
+}
+
 // src/connected-bill-status.tsx
 import {
   useCallback,
-  useEffect as useEffect2,
-  useMemo as useMemo2,
+  useEffect as useEffect3,
+  useMemo as useMemo3,
   useRef as useRef2,
-  useState as useState2
+  useState as useState3
 } from "react";
 import {
   DEFAULT_API_BASE_URL,
   DEFAULT_SESSION_ENDPOINT
 } from "@mindbill/browser";
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var DEFAULT_REFRESH_INTERVAL = 6e4;
 async function responseError(response, fallback) {
   const body = await response.json().catch(() => null);
@@ -1180,23 +1659,23 @@ function useBillStatus({
   initialData = null,
   fetch: fetchOverride
 }) {
-  const client = useMemo2(() => createBillStatusClient({
+  const client = useMemo3(() => createBillStatusClient({
     billId,
     sessionEndpoint,
     ...getSession ? { getSession } : {},
     apiBaseUrl,
     ...fetchOverride ? { fetch: fetchOverride } : {}
   }), [apiBaseUrl, billId, fetchOverride, getSession, sessionEndpoint]);
-  const [data, setData] = useState2(initialData);
-  const [error, setError] = useState2(null);
-  const [isLoading, setIsLoading] = useState2(enabled && !initialData);
-  const [isRefreshing, setIsRefreshing] = useState2(false);
+  const [data, setData] = useState3(initialData);
+  const [error, setError] = useState3(null);
+  const [isLoading, setIsLoading] = useState3(enabled && !initialData);
+  const [isRefreshing, setIsRefreshing] = useState3(false);
   const dataRef = useRef2(initialData);
   const initialDataRef = useRef2(initialData);
   initialDataRef.current = initialData;
   const activeControllerRef = useRef2(null);
   const requestSequence = useRef2(0);
-  useEffect2(() => {
+  useEffect3(() => {
     const seed = initialDataRef.current;
     dataRef.current = seed;
     setData(seed);
@@ -1237,10 +1716,10 @@ function useBillStatus({
       }
     }
   }, [billId, client, enabled]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (enabled) void load();
   }, [enabled, load]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!enabled || refreshInterval <= 0) return;
     const timer = window.setInterval(() => void load(), refreshInterval);
     const onFocus = () => void load();
@@ -1268,17 +1747,17 @@ function ConnectedBillStatus({
 }) {
   const status = useBillStatus(options);
   if (status.isLoading && !status.data) {
-    return /* @__PURE__ */ jsx2(Fragment2, { children: loadingFallback ?? /* @__PURE__ */ jsx2("div", { role: "status", children: "Loading bill status\u2026" }) });
+    return /* @__PURE__ */ jsx3(Fragment2, { children: loadingFallback ?? /* @__PURE__ */ jsx3("div", { role: "status", children: "Loading bill status\u2026" }) });
   }
   if (status.error && !status.data) {
-    return /* @__PURE__ */ jsx2(Fragment2, { children: errorFallback?.(status.error, status.refresh) ?? /* @__PURE__ */ jsxs2("div", { role: "alert", children: [
+    return /* @__PURE__ */ jsx3(Fragment2, { children: errorFallback?.(status.error, status.refresh) ?? /* @__PURE__ */ jsxs3("div", { role: "alert", children: [
       status.error.message,
       " ",
-      /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => void status.refresh(), children: "Retry" })
+      /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => void status.refresh(), children: "Retry" })
     ] }) });
   }
   if (!status.data) return null;
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     BillStatusSummary,
     {
       status: status.data.state,
@@ -1297,7 +1776,7 @@ function ConnectedBillStatus({
 }
 
 // src/bill-lifecycle-surfaces.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function visibleBillLifecycleActions(actions, showUnavailable = false) {
   return actions.filter((action) => action.enabled || showUnavailable);
 }
@@ -1312,11 +1791,11 @@ function BillLifecycleActions({
 }) {
   const visible = visibleBillLifecycleActions(actions, showUnavailable);
   if (!visible.length) return null;
-  return /* @__PURE__ */ jsxs3("div", { className: classes("mb-lifecycle-actions", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill actions", children: [
-    /* @__PURE__ */ jsx3("style", { children: lifecycleSurfaceStyles }),
-    visible.map((action) => /* @__PURE__ */ jsxs3("div", { className: "mb-lifecycle-action", children: [
-      /* @__PURE__ */ jsx3("button", { type: "button", className: action.primary ? "mb-action-button is-primary" : "mb-action-button", disabled: disabled || !action.enabled, onClick: () => onAction(action), children: action.label }),
-      !action.enabled && action.reason ? /* @__PURE__ */ jsx3("span", { className: "mb-action-reason", children: action.reason }) : null
+  return /* @__PURE__ */ jsxs4("div", { className: classes("mb-lifecycle-actions", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill actions", children: [
+    /* @__PURE__ */ jsx4("style", { children: lifecycleSurfaceStyles }),
+    visible.map((action) => /* @__PURE__ */ jsxs4("div", { className: "mb-lifecycle-action", children: [
+      /* @__PURE__ */ jsx4("button", { type: "button", className: action.primary ? "mb-action-button is-primary" : "mb-action-button", disabled: disabled || !action.enabled, onClick: () => onAction(action), children: action.label }),
+      !action.enabled && action.reason ? /* @__PURE__ */ jsx4("span", { className: "mb-action-reason", children: action.reason }) : null
     ] }, action.id))
   ] });
 }
@@ -1348,21 +1827,21 @@ function defaultFormatDate(createdAt) {
   return new Intl.DateTimeFormat(void 0, { dateStyle: "medium", timeStyle: "short" }).format(parsed);
 }
 function BillActivityTimeline({ events, emptyLabel = "No bill activity yet.", appearance, className, style, formatDate = defaultFormatDate }) {
-  return /* @__PURE__ */ jsxs3("section", { className: classes("mb-surface mb-activity", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill activity", children: [
-    /* @__PURE__ */ jsx3("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsxs3("header", { className: "mb-surface-heading", children: [
-      /* @__PURE__ */ jsxs3("div", { children: [
-        /* @__PURE__ */ jsx3("strong", { children: "Bill history" }),
-        /* @__PURE__ */ jsx3("span", { children: "Submission, payer responses, follow-up, and payments." })
+  return /* @__PURE__ */ jsxs4("section", { className: classes("mb-surface mb-activity", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill activity", children: [
+    /* @__PURE__ */ jsx4("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsxs4("header", { className: "mb-surface-heading", children: [
+      /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx4("strong", { children: "Bill history" }),
+        /* @__PURE__ */ jsx4("span", { children: "Submission, payer responses, follow-up, and payments." })
       ] }),
-      /* @__PURE__ */ jsx3("span", { children: events.length })
+      /* @__PURE__ */ jsx4("span", { children: events.length })
     ] }),
-    !events.length ? /* @__PURE__ */ jsx3("p", { className: "mb-activity-empty", children: emptyLabel }) : /* @__PURE__ */ jsx3("ol", { className: "mb-activity-list", children: events.map((event) => /* @__PURE__ */ jsxs3("li", { className: "mb-activity-item", children: [
-      /* @__PURE__ */ jsx3("span", { className: "mb-activity-marker", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsxs3("div", { className: "mb-activity-content", children: [
-        /* @__PURE__ */ jsx3("strong", { children: event.title ?? billActivityEventLabel(event.type) }),
-        event.description ? /* @__PURE__ */ jsx3("p", { children: event.description }) : null,
-        /* @__PURE__ */ jsxs3("span", { children: [
+    !events.length ? /* @__PURE__ */ jsx4("p", { className: "mb-activity-empty", children: emptyLabel }) : /* @__PURE__ */ jsx4("ol", { className: "mb-activity-list", children: events.map((event) => /* @__PURE__ */ jsxs4("li", { className: "mb-activity-item", children: [
+      /* @__PURE__ */ jsx4("span", { className: "mb-activity-marker", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs4("div", { className: "mb-activity-content", children: [
+        /* @__PURE__ */ jsx4("strong", { children: event.title ?? billActivityEventLabel(event.type) }),
+        event.description ? /* @__PURE__ */ jsx4("p", { children: event.description }) : null,
+        /* @__PURE__ */ jsxs4("span", { children: [
           formatDate(event.createdAt),
           event.actor ? ` \xB7 ${event.actor}` : ""
         ] })
@@ -1390,20 +1869,20 @@ function billLifecycleStage(state) {
 function BillLifecycleProgress({ state, nativeStatus, submittedAt, agingDays, appearance, className, style }) {
   const current = billLifecycleStage(state);
   const currentIndex = lifecycleStages.findIndex((stage) => stage.id === current);
-  return /* @__PURE__ */ jsxs3("section", { className: classes("mb-surface mb-progress", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill lifecycle", children: [
-    /* @__PURE__ */ jsx3("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsx3("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs3("div", { children: [
-      /* @__PURE__ */ jsx3("strong", { children: humanize(nativeStatus || state) }),
-      /* @__PURE__ */ jsxs3("span", { children: [
+  return /* @__PURE__ */ jsxs4("section", { className: classes("mb-surface mb-progress", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill lifecycle", children: [
+    /* @__PURE__ */ jsx4("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsx4("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs4("div", { children: [
+      /* @__PURE__ */ jsx4("strong", { children: humanize(nativeStatus || state) }),
+      /* @__PURE__ */ jsxs4("span", { children: [
         submittedAt ? `Submitted ${defaultFormatDate(submittedAt)}` : "Not submitted",
         typeof agingDays === "number" ? ` \xB7 ${agingDays} days old` : ""
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx3("ol", { className: "mb-progress-list", children: lifecycleStages.map((stage, index) => {
+    /* @__PURE__ */ jsx4("ol", { className: "mb-progress-list", children: lifecycleStages.map((stage, index) => {
       const status = index < currentIndex ? "complete" : index === currentIndex ? "current" : "upcoming";
-      return /* @__PURE__ */ jsxs3("li", { className: `is-${status}`, "aria-current": status === "current" ? "step" : void 0, children: [
-        /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", children: status === "complete" ? "\u2713" : index + 1 }),
-        /* @__PURE__ */ jsx3("b", { children: stage.label })
+      return /* @__PURE__ */ jsxs4("li", { className: `is-${status}`, "aria-current": status === "current" ? "step" : void 0, children: [
+        /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", children: status === "complete" ? "\u2713" : index + 1 }),
+        /* @__PURE__ */ jsx4("b", { children: stage.label })
       ] }, stage.id);
     }) })
   ] });
@@ -1417,45 +1896,45 @@ function BillSnapshotSummary({ bill, patient, injury, delivery, appearance, clas
     ["Charged", currency(bill.totalCharge)],
     ["Balance", currency(bill.balanceDue)]
   ];
-  return /* @__PURE__ */ jsxs3("section", { className: classes("mb-surface mb-snapshot", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill snapshot", children: [
-    /* @__PURE__ */ jsx3("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsx3("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs3("div", { children: [
-      /* @__PURE__ */ jsx3("strong", { children: "Bill snapshot" }),
-      /* @__PURE__ */ jsxs3("span", { children: [
+  return /* @__PURE__ */ jsxs4("section", { className: classes("mb-surface mb-snapshot", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Bill snapshot", children: [
+    /* @__PURE__ */ jsx4("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsx4("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs4("div", { children: [
+      /* @__PURE__ */ jsx4("strong", { children: "Bill snapshot" }),
+      /* @__PURE__ */ jsxs4("span", { children: [
         "Bill #",
         bill.billNumber
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx3("dl", { children: values.map(([label, value]) => /* @__PURE__ */ jsxs3("div", { children: [
-      /* @__PURE__ */ jsx3("dt", { children: label }),
-      /* @__PURE__ */ jsx3("dd", { children: value })
+    /* @__PURE__ */ jsx4("dl", { children: values.map(([label, value]) => /* @__PURE__ */ jsxs4("div", { children: [
+      /* @__PURE__ */ jsx4("dt", { children: label }),
+      /* @__PURE__ */ jsx4("dd", { children: value })
     ] }, label)) })
   ] });
 }
 function BillRemittanceCard({ remittance, appearance, className, style }) {
-  return /* @__PURE__ */ jsxs3("section", { className: classes("mb-surface mb-remittance", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Remittance summary", children: [
-    /* @__PURE__ */ jsx3("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsx3("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs3("div", { children: [
-      /* @__PURE__ */ jsx3("strong", { children: "Remittance" }),
-      /* @__PURE__ */ jsx3("span", { children: "Amounts reported by the payer and posted to the bill." })
+  return /* @__PURE__ */ jsxs4("section", { className: classes("mb-surface mb-remittance", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Remittance summary", children: [
+    /* @__PURE__ */ jsx4("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsx4("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs4("div", { children: [
+      /* @__PURE__ */ jsx4("strong", { children: "Remittance" }),
+      /* @__PURE__ */ jsx4("span", { children: "Amounts reported by the payer and posted to the bill." })
     ] }) }),
-    /* @__PURE__ */ jsxs3("dl", { children: [
-      /* @__PURE__ */ jsxs3("div", { children: [
-        /* @__PURE__ */ jsx3("dt", { children: "Payer reported" }),
-        /* @__PURE__ */ jsx3("dd", { children: remittance.payerReportedPaid === null ? "\u2014" : currency(remittance.payerReportedPaid) })
+    /* @__PURE__ */ jsxs4("dl", { children: [
+      /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx4("dt", { children: "Payer reported" }),
+        /* @__PURE__ */ jsx4("dd", { children: remittance.payerReportedPaid === null ? "\u2014" : currency(remittance.payerReportedPaid) })
       ] }),
-      /* @__PURE__ */ jsxs3("div", { children: [
-        /* @__PURE__ */ jsx3("dt", { children: "Posted" }),
-        /* @__PURE__ */ jsx3("dd", { children: currency(remittance.totalPaid) })
+      /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx4("dt", { children: "Posted" }),
+        /* @__PURE__ */ jsx4("dd", { children: currency(remittance.totalPaid) })
       ] }),
-      /* @__PURE__ */ jsxs3("div", { children: [
-        /* @__PURE__ */ jsx3("dt", { children: "Balance" }),
-        /* @__PURE__ */ jsx3("dd", { children: currency(remittance.balanceDue) })
+      /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx4("dt", { children: "Balance" }),
+        /* @__PURE__ */ jsx4("dd", { children: currency(remittance.balanceDue) })
       ] })
     ] }),
-    remittance.denialReason ? /* @__PURE__ */ jsxs3("div", { className: "mb-denial", children: [
-      /* @__PURE__ */ jsx3("strong", { children: "Denial reason" }),
-      /* @__PURE__ */ jsx3("p", { children: remittance.denialReason })
+    remittance.denialReason ? /* @__PURE__ */ jsxs4("div", { className: "mb-denial", children: [
+      /* @__PURE__ */ jsx4("strong", { children: "Denial reason" }),
+      /* @__PURE__ */ jsx4("p", { children: remittance.denialReason })
     ] }) : null
   ] });
 }
@@ -1470,42 +1949,42 @@ function BillPayerContactCard({ delivery, appearance, className, style }) {
     delivery.contacts.portalUrl ? ["Portal", "Open payer portal", delivery.contacts.portalUrl] : null
   ].filter(Boolean);
   if (!delivery.payerName && !contacts.length) return null;
-  return /* @__PURE__ */ jsxs3("section", { className: classes("mb-surface mb-contacts", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Payer contact information", children: [
-    /* @__PURE__ */ jsx3("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsx3("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs3("div", { children: [
-      /* @__PURE__ */ jsx3("strong", { children: delivery.payerName || "Claims administrator" }),
-      /* @__PURE__ */ jsx3("span", { children: "Billing and follow-up contacts." })
+  return /* @__PURE__ */ jsxs4("section", { className: classes("mb-surface mb-contacts", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Payer contact information", children: [
+    /* @__PURE__ */ jsx4("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsx4("header", { className: "mb-surface-heading", children: /* @__PURE__ */ jsxs4("div", { children: [
+      /* @__PURE__ */ jsx4("strong", { children: delivery.payerName || "Claims administrator" }),
+      /* @__PURE__ */ jsx4("span", { children: "Billing and follow-up contacts." })
     ] }) }),
-    !contacts.length ? /* @__PURE__ */ jsx3("p", { className: "mb-empty", children: "No payer contact details are available." }) : /* @__PURE__ */ jsx3("dl", { children: contacts.map(([label, value, href]) => /* @__PURE__ */ jsxs3("div", { children: [
-      /* @__PURE__ */ jsx3("dt", { children: label }),
-      /* @__PURE__ */ jsx3("dd", { children: href ? /* @__PURE__ */ jsx3("a", { href, target: label === "Portal" ? "_blank" : void 0, rel: label === "Portal" ? "noreferrer noopener" : void 0, children: value }) : value })
+    !contacts.length ? /* @__PURE__ */ jsx4("p", { className: "mb-empty", children: "No payer contact details are available." }) : /* @__PURE__ */ jsx4("dl", { children: contacts.map(([label, value, href]) => /* @__PURE__ */ jsxs4("div", { children: [
+      /* @__PURE__ */ jsx4("dt", { children: label }),
+      /* @__PURE__ */ jsx4("dd", { children: href ? /* @__PURE__ */ jsx4("a", { href, target: label === "Portal" ? "_blank" : void 0, rel: label === "Portal" ? "noreferrer noopener" : void 0, children: value }) : value })
     ] }, label)) })
   ] });
 }
 function BillPaymentLedger({ payments, appearance, className, style }) {
-  return /* @__PURE__ */ jsxs3("section", { className: classes("mb-surface mb-payments", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Payment ledger", children: [
-    /* @__PURE__ */ jsx3("style", { children: lifecycleSurfaceStyles }),
-    /* @__PURE__ */ jsxs3("header", { className: "mb-surface-heading", children: [
-      /* @__PURE__ */ jsxs3("div", { children: [
-        /* @__PURE__ */ jsx3("strong", { children: "Payments" }),
-        /* @__PURE__ */ jsx3("span", { children: "Payments posted to this bill." })
+  return /* @__PURE__ */ jsxs4("section", { className: classes("mb-surface mb-payments", className), style: mindBillAppearanceStyle(appearance, style), "aria-label": "Payment ledger", children: [
+    /* @__PURE__ */ jsx4("style", { children: lifecycleSurfaceStyles }),
+    /* @__PURE__ */ jsxs4("header", { className: "mb-surface-heading", children: [
+      /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx4("strong", { children: "Payments" }),
+        /* @__PURE__ */ jsx4("span", { children: "Payments posted to this bill." })
       ] }),
-      /* @__PURE__ */ jsx3("span", { children: payments.length })
+      /* @__PURE__ */ jsx4("span", { children: payments.length })
     ] }),
-    !payments.length ? /* @__PURE__ */ jsx3("p", { className: "mb-empty", children: "No payments posted." }) : /* @__PURE__ */ jsx3("div", { className: "mb-payment-list", children: payments.map((payment) => /* @__PURE__ */ jsxs3("article", { children: [
-      /* @__PURE__ */ jsxs3("div", { children: [
-        /* @__PURE__ */ jsx3("strong", { children: currency(payment.amount) }),
-        /* @__PURE__ */ jsxs3("span", { children: [
+    !payments.length ? /* @__PURE__ */ jsx4("p", { className: "mb-empty", children: "No payments posted." }) : /* @__PURE__ */ jsx4("div", { className: "mb-payment-list", children: payments.map((payment) => /* @__PURE__ */ jsxs4("article", { children: [
+      /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx4("strong", { children: currency(payment.amount) }),
+        /* @__PURE__ */ jsxs4("span", { children: [
           humanize(payment.status || "posted"),
           " \xB7 ",
           payment.method.toUpperCase()
         ] })
       ] }),
-      /* @__PURE__ */ jsxs3("div", { children: [
-        /* @__PURE__ */ jsx3("span", { children: payment.checkNumber ? `#${payment.checkNumber}` : payment.source.toUpperCase() }),
-        /* @__PURE__ */ jsx3("span", { children: payment.depositDate || defaultFormatDate(payment.postedAt) })
+      /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx4("span", { children: payment.checkNumber ? `#${payment.checkNumber}` : payment.source.toUpperCase() }),
+        /* @__PURE__ */ jsx4("span", { children: payment.depositDate || defaultFormatDate(payment.postedAt) })
       ] }),
-      payment.note ? /* @__PURE__ */ jsx3("p", { children: payment.note }) : null
+      payment.note ? /* @__PURE__ */ jsx4("p", { children: payment.note }) : null
     ] }, payment.id)) })
   ] });
 }
@@ -1533,10 +2012,10 @@ var lifecycleSurfaceStyles = `
 // src/connected-bill-lifecycle.tsx
 import {
   useCallback as useCallback2,
-  useEffect as useEffect3,
-  useMemo as useMemo3,
+  useEffect as useEffect4,
+  useMemo as useMemo4,
   useRef as useRef3,
-  useState as useState3
+  useState as useState4
 } from "react";
 import {
   DEFAULT_API_BASE_URL as DEFAULT_API_BASE_URL2,
@@ -1544,7 +2023,7 @@ import {
   createBillLifecycleClient
 } from "@mindbill/browser";
 import { createBillLifecycleClient as createBillLifecycleClient2 } from "@mindbill/browser";
-import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var DEFAULT_REFRESH_INTERVAL2 = 6e4;
 function openPdf(blob, filename) {
   const url = URL.createObjectURL(blob);
@@ -1558,37 +2037,33 @@ function openPdf(blob, filename) {
 }
 function useBillLifecycle({
   billId: providedBillId,
-  create,
   sessionEndpoint = DEFAULT_SESSION_ENDPOINT2,
   getSession,
   apiBaseUrl = DEFAULT_API_BASE_URL2,
   refreshInterval = DEFAULT_REFRESH_INTERVAL2,
   enabled = true,
   initialData = null,
-  onBillCreated,
-  onBillIdChange,
   fetch: fetchOverride
 }) {
-  const [billId, setBillId] = useState3(providedBillId ?? null);
-  const [data, setData] = useState3(initialData);
-  const [error, setError] = useState3(null);
-  const [isLoading, setIsLoading] = useState3(enabled && !initialData);
-  const [isRefreshing, setIsRefreshing] = useState3(false);
-  const [isMutating, setIsMutating] = useState3(false);
+  const billId = providedBillId;
+  const [data, setData] = useState4(initialData);
+  const [error, setError] = useState4(null);
+  const [isLoading, setIsLoading] = useState4(enabled && !initialData);
+  const [isRefreshing, setIsRefreshing] = useState4(false);
+  const [isMutating, setIsMutating] = useState4(false);
   const mounted = useRef3(true);
-  useEffect3(() => {
-    setBillId(providedBillId ?? null);
+  useEffect4(() => {
     setData(initialData);
     setError(null);
   }, [initialData, providedBillId]);
-  const client = useMemo3(() => createBillLifecycleClient({
-    ...providedBillId ? { billId: providedBillId } : {},
+  const client = useMemo4(() => createBillLifecycleClient({
+    billId: providedBillId,
     sessionEndpoint,
     getSession,
     apiBaseUrl,
     fetch: fetchOverride
   }), [apiBaseUrl, fetchOverride, getSession, providedBillId, sessionEndpoint]);
-  useEffect3(() => {
+  useEffect4(() => {
     mounted.current = true;
     return () => {
       mounted.current = false;
@@ -1599,17 +2074,7 @@ function useBillLifecycle({
     if (!enabled) return;
     setIsRefreshing(true);
     try {
-      let next;
-      if (!client.getBillId()) {
-        if (!create) throw new Error("Pass billId to open a bill or create to start a new one.");
-        const created = await client.createBill(create);
-        await onBillCreated?.(created.billId, created.data);
-        await onBillIdChange?.(created.billId, null);
-        if (mounted.current) setBillId(created.billId);
-        next = created.data;
-      } else {
-        next = await client.getLifecycle();
-      }
+      const next = await client.getLifecycle();
       if (!mounted.current) return;
       setData(next);
       setError(null);
@@ -1622,8 +2087,8 @@ function useBillLifecycle({
         setIsRefreshing(false);
       }
     }
-  }, [client, create, enabled, onBillCreated, onBillIdChange]);
-  useEffect3(() => {
+  }, [client, enabled]);
+  useEffect4(() => {
     if (!enabled) return;
     void refresh();
     const interval = refreshInterval > 0 ? window.setInterval(() => void refresh(), refreshInterval) : null;
@@ -1649,10 +2114,6 @@ function useBillLifecycle({
       if (mounted.current) setIsMutating(false);
     }
   }, []);
-  const saveReview = useCallback2(
-    (input) => mutate(() => client.saveReview(input)),
-    [client, mutate]
-  );
   const searchClaimsAdministrators = useCallback2(
     (query, claimNumber) => client.searchClaimsAdministrators(query, claimNumber),
     [client]
@@ -1661,18 +2122,6 @@ function useBillLifecycle({
     () => client.getDeliveryOptions(),
     [client]
   );
-  const submitBill = useCallback2(
-    (input, submission) => mutate(() => client.submitBill(input, submission)),
-    [client, mutate]
-  );
-  const addAttachment = useCallback2(
-    (file, type, description) => mutate(() => client.addAttachment(file, type, description)),
-    [client, mutate]
-  );
-  const removeAttachment = useCallback2(
-    (attachmentId) => mutate(() => client.removeAttachment(attachmentId)),
-    [client, mutate]
-  );
   const closeBill = useCallback2(
     (input) => mutate(() => client.closeBill(input)),
     [client, mutate]
@@ -1685,24 +2134,6 @@ function useBillLifecycle({
     (input) => mutate(() => client.submitSecondReview(input)),
     [client, mutate]
   );
-  const startCorrection = useCallback2(async () => {
-    setIsMutating(true);
-    setError(null);
-    try {
-      const result = await client.startCorrection();
-      const previousBillId = billId;
-      await onBillIdChange?.(result.replacementBillId, previousBillId);
-      setBillId(result.replacementBillId);
-      setData(result.data);
-      return result.data;
-    } catch (cause) {
-      const nextError = cause instanceof Error ? cause : new Error("The correction could not be created.");
-      setError(nextError);
-      throw nextError;
-    } finally {
-      setIsMutating(false);
-    }
-  }, [billId, client, onBillIdChange]);
   const openAttachment = useCallback2(async (attachment) => {
     openPdf(await client.getAttachment(attachment.id), attachment.filename);
   }, [client]);
@@ -1719,16 +2150,11 @@ function useBillLifecycle({
     refresh,
     searchClaimsAdministrators,
     getDeliveryOptions,
-    saveReview,
-    submitBill,
-    addAttachment,
-    removeAttachment,
     openAttachment,
     openEor,
     closeBill,
     postPayment,
-    submitSecondReview,
-    startCorrection
+    submitSecondReview
   };
 }
 function LifecycleDialog({
@@ -1737,7 +2163,7 @@ function LifecycleDialog({
   onClose
 }) {
   const dialog = useRef3(null);
-  useEffect3(() => {
+  useEffect4(() => {
     const previous = document.activeElement;
     dialog.current?.focus();
     const onKeyDown = (event) => {
@@ -1749,10 +2175,10 @@ function LifecycleDialog({
       previous?.focus();
     };
   }, [onClose]);
-  return /* @__PURE__ */ jsx4("div", { className: "mb-lifecycle-dialog-backdrop", onMouseDown: (event) => {
+  return /* @__PURE__ */ jsx5("div", { className: "mb-lifecycle-dialog-backdrop", onMouseDown: (event) => {
     if (event.currentTarget === event.target) onClose();
-  }, children: /* @__PURE__ */ jsxs4("div", { ref: dialog, className: "mb-lifecycle-dialog", role: "dialog", "aria-modal": "true", "aria-label": title, tabIndex: -1, children: [
-    /* @__PURE__ */ jsx4("button", { type: "button", className: "mb-lifecycle-dialog-close", "aria-label": "Close", onClick: onClose, children: "\xD7" }),
+  }, children: /* @__PURE__ */ jsxs5("div", { ref: dialog, className: "mb-lifecycle-dialog", role: "dialog", "aria-modal": "true", "aria-label": title, tabIndex: -1, children: [
+    /* @__PURE__ */ jsx5("button", { type: "button", className: "mb-lifecycle-dialog-close", "aria-label": "Close", onClick: onClose, children: "\xD7" }),
     children
   ] }) });
 }
@@ -1761,34 +2187,8 @@ function dateInputValue() {
   const offset = now.getTimezoneOffset() * 6e4;
   return new Date(now.getTime() - offset).toISOString().slice(0, 10);
 }
-function SupportingDocumentControl({
-  disabled,
-  onAdd
-}) {
-  const [file, setFile] = useState3(null);
-  const [type, setType] = useState3("appeal");
-  const [busy, setBusy] = useState3(false);
-  return /* @__PURE__ */ jsxs4("div", { className: "mb-lifecycle-upload", children: [
-    /* @__PURE__ */ jsxs4("select", { "aria-label": "Supporting document type", value: type, disabled: disabled || busy, onChange: (event) => setType(event.target.value), children: [
-      /* @__PURE__ */ jsx4("option", { value: "appeal", children: "Second Review support" }),
-      /* @__PURE__ */ jsx4("option", { value: "final_report", children: "Final report" }),
-      /* @__PURE__ */ jsx4("option", { value: "proof_of_service", children: "Proof of service" }),
-      /* @__PURE__ */ jsx4("option", { value: "letter_of_attestation", children: "Letter of attestation" }),
-      /* @__PURE__ */ jsx4("option", { value: "form_122", children: "DWC Form 122" }),
-      /* @__PURE__ */ jsx4("option", { value: "w9", children: "W-9" }),
-      /* @__PURE__ */ jsx4("option", { value: "other", children: "Other supporting document" })
-    ] }),
-    /* @__PURE__ */ jsx4("input", { "aria-label": "Choose supporting PDF", type: "file", accept: "application/pdf,.pdf", disabled: disabled || busy, onChange: (event) => setFile(event.target.files?.[0] ?? null) }),
-    /* @__PURE__ */ jsx4("button", { type: "button", className: "mb-lifecycle-button secondary", disabled: disabled || busy || !file, onClick: () => {
-      if (!file) return;
-      setBusy(true);
-      void onAdd(file, type).then(() => setFile(null)).catch(() => void 0).finally(() => setBusy(false));
-    }, children: busy ? "Attaching\u2026" : "Attach PDF" })
-  ] });
-}
 function ConnectedBillLifecycle({
   appearance,
-  features,
   className,
   style,
   loadingFallback,
@@ -1798,17 +2198,17 @@ function ConnectedBillLifecycle({
 }) {
   const lifecycle = useBillLifecycle(options);
   const { data } = lifecycle;
-  const [panel, setPanel] = useState3("");
-  const [notice, setNotice] = useState3("");
-  const [closeReason, setCloseReason] = useState3("");
-  const [payment, setPayment] = useState3({
+  const [panel, setPanel] = useState4("");
+  const [notice, setNotice] = useState4("");
+  const [closeReason, setCloseReason] = useState4("");
+  const [payment, setPayment] = useState4({
     amount: 0,
     method: "check",
     checkNumber: "",
     depositDate: dateInputValue(),
     note: ""
   });
-  const [review, setReview] = useState3({
+  const [review, setReview] = useState4({
     reason: "",
     payerClaimControlNumber: "",
     disputedAmount: void 0,
@@ -1817,7 +2217,7 @@ function ConnectedBillLifecycle({
   });
   const lastData = useRef3(null);
   const closePanel = useCallback2(() => setPanel(""), []);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!data || data === lastData.current) return;
     lastData.current = data;
     onChanged?.(data);
@@ -1832,14 +2232,14 @@ function ConnectedBillLifecycle({
     }));
   }, [data, onChanged]);
   if (lifecycle.isLoading && !data) {
-    return /* @__PURE__ */ jsx4(Fragment3, { children: loadingFallback ?? /* @__PURE__ */ jsx4("div", { className: "mb-lifecycle-loading", children: "Loading billing\u2026" }) });
+    return /* @__PURE__ */ jsx5(Fragment3, { children: loadingFallback ?? /* @__PURE__ */ jsx5("div", { className: "mb-lifecycle-loading", children: "Loading billing\u2026" }) });
   }
   if (!data) {
     const error = lifecycle.error ?? new Error("Bill could not be loaded.");
-    return /* @__PURE__ */ jsx4(Fragment3, { children: errorFallback?.(error, lifecycle.refresh) ?? /* @__PURE__ */ jsxs4("div", { className: "mb-lifecycle-error", role: "alert", children: [
-      /* @__PURE__ */ jsx4("strong", { children: "Billing is unavailable." }),
-      /* @__PURE__ */ jsx4("span", { children: error.message }),
-      /* @__PURE__ */ jsx4("button", { type: "button", onClick: () => void lifecycle.refresh(), children: "Try again" })
+    return /* @__PURE__ */ jsx5(Fragment3, { children: errorFallback?.(error, lifecycle.refresh) ?? /* @__PURE__ */ jsxs5("div", { className: "mb-lifecycle-error", role: "alert", children: [
+      /* @__PURE__ */ jsx5("strong", { children: "Billing is unavailable." }),
+      /* @__PURE__ */ jsx5("span", { children: error.message }),
+      /* @__PURE__ */ jsx5("button", { type: "button", onClick: () => void lifecycle.refresh(), children: "Try again" })
     ] }) });
   }
   const actionMap = new Map(data.lifecycle.actions.map((action) => [action.id, action]));
@@ -1857,22 +2257,20 @@ function ConnectedBillLifecycle({
     } catch {
     }
   };
-  const actionButtons = data.lifecycle.actions.filter((action) => action.id !== "edit_and_submit" && action.id !== "view_eor" && action.id !== "independent_bill_review").map((action) => ({
+  const actionButtons = data.lifecycle.actions.filter((action) => action.id !== "view_eor" && action.id !== "independent_bill_review").map((action) => ({
     ...action,
     onClick: () => {
       if (!action.enabled) return;
-      if (action.id === "correct_and_resubmit") selectPanel("correction");
       if (action.id === "second_review") selectPanel("second_review");
       if (action.id === "post_payment") selectPanel("payment");
       if (action.id === "close") selectPanel("close");
     },
     disabled: !action.enabled || lifecycle.isMutating
   }));
-  const canEditAndSubmit = Boolean(has("edit_and_submit"));
-  return /* @__PURE__ */ jsxs4("section", { className: ["mb-connected-lifecycle", className].filter(Boolean).join(" "), style: mindBillAppearanceStyle(appearance, style), children: [
-    /* @__PURE__ */ jsx4("style", { children: CONNECTED_LIFECYCLE_STYLES }),
-    /* @__PURE__ */ jsx4("style", { children: CONNECTED_THEME_OVERRIDE_STYLES }),
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs5("section", { className: ["mb-connected-lifecycle", className].filter(Boolean).join(" "), style: mindBillAppearanceStyle(appearance, style), children: [
+    /* @__PURE__ */ jsx5("style", { children: CONNECTED_LIFECYCLE_STYLES }),
+    /* @__PURE__ */ jsx5("style", { children: CONNECTED_THEME_OVERRIDE_STYLES }),
+    /* @__PURE__ */ jsx5(
       BillLifecycleProgress,
       {
         state: data.lifecycle.state,
@@ -1882,7 +2280,7 @@ function ConnectedBillLifecycle({
         ...appearance ? { appearance } : {}
       }
     ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       BillSnapshotSummary,
       {
         bill: data.bill,
@@ -1892,28 +2290,7 @@ function ConnectedBillLifecycle({
         ...appearance ? { appearance } : {}
       }
     ),
-    canEditAndSubmit ? /* @__PURE__ */ jsx4(
-      BillReviewForm,
-      {
-        data,
-        ...appearance ? { appearance } : {},
-        ...features ? { features } : {},
-        disabled: lifecycle.isMutating,
-        onSearchClaimsAdministrators: lifecycle.searchClaimsAdministrators,
-        onGetDeliveryOptions: lifecycle.getDeliveryOptions,
-        onSave: lifecycle.saveReview,
-        onSubmit: async (input, submission) => {
-          await complete("Bill submitted.", () => lifecycle.submitBill(input, submission));
-        },
-        onAddAttachment: async (file, type, description) => {
-          await lifecycle.addAttachment(file, type, description);
-        },
-        onRemoveAttachment: async (attachmentId) => {
-          await lifecycle.removeAttachment(attachmentId);
-        },
-        onOpenAttachment: (attachment) => void lifecycle.openAttachment(attachment).catch(() => void 0)
-      }
-    ) : /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx5(
       BillStatusSummary,
       {
         status: data.lifecycle.state,
@@ -1927,170 +2304,149 @@ function ConnectedBillLifecycle({
         ...appearance ? { appearance } : {}
       }
     ),
-    /* @__PURE__ */ jsxs4("div", { className: "mb-lifecycle-toolbar", children: [
-      /* @__PURE__ */ jsxs4("div", { children: [
-        /* @__PURE__ */ jsxs4("strong", { children: [
+    /* @__PURE__ */ jsxs5("div", { className: "mb-lifecycle-toolbar", children: [
+      /* @__PURE__ */ jsxs5("div", { children: [
+        /* @__PURE__ */ jsxs5("strong", { children: [
           "Bill #",
           data.bill.billNumber
         ] }),
-        /* @__PURE__ */ jsx4("span", { children: lifecycle.isRefreshing ? "Refreshing\u2026" : "Status and actions update automatically." })
+        /* @__PURE__ */ jsx5("span", { children: lifecycle.isRefreshing ? "Refreshing\u2026" : "Status and actions update automatically." })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "mb-lifecycle-toolbar-actions", children: [
-        has("view_eor") ? /* @__PURE__ */ jsx4("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => document.getElementById(`mb-eors-${data.bill.id}`)?.scrollIntoView({ behavior: "smooth", block: "center" }), children: "View EOR" }) : null,
-        canEditAndSubmit && has("close") ? /* @__PURE__ */ jsx4("button", { type: "button", className: "mb-lifecycle-button quiet", onClick: () => selectPanel("close"), children: "Close bill" }) : null
+      /* @__PURE__ */ jsxs5("div", { className: "mb-lifecycle-toolbar-actions", children: [
+        has("view_eor") ? /* @__PURE__ */ jsx5("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => document.getElementById(`mb-eors-${data.bill.id}`)?.scrollIntoView({ behavior: "smooth", block: "center" }), children: "View EOR" }) : null,
+        has("close") ? /* @__PURE__ */ jsx5("button", { type: "button", className: "mb-lifecycle-button quiet", onClick: () => selectPanel("close"), children: "Close bill" }) : null
       ] })
     ] }),
-    data.eors.length ? /* @__PURE__ */ jsxs4("section", { className: "mb-lifecycle-card", id: `mb-eors-${data.bill.id}`, children: [
-      /* @__PURE__ */ jsxs4("header", { children: [
-        /* @__PURE__ */ jsxs4("div", { children: [
-          /* @__PURE__ */ jsx4("h3", { children: "Explanation of Review" }),
-          /* @__PURE__ */ jsx4("p", { children: "Review the payer response and original PDF before posting payment." })
+    data.eors.length ? /* @__PURE__ */ jsxs5("section", { className: "mb-lifecycle-card", id: `mb-eors-${data.bill.id}`, children: [
+      /* @__PURE__ */ jsxs5("header", { children: [
+        /* @__PURE__ */ jsxs5("div", { children: [
+          /* @__PURE__ */ jsx5("h3", { children: "Explanation of Review" }),
+          /* @__PURE__ */ jsx5("p", { children: "Review the payer response and original PDF before posting payment." })
         ] }),
-        /* @__PURE__ */ jsxs4("span", { children: [
+        /* @__PURE__ */ jsxs5("span", { children: [
           data.eors.length,
           " PDF",
           data.eors.length === 1 ? "" : "s"
         ] })
       ] }),
-      /* @__PURE__ */ jsx4("ul", { className: "mb-lifecycle-documents", children: data.eors.map((eor) => /* @__PURE__ */ jsxs4("li", { children: [
-        /* @__PURE__ */ jsxs4("div", { children: [
-          /* @__PURE__ */ jsx4("strong", { children: eor.filename }),
-          /* @__PURE__ */ jsx4("span", { children: eor.description || `Added ${new Date(eor.addedAt).toLocaleDateString()}` })
+      /* @__PURE__ */ jsx5("ul", { className: "mb-lifecycle-documents", children: data.eors.map((eor) => /* @__PURE__ */ jsxs5("li", { children: [
+        /* @__PURE__ */ jsxs5("div", { children: [
+          /* @__PURE__ */ jsx5("strong", { children: eor.filename }),
+          /* @__PURE__ */ jsx5("span", { children: eor.description || `Added ${new Date(eor.addedAt).toLocaleDateString()}` })
         ] }),
-        /* @__PURE__ */ jsx4("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => void lifecycle.openEor(eor).catch(() => void 0), children: "View PDF" })
+        /* @__PURE__ */ jsx5("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => void lifecycle.openEor(eor).catch(() => void 0), children: "View PDF" })
       ] }, eor.id)) })
     ] }) : null,
-    /* @__PURE__ */ jsxs4("div", { className: "mb-lifecycle-detail-grid", children: [
-      /* @__PURE__ */ jsx4(BillRemittanceCard, { remittance: data.remittance, ...appearance ? { appearance } : {} }),
-      /* @__PURE__ */ jsx4(BillPayerContactCard, { delivery: data.delivery, ...appearance ? { appearance } : {} }),
-      /* @__PURE__ */ jsx4(BillPaymentLedger, { payments: data.payments, ...appearance ? { appearance } : {} })
+    /* @__PURE__ */ jsxs5("div", { className: "mb-lifecycle-detail-grid", children: [
+      /* @__PURE__ */ jsx5(BillRemittanceCard, { remittance: data.remittance, ...appearance ? { appearance } : {} }),
+      /* @__PURE__ */ jsx5(BillPayerContactCard, { delivery: data.delivery, ...appearance ? { appearance } : {} }),
+      /* @__PURE__ */ jsx5(BillPaymentLedger, { payments: data.payments, ...appearance ? { appearance } : {} })
     ] }),
-    /* @__PURE__ */ jsx4(BillActivityTimeline, { events: data.activity, ...appearance ? { appearance } : {} }),
-    has("independent_bill_review") ? /* @__PURE__ */ jsxs4("div", { className: "mb-lifecycle-info", children: [
-      /* @__PURE__ */ jsx4("strong", { children: has("independent_bill_review")?.label }),
-      /* @__PURE__ */ jsx4("span", { children: has("independent_bill_review")?.reason })
+    /* @__PURE__ */ jsx5(BillActivityTimeline, { events: data.activity, ...appearance ? { appearance } : {} }),
+    has("independent_bill_review") ? /* @__PURE__ */ jsxs5("div", { className: "mb-lifecycle-info", children: [
+      /* @__PURE__ */ jsx5("strong", { children: has("independent_bill_review")?.label }),
+      /* @__PURE__ */ jsx5("span", { children: has("independent_bill_review")?.reason })
     ] }) : null,
-    panel === "correction" ? /* @__PURE__ */ jsx4(LifecycleDialog, { title: "Correct and resubmit", onClose: closePanel, children: /* @__PURE__ */ jsxs4("section", { className: "mb-lifecycle-panel", children: [
-      /* @__PURE__ */ jsxs4("div", { children: [
-        /* @__PURE__ */ jsx4("h3", { children: "Correct and resubmit" }),
-        /* @__PURE__ */ jsx4("p", { children: "The rejected bill stays in history. A copied correction opens here so you can fix the rejected values and resubmit." })
+    panel === "second_review" ? /* @__PURE__ */ jsx5(LifecycleDialog, { title: "Submit Second Review", onClose: closePanel, children: /* @__PURE__ */ jsxs5("section", { className: "mb-lifecycle-panel wide", children: [
+      /* @__PURE__ */ jsxs5("div", { children: [
+        /* @__PURE__ */ jsx5("h3", { children: "Submit Second Review" }),
+        /* @__PURE__ */ jsx5("p", { children: "State why payment is disputed, confirm the payer control number, and choose the supporting documents to send." })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "mb-lifecycle-panel-actions", children: [
-        /* @__PURE__ */ jsx4("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: closePanel, children: "Cancel" }),
-        /* @__PURE__ */ jsx4("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating, onClick: () => void complete("Correction created.", lifecycle.startCorrection), children: lifecycle.isMutating ? "Creating\u2026" : "Create correction" })
-      ] })
-    ] }) }) : null,
-    panel === "second_review" ? /* @__PURE__ */ jsx4(LifecycleDialog, { title: "Submit Second Review", onClose: closePanel, children: /* @__PURE__ */ jsxs4("section", { className: "mb-lifecycle-panel wide", children: [
-      /* @__PURE__ */ jsxs4("div", { children: [
-        /* @__PURE__ */ jsx4("h3", { children: "Submit Second Review" }),
-        /* @__PURE__ */ jsx4("p", { children: "State why payment is disputed, confirm the payer control number, and choose the supporting documents to send." })
-      ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "mb-lifecycle-fields two", children: [
-        /* @__PURE__ */ jsxs4("label", { children: [
-          /* @__PURE__ */ jsx4("span", { children: "Reason for Second Review" }),
-          /* @__PURE__ */ jsx4("textarea", { required: true, value: review.reason, onChange: (event) => setReview((current) => ({ ...current, reason: event.target.value })) })
+      /* @__PURE__ */ jsxs5("div", { className: "mb-lifecycle-fields two", children: [
+        /* @__PURE__ */ jsxs5("label", { children: [
+          /* @__PURE__ */ jsx5("span", { children: "Reason for Second Review" }),
+          /* @__PURE__ */ jsx5("textarea", { required: true, value: review.reason, onChange: (event) => setReview((current) => ({ ...current, reason: event.target.value })) })
         ] }),
-        /* @__PURE__ */ jsxs4("div", { className: "mb-lifecycle-fields", children: [
-          /* @__PURE__ */ jsxs4("label", { children: [
-            /* @__PURE__ */ jsx4("span", { children: "Payer claim control number" }),
-            /* @__PURE__ */ jsx4("input", { required: true, value: review.payerClaimControlNumber, onChange: (event) => setReview((current) => ({ ...current, payerClaimControlNumber: event.target.value })) })
+        /* @__PURE__ */ jsxs5("div", { className: "mb-lifecycle-fields", children: [
+          /* @__PURE__ */ jsxs5("label", { children: [
+            /* @__PURE__ */ jsx5("span", { children: "Payer claim control number" }),
+            /* @__PURE__ */ jsx5("input", { required: true, value: review.payerClaimControlNumber, onChange: (event) => setReview((current) => ({ ...current, payerClaimControlNumber: event.target.value })) })
           ] }),
-          /* @__PURE__ */ jsxs4("label", { children: [
-            /* @__PURE__ */ jsx4("span", { children: "Disputed amount" }),
-            /* @__PURE__ */ jsx4("input", { type: "number", min: "0.01", step: "0.01", value: review.disputedAmount ?? "", onChange: (event) => setReview((current) => ({ ...current, disputedAmount: event.target.value ? Number(event.target.value) : void 0 })) })
+          /* @__PURE__ */ jsxs5("label", { children: [
+            /* @__PURE__ */ jsx5("span", { children: "Disputed amount" }),
+            /* @__PURE__ */ jsx5("input", { type: "number", min: "0.01", step: "0.01", value: review.disputedAmount ?? "", onChange: (event) => setReview((current) => ({ ...current, disputedAmount: event.target.value ? Number(event.target.value) : void 0 })) })
           ] }),
-          /* @__PURE__ */ jsxs4("label", { children: [
-            /* @__PURE__ */ jsx4("span", { children: "Send via" }),
-            /* @__PURE__ */ jsxs4("select", { value: review.route, onChange: (event) => setReview((current) => ({ ...current, route: event.target.value })), children: [
-              /* @__PURE__ */ jsx4("option", { value: "ebill", children: "E-bill" }),
-              /* @__PURE__ */ jsx4("option", { value: "fax", children: "Fax" }),
-              /* @__PURE__ */ jsx4("option", { value: "mail", children: "Mail" }),
-              /* @__PURE__ */ jsx4("option", { value: "email", children: "Email" })
+          /* @__PURE__ */ jsxs5("label", { children: [
+            /* @__PURE__ */ jsx5("span", { children: "Send via" }),
+            /* @__PURE__ */ jsxs5("select", { value: review.route, onChange: (event) => setReview((current) => ({ ...current, route: event.target.value })), children: [
+              /* @__PURE__ */ jsx5("option", { value: "ebill", children: "E-bill" }),
+              /* @__PURE__ */ jsx5("option", { value: "fax", children: "Fax" }),
+              /* @__PURE__ */ jsx5("option", { value: "mail", children: "Mail" }),
+              /* @__PURE__ */ jsx5("option", { value: "email", children: "Email" })
             ] })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs4("fieldset", { className: "mb-lifecycle-packet", children: [
-        /* @__PURE__ */ jsx4("legend", { children: "Supporting packet" }),
-        data.bill.attachments.map((attachment) => /* @__PURE__ */ jsxs4("label", { children: [
-          /* @__PURE__ */ jsx4("input", { type: "checkbox", checked: review.attachmentIds.includes(attachment.id), onChange: (event) => setReview((current) => ({ ...current, attachmentIds: event.target.checked ? [...current.attachmentIds, attachment.id] : current.attachmentIds.filter((id) => id !== attachment.id) })) }),
-          /* @__PURE__ */ jsxs4("span", { children: [
-            /* @__PURE__ */ jsx4("strong", { children: attachment.filename }),
-            /* @__PURE__ */ jsx4("small", { children: attachment.description || attachment.documentType })
+      /* @__PURE__ */ jsxs5("fieldset", { className: "mb-lifecycle-packet", children: [
+        /* @__PURE__ */ jsx5("legend", { children: "Supporting packet" }),
+        data.bill.attachments.map((attachment) => /* @__PURE__ */ jsxs5("label", { children: [
+          /* @__PURE__ */ jsx5("input", { type: "checkbox", checked: review.attachmentIds.includes(attachment.id), onChange: (event) => setReview((current) => ({ ...current, attachmentIds: event.target.checked ? [...current.attachmentIds, attachment.id] : current.attachmentIds.filter((id) => id !== attachment.id) })) }),
+          /* @__PURE__ */ jsxs5("span", { children: [
+            /* @__PURE__ */ jsx5("strong", { children: attachment.filename }),
+            /* @__PURE__ */ jsx5("small", { children: attachment.description || attachment.documentType })
           ] }),
-          /* @__PURE__ */ jsx4("button", { type: "button", onClick: () => void lifecycle.openAttachment(attachment).catch(() => void 0), children: "View" }),
-          /* @__PURE__ */ jsx4("button", { type: "button", "aria-label": `Remove ${attachment.filename}`, onClick: () => void lifecycle.removeAttachment(attachment.id).catch(() => void 0), children: "\xD7" })
+          /* @__PURE__ */ jsx5("button", { type: "button", onClick: () => void lifecycle.openAttachment(attachment).catch(() => void 0), children: "View" })
         ] }, attachment.id))
       ] }),
-      /* @__PURE__ */ jsx4(SupportingDocumentControl, { disabled: lifecycle.isMutating, onAdd: async (file, type, description) => {
-        const next = await lifecycle.addAttachment(file, type, description);
-        setReview((current) => ({
-          ...current,
-          attachmentIds: Array.from(/* @__PURE__ */ new Set([
-            ...current.attachmentIds,
-            ...next.bill.attachments.map((attachment) => attachment.id)
-          ]))
-        }));
-      } }),
-      /* @__PURE__ */ jsxs4("div", { className: "mb-lifecycle-panel-actions", children: [
-        /* @__PURE__ */ jsx4("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: closePanel, children: "Cancel" }),
-        /* @__PURE__ */ jsx4("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating || !review.reason.trim() || !review.payerClaimControlNumber.trim(), onClick: () => void complete("Second Review submitted.", () => lifecycle.submitSecondReview(review)), children: lifecycle.isMutating ? "Submitting\u2026" : "Submit Second Review" })
+      /* @__PURE__ */ jsxs5("div", { className: "mb-lifecycle-panel-actions", children: [
+        /* @__PURE__ */ jsx5("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: closePanel, children: "Cancel" }),
+        /* @__PURE__ */ jsx5("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating || !review.reason.trim() || !review.payerClaimControlNumber.trim(), onClick: () => void complete("Second Review submitted.", () => lifecycle.submitSecondReview(review)), children: lifecycle.isMutating ? "Submitting\u2026" : "Submit Second Review" })
       ] })
     ] }) }) : null,
-    panel === "payment" ? /* @__PURE__ */ jsx4(LifecycleDialog, { title: "Post payment", onClose: closePanel, children: /* @__PURE__ */ jsxs4("section", { className: "mb-lifecycle-panel", children: [
-      /* @__PURE__ */ jsxs4("div", { children: [
-        /* @__PURE__ */ jsx4("h3", { children: "Post payment" }),
-        /* @__PURE__ */ jsx4("p", { children: "Record funds shown on the EOR. The balance updates and the bill closes automatically when configured." })
+    panel === "payment" ? /* @__PURE__ */ jsx5(LifecycleDialog, { title: "Post payment", onClose: closePanel, children: /* @__PURE__ */ jsxs5("section", { className: "mb-lifecycle-panel", children: [
+      /* @__PURE__ */ jsxs5("div", { children: [
+        /* @__PURE__ */ jsx5("h3", { children: "Post payment" }),
+        /* @__PURE__ */ jsx5("p", { children: "Record funds shown on the EOR. The balance updates and the bill closes automatically when configured." })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "mb-lifecycle-fields two", children: [
-        /* @__PURE__ */ jsxs4("label", { children: [
-          /* @__PURE__ */ jsx4("span", { children: "Amount" }),
-          /* @__PURE__ */ jsx4("input", { type: "number", min: "0.01", max: data.bill.balanceDue, step: "0.01", required: true, value: payment.amount || "", onChange: (event) => setPayment((current) => ({ ...current, amount: Number(event.target.value) })) })
+      /* @__PURE__ */ jsxs5("div", { className: "mb-lifecycle-fields two", children: [
+        /* @__PURE__ */ jsxs5("label", { children: [
+          /* @__PURE__ */ jsx5("span", { children: "Amount" }),
+          /* @__PURE__ */ jsx5("input", { type: "number", min: "0.01", max: data.bill.balanceDue, step: "0.01", required: true, value: payment.amount || "", onChange: (event) => setPayment((current) => ({ ...current, amount: Number(event.target.value) })) })
         ] }),
-        /* @__PURE__ */ jsxs4("label", { children: [
-          /* @__PURE__ */ jsx4("span", { children: "Method" }),
-          /* @__PURE__ */ jsxs4("select", { value: payment.method, onChange: (event) => setPayment((current) => ({ ...current, method: event.target.value })), children: [
-            /* @__PURE__ */ jsx4("option", { value: "check", children: "Check" }),
-            /* @__PURE__ */ jsx4("option", { value: "eft", children: "EFT" })
+        /* @__PURE__ */ jsxs5("label", { children: [
+          /* @__PURE__ */ jsx5("span", { children: "Method" }),
+          /* @__PURE__ */ jsxs5("select", { value: payment.method, onChange: (event) => setPayment((current) => ({ ...current, method: event.target.value })), children: [
+            /* @__PURE__ */ jsx5("option", { value: "check", children: "Check" }),
+            /* @__PURE__ */ jsx5("option", { value: "eft", children: "EFT" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs4("label", { children: [
-          /* @__PURE__ */ jsx4("span", { children: payment.method === "check" ? "Check number" : "EFT reference" }),
-          /* @__PURE__ */ jsx4("input", { value: payment.checkNumber, onChange: (event) => setPayment((current) => ({ ...current, checkNumber: event.target.value })) })
+        /* @__PURE__ */ jsxs5("label", { children: [
+          /* @__PURE__ */ jsx5("span", { children: payment.method === "check" ? "Check number" : "EFT reference" }),
+          /* @__PURE__ */ jsx5("input", { value: payment.checkNumber, onChange: (event) => setPayment((current) => ({ ...current, checkNumber: event.target.value })) })
         ] }),
-        /* @__PURE__ */ jsxs4("label", { children: [
-          /* @__PURE__ */ jsx4("span", { children: "Deposit date" }),
-          /* @__PURE__ */ jsx4("input", { type: "date", required: true, value: payment.depositDate, onChange: (event) => setPayment((current) => ({ ...current, depositDate: event.target.value })) })
+        /* @__PURE__ */ jsxs5("label", { children: [
+          /* @__PURE__ */ jsx5("span", { children: "Deposit date" }),
+          /* @__PURE__ */ jsx5("input", { type: "date", required: true, value: payment.depositDate, onChange: (event) => setPayment((current) => ({ ...current, depositDate: event.target.value })) })
         ] }),
-        /* @__PURE__ */ jsxs4("label", { className: "full", children: [
-          /* @__PURE__ */ jsxs4("span", { children: [
+        /* @__PURE__ */ jsxs5("label", { className: "full", children: [
+          /* @__PURE__ */ jsxs5("span", { children: [
             "Note ",
-            /* @__PURE__ */ jsx4("small", { children: "Optional" })
+            /* @__PURE__ */ jsx5("small", { children: "Optional" })
           ] }),
-          /* @__PURE__ */ jsx4("input", { value: payment.note, onChange: (event) => setPayment((current) => ({ ...current, note: event.target.value })) })
+          /* @__PURE__ */ jsx5("input", { value: payment.note, onChange: (event) => setPayment((current) => ({ ...current, note: event.target.value })) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "mb-lifecycle-panel-actions", children: [
-        /* @__PURE__ */ jsx4("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: closePanel, children: "Cancel" }),
-        /* @__PURE__ */ jsx4("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating || payment.amount <= 0 || payment.amount > data.bill.balanceDue || !payment.depositDate, onClick: () => void complete("Payment posted.", () => lifecycle.postPayment(payment)), children: lifecycle.isMutating ? "Posting\u2026" : "Post payment" })
+      /* @__PURE__ */ jsxs5("div", { className: "mb-lifecycle-panel-actions", children: [
+        /* @__PURE__ */ jsx5("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: closePanel, children: "Cancel" }),
+        /* @__PURE__ */ jsx5("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating || payment.amount <= 0 || payment.amount > data.bill.balanceDue || !payment.depositDate, onClick: () => void complete("Payment posted.", () => lifecycle.postPayment(payment)), children: lifecycle.isMutating ? "Posting\u2026" : "Post payment" })
       ] })
     ] }) }) : null,
-    panel === "close" ? /* @__PURE__ */ jsx4(LifecycleDialog, { title: "Close bill", onClose: closePanel, children: /* @__PURE__ */ jsxs4("section", { className: "mb-lifecycle-panel danger", children: [
-      /* @__PURE__ */ jsxs4("div", { children: [
-        /* @__PURE__ */ jsx4("h3", { children: "Close bill" }),
-        /* @__PURE__ */ jsx4("p", { children: "Closing removes this bill from active A/R. Any remaining balance will be written off and the original lifecycle is preserved." })
+    panel === "close" ? /* @__PURE__ */ jsx5(LifecycleDialog, { title: "Close bill", onClose: closePanel, children: /* @__PURE__ */ jsxs5("section", { className: "mb-lifecycle-panel danger", children: [
+      /* @__PURE__ */ jsxs5("div", { children: [
+        /* @__PURE__ */ jsx5("h3", { children: "Close bill" }),
+        /* @__PURE__ */ jsx5("p", { children: "Closing removes this bill from active A/R. Any remaining balance will be written off and the original lifecycle is preserved." })
       ] }),
-      /* @__PURE__ */ jsxs4("label", { children: [
-        /* @__PURE__ */ jsx4("span", { children: "Reason for closing" }),
-        /* @__PURE__ */ jsx4("textarea", { required: true, value: closeReason, onChange: (event) => setCloseReason(event.target.value) })
+      /* @__PURE__ */ jsxs5("label", { children: [
+        /* @__PURE__ */ jsx5("span", { children: "Reason for closing" }),
+        /* @__PURE__ */ jsx5("textarea", { required: true, value: closeReason, onChange: (event) => setCloseReason(event.target.value) })
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "mb-lifecycle-panel-actions", children: [
-        /* @__PURE__ */ jsx4("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: closePanel, children: "Cancel" }),
-        /* @__PURE__ */ jsx4("button", { type: "button", className: "mb-lifecycle-button danger", disabled: lifecycle.isMutating || !closeReason.trim(), onClick: () => void complete("Bill closed.", () => lifecycle.closeBill({ reason: closeReason })), children: lifecycle.isMutating ? "Closing\u2026" : "Close bill" })
+      /* @__PURE__ */ jsxs5("div", { className: "mb-lifecycle-panel-actions", children: [
+        /* @__PURE__ */ jsx5("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: closePanel, children: "Cancel" }),
+        /* @__PURE__ */ jsx5("button", { type: "button", className: "mb-lifecycle-button danger", disabled: lifecycle.isMutating || !closeReason.trim(), onClick: () => void complete("Bill closed.", () => lifecycle.closeBill({ reason: closeReason })), children: lifecycle.isMutating ? "Closing\u2026" : "Close bill" })
       ] })
     ] }) }) : null,
-    notice ? /* @__PURE__ */ jsx4("div", { className: "mb-lifecycle-message success", role: "status", children: notice }) : null,
-    lifecycle.error ? /* @__PURE__ */ jsx4("div", { className: "mb-lifecycle-message error", role: "alert", children: lifecycle.error.message }) : null
+    notice ? /* @__PURE__ */ jsx5("div", { className: "mb-lifecycle-message success", role: "status", children: notice }) : null,
+    lifecycle.error ? /* @__PURE__ */ jsx5("div", { className: "mb-lifecycle-message error", role: "alert", children: lifecycle.error.message }) : null
   ] });
 }
 var CONNECTED_LIFECYCLE_STYLES = `
@@ -2117,7 +2473,7 @@ var CONNECTED_THEME_OVERRIDE_STYLES = `
 function widget(tagName, props) {
   const ref = useRef4(null);
   const { onMindBill, onMindBillError } = props;
-  useEffect4(() => {
+  useEffect5(() => {
     const element = ref.current;
     if (!element) return;
     const handleEvent = (event) => onMindBill?.(event);
@@ -2154,6 +2510,8 @@ function MindBillBillReview(props) {
   return widget("mindbill-bill-review", props);
 }
 export {
+  BILL_SUBMISSION_DOCUMENT_TYPES,
+  BILL_SUBMISSION_REQUIRED_FIELDS,
   BillActivityTimeline,
   BillLifecycleActions,
   BillLifecycleProgress,
@@ -2163,6 +2521,7 @@ export {
   BillReviewForm,
   BillSnapshotSummary,
   BillStatusSummary,
+  BillSubmissionForm,
   ConnectedBillLifecycle,
   ConnectedBillStatus,
   MindBillBillReview,
@@ -2178,6 +2537,7 @@ export {
   resolveMindBillAppearance,
   useBillLifecycle,
   useBillStatus,
+  validateBillSubmission,
   visibleBillLifecycleActions
 };
 //# sourceMappingURL=index.js.map