@mindbill/react 0.8.0 → 0.9.0

package/dist/index.js

@@ -2,7 +2,7 @@
 
 // src/index.tsx
 import "@mindbill/embed";
-import { createElement, useEffect as useEffect3, useRef as useRef2 } from "react";
+import { createElement, useEffect as useEffect4, useRef as useRef3 } from "react";
 
 // src/native-bill-review.tsx
 import { useEffect, useId, useMemo, useState } from "react";
@@ -676,11 +676,740 @@ function ConnectedBillStatus({
   );
 }
 
+// src/connected-bill-lifecycle.tsx
+import {
+  useCallback as useCallback2,
+  useEffect as useEffect3,
+  useMemo as useMemo3,
+  useRef as useRef2,
+  useState as useState3
+} from "react";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var DEFAULT_API_BASE_URL2 = "https://app.mindbill.org";
+var DEFAULT_SESSION_ENDPOINT2 = "/api/mindbill/bill-session";
+var DEFAULT_REFRESH_INTERVAL2 = 6e4;
+async function responseError2(response, fallback) {
+  const body = await response.json().catch(() => null);
+  const detail = body && typeof body === "object" ? body.detail ?? body.message ?? body.error : null;
+  return new Error(typeof detail === "string" ? detail : fallback);
+}
+function isSessionFresh2(session) {
+  if (!session) return false;
+  if (!session.expiresAt) return true;
+  const expiresAt = new Date(session.expiresAt).getTime();
+  return Number.isFinite(expiresAt) && expiresAt > Date.now() + 3e4;
+}
+function normalizeSession2(value) {
+  if (!value || typeof value !== "object") {
+    throw new Error("The MindBill session endpoint returned an invalid response.");
+  }
+  const candidate = value;
+  const nested = candidate.session ?? candidate.data;
+  const session = nested && typeof nested === "object" ? nested : candidate;
+  if (typeof session.token !== "string" || session.token.length < 8) {
+    throw new Error(
+      "The MindBill session endpoint did not return a browser session token."
+    );
+  }
+  return {
+    token: session.token,
+    ...typeof session.expiresAt === "string" ? { expiresAt: session.expiresAt } : {},
+    ...typeof session.apiBaseUrl === "string" ? { apiBaseUrl: session.apiBaseUrl } : {}
+  };
+}
+function normalizeLifecycle(value) {
+  if (!value || typeof value !== "object") {
+    throw new Error("MindBill returned an invalid bill lifecycle.");
+  }
+  const data = value;
+  if (!data.bill || !data.patient || !data.injury || !data.lifecycle || !Array.isArray(data.lifecycle.actions) || !Array.isArray(data.eors)) {
+    throw new Error("MindBill returned an invalid bill lifecycle.");
+  }
+  return data;
+}
+function idempotencyKey() {
+  if (typeof globalThis.crypto?.randomUUID === "function") {
+    return globalThis.crypto.randomUUID();
+  }
+  return `mb-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+}
+function createBillLifecycleClient({
+  billId,
+  sessionEndpoint = DEFAULT_SESSION_ENDPOINT2,
+  getSession,
+  apiBaseUrl = DEFAULT_API_BASE_URL2,
+  fetch: fetchOverride
+}) {
+  const fetcher = fetchOverride ?? globalThis.fetch;
+  if (typeof fetcher !== "function") {
+    throw new Error("A Fetch API implementation is required.");
+  }
+  let session = null;
+  let sessionRequest = null;
+  const mintSession = async (signal, force = false) => {
+    if (!force && isSessionFresh2(session)) return session;
+    if (!force && sessionRequest) return sessionRequest;
+    const pending = getSession ? getSession({ billId, component: "bill-review", signal }) : fetcher(sessionEndpoint, {
+      method: "POST",
+      credentials: "same-origin",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify({ billId, component: "bill-review" }),
+      signal
+    }).then(async (response) => {
+      if (!response.ok) {
+        throw await responseError2(
+          response,
+          "MindBill browser session could not be created."
+        );
+      }
+      return response.json();
+    });
+    const request2 = Promise.resolve(pending).then(normalizeSession2).then((nextSession) => {
+      session = nextSession;
+      return nextSession;
+    }).finally(() => {
+      if (sessionRequest === request2) sessionRequest = null;
+    });
+    sessionRequest = request2;
+    return request2;
+  };
+  const request = async (path, init = {}, providedSignal) => {
+    const controller = providedSignal ? null : new AbortController();
+    const signal = providedSignal ?? controller?.signal;
+    if (!signal) throw new Error("An AbortSignal could not be created.");
+    let browserSession = await mintSession(signal);
+    const perform = (current) => {
+      const base = (current.apiBaseUrl ?? apiBaseUrl).replace(/\/$/, "");
+      const headers = new Headers(init.headers);
+      headers.set("authorization", `Bearer ${current.token}`);
+      return fetcher(`${base}${path}`, { ...init, headers, signal });
+    };
+    let response = await perform(browserSession);
+    if (response.status === 401) {
+      session = null;
+      browserSession = await mintSession(signal, true);
+      response = await perform(browserSession);
+    }
+    return response;
+  };
+  const loadLifecycle = async (signal) => {
+    const response = await request("/embed/api/bill-lifecycle", {}, signal);
+    if (!response.ok) {
+      throw await responseError2(response, "Bill lifecycle could not be loaded.");
+    }
+    const body = await response.json();
+    return normalizeLifecycle(body.data);
+  };
+  const mutation = async (path, init, fallback) => {
+    const headers = new Headers(init.headers);
+    headers.set("idempotency-key", idempotencyKey());
+    const response = await request(path, { ...init, headers });
+    if (!response.ok) throw await responseError2(response, fallback);
+    return response;
+  };
+  const action = async (input, fallback) => {
+    const response = await mutation(
+      "/embed/api/bill-lifecycle/actions",
+      {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify(input)
+      },
+      fallback
+    );
+    const body = await response.json();
+    return normalizeLifecycle(body.data);
+  };
+  const saveReview = async (input) => {
+    await mutation(
+      "/embed/api/bill-review",
+      {
+        method: "PATCH",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify(input)
+      },
+      "Bill changes could not be saved."
+    );
+    return loadLifecycle();
+  };
+  return {
+    clearSession() {
+      session = null;
+      sessionRequest = null;
+    },
+    getLifecycle: loadLifecycle,
+    saveReview,
+    async submitBill(input, route) {
+      await saveReview(input);
+      await mutation(
+        "/embed/api/bill-review/submit",
+        {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ route })
+        },
+        "Bill could not be submitted."
+      );
+      return loadLifecycle();
+    },
+    async addAttachment(file, documentType, description) {
+      const body = new FormData();
+      body.set("file", file);
+      body.set("documentType", documentType);
+      if (description) body.set("description", description);
+      await mutation(
+        "/embed/api/bill-review/attachments",
+        { method: "POST", body },
+        "Document could not be attached."
+      );
+      return loadLifecycle();
+    },
+    async removeAttachment(attachmentId) {
+      await mutation(
+        `/embed/api/bill-review/attachments/${encodeURIComponent(attachmentId)}`,
+        { method: "DELETE" },
+        "Document could not be removed."
+      );
+      return loadLifecycle();
+    },
+    async getAttachment(attachmentId) {
+      const response = await request(
+        `/embed/api/bill-review/attachments/${encodeURIComponent(attachmentId)}`
+      );
+      if (!response.ok) {
+        throw await responseError2(response, "Document could not be opened.");
+      }
+      return response.blob();
+    },
+    async getEor(documentId) {
+      const response = await request(
+        `/embed/api/bill-lifecycle/eor/${encodeURIComponent(documentId)}`
+      );
+      if (!response.ok) throw await responseError2(response, "EOR could not be opened.");
+      return response.blob();
+    },
+    closeBill(input) {
+      return action({ action: "close", ...input }, "Bill could not be closed.");
+    },
+    postPayment(input) {
+      return action(
+        { action: "post_payment", ...input, checkNumber: input.checkNumber ?? "" },
+        "Payment could not be posted."
+      );
+    },
+    submitSecondReview(input) {
+      return action(
+        { action: "second_review", ...input },
+        "Second Review could not be submitted."
+      );
+    },
+    async startCorrection() {
+      const response = await mutation(
+        "/embed/api/bill-lifecycle/actions",
+        {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ action: "start_correction" })
+        },
+        "Correction draft could not be created."
+      );
+      const body = await response.json();
+      if (typeof body.replacementBillId !== "string") {
+        throw new Error("MindBill did not return the correction bill ID.");
+      }
+      return {
+        replacementBillId: body.replacementBillId,
+        data: normalizeLifecycle(body.data)
+      };
+    }
+  };
+}
+function openPdf(blob, filename) {
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.target = "_blank";
+  link.rel = "noopener noreferrer";
+  link.download = filename;
+  link.click();
+  window.setTimeout(() => URL.revokeObjectURL(url), 6e4);
+}
+function useBillLifecycle({
+  billId: providedBillId,
+  sessionEndpoint = DEFAULT_SESSION_ENDPOINT2,
+  getSession,
+  apiBaseUrl = DEFAULT_API_BASE_URL2,
+  refreshInterval = DEFAULT_REFRESH_INTERVAL2,
+  enabled = true,
+  initialData = null,
+  onBillIdChange,
+  fetch: fetchOverride
+}) {
+  const [billId, setBillId] = useState3(providedBillId);
+  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 mounted = useRef2(true);
+  useEffect3(() => {
+    setBillId(providedBillId);
+    setData(initialData);
+    setError(null);
+  }, [initialData, providedBillId]);
+  const client = useMemo3(() => createBillLifecycleClient({
+    billId,
+    sessionEndpoint,
+    getSession,
+    apiBaseUrl,
+    fetch: fetchOverride
+  }), [apiBaseUrl, billId, fetchOverride, getSession, sessionEndpoint]);
+  useEffect3(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+      client.clearSession();
+    };
+  }, [client]);
+  const refresh = useCallback2(async () => {
+    if (!enabled) return;
+    setIsRefreshing(true);
+    try {
+      const next = await client.getLifecycle();
+      if (!mounted.current) return;
+      setData(next);
+      setError(null);
+    } catch (cause) {
+      if (!mounted.current) return;
+      setError(cause instanceof Error ? cause : new Error("Bill could not be loaded."));
+    } finally {
+      if (mounted.current) {
+        setIsLoading(false);
+        setIsRefreshing(false);
+      }
+    }
+  }, [client, enabled]);
+  useEffect3(() => {
+    if (!enabled) return;
+    void refresh();
+    const interval = refreshInterval > 0 ? window.setInterval(() => void refresh(), refreshInterval) : null;
+    const onFocus = () => void refresh();
+    window.addEventListener("focus", onFocus);
+    return () => {
+      if (interval) window.clearInterval(interval);
+      window.removeEventListener("focus", onFocus);
+    };
+  }, [enabled, refresh, refreshInterval]);
+  const mutate = useCallback2(async (task) => {
+    setIsMutating(true);
+    setError(null);
+    try {
+      const next = await task();
+      if (mounted.current) setData(next);
+      return next;
+    } catch (cause) {
+      const nextError = cause instanceof Error ? cause : new Error("MindBill could not complete this request.");
+      if (mounted.current) setError(nextError);
+      throw nextError;
+    } finally {
+      if (mounted.current) setIsMutating(false);
+    }
+  }, []);
+  const saveReview = useCallback2(
+    (input) => mutate(() => client.saveReview(input)),
+    [client, mutate]
+  );
+  const submitBill = useCallback2(
+    (input, route) => mutate(() => client.submitBill(input, route)),
+    [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]
+  );
+  const postPayment = useCallback2(
+    (input) => mutate(() => client.postPayment(input)),
+    [client, mutate]
+  );
+  const submitSecondReview = useCallback2(
+    (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("Correction draft 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]);
+  const openEor = useCallback2(async (document2) => {
+    openPdf(await client.getEor(document2.id), document2.filename);
+  }, [client]);
+  return {
+    billId,
+    data,
+    error,
+    isLoading,
+    isRefreshing,
+    isMutating,
+    refresh,
+    saveReview,
+    submitBill,
+    addAttachment,
+    removeAttachment,
+    openAttachment,
+    openEor,
+    closeBill,
+    postPayment,
+    submitSecondReview,
+    startCorrection
+  };
+}
+function dateInputValue() {
+  const now = /* @__PURE__ */ new Date();
+  const offset = now.getTimezoneOffset() * 6e4;
+  return new Date(now.getTime() - offset).toISOString().slice(0, 10);
+}
+function appearanceStyle2(appearance, style) {
+  return {
+    ...appearance?.accentColor ? { "--mb-accent": appearance.accentColor } : {},
+    ...appearance?.textColor ? { "--mb-text": appearance.textColor } : {},
+    ...appearance?.mutedColor ? { "--mb-muted": appearance.mutedColor } : {},
+    ...appearance?.borderColor ? { "--mb-border": appearance.borderColor } : {},
+    ...appearance?.backgroundColor ? { "--mb-soft": appearance.backgroundColor } : {},
+    ...appearance?.surfaceColor ? { "--mb-surface": appearance.surfaceColor } : {},
+    ...appearance?.fontFamily ? { "--mb-font": appearance.fontFamily } : {},
+    ...style
+  };
+}
+function SupportingDocumentControl({
+  disabled,
+  onAdd
+}) {
+  const [file, setFile] = useState3(null);
+  const [type, setType] = useState3("appeal");
+  const [busy, setBusy] = useState3(false);
+  return /* @__PURE__ */ jsxs3("div", { className: "mb-lifecycle-upload", children: [
+    /* @__PURE__ */ jsxs3("select", { "aria-label": "Supporting document type", value: type, disabled: disabled || busy, onChange: (event) => setType(event.target.value), children: [
+      /* @__PURE__ */ jsx3("option", { value: "appeal", children: "Second Review support" }),
+      /* @__PURE__ */ jsx3("option", { value: "final_report", children: "Final report" }),
+      /* @__PURE__ */ jsx3("option", { value: "proof_of_service", children: "Proof of service" }),
+      /* @__PURE__ */ jsx3("option", { value: "letter_of_attestation", children: "Letter of attestation" }),
+      /* @__PURE__ */ jsx3("option", { value: "form_122", children: "DWC Form 122" }),
+      /* @__PURE__ */ jsx3("option", { value: "w9", children: "W-9" }),
+      /* @__PURE__ */ jsx3("option", { value: "other", children: "Other supporting document" })
+    ] }),
+    /* @__PURE__ */ jsx3("input", { "aria-label": "Choose supporting PDF", type: "file", accept: "application/pdf,.pdf", disabled: disabled || busy, onChange: (event) => setFile(event.target.files?.[0] ?? null) }),
+    /* @__PURE__ */ jsx3("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,
+  className,
+  style,
+  loadingFallback,
+  errorFallback,
+  onChanged,
+  ...options
+}) {
+  const lifecycle = useBillLifecycle(options);
+  const { data } = lifecycle;
+  const [panel, setPanel] = useState3("");
+  const [notice, setNotice] = useState3("");
+  const [closeReason, setCloseReason] = useState3("");
+  const [payment, setPayment] = useState3({
+    amount: 0,
+    method: "check",
+    checkNumber: "",
+    depositDate: dateInputValue(),
+    note: ""
+  });
+  const [review, setReview] = useState3({
+    reason: "",
+    payerClaimControlNumber: "",
+    disputedAmount: void 0,
+    attachmentIds: [],
+    route: "ebill"
+  });
+  const lastData = useRef2(null);
+  useEffect3(() => {
+    if (!data || data === lastData.current) return;
+    lastData.current = data;
+    onChanged?.(data);
+    setPayment((current) => ({
+      ...current,
+      amount: current.amount > 0 ? current.amount : data.bill.balanceDue
+    }));
+    setReview((current) => ({
+      ...current,
+      disputedAmount: current.disputedAmount ?? data.bill.balanceDue,
+      attachmentIds: current.attachmentIds.length ? current.attachmentIds.filter((id) => data.bill.attachments.some((doc) => doc.id === id)) : data.bill.attachments.map((doc) => doc.id)
+    }));
+  }, [data, onChanged]);
+  if (lifecycle.isLoading && !data) {
+    return /* @__PURE__ */ jsx3(Fragment2, { 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: [
+      /* @__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" })
+    ] }) });
+  }
+  const actionMap = new Map(data.lifecycle.actions.map((action) => [action.id, action]));
+  const has = (id) => actionMap.get(id);
+  const selectPanel = (next) => {
+    setNotice("");
+    setPanel((current) => current === next ? "" : next);
+  };
+  const complete = async (message, task) => {
+    setNotice("");
+    try {
+      await task();
+      setPanel("");
+      setNotice(message);
+    } catch {
+    }
+  };
+  const actionButtons = data.lifecycle.actions.filter((action) => action.id !== "edit_and_submit" && 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__ */ jsxs3("section", { className: ["mb-connected-lifecycle", className].filter(Boolean).join(" "), style: appearanceStyle2(appearance, style), children: [
+    /* @__PURE__ */ jsx3("style", { children: CONNECTED_LIFECYCLE_STYLES }),
+    canEditAndSubmit ? /* @__PURE__ */ jsx3(
+      BillReviewForm,
+      {
+        data,
+        ...appearance ? { appearance } : {},
+        disabled: lifecycle.isMutating,
+        onSave: lifecycle.saveReview,
+        onSubmit: async (input, route) => {
+          await complete("Bill submitted.", () => lifecycle.submitBill(input, route));
+        },
+        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__ */ jsx3(
+      BillStatusSummary,
+      {
+        status: data.lifecycle.state,
+        totalCharge: data.bill.totalCharge,
+        totalPaid: data.bill.totalPaid,
+        balanceDue: data.bill.balanceDue,
+        actions: actionButtons,
+        ...appearance ? { appearance } : {}
+      }
+    ),
+    /* @__PURE__ */ jsxs3("div", { className: "mb-lifecycle-toolbar", children: [
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsxs3("strong", { children: [
+          "Bill #",
+          data.bill.billNumber
+        ] }),
+        /* @__PURE__ */ jsx3("span", { children: lifecycle.isRefreshing ? "Refreshing\u2026" : "MindBill manages this lifecycle." })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "mb-lifecycle-toolbar-actions", children: [
+        has("view_eor") ? /* @__PURE__ */ jsx3("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__ */ jsx3("button", { type: "button", className: "mb-lifecycle-button quiet", onClick: () => selectPanel("close"), children: "Close bill" }) : null
+      ] })
+    ] }),
+    data.eors.length ? /* @__PURE__ */ jsxs3("section", { className: "mb-lifecycle-card", id: `mb-eors-${data.bill.id}`, children: [
+      /* @__PURE__ */ jsxs3("header", { children: [
+        /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsx3("h3", { children: "Explanation of Review" }),
+          /* @__PURE__ */ jsx3("p", { children: "Review the payer response and original PDF before posting payment." })
+        ] }),
+        /* @__PURE__ */ jsxs3("span", { children: [
+          data.eors.length,
+          " PDF",
+          data.eors.length === 1 ? "" : "s"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx3("ul", { className: "mb-lifecycle-documents", children: data.eors.map((eor) => /* @__PURE__ */ jsxs3("li", { children: [
+        /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsx3("strong", { children: eor.filename }),
+          /* @__PURE__ */ jsx3("span", { children: eor.description || `Added ${new Date(eor.addedAt).toLocaleDateString()}` })
+        ] }),
+        /* @__PURE__ */ jsx3("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => void lifecycle.openEor(eor).catch(() => void 0), children: "View PDF" })
+      ] }, eor.id)) })
+    ] }) : null,
+    has("independent_bill_review") ? /* @__PURE__ */ jsxs3("div", { className: "mb-lifecycle-info", children: [
+      /* @__PURE__ */ jsx3("strong", { children: has("independent_bill_review")?.label }),
+      /* @__PURE__ */ jsx3("span", { children: has("independent_bill_review")?.reason })
+    ] }) : null,
+    panel === "correction" ? /* @__PURE__ */ jsxs3("section", { className: "mb-lifecycle-panel", children: [
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx3("h3", { children: "Correct and resubmit" }),
+        /* @__PURE__ */ jsx3("p", { children: "MindBill will create a new correction draft and preserve this rejected bill in history. Review the copied values before submitting." })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "mb-lifecycle-panel-actions", children: [
+        /* @__PURE__ */ jsx3("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
+        /* @__PURE__ */ jsx3("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating, onClick: () => void complete("Correction draft created.", lifecycle.startCorrection), children: lifecycle.isMutating ? "Creating\u2026" : "Create correction draft" })
+      ] })
+    ] }) : null,
+    panel === "second_review" ? /* @__PURE__ */ jsxs3("section", { className: "mb-lifecycle-panel wide", children: [
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx3("h3", { children: "Submit Second Review" }),
+        /* @__PURE__ */ jsx3("p", { children: "State why payment is disputed, confirm the payer control number, and choose the supporting documents MindBill should send." })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "mb-lifecycle-fields two", children: [
+        /* @__PURE__ */ jsxs3("label", { children: [
+          /* @__PURE__ */ jsx3("span", { children: "Reason for Second Review" }),
+          /* @__PURE__ */ jsx3("textarea", { required: true, value: review.reason, onChange: (event) => setReview((current) => ({ ...current, reason: event.target.value })) })
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "mb-lifecycle-fields", children: [
+          /* @__PURE__ */ jsxs3("label", { children: [
+            /* @__PURE__ */ jsx3("span", { children: "Payer claim control number" }),
+            /* @__PURE__ */ jsx3("input", { required: true, value: review.payerClaimControlNumber, onChange: (event) => setReview((current) => ({ ...current, payerClaimControlNumber: event.target.value })) })
+          ] }),
+          /* @__PURE__ */ jsxs3("label", { children: [
+            /* @__PURE__ */ jsx3("span", { children: "Disputed amount" }),
+            /* @__PURE__ */ jsx3("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__ */ jsxs3("label", { children: [
+            /* @__PURE__ */ jsx3("span", { children: "Send via" }),
+            /* @__PURE__ */ jsxs3("select", { value: review.route, onChange: (event) => setReview((current) => ({ ...current, route: event.target.value })), children: [
+              /* @__PURE__ */ jsx3("option", { value: "ebill", children: "E-bill" }),
+              /* @__PURE__ */ jsx3("option", { value: "fax", children: "Fax" }),
+              /* @__PURE__ */ jsx3("option", { value: "mail", children: "Mail" }),
+              /* @__PURE__ */ jsx3("option", { value: "email", children: "Email" })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs3("fieldset", { className: "mb-lifecycle-packet", children: [
+        /* @__PURE__ */ jsx3("legend", { children: "Supporting packet" }),
+        data.bill.attachments.map((attachment) => /* @__PURE__ */ jsxs3("label", { children: [
+          /* @__PURE__ */ jsx3("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__ */ jsxs3("span", { children: [
+            /* @__PURE__ */ jsx3("strong", { children: attachment.filename }),
+            /* @__PURE__ */ jsx3("small", { children: attachment.description || attachment.documentType })
+          ] }),
+          /* @__PURE__ */ jsx3("button", { type: "button", onClick: () => void lifecycle.openAttachment(attachment).catch(() => void 0), children: "View" }),
+          /* @__PURE__ */ jsx3("button", { type: "button", "aria-label": `Remove ${attachment.filename}`, onClick: () => void lifecycle.removeAttachment(attachment.id).catch(() => void 0), children: "\xD7" })
+        ] }, attachment.id))
+      ] }),
+      /* @__PURE__ */ jsx3(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__ */ jsxs3("div", { className: "mb-lifecycle-panel-actions", children: [
+        /* @__PURE__ */ jsx3("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
+        /* @__PURE__ */ jsx3("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__ */ jsxs3("section", { className: "mb-lifecycle-panel", children: [
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx3("h3", { children: "Post payment" }),
+        /* @__PURE__ */ jsx3("p", { children: "Record funds shown on the EOR. MindBill updates the balance and closes the bill automatically when configured." })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "mb-lifecycle-fields two", children: [
+        /* @__PURE__ */ jsxs3("label", { children: [
+          /* @__PURE__ */ jsx3("span", { children: "Amount" }),
+          /* @__PURE__ */ jsx3("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__ */ jsxs3("label", { children: [
+          /* @__PURE__ */ jsx3("span", { children: "Method" }),
+          /* @__PURE__ */ jsxs3("select", { value: payment.method, onChange: (event) => setPayment((current) => ({ ...current, method: event.target.value })), children: [
+            /* @__PURE__ */ jsx3("option", { value: "check", children: "Check" }),
+            /* @__PURE__ */ jsx3("option", { value: "eft", children: "EFT" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs3("label", { children: [
+          /* @__PURE__ */ jsx3("span", { children: payment.method === "check" ? "Check number" : "EFT reference" }),
+          /* @__PURE__ */ jsx3("input", { value: payment.checkNumber, onChange: (event) => setPayment((current) => ({ ...current, checkNumber: event.target.value })) })
+        ] }),
+        /* @__PURE__ */ jsxs3("label", { children: [
+          /* @__PURE__ */ jsx3("span", { children: "Deposit date" }),
+          /* @__PURE__ */ jsx3("input", { type: "date", required: true, value: payment.depositDate, onChange: (event) => setPayment((current) => ({ ...current, depositDate: event.target.value })) })
+        ] }),
+        /* @__PURE__ */ jsxs3("label", { className: "full", children: [
+          /* @__PURE__ */ jsxs3("span", { children: [
+            "Note ",
+            /* @__PURE__ */ jsx3("small", { children: "Optional" })
+          ] }),
+          /* @__PURE__ */ jsx3("input", { value: payment.note, onChange: (event) => setPayment((current) => ({ ...current, note: event.target.value })) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "mb-lifecycle-panel-actions", children: [
+        /* @__PURE__ */ jsx3("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
+        /* @__PURE__ */ jsx3("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__ */ jsxs3("section", { className: "mb-lifecycle-panel danger", children: [
+      /* @__PURE__ */ jsxs3("div", { children: [
+        /* @__PURE__ */ jsx3("h3", { children: "Close bill" }),
+        /* @__PURE__ */ jsx3("p", { children: "Closing removes this bill from active A/R. Any remaining balance will be written off and the original lifecycle is preserved." })
+      ] }),
+      /* @__PURE__ */ jsxs3("label", { children: [
+        /* @__PURE__ */ jsx3("span", { children: "Reason for closing" }),
+        /* @__PURE__ */ jsx3("textarea", { required: true, value: closeReason, onChange: (event) => setCloseReason(event.target.value) })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "mb-lifecycle-panel-actions", children: [
+        /* @__PURE__ */ jsx3("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
+        /* @__PURE__ */ jsx3("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__ */ jsx3("div", { className: "mb-lifecycle-message success", role: "status", children: notice }) : null,
+    lifecycle.error ? /* @__PURE__ */ jsx3("div", { className: "mb-lifecycle-message error", role: "alert", children: lifecycle.error.message }) : null
+  ] });
+}
+var CONNECTED_LIFECYCLE_STYLES = `
+.mb-connected-lifecycle{--mb-accent:#238dbd;--mb-text:#203743;--mb-muted:#657982;--mb-border:#dbe6ea;--mb-soft:#f3f8fa;--mb-surface:#fff;display:grid;gap:14px;color:var(--mb-text);font:14px/1.45 var(--mb-font,Inter,ui-sans-serif,system-ui,sans-serif)}.mb-connected-lifecycle *{box-sizing:border-box}.mb-lifecycle-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--mb-border);border-radius:10px;background:var(--mb-surface)}.mb-lifecycle-toolbar>div:first-child{display:grid;gap:2px}.mb-lifecycle-toolbar span,.mb-lifecycle-card p,.mb-lifecycle-panel p,.mb-lifecycle-info span{color:var(--mb-muted)}.mb-lifecycle-toolbar-actions,.mb-lifecycle-panel-actions{display:flex;justify-content:flex-end;gap:8px}.mb-lifecycle-button{min-height:38px;border:1px solid var(--mb-border);border-radius:8px;background:#fff;color:var(--mb-text);cursor:pointer;font:inherit;font-weight:750;padding:8px 13px}.mb-lifecycle-button.primary{border-color:var(--mb-accent);background:var(--mb-accent);color:#fff}.mb-lifecycle-button.quiet{border-color:transparent;background:transparent;color:var(--mb-muted)}.mb-lifecycle-button.danger{border-color:#b63d35;background:#b63d35;color:#fff}.mb-lifecycle-button:disabled{cursor:not-allowed;opacity:.5}.mb-lifecycle-card,.mb-lifecycle-panel{padding:18px;border:1px solid var(--mb-border);border-radius:12px;background:var(--mb-surface)}.mb-lifecycle-card header{display:flex;align-items:start;justify-content:space-between;gap:16px}.mb-lifecycle-card h3,.mb-lifecycle-panel h3{margin:0;font-size:18px}.mb-lifecycle-card p,.mb-lifecycle-panel p{margin:3px 0 0}.mb-lifecycle-card header>span{padding:5px 8px;border-radius:999px;background:var(--mb-soft);color:var(--mb-muted);font-size:11px;font-weight:800;text-transform:uppercase}.mb-lifecycle-documents{list-style:none;margin:12px 0 0;padding:0}.mb-lifecycle-documents li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid var(--mb-border)}.mb-lifecycle-documents li>div{display:grid}.mb-lifecycle-documents span{color:var(--mb-muted);font-size:12px}.mb-lifecycle-info{display:grid;gap:3px;padding:13px 15px;border:1px solid #cddfe5;border-radius:10px;background:var(--mb-soft)}.mb-lifecycle-panel{display:grid;gap:16px;box-shadow:0 14px 38px rgba(30,56,68,.08)}.mb-lifecycle-panel.danger{border-color:#ecc5c2}.mb-lifecycle-panel label{display:grid;gap:6px;font-size:12px;font-weight:750}.mb-lifecycle-panel label small{color:var(--mb-muted);font-size:inherit;font-weight:500}.mb-lifecycle-panel input,.mb-lifecycle-panel select,.mb-lifecycle-panel textarea,.mb-lifecycle-upload input,.mb-lifecycle-upload select{width:100%;min-height:42px;border:1px solid var(--mb-border);border-radius:8px;background:#fff;color:var(--mb-text);font:inherit;padding:9px 11px}.mb-lifecycle-panel textarea{min-height:100px;resize:vertical}.mb-lifecycle-fields{display:grid;gap:12px}.mb-lifecycle-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-lifecycle-fields .full{grid-column:1/-1}.mb-lifecycle-packet{display:grid;gap:0;margin:0;padding:0;border:0}.mb-lifecycle-packet legend{margin-bottom:7px;font-size:12px;font-weight:800}.mb-lifecycle-packet>label{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:10px 2px;border-top:1px solid var(--mb-border)}.mb-lifecycle-packet>label>input{width:16px;min-height:16px}.mb-lifecycle-packet>label>span{display:grid}.mb-lifecycle-packet button{border:0;background:transparent;color:var(--mb-accent);cursor:pointer;font:inherit}.mb-lifecycle-upload{display:grid;grid-template-columns:220px 1fr auto;align-items:end;gap:10px;padding:12px;border-radius:9px;background:var(--mb-soft)}.mb-lifecycle-message,.mb-lifecycle-error,.mb-lifecycle-loading{padding:12px 14px;border-radius:9px}.mb-lifecycle-message.success{background:#edf9f2;color:#217449}.mb-lifecycle-message.error,.mb-lifecycle-error{background:#fff0ef;color:#9d3029}.mb-lifecycle-error{display:flex;align-items:center;gap:12px}.mb-lifecycle-error span{flex:1}.mb-lifecycle-error button{border:1px solid currentColor;border-radius:7px;background:transparent;color:inherit;padding:7px 10px}@media(max-width:760px){.mb-lifecycle-toolbar,.mb-lifecycle-card header{align-items:stretch;flex-direction:column}.mb-lifecycle-toolbar-actions,.mb-lifecycle-panel-actions{justify-content:start}.mb-lifecycle-fields.two,.mb-lifecycle-upload{grid-template-columns:1fr}.mb-lifecycle-documents li{align-items:start}.mb-lifecycle-packet>label{grid-template-columns:auto 1fr auto}}
+`;
+
 // src/index.tsx
 function widget(tagName, props) {
-  const ref = useRef2(null);
+  const ref = useRef3(null);
   const { onMindBill, onMindBillError } = props;
-  useEffect3(() => {
+  useEffect4(() => {
     const element = ref.current;
     if (!element) return;
     const handleEvent = (event) => onMindBill?.(event);
@@ -733,6 +1462,7 @@ var HostedOnboarding = MindBillOnboarding;
 export {
   BillReviewForm,
   BillStatusSummary,
+  ConnectedBillLifecycle,
   ConnectedBillStatus,
   HostedBillFromReport,
   HostedBillReview,
@@ -745,7 +1475,9 @@ export {
   MindBillCollections,
   MindBillOnboarding,
   buildBillReviewSaveInput,
+  createBillLifecycleClient,
   createBillStatusClient,
+  useBillLifecycle,
   useBillStatus
 };
 //# sourceMappingURL=index.js.map