@mindbill/react 0.35.0 → 0.36.0

package/README.md

@@ -114,6 +114,15 @@ import { BillReadOnlyForm } from "@mindbill/react";
 
 For older responses without `issues`, the component falls back to the singular `reason` and `code` fields. `appearance.dangerColor` can override the rejection color without changing the rest of the theme.
 
+For the server-authorized **Correct and resubmit** action,
+`ConnectedBillLifecycle` opens `BillSubmissionForm` with the complete submitted
+snapshot and authenticated copies of its documents. API-provided rejection
+`fieldPaths` call attention to likely problem controls, and payer contact
+guidance remains visible while the user corrects the bill. Submitting creates
+the next immutable attempt under the same logical `billId`; the original
+attempt and rejection remain in history. The host application does not build a
+second correction form or pass bill seed data back into the lifecycle.
+
 ## Lifecycle actions
 
 MindBill returns the actions that are valid for the bill's current state. Render that server-authoritative list instead of duplicating rejection, EOR, denial, review, payment, and closure rules in your application.

package/dist/index.d.ts

@@ -520,6 +520,8 @@ type BillSubmissionSourceAttachment = {
     autoAttached?: boolean;
     removable?: boolean;
     previewUrl?: string;
+    /** Authenticated source loader used when the document is not available at a public URL. */
+    loadBlob?: () => Promise<Blob>;
     reportTypeCode?: string;
 };
 type BillSubmissionUpload = {
@@ -574,6 +576,9 @@ type BillSubmissionFormProps = {
     submitLabel?: string;
     heading?: ReactNode;
     description?: ReactNode;
+    /** Rejected-field paths to visually call out while the user corrects the next submission. */
+    attentionFields?: string[];
+    attentionMessage?: ReactNode;
     /**
      * Optional composable layout. Use the exported section components as children;
      * the parent form continues to own validation, directory lookups, uploads, and submission.
@@ -612,7 +617,7 @@ declare function BillSubmissionProvidersSection(): ReactElement;
 declare function BillSubmissionServiceLinesSection(): ReactElement;
 declare function BillSubmissionAttachmentsSection(): ReactElement;
 declare function BillSubmissionActions(): ReactElement;
-declare function BillSubmissionForm({ initialBill, attachments, onSubmit, onSubmitted, getSession, sessionEndpoint, apiBaseUrl, fetch: fetchOverride, onSearchClaimsAdministrators, diagnosisOptions, onSearchDiagnoses, onLookupPostalCode, procedureOptions, modifierOptions, taxonomyOptions, deliveryRoutePicker, attachmentReportTypeMode, attachmentReportTypes, defaultAttachmentReportType, appearance, className, style, disabled, submitLabel, heading, description, children, }: BillSubmissionFormProps): ReactElement;
+declare function BillSubmissionForm({ initialBill, attachments, onSubmit, onSubmitted, getSession, sessionEndpoint, apiBaseUrl, fetch: fetchOverride, onSearchClaimsAdministrators, diagnosisOptions, onSearchDiagnoses, onLookupPostalCode, procedureOptions, modifierOptions, taxonomyOptions, deliveryRoutePicker, attachmentReportTypeMode, attachmentReportTypes, defaultAttachmentReportType, appearance, className, style, disabled, submitLabel, heading, description, attentionFields, attentionMessage, children, }: BillSubmissionFormProps): ReactElement;
 
 /** First plausible email address inside a raw contact string, or null. */
 declare function extractSendRouteEmail(raw: string | null | undefined): string | null;
@@ -1055,6 +1060,7 @@ type UseBillLifecycleResult = {
     refresh: () => Promise<void>;
     searchClaimsAdministrators: BillLifecycleClient["searchClaimsAdministrators"];
     getDeliveryOptions: BillLifecycleClient["getDeliveryOptions"];
+    getAttachment: BillLifecycleClient["getAttachment"];
     openAttachment: (attachment: BillReviewAttachment) => Promise<void>;
     openEor: (document: BillEorDocument) => Promise<void>;
     downloadPacket: () => Promise<void>;

package/dist/index.js

@@ -2007,13 +2007,18 @@ async function prepareBillSubmissionDocuments({
   fetch: fetchOverride
 }) {
   const fetcher = fetchOverride ?? globalThis.fetch;
-  if (typeof fetcher !== "function") throw new Error("A Fetch API implementation is required.");
   const selected = selectedIds.map((id) => attachments.find((item) => item.id === id)).filter((item) => Boolean(item));
   const sourceDocuments = await Promise.all(selected.map(async (attachment) => {
-    if (!attachment.previewUrl) throw new Error(`${attachment.fileName} cannot be submitted because its document URL is missing.`);
-    const response = await fetcher(attachment.previewUrl, { credentials: "same-origin" });
-    if (!response.ok) throw new Error(`${attachment.fileName} could not be loaded for submission.`);
-    return pdfDocument(await response.blob(), {
+    let blob;
+    if (attachment.loadBlob) blob = await attachment.loadBlob();
+    else {
+      if (!attachment.previewUrl) throw new Error(`${attachment.fileName} cannot be submitted because its document URL is missing.`);
+      if (typeof fetcher !== "function") throw new Error("A Fetch API implementation is required.");
+      const response = await fetcher(attachment.previewUrl, { credentials: "same-origin" });
+      if (!response.ok) throw new Error(`${attachment.fileName} could not be loaded for submission.`);
+      blob = await response.blob();
+    }
+    return pdfDocument(blob, {
       externalId: attachment.id,
       filename: attachment.fileName,
       documentType: attachment.documentType,
@@ -2170,6 +2175,7 @@ function validateBillSubmission(bill) {
 }
 var css2 = `
 .mbsf{display:grid;gap:20px;color:var(--mb-text);font-family:var(--mb-font);font-size:15px}.mbsf *{box-sizing:border-box}
+.mbsf-attention{padding:14px 16px;border-left:4px solid var(--mb-danger);border-radius:var(--mb-control-radius);background:color-mix(in srgb,var(--mb-danger) 8%,var(--mb-surface));color:var(--mb-text)}.mbsf [data-attention=true] .mbsf-input,.mbsf [data-attention=true] .mbsf-select,.mbsf [data-attention=true].mbsf-lines{border-color:var(--mb-danger);background:color-mix(in srgb,var(--mb-danger) 4%,var(--mb-input))}.mbsf [data-attention=true]>.mbsf-label{color:var(--mb-danger)}
 .mbsf-head,.mbsf-section-head,.mbsf-attach-row,.mbsf-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.mbsf-title{margin:0;font-size:24px}.mbsf-copy,.mbsf-help{color:var(--mb-muted);margin:5px 0 0}.mbsf-required{font-size:13px;color:var(--mb-muted);white-space:nowrap}.mbsf-star,.mbsf-error{color:var(--mb-danger)}
 .mbsf-card{min-width:0;margin:0;padding:24px;border:1px solid var(--mb-border);border-radius:var(--mb-radius);background:var(--mb-surface);box-shadow:var(--mb-shadow)}.mbsf-card[data-invalid=true]{border-color:var(--mb-danger)}.mbsf-legend{padding:0 10px;font-size:18px;font-weight:760}.mbsf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.mbsf-subhead{grid-column:1/-1;margin:6px 0 -2px;padding-top:14px;border-top:1px solid var(--mb-border);font-size:15px;font-weight:780;letter-spacing:.01em}.mbsf-subhead:first-child{margin-top:0;padding-top:0;border-top:0}.mbsf-span{grid-column:1/-1}.mbsf-field{display:grid;align-content:start;gap:7px;min-width:0}.mbsf-label{font-weight:680}.mbsf-input,.mbsf-select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--mb-border);border-radius:var(--mb-control-radius);background:var(--mb-input);color:var(--mb-text);font:inherit}.mbsf-input:focus,.mbsf-select:focus{outline:3px solid color-mix(in srgb,var(--mb-accent) 22%,transparent);border-color:var(--mb-accent)}.mbsf-field[data-invalid=true] .mbsf-input,.mbsf-field[data-invalid=true] .mbsf-select,.mbsf-invalid-control .mbsf-input{border-color:var(--mb-danger);background:color-mix(in srgb,var(--mb-danger) 4%,var(--mb-input))}.mbsf-field[data-invalid=true] .mbsf-input:focus,.mbsf-field[data-invalid=true] .mbsf-select:focus{outline-color:color-mix(in srgb,var(--mb-danger) 24%,transparent)}
 .mbsf-combo{position:relative}.mbsf-menu{position:absolute;z-index:20;top:calc(100% + 5px);left:0;right:0;max-height:min(360px,46vh);overflow:auto;overscroll-behavior:contain;padding:7px;border:1px solid var(--mb-border);border-radius:12px;background:var(--mb-surface);box-shadow:0 14px 35px rgba(17,38,49,.16)}.mbsf-option{display:grid;width:100%;gap:2px;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--mb-text);font:inherit;text-align:left;cursor:pointer}.mbsf-option:hover,.mbsf-option:focus{background:color-mix(in srgb,var(--mb-accent) 9%,var(--mb-surface))}.mbsf-option small{color:var(--mb-muted)}.mbsf-menu-status{padding:12px;text-align:center;color:var(--mb-muted);font-size:13px}
@@ -2346,6 +2352,8 @@ function BillSubmissionForm({
   submitLabel = "Submit bill",
   heading = "Bill information",
   description = "Review the bill details, add attachments, and submit.",
+  attentionFields = [],
+  attentionMessage,
   children
 }) {
   const [bill, setBill] = useState4(() => cloneInitialBill(initialBill));
@@ -2406,6 +2414,21 @@ function BillSubmissionForm({
     const next = validateBillSubmission(bill).fieldErrors;
     setErrors(missingAttachmentReportType ? { ...next, attachments: "Select a report type for every attachment." } : next);
   }, [bill, missingAttachmentReportType, validationActive]);
+  useEffect4(() => {
+    const root = formRef.current;
+    if (!root) return;
+    const nodes = Array.from(root.querySelectorAll("[data-field-path]"));
+    nodes.forEach((node) => node.removeAttribute("data-attention"));
+    for (const requested of attentionFields) {
+      const normalized = requested.replace(/\[\]/g, "");
+      for (const node of nodes) {
+        const actual = node.dataset.fieldPath ?? "";
+        if (actual === requested || actual === normalized || actual.startsWith(`${normalized}.`) || normalized.startsWith(`${actual}.`)) {
+          node.dataset.attention = "true";
+        }
+      }
+    }
+  }, [attentionFields]);
   const addFiles = useCallback((fileList) => {
     const files = Array.from(fileList);
     if (!files.length) return;
@@ -2895,6 +2918,7 @@ function BillSubmissionForm({
     void submit();
   }, noValidate: true, children: [
     /* @__PURE__ */ jsx4("style", { children: css2 }),
+    attentionMessage ? /* @__PURE__ */ jsx4("div", { className: "mbsf-attention", role: "status", children: attentionMessage }) : null,
     children ?? defaultLayout,
     routeDialog ? /* @__PURE__ */ jsx4(
       SendRouteDialog,
@@ -5045,6 +5069,7 @@ function useBillLifecycle({
     refresh,
     searchClaimsAdministrators: (query, claimNumber) => client.searchClaimsAdministrators(query, claimNumber),
     getDeliveryOptions: () => client.getDeliveryOptions(),
+    getAttachment: (attachmentId) => client.getAttachment(attachmentId),
     openAttachment,
     openEor,
     downloadPacket,
@@ -5056,7 +5081,7 @@ function useBillLifecycle({
     simulateSandbox: (input) => mutate(() => client.simulateSandbox(input))
   };
 }
-function LifecycleDialog({ children, title, onClose }) {
+function LifecycleDialog({ children, title, wide = false, onClose }) {
   const dialog = useRef5(null);
   useEffect8(() => {
     const previous = document.activeElement;
@@ -5068,11 +5093,90 @@ function LifecycleDialog({ children, title, onClose }) {
       previous?.focus();
     };
   }, [onClose]);
-  return /* @__PURE__ */ jsx13("div", { className: "mb-lifecycle-dialog-backdrop", onMouseDown: (event) => event.currentTarget === event.target && onClose(), children: /* @__PURE__ */ jsxs13("div", { ref: dialog, className: "mb-lifecycle-dialog", role: "dialog", "aria-modal": "true", "aria-label": title, tabIndex: -1, children: [
+  return /* @__PURE__ */ jsx13("div", { className: "mb-lifecycle-dialog-backdrop", onMouseDown: (event) => event.currentTarget === event.target && onClose(), children: /* @__PURE__ */ jsxs13("div", { ref: dialog, className: ["mb-lifecycle-dialog", wide ? "wide" : ""].filter(Boolean).join(" "), role: "dialog", "aria-modal": "true", "aria-label": title, tabIndex: -1, children: [
     /* @__PURE__ */ jsx13("button", { type: "button", className: "mb-lifecycle-dialog-close", "aria-label": "Close", onClick: onClose, children: "\xD7" }),
     children
   ] }) });
 }
+function correctionDocumentType(value) {
+  return BILL_SUBMISSION_DOCUMENT_TYPES.includes(value) ? value : "other";
+}
+function correctionBill(data) {
+  const billing = data.bill.billingSnapshot?.billingProvider;
+  const rendering = data.bill.billingSnapshot?.renderingProvider;
+  const location = data.bill.billingSnapshot?.placeOfService;
+  const nameParts = data.patient.name.trim().split(/\s+/);
+  const firstName = data.patient.firstName || nameParts[0] || "";
+  const lastName = data.patient.lastName || nameParts.slice(1).join(" ") || "";
+  return {
+    billingMode: data.bill.billingMode,
+    patient: {
+      firstName,
+      ...data.patient.middleName ? { middleName: data.patient.middleName } : {},
+      lastName,
+      dateOfBirth: data.patient.dob || "",
+      ...data.patient.phone ? { phone: data.patient.phone } : {},
+      address: {
+        line1: data.patient.address?.line1 || "",
+        city: data.patient.address?.city || "",
+        state: data.patient.address?.state || "",
+        postalCode: data.patient.address?.postalCode || ""
+      }
+    },
+    claim: {
+      claimNumber: data.injury.claimNumber || "",
+      ...data.injury.adjNumber ? { adjNumber: data.injury.adjNumber } : {},
+      employer: data.injury.employer || "",
+      dateOfInjury: data.injury.doi || "",
+      ...data.injury.injuryDescription ? { description: data.injury.injuryDescription } : {},
+      ...data.injury.claimsAdminId && data.injury.claimsAdminName ? {
+        claimsAdministrator: { id: data.injury.claimsAdminId, name: data.injury.claimsAdminName }
+      } : {}
+    },
+    service: {
+      date: data.bill.dos,
+      ...data.bill.dosEnd !== void 0 ? { endDate: data.bill.dosEnd } : {},
+      ...data.bill.authorizationNumber !== void 0 ? { authorizationNumber: data.bill.authorizationNumber } : {}
+    },
+    ...billing ? { billingProvider: {
+      name: billing.name,
+      taxId: billing.taxId,
+      npi: billing.npi,
+      ...billing.phone ? { phone: billing.phone } : {},
+      address: {
+        line1: billing.billingStreet || "",
+        city: billing.billingCity || "",
+        state: billing.billingState || "",
+        postalCode: billing.billingZip || ""
+      }
+    } } : {},
+    ...rendering ? { renderingProvider: {
+      name: rendering.name,
+      npi: rendering.npi,
+      ...rendering.taxonomy ? { taxonomy: rendering.taxonomy } : {},
+      ...rendering.specialty ? { specialty: rendering.specialty } : {},
+      ...rendering.licenseNumber ? { licenseNumber: rendering.licenseNumber } : {},
+      ...rendering.licenseState ? { licenseState: rendering.licenseState } : {},
+      ...rendering.isQME !== void 0 ? { isQme: rendering.isQME } : {},
+      ...rendering.isAME !== void 0 ? { isAme: rendering.isAME } : {}
+    } } : {},
+    ...location ? { serviceLocation: {
+      ...location.name ? { name: location.name } : {},
+      address: { line1: location.street, city: location.city, state: location.state, postalCode: location.zip },
+      ...location.posCode ? { placeOfServiceCode: location.posCode } : {}
+    } } : {},
+    diagnoses: [...data.injury.diagnosisCodes || []],
+    serviceLines: data.bill.lineItems.map((line) => ({
+      code: line.code,
+      modifiers: [...line.modifiers],
+      units: line.units,
+      charge: line.charge,
+      ...line.serviceDate ? { serviceDate: line.serviceDate } : {},
+      ...line.serviceDateEnd !== void 0 ? { serviceDateEnd: line.serviceDateEnd } : {},
+      ...line.diagnosisPointers ? { diagnosisPointers: [...line.diagnosisPointers] } : {}
+    }))
+  };
+}
 function today() {
   const now = /* @__PURE__ */ new Date();
   return new Date(now.getTime() - now.getTimezoneOffset() * 6e4).toISOString().slice(0, 10);
@@ -5109,6 +5213,21 @@ function ConnectedBillLifecycle({ appearance, sandboxControls = false, className
   const [payment, setPayment] = useState10({ amount: 0, penaltyAmount: 0, interestAmount: 0, method: "check", checkNumber: "", depositDate: today(), note: "" });
   const [review, setReview] = useState10({ reason: "", payerClaimControlNumber: "", disputedAmount: void 0, attachmentIds: [], route: "ebill" });
   const lastData = useRef5(null);
+  const correctionInitialBill = useMemo8(() => data ? correctionBill(data) : null, [data]);
+  const correctionAttachments = useMemo8(() => data ? data.bill.attachments.map((attachment) => {
+    const documentType = correctionDocumentType(attachment.documentType);
+    const isW9 = documentType === "w9";
+    return {
+      id: attachment.id,
+      fileName: attachment.filename,
+      documentType,
+      ...attachment.description ? { description: attachment.description } : {},
+      ...attachment.reportType ? { reportTypeCode: attachment.reportType } : {},
+      loadBlob: () => lifecycle.getAttachment(attachment.id),
+      ...isW9 ? { autoAttached: true, removable: false } : { removable: true }
+    };
+  }) : [], [data, lifecycle]);
+  const correctionAttentionFields = useMemo8(() => data?.rejection?.issues?.flatMap((issue) => issue.fieldPaths || []).filter((path, index, fields) => fields.indexOf(path) === index) || [], [data]);
   useEffect8(() => {
     if (!data || data === lastData.current) return;
     lastData.current = data;
@@ -5145,6 +5264,24 @@ function ConnectedBillLifecycle({ appearance, sandboxControls = false, className
     } catch {
     }
   };
+  const submitCorrection = async (value) => {
+    setNotice("");
+    const documents = await prepareBillSubmissionDocuments({
+      attachments: correctionAttachments,
+      selectedIds: value.sourceAttachmentIds,
+      reportTypeCodeByAttachmentId: value.sourceAttachmentReportTypes,
+      uploads: value.uploads,
+      ...options.fetch ? { fetch: options.fetch } : {}
+    });
+    await lifecycle.resubmitBill({
+      bill: value.bill,
+      ...documents.length ? { documents } : {},
+      ...reason.trim() ? { reason: reason.trim() } : {}
+    });
+    setPanel("");
+    setReason("");
+    setNotice("Corrected submission sent.");
+  };
   const viewEor = data.lifecycle.actions.find((action) => action.id === "view_eor" && action.enabled);
   const supportedActions = /* @__PURE__ */ new Set(["resubmit", "second_review", "post_payment", "close", "reopen"]);
   const actions = data.lifecycle.actions.filter((action) => action.enabled && supportedActions.has(action.id));
@@ -5193,19 +5330,55 @@ function ConnectedBillLifecycle({ appearance, sandboxControls = false, className
         if (next) setPanel(next);
       }, children: action.label }, action.id))
     ] }) : null,
-    panel === "resubmit" ? /* @__PURE__ */ jsx13(LifecycleDialog, { title: "Correct and resubmit", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs13("section", { className: "mb-lifecycle-panel", children: [
-      /* @__PURE__ */ jsxs13("div", { children: [
-        /* @__PURE__ */ jsx13("h3", { children: "Correct and resubmit" }),
-        /* @__PURE__ */ jsx13("p", { children: "The original submission remains immutable. This records a new submission attempt after the routing issue is corrected." })
+    panel === "resubmit" && correctionInitialBill ? /* @__PURE__ */ jsx13(LifecycleDialog, { title: "Correct and resubmit", wide: true, onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs13("section", { className: "mb-lifecycle-correction", children: [
+      /* @__PURE__ */ jsxs13("header", { children: [
+        /* @__PURE__ */ jsxs13("div", { children: [
+          /* @__PURE__ */ jsx13("h3", { children: "Correct and resubmit" }),
+          /* @__PURE__ */ jsx13("p", { children: "Review the rejected snapshot, correct the highlighted information, and submit a new immutable attempt under this bill." })
+        ] }),
+        /* @__PURE__ */ jsx13("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" })
       ] }),
-      /* @__PURE__ */ jsxs13("label", { children: [
+      data.rejection ? /* @__PURE__ */ jsxs13("div", { className: "mb-lifecycle-correction-reason", children: [
+        /* @__PURE__ */ jsx13("strong", { children: data.rejection.reason }),
+        data.rejection.issues?.map((issue, index) => /* @__PURE__ */ jsxs13("span", { children: [
+          issue.code ? `${issue.code}: ` : "",
+          issue.description
+        ] }, `${issue.code || "issue"}-${index}`))
+      ] }) : null,
+      data.delivery.contacts.adjusterPhone || data.delivery.contacts.claimsEmail ? /* @__PURE__ */ jsxs13("aside", { className: "mb-lifecycle-correction-contact", children: [
+        /* @__PURE__ */ jsx13("strong", { children: "Need to verify the rejected information?" }),
+        /* @__PURE__ */ jsxs13("span", { children: [
+          "Contact ",
+          data.delivery.payerName,
+          data.delivery.contacts.adjusterPhone ? ` at ${data.delivery.contacts.adjusterPhone}` : "",
+          data.delivery.contacts.claimsEmail ? ` \xB7 ${data.delivery.contacts.claimsEmail}` : "",
+          "."
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ jsxs13("label", { className: "mb-lifecycle-correction-note", children: [
         /* @__PURE__ */ jsx13("span", { children: "Correction note (optional)" }),
         /* @__PURE__ */ jsx13("textarea", { value: reason, placeholder: "What changed before resubmission?", onChange: (event) => setReason(event.target.value) })
       ] }),
-      /* @__PURE__ */ jsxs13("div", { className: "mb-lifecycle-panel-actions", children: [
-        /* @__PURE__ */ jsx13("button", { type: "button", className: "mb-lifecycle-button secondary", onClick: () => setPanel(""), children: "Cancel" }),
-        /* @__PURE__ */ jsx13("button", { type: "button", className: "mb-lifecycle-button primary", disabled: lifecycle.isMutating, onClick: () => void complete("Bill resubmitted.", () => lifecycle.resubmitBill({ reason })), children: lifecycle.isMutating ? "Resubmitting\u2026" : "Resubmit bill" })
-      ] })
+      /* @__PURE__ */ jsx13(
+        BillSubmissionForm,
+        {
+          initialBill: correctionInitialBill,
+          attachments: correctionAttachments,
+          onSubmit: submitCorrection,
+          onSearchClaimsAdministrators: lifecycle.searchClaimsAdministrators,
+          attentionFields: correctionAttentionFields,
+          attentionMessage: correctionAttentionFields.length ? "The rejected response points to the highlighted fields. Confirm every required value before resubmitting." : "Confirm the bill information below before resubmitting.",
+          submitLabel: lifecycle.isMutating ? "Resubmitting\u2026" : "Resubmit bill",
+          heading: "Corrected bill information",
+          description: "The original submission stays unchanged. This form creates the next submission attempt.",
+          disabled: lifecycle.isMutating,
+          ...options.getSession ? { getSession: options.getSession } : {},
+          ...options.sessionEndpoint ? { sessionEndpoint: options.sessionEndpoint } : {},
+          ...options.apiBaseUrl ? { apiBaseUrl: options.apiBaseUrl } : {},
+          ...options.fetch ? { fetch: options.fetch } : {},
+          ...appearance ? { appearance } : {}
+        }
+      )
     ] }) }) : null,
     panel === "second_review" ? /* @__PURE__ */ jsx13(LifecycleDialog, { title: "Submit Second Review", onClose: () => setPanel(""), children: /* @__PURE__ */ jsxs13("section", { className: "mb-lifecycle-panel", children: [
       /* @__PURE__ */ jsxs13("div", { children: [
@@ -5319,8 +5492,9 @@ function ConnectedBillLifecycle({ appearance, sandboxControls = false, className
 var CONNECTED_LIFECYCLE_STYLES = `
 .mb-lifecycle-simulator{display:grid;gap:14px;padding:18px;border:1px solid #b8dadd;border-radius:var(--mb-radius,14px);background:#f2fbfb}.mb-lifecycle-simulator>div:first-child>span{color:var(--mb-accent);font-size:.72rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.mb-lifecycle-simulator h3{margin:3px 0 0;font-size:1.05rem}.mb-lifecycle-simulator p{margin:4px 0 0;color:var(--mb-muted)}.mb-lifecycle-simulator-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.mb-lifecycle-simulator-actions button{min-height:76px;border:1px solid #a9cccf;border-radius:10px;background:var(--mb-surface);color:var(--mb-text);cursor:pointer;padding:12px 14px;text-align:left;font:inherit}.mb-lifecycle-simulator-actions button:hover{border-color:var(--mb-accent);box-shadow:0 3px 14px rgba(23,108,112,.1)}.mb-lifecycle-simulator-actions button:disabled{cursor:not-allowed;opacity:.55}.mb-lifecycle-simulator-actions button strong,.mb-lifecycle-simulator-actions button span{display:block}.mb-lifecycle-simulator-actions button span{margin-top:3px;color:var(--mb-muted);font-size:.83rem}.mb-lifecycle-simulator-idle{padding:10px 12px;border-radius:8px;background:rgba(255,255,255,.72)}
 .mb-connected-lifecycle{--mb-accent:#176c70;--mb-text:#17282d;--mb-muted:#607176;--mb-border:#d7e0df;--mb-soft:#f4f7f6;--mb-surface:#fff;display:grid;gap:18px;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-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.mb-lifecycle-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.mb-lifecycle-title h2{margin:0;font-size:1.7rem}.mb-lifecycle-head p{margin:3px 0 0;color:var(--mb-muted)}.mb-lifecycle-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--mb-border);border-radius:12px;background:var(--mb-surface);padding:6px}.mb-lifecycle-tabs button{min-height:46px;border:0;border-radius:8px;background:transparent;color:var(--mb-muted);font:inherit;font-size:1rem;font-weight:750;cursor:pointer}.mb-lifecycle-tabs button[aria-selected=true]{background:var(--mb-accent);color:white}.mb-lifecycle-tabpanel{display:grid;gap:18px}.mb-lifecycle-button{min-height:40px;border:1px solid var(--mb-border);border-radius:var(--mb-control-radius,8px);background:var(--mb-input,#fff);color:var(--mb-text);cursor:pointer;font:inherit;font-weight:750;padding:9px 14px}.mb-lifecycle-button.primary{border-color:var(--mb-accent);background:var(--mb-accent);color:var(--mb-accent-contrast,#fff)}.mb-lifecycle-button:disabled{cursor:not-allowed;opacity:.5}.mb-lifecycle-actions-sheet{position:sticky;bottom:12px;z-index:24;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px;padding:10px;border:1px solid var(--mb-border);border-radius:12px;background:color-mix(in srgb,var(--mb-surface) 94%,transparent);box-shadow:0 10px 34px rgba(18,35,43,.16);backdrop-filter:blur(12px)}.mb-lifecycle-card,.mb-lifecycle-panel{padding:20px;border:1px solid var(--mb-border);border-radius:var(--mb-radius,14px);background:var(--mb-surface)}.mb-lifecycle-card header{display:flex;align-items:center;justify-content:space-between;gap:20px}.mb-lifecycle-card h3,.mb-lifecycle-panel h3{margin:0;font-size:1.08rem}.mb-lifecycle-card p,.mb-lifecycle-panel p{margin:3px 0 0;color:var(--mb-muted)}.mb-lifecycle-card header>span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:var(--mb-soft);font-weight:750}.mb-lifecycle-documents{list-style:none;margin:14px 0 0;padding:0}.mb-lifecycle-documents li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--mb-border)}.mb-lifecycle-documents li>div{display:grid;gap:3px;min-width:0}.mb-lifecycle-documents li span{color:var(--mb-muted);font-size:.85rem}.mb-lifecycle-dialog-backdrop{position:fixed;z-index:2147483000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(18,35,43,.56);backdrop-filter:blur(3px)}.mb-lifecycle-dialog{position:relative;width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;outline:0}.mb-lifecycle-dialog-close{position:absolute;z-index:1;top:12px;right:12px;width:34px;height:34px;border:1px solid var(--mb-border);border-radius:8px;background:var(--mb-surface);color:var(--mb-text);cursor:pointer;font:22px/1 inherit}.mb-lifecycle-panel{display:grid;gap:17px;padding-top:24px;box-shadow:0 24px 70px rgba(18,35,43,.22)}.mb-lifecycle-panel label{display:grid;gap:6px;font-size:.85rem;font-weight:750}.mb-lifecycle-panel label small{color:var(--mb-muted);font-weight:500}.mb-lifecycle-panel input,.mb-lifecycle-panel select,.mb-lifecycle-panel textarea{width:100%;min-height:44px;border:1px solid var(--mb-border);border-radius:var(--mb-control-radius,8px);background:var(--mb-input,#fff);color:var(--mb-text);font:inherit;padding:10px 12px}.mb-lifecycle-panel textarea{min-height:100px;resize:vertical}.mb-lifecycle-fields{display:grid;gap:13px}.mb-lifecycle-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.mb-lifecycle-fields .full{grid-column:1/-1}.mb-lifecycle-panel-actions{display:flex;justify-content:flex-end;gap:8px}.mb-lifecycle-packet{display:grid;gap:0;margin:0;padding:0;border:0}.mb-lifecycle-packet legend{margin-bottom:7px;font-size:.85rem;font-weight:800}.mb-lifecycle-packet>label{display:grid;grid-template-columns:auto 1fr 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-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}
+.mb-lifecycle-dialog.wide{width:min(1280px,100%)}.mb-lifecycle-correction{display:grid;gap:16px;padding:22px;border-radius:var(--mb-radius,14px);background:var(--mb-surface);box-shadow:0 24px 70px rgba(18,35,43,.22)}.mb-lifecycle-correction>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-right:42px}.mb-lifecycle-correction h3{margin:0;font-size:1.2rem}.mb-lifecycle-correction header p{margin:4px 0 0;color:var(--mb-muted)}.mb-lifecycle-correction-reason,.mb-lifecycle-correction-contact{display:grid;gap:4px;padding:13px 15px;border-radius:10px}.mb-lifecycle-correction-reason{border-left:4px solid #c5443f;background:#fff2f1;color:#812d29}.mb-lifecycle-correction-contact{border:1px solid color-mix(in srgb,var(--mb-accent) 35%,var(--mb-border));background:color-mix(in srgb,var(--mb-accent) 7%,var(--mb-surface))}.mb-lifecycle-correction-note{display:grid;gap:6px;font-size:.85rem;font-weight:750}.mb-lifecycle-correction-note textarea{min-height:76px;border:1px solid var(--mb-border);border-radius:var(--mb-control-radius,8px);background:var(--mb-input,#fff);color:var(--mb-text);font:inherit;padding:10px 12px;resize:vertical}
 .mb-payment-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:9px;background:var(--mb-soft)}.mb-payment-total strong{font-size:1.12rem}
-@media(max-width:700px){.mb-lifecycle-head,.mb-lifecycle-card header{align-items:stretch;flex-direction:column}.mb-lifecycle-head>.mb-lifecycle-button{width:100%}.mb-lifecycle-actions-sheet{bottom:calc(var(--mb-host-bottom-offset,72px) + env(safe-area-inset-bottom) + 8px);grid-template-columns:repeat(2,minmax(0,1fr))}.mb-lifecycle-actions-sheet .mb-lifecycle-button:last-child:nth-child(odd){grid-column:1/-1}.mb-lifecycle-fields.two{grid-template-columns:1fr}.mb-lifecycle-fields .full{grid-column:auto}.mb-lifecycle-dialog-backdrop{align-items:end;padding:0}.mb-lifecycle-dialog{max-height:92vh}.mb-lifecycle-dialog .mb-lifecycle-panel{border-radius:18px 18px 0 0}.mb-lifecycle-tabs button{font-size:.9rem}.mb-lifecycle-title h2{font-size:1.4rem}}
+@media(max-width:700px){.mb-lifecycle-head,.mb-lifecycle-card header{align-items:stretch;flex-direction:column}.mb-lifecycle-head>.mb-lifecycle-button{width:100%}.mb-lifecycle-actions-sheet{bottom:calc(var(--mb-host-bottom-offset,72px) + env(safe-area-inset-bottom) + 8px);grid-template-columns:repeat(2,minmax(0,1fr))}.mb-lifecycle-actions-sheet .mb-lifecycle-button:last-child:nth-child(odd){grid-column:1/-1}.mb-lifecycle-fields.two{grid-template-columns:1fr}.mb-lifecycle-fields .full{grid-column:auto}.mb-lifecycle-dialog-backdrop{align-items:end;padding:0}.mb-lifecycle-dialog{max-height:96vh}.mb-lifecycle-dialog .mb-lifecycle-panel,.mb-lifecycle-correction{border-radius:18px 18px 0 0}.mb-lifecycle-correction{padding:18px 12px}.mb-lifecycle-correction>header{align-items:stretch;flex-direction:column;padding-right:42px}.mb-lifecycle-tabs button{font-size:.9rem}.mb-lifecycle-title h2{font-size:1.4rem}}
 `;
 
 // src/index.tsx