@mindbill/react 0.13.1 → 0.14.0

package/dist/index.d.ts

@@ -133,6 +133,9 @@ type BillReviewLineItem = {
     units: number;
     charge: number;
     feeSchedule?: number;
+    serviceDate?: string | null;
+    serviceDateEnd?: string | null;
+    diagnosisPointers?: number[];
 };
 /** Keeps completed/partial lines plus one keyboard-ready empty row. */
 declare function ensureTrailingProcedureLine(lines: readonly BillReviewLineItem[]): BillReviewLineItem[];
@@ -174,6 +177,7 @@ type BillReviewClaimPatternStatus = {
 type BillReviewData = {
     bill: {
         id: string;
+        billingMode: "med_legal" | "professional";
         billNumber: string | number;
         status: string;
         transmissionState?: string;
@@ -237,13 +241,53 @@ type BillReviewSaveInput = {
         code: string;
         modifiers: string[];
         units: number;
+        charge?: number;
+        serviceDate?: string | null;
+        serviceDateEnd?: string | null;
+        diagnosisPointers?: number[];
     }>;
 };
 type BillSubmissionRoute = "ebill" | "fax" | "mail" | "email";
+type BillDeliveryOption = {
+    route: BillSubmissionRoute;
+    label: string;
+    detail: string;
+    fallback: boolean;
+    confidence: string;
+    payerName: string;
+    target?: string;
+    chKey?: string;
+    payerId?: string;
+    printAndMail?: boolean;
+    costUsd?: number;
+};
+type BillDeliveryOptions = {
+    payerName: string;
+    recommended: BillDeliveryOption;
+    options: BillDeliveryOption[];
+    contacts: {
+        faxNumber?: string | null;
+        claimsEmail?: string | null;
+        portalUrl?: string | null;
+        mailingAddress?: string | null;
+    };
+};
+type BillSubmissionInput = {
+    route: BillSubmissionRoute;
+    destination?: {
+        faxNumber?: string;
+        email?: string;
+        mailingAddress?: string;
+    };
+    attention?: string;
+    subject?: string;
+    note?: string;
+};
 type BillReviewFormProps = {
     data: BillReviewData;
     onSave: (input: BillReviewSaveInput) => Promise<BillReviewData | void>;
-    onSubmit: (input: BillReviewSaveInput, route: BillSubmissionRoute) => Promise<void>;
+    onSubmit: (input: BillReviewSaveInput, submission: BillSubmissionInput) => Promise<void>;
+    onGetDeliveryOptions: () => Promise<BillDeliveryOptions>;
     onAddAttachment: (file: File, documentType: BillReviewDocumentType, description?: string) => Promise<void>;
     onRemoveAttachment: (attachmentId: string) => Promise<void>;
     onOpenAttachment?: (attachment: BillReviewAttachment) => void;
@@ -276,7 +320,7 @@ type BillReviewDraft = {
     lineItems: BillReviewLineItem[];
 };
 declare function buildBillReviewSaveInput(draft: BillReviewDraft): BillReviewSaveInput;
-declare function BillReviewForm({ data, onSave, onSubmit, onAddAttachment, onRemoveAttachment, onOpenAttachment, onSearchClaimsAdministrators, className, style, appearance, features, disabled, }: BillReviewFormProps): ReactElement;
+declare function BillReviewForm({ data, onSave, onSubmit, onGetDeliveryOptions, onAddAttachment, onRemoveAttachment, onOpenAttachment, onSearchClaimsAdministrators, className, style, appearance, features, disabled, }: BillReviewFormProps): ReactElement;
 type BillStatusSummaryProps = {
     status: string;
     submittedAt?: string | null;
@@ -377,6 +421,7 @@ type UseBillLifecycleResult = {
     isMutating: boolean;
     refresh: () => Promise<void>;
     searchClaimsAdministrators: BillLifecycleClient["searchClaimsAdministrators"];
+    getDeliveryOptions: BillLifecycleClient["getDeliveryOptions"];
     saveReview: BillLifecycleClient["saveReview"];
     submitBill: BillLifecycleClient["submitBill"];
     addAttachment: BillLifecycleClient["addAttachment"];

package/dist/index.js

@@ -102,7 +102,7 @@ function mindBillAppearanceStyle(appearance, style) {
 
 // src/native-bill-review.tsx
 import { useEffect, useId, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var EMPTY_PROCEDURE_LINE = {
   code: "",
   modifiers: [],
@@ -110,7 +110,7 @@ var EMPTY_PROCEDURE_LINE = {
   charge: 0
 };
 function isEmptyProcedureLine(line) {
-  return !line.code.trim() && line.modifiers.length === 0 && line.units === 1;
+  return !line.code.trim() && line.modifiers.length === 0 && line.units === 1 && !line.serviceDate && !line.serviceDateEnd && !line.charge && !line.diagnosisPointers?.length;
 }
 function ensureTrailingProcedureLine(lines) {
   const entered = lines.filter((line) => !isEmptyProcedureLine(line)).map((line) => ({ ...line, modifiers: [...line.modifiers] }));
@@ -226,11 +226,15 @@ function buildBillReviewSaveInput(draft) {
     billingProvider: { ...draft.billingProvider },
     renderingProvider: { ...draft.clinician },
     placeOfService: { ...draft.location },
-    lineItems: draft.lineItems.filter((line) => line.code.trim()).map(({ id, code, modifiers, units }) => ({
+    lineItems: draft.lineItems.filter((line) => line.code.trim()).map(({ id, code, modifiers, units, charge, serviceDate, serviceDateEnd, diagnosisPointers }) => ({
       ...id ? { id } : {},
       code: code.trim().toUpperCase(),
       modifiers,
-      units
+      units,
+      ...charge ? { charge } : {},
+      ...serviceDate ? { serviceDate } : {},
+      ...serviceDateEnd ? { serviceDateEnd } : {},
+      ...diagnosisPointers?.length ? { diagnosisPointers } : {}
     }))
   };
 }
@@ -391,6 +395,7 @@ function BillReviewForm({
   data,
   onSave,
   onSubmit,
+  onGetDeliveryOptions,
   onAddAttachment,
   onRemoveAttachment,
   onOpenAttachment,
@@ -407,13 +412,15 @@ function BillReviewForm({
   );
   const [payerResults, setPayerResults] = useState([]);
   const [payerBusy, setPayerBusy] = useState(false);
-  const [route, setRoute] = useState("ebill");
+  const [deliveryOptions, setDeliveryOptions] = useState(null);
+  const [submission, setSubmission] = useState({ route: "ebill" });
+  const [showSubmit, setShowSubmit] = useState(false);
+  const [deliveryBusy, setDeliveryBusy] = useState(false);
   const [file, setFile] = useState(null);
   const [documentType, setDocumentType] = useState("other");
   const [busy, setBusy] = useState("");
   const [error, setError] = useState("");
   const [notice, setNotice] = useState("");
-  const routeName = useId();
   const editable = data.bill.status === "incomplete" && !disabled;
   useEffect(() => {
     setDraft(toDraft(data));
@@ -479,7 +486,7 @@ function BillReviewForm({
     if (!draft.claimNumber.trim()) result.push("Claim number");
     if (!draft.doi) result.push("Date of injury");
     if (!adjFormatValid) result.push("Valid WCAB / ADJ number");
-    if (!draft.dos) result.push("Date of service");
+    if (data.bill.billingMode === "med_legal" && !draft.dos) result.push("Date of service");
     if (!draft.billingProvider.name.trim()) result.push("Practice name");
     if (!draft.billingProvider.taxId.trim()) result.push("Tax ID");
     if (!draft.billingProvider.npi.trim()) result.push("Billing NPI");
@@ -487,8 +494,11 @@ function BillReviewForm({
     if (![draft.location.name, draft.location.street, draft.location.city, draft.location.state, draft.location.zip].every((value) => value.trim())) result.push("Service location");
     const completedLines = draft.lineItems.filter((line) => line.code.trim());
     if (!completedLines.length || completedLines.some((line) => line.units <= 0)) result.push("Valid procedure line");
+    if (data.bill.billingMode === "professional" && completedLines.some((line) => !line.serviceDate || line.charge <= 0)) {
+      result.push("Service date and charge on every procedure line");
+    }
     return result;
-  }, [adjFormatValid, draft]);
+  }, [adjFormatValid, data.bill.billingMode, draft]);
   const canSubmit = blockers.length === 0;
   const updateBillingProvider = (key, value) => setDraft((current) => ({
     ...current,
@@ -524,7 +534,33 @@ function BillReviewForm({
       if (updated) setDraft(toDraft(updated));
     });
   };
-  const handleSubmit = () => run("submit", () => onSubmit(buildBillReviewSaveInput(draft), route));
+  const openSubmit = async () => {
+    setDeliveryBusy(true);
+    setError("");
+    try {
+      const next = await onGetDeliveryOptions();
+      setDeliveryOptions(next);
+      const recommended = next.recommended ?? next.options[0];
+      if (!recommended) throw new Error("No delivery route is available for this payer.");
+      setSubmission({ route: recommended.route });
+      setShowSubmit(true);
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : "Delivery routes could not be loaded.");
+    } finally {
+      setDeliveryBusy(false);
+    }
+  };
+  const selectedDelivery = deliveryOptions?.options.find((option) => option.route === submission.route);
+  const destinationLabel = submission.route === "fax" ? "Fax number" : submission.route === "email" ? "Email address" : submission.route === "mail" ? "Mailing address" : "";
+  const destinationValue = submission.route === "fax" ? submission.destination?.faxNumber ?? selectedDelivery?.target ?? deliveryOptions?.contacts.faxNumber ?? "" : submission.route === "email" ? submission.destination?.email ?? selectedDelivery?.target ?? deliveryOptions?.contacts.claimsEmail ?? "" : submission.route === "mail" ? submission.destination?.mailingAddress ?? selectedDelivery?.target ?? deliveryOptions?.contacts.mailingAddress ?? "" : "";
+  const setDestination = (value) => setSubmission((current) => {
+    const destination = current.route === "fax" ? { faxNumber: value } : current.route === "email" ? { email: value } : { mailingAddress: value };
+    return { ...current, destination };
+  });
+  const handleSubmit = () => run("submit", async () => {
+    await onSubmit(buildBillReviewSaveInput(draft), submission);
+    setShowSubmit(false);
+  });
   const attach = async () => {
     if (!file) return;
     setBusy("attachment");
@@ -550,6 +586,7 @@ function BillReviewForm({
       children: [
         /* @__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" }),
@@ -717,30 +754,32 @@ function BillReviewForm({
         /* @__PURE__ */ jsxs("section", { className: sectionClass, children: [
           /* @__PURE__ */ jsx("div", { className: "mb-native-section-head", children: /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("h3", { children: "Procedure lines" }),
-            /* @__PURE__ */ jsx("p", { children: "Choose a billing profile, then review the codes and modifiers. A new row appears as you type; allowed amounts recalculate on save." })
+            /* @__PURE__ */ jsxs("p", { children: [
+              data.bill.billingMode === "professional" ? "Enter the professional services billed. Each line may carry its own date, charge, and diagnosis pointers." : "Choose a billing profile, then review the codes and modifiers.",
+              " A new row appears as you type."
+            ] })
           ] }) }),
-          features?.codingPresets === false ? null : /* @__PURE__ */ jsxs("div", { className: "mb-native-presets", role: "group", "aria-label": "Evaluation billing profile", children: [
+          data.bill.billingMode === "professional" || features?.codingPresets === false ? null : /* @__PURE__ */ jsxs("div", { className: "mb-native-presets", role: "group", "aria-label": "Evaluation billing profile", children: [
             [["qme", "QME"], ["ame", "AME"], ["psych_qme", "Psych QME"]].map(([value, label]) => /* @__PURE__ */ jsx("button", { type: "button", className: inferPreset(draft.lineItems) === value ? "active" : "", disabled: !editable, onClick: () => setDraft((current) => ({ ...current, lineItems: ensureTrailingProcedureLine(applyPreset(current.lineItems, value)) })), children: label }, value)),
             /* @__PURE__ */ jsx("span", { children: "Sets evaluator modifiers across med-legal lines. You can still edit each line." })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "mb-native-lines", children: draft.lineItems.map((line, index) => /* @__PURE__ */ jsxs("div", { className: "mb-native-line", children: [
+          /* @__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("select", { disabled: !editable, value: line.code, onChange: (event) => {
+              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)) }));
+              } }) : /* @__PURE__ */ jsxs("select", { disabled: !editable, value: line.code, onChange: (event) => {
                 const code = event.target.value;
                 setDraft((current) => {
                   const lineItems = current.lineItems.map((item, itemIndex) => {
                     if (itemIndex !== index) return item;
-                    const presetLine = applyPreset(
-                      [{ ...item, code }],
-                      inferPreset(current.lineItems)
-                    )[0];
+                    const presetLine = applyPreset([{ ...item, code }], inferPreset(current.lineItems))[0];
                     return { ...item, code, modifiers: presetLine?.modifiers || [] };
                   });
                   return { ...current, lineItems: ensureTrailingProcedureLine(lineItems) };
                 });
               }, children: [
-                line.code && !PROCEDURES.some(([code]) => code === line.code) ? /* @__PURE__ */ jsx("option", { value: line.code, children: line.code }) : null,
                 /* @__PURE__ */ jsx("option", { value: "", children: "Select code\u2026" }),
                 PROCEDURES.map(([code, label]) => /* @__PURE__ */ jsxs("option", { value: code, children: [
                   code,
@@ -748,10 +787,16 @@ function BillReviewForm({
                   label
                 ] }, code))
               ] }),
-              line.code ? /* @__PURE__ */ jsx("small", { children: PROCEDURES.find(([code]) => code === line.code)?.[1] }) : null
+              data.bill.billingMode === "med_legal" && line.code ? /* @__PURE__ */ jsx("small", { children: PROCEDURES.find(([code]) => code === line.code)?.[1] }) : null
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "mb-native-modifiers", children: [
-              /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
+              data.bill.billingMode === "professional" ? /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
+                /* @__PURE__ */ jsx("span", { children: "Modifiers" }),
+                /* @__PURE__ */ jsx("input", { disabled: !editable, placeholder: "e.g. 25, 59", value: line.modifiers.join(", "), onChange: (event) => {
+                  const modifiers = event.target.value.toUpperCase().split(/[ ,]+/).map((value) => value.replace(/^-/, "")).filter(Boolean);
+                  setDraft((current) => ({ ...current, lineItems: ensureTrailingProcedureLine(current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, modifiers } : item)) }));
+                } })
+              ] }) : /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
                 /* @__PURE__ */ jsx("span", { children: "Modifiers" }),
                 /* @__PURE__ */ jsxs("select", { disabled: !editable, value: "", onChange: (event) => {
                   const modifier = event.target.value;
@@ -767,16 +812,43 @@ function BillReviewForm({
                   ] }, value))
                 ] })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: "mb-native-chips", children: line.modifiers.map((modifier) => /* @__PURE__ */ jsxs("button", { type: "button", disabled: !editable, onClick: () => setDraft((current) => ({ ...current, lineItems: ensureTrailingProcedureLine(current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, modifiers: item.modifiers.filter((value) => value !== modifier) } : item)) })), children: [
+              /* @__PURE__ */ jsx("div", { className: "mb-native-chips", children: data.bill.billingMode === "med_legal" ? line.modifiers.map((modifier) => /* @__PURE__ */ jsxs("button", { type: "button", disabled: !editable, onClick: () => setDraft((current) => ({ ...current, lineItems: ensureTrailingProcedureLine(current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, modifiers: item.modifiers.filter((value) => value !== modifier) } : item)) })), children: [
                 "-",
                 modifier,
                 " \xD7"
-              ] }, modifier)) })
+              ] }, modifier)) : null })
             ] }),
             /* @__PURE__ */ jsxs("label", { className: "mb-native-field", children: [
               /* @__PURE__ */ jsx("span", { children: "Units" }),
               /* @__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__ */ 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: [
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "End date ",
+                  /* @__PURE__ */ jsx("small", { children: "Optional" })
+                ] }),
+                /* @__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__ */ 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: [
+                /* @__PURE__ */ jsxs("span", { children: [
+                  "Diagnosis pointers ",
+                  /* @__PURE__ */ jsx("small", { children: "1\u201312" })
+                ] }),
+                /* @__PURE__ */ jsx("input", { inputMode: "numeric", disabled: !editable, value: (line.diagnosisPointers || []).join(", "), onChange: (event) => {
+                  const diagnosisPointers = event.target.value.split(/[ ,]+/).map(Number).filter((value) => Number.isInteger(value) && value >= 1 && value <= 12);
+                  setDraft((current) => ({ ...current, lineItems: ensureTrailingProcedureLine(current.lineItems.map((item, itemIndex) => itemIndex === index ? { ...item, diagnosisPointers } : item)) }));
+                } })
+              ] })
+            ] }) : null,
             /* @__PURE__ */ jsxs("div", { className: "mb-native-allowed", children: [
               /* @__PURE__ */ jsx("span", { children: "Allowed" }),
               /* @__PURE__ */ jsx("strong", { children: money(line.charge) })
@@ -824,13 +896,6 @@ function BillReviewForm({
             /* @__PURE__ */ jsx("h3", { children: "Submit this bill" }),
             /* @__PURE__ */ jsx("p", { children: "After submission, status, payments, denials, and resubmissions stay available here." })
           ] }),
-          /* @__PURE__ */ jsxs("fieldset", { children: [
-            /* @__PURE__ */ jsx("legend", { children: "Send via" }),
-            ["ebill", "fax", "mail", "email"].map((value) => /* @__PURE__ */ jsxs("label", { children: [
-              /* @__PURE__ */ jsx("input", { type: "radio", name: routeName, value, checked: route === value, onChange: () => setRoute(value) }),
-              value === "ebill" ? "E-bill" : value.charAt(0).toUpperCase() + value.slice(1)
-            ] }, value))
-          ] }),
           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,
           !canSubmit ? /* @__PURE__ */ jsxs("div", { className: "mb-native-blockers", role: "status", children: [
@@ -839,9 +904,43 @@ function BillReviewForm({
           ] }) : null,
           /* @__PURE__ */ jsxs("div", { className: "mb-native-actions", 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 !== "", onClick: () => void handleSubmit(), children: busy === "submit" ? "Submitting\u2026" : "Submit bill" })
+            /* @__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);
+        }, children: /* @__PURE__ */ jsxs("section", { className: "mb-native-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": "mb-native-submit-title", children: [
+          /* @__PURE__ */ jsxs("header", { children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("span", { className: "mb-native-eyebrow", children: "Send bill" }),
+              /* @__PURE__ */ jsx("h3", { id: "mb-native-submit-title", children: "Choose a delivery route" }),
+              /* @__PURE__ */ jsx("p", { children: deliveryOptions.payerName || "Claims administrator" })
+            ] }),
+            /* @__PURE__ */ jsx("button", { type: "button", className: "mb-native-close", "aria-label": "Close", disabled: busy === "submit", onClick: () => setShowSubmit(false), children: "\xD7" })
+          ] }),
+          /* @__PURE__ */ jsxs("fieldset", { className: "mb-native-delivery-options", children: [
+            /* @__PURE__ */ jsx("legend", { children: "Available delivery routes" }),
+            deliveryOptions.options.map((option) => /* @__PURE__ */ jsxs("label", { className: submission.route === option.route ? "selected" : "", children: [
+              /* @__PURE__ */ jsx("input", { type: "radio", name: "mindbill-delivery-route", checked: submission.route === option.route, onChange: () => setSubmission({ route: option.route }) }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                /* @__PURE__ */ jsx("strong", { children: option.label }),
+                /* @__PURE__ */ jsx("small", { children: option.detail }),
+                option.target ? /* @__PURE__ */ jsx("code", { children: option.target }) : null
+              ] }),
+              deliveryOptions.recommended?.route === option.route ? /* @__PURE__ */ jsx("em", { children: "Recommended" }) : null
+            ] }, `${option.route}-${option.target || "default"}`))
+          ] }),
+          submission.route !== "ebill" ? /* @__PURE__ */ jsxs("div", { className: "mb-native-grid two", children: [
+            /* @__PURE__ */ jsx(Field, { label: destinationLabel, required: true, value: destinationValue, onChange: setDestination, hint: "You can override the payer directory value for this submission." }),
+            /* @__PURE__ */ jsx(Field, { label: "Attention", optional: true, value: submission.attention || "", onChange: (attention) => setSubmission((current) => ({ ...current, attention })) }),
+            submission.route === "email" ? /* @__PURE__ */ jsx(Field, { label: "Subject", optional: true, value: submission.subject || "", onChange: (subject) => setSubmission((current) => ({ ...current, subject })) }) : null
+          ] }) : null,
+          /* @__PURE__ */ jsx(Field, { label: "Delivery note", optional: true, value: submission.note || "", onChange: (note) => setSubmission((current) => ({ ...current, note })) }),
+          /* @__PURE__ */ jsxs("footer", { children: [
+            /* @__PURE__ */ jsx("button", { className: "mb-native-button secondary", type: "button", disabled: busy === "submit", onClick: () => setShowSubmit(false), children: "Cancel" }),
+            /* @__PURE__ */ jsx("button", { className: "mb-native-button primary", type: "button", disabled: busy === "submit" || submission.route !== "ebill" && !destinationValue.trim(), onClick: () => void handleSubmit(), children: busy === "submit" ? "Submitting\u2026" : `Send via ${selectedDelivery?.label || submission.route}` })
+          ] })
+        ] }) }) : null
       ]
     }
   );
@@ -876,6 +975,19 @@ function BillStatusSummary({ status, submittedAt, agingDays, updatedAt, totalCha
     actions.length ? /* @__PURE__ */ jsx("div", { className: "mb-native-status-actions", children: actions.map((action) => /* @__PURE__ */ jsx("button", { type: "button", className: `mb-native-button ${action.primary ? "primary" : "secondary"}`, disabled: action.disabled, onClick: action.onClick, children: action.label }, action.id)) }) : null
   ] });
 }
+var NATIVE_SUBMISSION_DIALOG_STYLES = `
+.mb-native-field select{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 select: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-line.professional{grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) 86px 150px 150px 120px minmax(130px,1fr) 120px 28px;overflow-x:auto}
+.mb-native-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
+.mb-native-modal-backdrop{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:20px;background:rgba(20,38,46,.55);backdrop-filter:blur(3px)}
+.mb-native-modal{display:grid;gap:18px;width:min(720px,100%);max-height:min(820px,calc(100vh - 40px));overflow:auto;padding:22px;border:1px solid var(--mb-border);border-radius:16px;background:#fff;box-shadow:0 28px 80px rgba(14,35,44,.3)}
+.mb-native-modal>header,.mb-native-modal>footer{display:flex;align-items:start;justify-content:space-between;gap:16px}.mb-native-modal>footer{justify-content:flex-end}.mb-native-modal h3{margin:3px 0;font-size:22px}.mb-native-modal p{margin:0;color:var(--mb-muted)}
+.mb-native-close{border:1px solid var(--mb-border);border-radius:8px;background:#fff;color:var(--mb-text);cursor:pointer;font-size:23px;line-height:1;padding:8px 12px}
+.mb-native-delivery-options{display:grid;gap:9px;margin:0;padding:0;border:0}.mb-native-delivery-options legend{margin-bottom:8px;font-weight:800}.mb-native-delivery-options label{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:14px;border:1px solid var(--mb-border);border-radius:10px;cursor:pointer}.mb-native-delivery-options label.selected{border-color:var(--mb-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--mb-accent) 14%,transparent)}.mb-native-delivery-options label>span{display:grid;gap:2px}.mb-native-delivery-options small{color:var(--mb-muted)}.mb-native-delivery-options code{margin-top:4px;color:var(--mb-text);font:12px/1.4 ui-monospace,SFMono-Regular,monospace}.mb-native-delivery-options em{border-radius:999px;background:var(--mb-soft);color:var(--mb-accent-dark);font-size:10px;font-style:normal;font-weight:800;padding:5px 8px;text-transform:uppercase}
+@media(max-width:1100px){.mb-native-line.professional{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-native-line.professional .mb-native-allowed{text-align:left}}
+@media(max-width:620px){.mb-native-grid.two,.mb-native-line.professional{grid-template-columns:1fr}.mb-native-modal-backdrop{padding:0}.mb-native-modal{width:100%;max-height:100vh;border-radius:0;padding:18px}.mb-native-delivery-options label{grid-template-columns:auto 1fr}.mb-native-delivery-options em{grid-column:2}}
+`;
 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}}
@@ -930,7 +1042,7 @@ import {
   useRef as useRef2,
   useState as useState2
 } from "react";
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var DEFAULT_API_BASE_URL = "https://app.mindbill.org";
 var DEFAULT_SESSION_ENDPOINT = "/api/mindbill/status-session";
 var DEFAULT_REFRESH_INTERVAL = 6e4;
@@ -1153,10 +1265,10 @@ function ConnectedBillStatus({
 }) {
   const status = useBillStatus(options);
   if (status.isLoading && !status.data) {
-    return /* @__PURE__ */ jsx2(Fragment, { children: loadingFallback ?? /* @__PURE__ */ jsx2("div", { role: "status", children: "Loading bill status\u2026" }) });
+    return /* @__PURE__ */ jsx2(Fragment2, { children: loadingFallback ?? /* @__PURE__ */ jsx2("div", { role: "status", children: "Loading bill status\u2026" }) });
   }
   if (status.error && !status.data) {
-    return /* @__PURE__ */ jsx2(Fragment, { children: errorFallback?.(status.error, status.refresh) ?? /* @__PURE__ */ jsxs2("div", { role: "alert", children: [
+    return /* @__PURE__ */ jsx2(Fragment2, { children: errorFallback?.(status.error, status.refresh) ?? /* @__PURE__ */ jsxs2("div", { role: "alert", children: [
       status.error.message,
       " ",
       /* @__PURE__ */ jsx2("button", { type: "button", onClick: () => void status.refresh(), children: "Retry" })
@@ -1195,7 +1307,7 @@ import {
   createBillLifecycleClient
 } from "@mindbill/browser";
 import { createBillLifecycleClient as createBillLifecycleClient2 } from "@mindbill/browser";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var DEFAULT_REFRESH_INTERVAL2 = 6e4;
 function openPdf(blob, filename) {
   const url = URL.createObjectURL(blob);
@@ -1296,8 +1408,12 @@ function useBillLifecycle({
     (query, claimNumber) => client.searchClaimsAdministrators(query, claimNumber),
     [client]
   );
+  const getDeliveryOptions = useCallback2(
+    () => client.getDeliveryOptions(),
+    [client]
+  );
   const submitBill = useCallback2(
-    (input, route) => mutate(() => client.submitBill(input, route)),
+    (input, submission) => mutate(() => client.submitBill(input, submission)),
     [client, mutate]
   );
   const addAttachment = useCallback2(
@@ -1353,6 +1469,7 @@ function useBillLifecycle({
     isMutating,
     refresh,
     searchClaimsAdministrators,
+    getDeliveryOptions,
     saveReview,
     submitBill,
     addAttachment,
@@ -1440,11 +1557,11 @@ function ConnectedBillLifecycle({
     }));
   }, [data, onChanged]);
   if (lifecycle.isLoading && !data) {
-    return /* @__PURE__ */ jsx3(Fragment2, { children: loadingFallback ?? /* @__PURE__ */ jsx3("div", { className: "mb-lifecycle-loading", children: "Loading billing\u2026" }) });
+    return /* @__PURE__ */ jsx3(Fragment3, { children: loadingFallback ?? /* @__PURE__ */ jsx3("div", { className: "mb-lifecycle-loading", children: "Loading billing\u2026" }) });
   }
   if (!data) {
     const error = lifecycle.error ?? new Error("Bill could not be loaded.");
-    return /* @__PURE__ */ jsx3(Fragment2, { children: errorFallback?.(error, lifecycle.refresh) ?? /* @__PURE__ */ jsxs3("div", { className: "mb-lifecycle-error", role: "alert", children: [
+    return /* @__PURE__ */ jsx3(Fragment3, { children: errorFallback?.(error, lifecycle.refresh) ?? /* @__PURE__ */ jsxs3("div", { className: "mb-lifecycle-error", role: "alert", children: [
       /* @__PURE__ */ jsx3("strong", { children: "Billing is unavailable." }),
       /* @__PURE__ */ jsx3("span", { children: error.message }),
       /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => void lifecycle.refresh(), children: "Try again" })
@@ -1488,9 +1605,10 @@ function ConnectedBillLifecycle({
         ...features ? { features } : {},
         disabled: lifecycle.isMutating,
         onSearchClaimsAdministrators: lifecycle.searchClaimsAdministrators,
+        onGetDeliveryOptions: lifecycle.getDeliveryOptions,
         onSave: lifecycle.saveReview,
-        onSubmit: async (input, route) => {
-          await complete("Bill submitted.", () => lifecycle.submitBill(input, route));
+        onSubmit: async (input, submission) => {
+          await complete("Bill submitted.", () => lifecycle.submitBill(input, submission));
         },
         onAddAttachment: async (file, type, description) => {
           await lifecycle.addAttachment(file, type, description);