@mindbill/react 0.77.32 → 0.77.34

package/dist/index.d.ts

@@ -2191,9 +2191,11 @@ type RfaAuthorizationDestinationProps = {
     onChange: (destination: RfaAuthorizationDestinationOption | null) => void;
     /** Render as a plain field group inside a host form section, without its own frame or legend. */
     compact?: boolean;
+    /** Compact mode: offer one "enter manually" choice that hands entry to the host's own fields. */
+    onManualEntry?: () => void;
 };
 /** Choose a destination without sending an RFA or treating email as fax. */
-declare function RfaAuthorizationDestination({ contextKey, directory, savedContact, loading, error, disabled, onChange, onSelectionStart, compact }: RfaAuthorizationDestinationProps): ReactElement;
+declare function RfaAuthorizationDestination({ contextKey, directory, savedContact, loading, error, disabled, onChange, onSelectionStart, compact, onManualEntry }: RfaAuthorizationDestinationProps): ReactElement;
 
 type RfaLifecycleControlsProps = OrganizationClientOptions & TreatmentDraftAppearance & {
     rfa: RfaRecord;

package/dist/index.js

@@ -10123,7 +10123,7 @@ function RfaIdentitySelect({ label: label5, placeholder, searchPlaceholder, quer
 // src/rfa-authorization-destination.tsx
 import { normalizeRfaFax, rfaAuthorizationDestinations, rfaAuthorizationGuidance as rfaAuthorizationGuidance2 } from "@mindbill/browser";
 import { Fragment as Fragment13, jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
-function RfaAuthorizationDestination({ contextKey, directory, savedContact, loading = false, error, disabled = false, onChange, onSelectionStart, compact = false }) {
+function RfaAuthorizationDestination({ contextKey, directory, savedContact, loading = false, error, disabled = false, onChange, onSelectionStart, compact = false, onManualEntry }) {
   const options = loading || error ? [] : rfaAuthorizationDestinations(directory);
   const fax = savedContact?.fax ? normalizeRfaFax(savedContact.fax) : null;
   const savedLabel = savedContact?.contactName || savedContact?.name || "Saved request contact";
@@ -10184,9 +10184,13 @@ function RfaAuthorizationDestination({ contextKey, directory, savedContact, load
         searchable: true,
         disabled: disabled || loading,
         value: selection,
-        options: [...options.map((option, index) => ({ id: String(index), label: option.label, detail: `${option.method === "fax" ? "Fax" : "E-mail"} ${option.destination}` })), { id: "manual", label: needsAdjuster ? "Enter the handling adjuster\u2019s fax" : "Enter another confirmed authorization fax" }, { id: "manual-email", label: "Enter a confirmed authorization e-mail" }].filter((option) => option.id === selection || `${option.label} ${"detail" in option ? option.detail : ""}`.toLowerCase().includes(query.trim().toLowerCase())),
+        options: [...options.map((option, index) => ({ id: String(index), label: option.label, detail: `${option.method === "fax" ? "Fax" : "E-mail"} ${option.destination}` })), ...onManualEntry ? [{ id: "manual-entry", label: needsAdjuster ? "Enter the handling adjuster\u2019s contact manually" : "Enter a different contact manually" }] : [{ id: "manual", label: needsAdjuster ? "Enter the handling adjuster\u2019s fax" : "Enter another confirmed authorization fax" }, { id: "manual-email", label: "Enter a confirmed authorization e-mail" }]].filter((option) => option.id === selection || `${option.label} ${"detail" in option ? option.detail : ""}`.toLowerCase().includes(query.trim().toLowerCase())),
         onSelect: (value) => {
           setQuery("");
+          if (value === "manual-entry") {
+            onManualEntry?.();
+            return;
+          }
           pick(value);
         }
       }
@@ -10396,11 +10400,35 @@ function TreatmentDraftShell({ title, description, children, hideHeading = false
 .mbtd .mbrfa-form-grid .mbrfa-picker{padding-bottom:2px}
 .mbtd .mbrfa-picker a,.mbtd .mbrfa-picker-links{font-size:12px}.mbtd .mbrfa-picker-links{display:flex;gap:12px;flex-wrap:wrap;align-items:center;min-height:18px}
 .mbtd .mbrfa-picker p,.mbtd .mbrfa-guidance p{margin:0;font-size:12px}.mbtd .mbrfa-guidance{display:grid;gap:4px}
+.mbtd .mbrfa-section-actions{display:flex;gap:12px;align-items:center;margin-top:14px;font-size:12px;color:var(--mb-muted)}
 .mbtd .mbrfa-field-hint{font-size:12px;color:var(--mb-muted);font-weight:400}
 .mbtd .mbrfa-link-out{color:var(--mb-muted)!important;text-decoration:none}.mbtd .mbrfa-link-out:hover{text-decoration:underline}.mbtd .mbrfa-picker-links a{text-decoration:none}
 .mbtd button.mbrfa-link.mbrfa-link{border:0;background:none;padding:0;min-height:0;color:var(--mb-accent);font-size:12px;text-decoration:none}.mbtd button.mbrfa-link.mbrfa-link:hover,.mbtd .mbrfa-picker-links a:hover{text-decoration:underline}
 .mbtd fieldset.mbrfa-plain.mbrfa-plain{border:0;padding:0;margin:0;background:none;border-radius:0;min-width:0}
 .mbtd .mbrfa-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
+.mbtd form.mbrfa-official{gap:18px;counter-reset:mbrfa-section}
+.mbtd form.mbrfa-official>fieldset{padding:0 20px 20px;border:1px solid var(--mb-border);border-radius:var(--mb-radius);background:var(--mb-surface);box-shadow:0 1px 2px #0000000a}
+.mbtd form.mbrfa-official>fieldset>legend{float:left;display:flex;align-items:center;gap:10px;width:calc(100% + 40px);margin:0 -20px;padding:13px 20px;border-bottom:1px solid var(--mb-border);font-size:14px;font-weight:600;letter-spacing:-.005em}
+.mbtd form.mbrfa-official>fieldset>legend+*{clear:both}.mbtd form.mbrfa-official>fieldset>legend+:not(.mbrfa-pickers){padding-top:18px}
+.mbtd form.mbrfa-official>fieldset>legend::before{counter-increment:mbrfa-section;content:counter(mbrfa-section);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--mb-accent) 12%,var(--mb-surface));color:var(--mb-accent);font-size:12px;font-weight:600}
+.mbtd form.mbrfa-official .mbrfa-pickers{margin:0 -20px 18px;padding:16px 20px;border-bottom:1px solid var(--mb-border);background:var(--mb-soft)}
+.mbtd form.mbrfa-official .mbrfa-picker>span:first-child{font-size:12px;font-weight:600;letter-spacing:.01em}
+.mbtd form.mbrfa-official .mbrfa-form-grid{gap:14px 20px}
+.mbtd form.mbrfa-official .mbrfa-saved>span,.mbtd form.mbrfa-official .mbrfa-form-grid>label{font-size:12px;color:var(--mb-muted);font-weight:500}
+.mbtd form.mbrfa-official .mbrfa-form-grid>label>:is(input,textarea){color:var(--mb-text)}
+.mbtd form.mbrfa-official .mbrfa-saved>strong{font-size:14px;font-weight:500;color:var(--mb-text)}
+.mbtd form.mbrfa-official .mbrfa-request-details>.mbtd-grid{gap:4px}
+.mbtd form.mbrfa-official .mbrfa-request-types{display:inline-grid;grid-auto-flow:column;grid-template-columns:none;gap:0;padding:3px;margin-bottom:10px;border:1px solid var(--mb-border);border-radius:calc(var(--mb-control-radius) + 3px);background:var(--mb-soft);justify-self:start;width:fit-content;max-width:100%}
+.mbtd form.mbrfa-official .mbrfa-request-types .mbrfa-check{min-height:34px;padding:6px 16px;border-radius:var(--mb-control-radius);color:var(--mb-muted);font-size:13px}
+.mbtd form.mbrfa-official .mbrfa-request-types .mbrfa-check:has(input:checked){background:var(--mb-surface);color:var(--mb-text);box-shadow:0 1px 2px #00000014}
+.mbtd form.mbrfa-official .mbrfa-request-types input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}
+.mbtd form.mbrfa-official .mbrfa-request-types .mbrfa-check:has(input:focus-visible){outline:2px solid var(--mb-accent);outline-offset:2px}
+.mbtd form.mbrfa-official .mbrfa-request-details .mbrfa-check{min-height:32px;font-size:13px}
+.mbtd form.mbrfa-official .mbrfa-section-actions{margin-top:16px;padding-top:12px;border-top:1px dashed var(--mb-border)}
+.mbtd form.mbrfa-official>div:has(>button:only-child)>button{border-style:dashed;color:var(--mb-accent);font-weight:500}
+.mbtd form.mbrfa-official>.mbtd-actions:last-child{position:sticky;bottom:12px;z-index:5;justify-content:flex-end;flex-direction:row-reverse;margin-top:0;padding:10px 14px;border:1px solid var(--mb-border);border-radius:var(--mb-radius);background:color-mix(in srgb,var(--mb-surface) 92%,transparent);backdrop-filter:blur(6px);box-shadow:0 6px 20px #00000014}
+.mbtd form.mbrfa-official>.mbtd-actions:last-child>[role=status]{margin-right:auto;order:9}
+@media(max-width:760px){.mbtd form.mbrfa-official>.mbtd-actions:last-child{position:static;flex-direction:row}.mbtd form.mbrfa-official .mbrfa-request-types{grid-auto-flow:row;width:100%}}
 @media(max-width:760px){.mbtd .mbrfa-pickers,.mbtd .mbrfa-pickers[data-columns="2"]{grid-template-columns:minmax(0,1fr)}.mbtd .mbrfa-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mbtd .mbrfa-form-grid>*{grid-column:1/-1}.mbtd .mbrfa-form-grid>.mbrfa-s1,.mbtd .mbrfa-form-grid>.mbrfa-s2{grid-column:span 1}}
 @media(max-width:640px){.mbtd .mbrfa-request-types{grid-template-columns:1fr;gap:4px}}
 @media(forced-colors:active){.mbtd .mbrfa-request-types input[type=radio]{appearance:auto}.mbtd .mbrfa-request-types input[type=radio]::after{display:none}}
@@ -12579,11 +12607,16 @@ var contactRows = [
   ["phone", "Phone", 30, 2],
   ["fax", "Fax Number", 30, 2]
 ];
-function RfaOfficialContactFields({ nameLabel, value, onChange, before, beforeEmail, faxHint }) {
-  const field = (key2, label5, max, span) => /* @__PURE__ */ jsxs35("label", { className: `mbrfa-s${span}`, children: [
+function RfaOfficialContactFields({ nameLabel, value, onChange, before, beforeEmail, faxHint, editable = true }) {
+  const hint = (key2) => key2 === "fax" && faxHint && !value?.fax?.trim() ? /* @__PURE__ */ jsx37("small", { className: "mbrfa-field-hint", children: faxHint }) : null;
+  const field = (key2, label5, max, span) => editable ? /* @__PURE__ */ jsxs35("label", { className: `mbrfa-s${span}`, children: [
     label5,
     /* @__PURE__ */ jsx37("input", { type: key2 === "email" ? "email" : key2 === "phone" || key2 === "fax" ? "tel" : "text", maxLength: max, value: value?.[key2] ?? "", onChange: (event) => onChange({ ...value, [key2]: event.target.value }) }),
-    key2 === "fax" && faxHint && !value?.fax?.trim() ? /* @__PURE__ */ jsx37("small", { className: "mbrfa-field-hint", children: faxHint }) : null
+    hint(key2)
+  ] }, key2) : /* @__PURE__ */ jsxs35("div", { className: `mbrfa-s${span} mbrfa-saved`, children: [
+    /* @__PURE__ */ jsx37("span", { children: label5 }),
+    /* @__PURE__ */ jsx37("strong", { children: value?.[key2]?.trim() || "\u2014" }),
+    hint(key2)
   ] }, key2);
   return /* @__PURE__ */ jsxs35("div", { className: "mbrfa-form-grid", children: [
     before,
@@ -12594,6 +12627,12 @@ function RfaOfficialContactFields({ nameLabel, value, onChange, before, beforeEm
     field("email", "E-mail Address", 254, 6)
   ] });
 }
+function RfaManualToggle({ manual, onChange, disabled }) {
+  return /* @__PURE__ */ jsxs35("div", { className: "mbrfa-section-actions", children: [
+    /* @__PURE__ */ jsx37("button", { type: "button", className: "mbrfa-link", disabled, "aria-pressed": manual, onClick: () => onChange(!manual), children: manual ? "Done editing" : "Edit manually" }),
+    manual ? /* @__PURE__ */ jsx37("span", { children: "These values are saved on this request only." }) : null
+  ] });
+}
 function useRfaFormDetails(client, claimId, renderingProviderId, enabled) {
   const [details, setDetails] = useState22();
   useEffect19(() => {
@@ -12614,7 +12653,7 @@ function useRfaFormDetails(client, claimId, renderingProviderId, enabled) {
 
 // src/rfa-practice-picker.tsx
 import { Fragment as Fragment21, jsx as jsx38, jsxs as jsxs36 } from "react/jsx-runtime";
-function RfaPracticePicker({ profile, value, onChange, managePracticeHref, manageLocationsHref, onEditPractice, onEditLocation }) {
+function RfaPracticePicker({ profile, value, onChange, managePracticeHref, manageLocationsHref, onEditPractice, onEditLocation, onChosen }) {
   const practices = profile?.billingProviders ?? [];
   const [practice, setPractice] = useState23(() => practices.find((item) => item.name === value?.name)?.id ?? "");
   const [location, setLocation] = useState23(() => practice ? (profile?.locations ?? []).find((item) => item.active !== false && item.street === value?.address && (!item.billingProviderId || item.billingProviderId === practice))?.id ?? "" : "");
@@ -12638,6 +12677,7 @@ function RfaPracticePicker({ profile, value, onChange, managePracticeHref, manag
         if (!provider) return;
         setPractice(id);
         setPracticeQuery("");
+        onChosen?.();
         const matching = (profile?.locations ?? []).filter((item) => item.active !== false && (item.billingProviderId === id || !item.billingProviderId && practices.length === 1));
         const primary = matching.filter((item) => item.isPrimary);
         const chosen = matching.length === 1 ? matching[0] : primary.length === 1 ? primary[0] : void 0;
@@ -12655,6 +12695,7 @@ function RfaPracticePicker({ profile, value, onChange, managePracticeHref, manag
         if (!chosen) return;
         setLocation(id);
         setLocationQuery("");
+        onChosen?.();
         onChange({ ...value, ...located(chosen, practices.find((item) => item.id === practice)?.phone) });
       } }),
       /* @__PURE__ */ jsxs36("span", { className: "mbrfa-picker-links", children: [
@@ -12758,6 +12799,7 @@ function RfaDiagnosisFields({ code, description, onChange, search, officialForm
 import { jsx as jsx40, jsxs as jsxs38 } from "react/jsx-runtime";
 function RfaContactPicker({ administratorId, claimNumber, contextKey, value, onChange, searchClaimsAdministrators, getClaimsAdministratorDirectory, disabled, officialForm = false }) {
   const listId = useId7();
+  const [manual, setManual] = useState25(() => officialForm && !searchClaimsAdministrators);
   const [query, setQuery] = useState25("");
   const [options, setOptions] = useState25([]);
   const [directory, setDirectory] = useState25(null);
@@ -12822,7 +12864,7 @@ function RfaContactPicker({ administratorId, claimNumber, contextKey, value, onC
           const option = options.find((item) => item.id === id);
           if (option) choose(option);
         } }) }) : null,
-        /* @__PURE__ */ jsx40(RfaPicker, { label: directory?.authorizationStatus === "claim_handling_location_routes" ? "Claim-handling office" : "Authorization contact", children: /* @__PURE__ */ jsx40(RfaAuthorizationDestination, { compact: true, contextKey: `${contextKey}:${administratorId ?? ""}`, directory, loading, error, disabled, onChange: (destination) => {
+        /* @__PURE__ */ jsx40(RfaPicker, { label: directory?.authorizationStatus === "claim_handling_location_routes" ? "Claim-handling office" : "Authorization contact", children: /* @__PURE__ */ jsx40(RfaAuthorizationDestination, { compact: true, onManualEntry: () => setManual(true), contextKey: `${contextKey}:${administratorId ?? ""}`, directory, loading, error, disabled, onChange: (destination) => {
           if (!destination) return;
           const kept = { ...shown };
           delete kept.fax;
@@ -12830,7 +12872,8 @@ function RfaContactPicker({ administratorId, claimNumber, contextKey, value, onC
           onChange(administratorId, { ...kept, name: directory?.name ?? shown.name ?? "", contactName: destination.recipientName ?? destination.label, ...destination.phone ? { phone: destination.phone } : {}, ...destination.method === "fax" ? { fax: destination.destination } : { email: destination.destination } });
         } }) })
       ] }),
-      /* @__PURE__ */ jsx40("fieldset", { className: "mbrfa-plain", disabled, children: /* @__PURE__ */ jsx40(RfaOfficialContactFields, { nameLabel: "Company Name", value: shown, onChange: (contact) => onChange(administratorId, contact) }) })
+      /* @__PURE__ */ jsx40("fieldset", { className: "mbrfa-plain", disabled, children: /* @__PURE__ */ jsx40(RfaOfficialContactFields, { editable: manual, nameLabel: "Company Name", value: shown, onChange: (contact) => onChange(administratorId, contact) }) }),
+      /* @__PURE__ */ jsx40(RfaManualToggle, { manual, onChange: setManual, disabled })
     ] });
   }
   return /* @__PURE__ */ jsxs38("fieldset", { disabled, children: [
@@ -12963,6 +13006,10 @@ function RfaDraftForm({ initialDraft, identity, officialForm = false, formDetail
       document.removeEventListener("visibilitychange", refresh);
     };
   }, [officialForm, onRefreshProfile]);
+  const [practiceManualChoice, setPracticeManual] = useState26(null);
+  const savedPractices = organizationProfile?.billingProviders ?? [];
+  const typedPractice = Object.values(savedDraft.requestingPractice ?? {}).some((value) => value?.trim());
+  const practiceManual = practiceManualChoice ?? !(savedPractices.some((provider) => provider.name === savedDraft.requestingPractice?.name) || !typedPractice && savedPractices.length > 0);
   const [administratorOverride, setAdministratorOverride] = useState26(null);
   const identityKey = `${identity?.claimId ?? ""}:${identity?.claimsAdminId ?? ""}`;
   const previousClaim = useRef19(identityKey);
@@ -13045,7 +13092,7 @@ function RfaDraftForm({ initialDraft, identity, officialForm = false, formDetail
   if (officialForm) return /* @__PURE__ */ jsxs39(TreatmentDraftShell, { ...appearance, hideHeading: embedded, title: "Request for authorization", description: "DWC Form RFA", children: [
     mode === "edit" ? /* @__PURE__ */ jsx41("p", { className: "mbtd-note", children: "Saving replaces this draft, clears its signature, and requires a new signing review. It does not send the request or authorize treatment." }) : null,
     onBack ? /* @__PURE__ */ jsx41("button", { type: "button", disabled: locked, onClick: () => onBack(draft2), children: "Back to patient and physician" }) : null,
-    /* @__PURE__ */ jsxs39("form", { onSubmit: submit, children: [
+    /* @__PURE__ */ jsxs39("form", { onSubmit: submit, className: "mbrfa-official", children: [
       /* @__PURE__ */ jsxs39("fieldset", { disabled: locked, className: "mbrfa-request-details", children: [
         /* @__PURE__ */ jsx41("legend", { children: "Request type" }),
         /* @__PURE__ */ jsxs39("div", { className: "mbtd-grid", children: [
@@ -13081,11 +13128,12 @@ function RfaDraftForm({ initialDraft, identity, officialForm = false, formDetail
         /* @__PURE__ */ jsx41("legend", { children: "Requesting Physician Information" }),
         /* @__PURE__ */ jsxs39("div", { className: "mbrfa-pickers", "data-columns": selectors?.physician ? 3 : 2, children: [
           selectors?.physician ? /* @__PURE__ */ jsx41(RfaPicker, { label: "Requesting physician", children: selectors.physician }) : null,
-          /* @__PURE__ */ jsx41(RfaPracticePicker, { profile: organizationProfile, value: draft2.requestingPractice, onChange: (requestingPractice) => update({ requestingPractice }), ...managePracticeHref ? { managePracticeHref } : {}, ...manageLocationsHref ? { manageLocationsHref } : {}, onEditPractice, onEditLocation })
+          /* @__PURE__ */ jsx41(RfaPracticePicker, { profile: organizationProfile, value: draft2.requestingPractice, onChange: (requestingPractice) => update({ requestingPractice }), ...managePracticeHref ? { managePracticeHref } : {}, ...manageLocationsHref ? { manageLocationsHref } : {}, onEditPractice, onEditLocation, onChosen: () => setPracticeManual(false) })
         ] }),
         /* @__PURE__ */ jsx41("fieldset", { className: "mbrfa-plain", disabled: locked, children: /* @__PURE__ */ jsx41(
           RfaOfficialContactFields,
           {
+            editable: practiceManual,
             nameLabel: "Practice Name",
             value: draft2.requestingPractice,
             onChange: (requestingPractice) => update({ requestingPractice }),
@@ -13096,7 +13144,8 @@ function RfaDraftForm({ initialDraft, identity, officialForm = false, formDetail
               /* @__PURE__ */ jsx41(RfaSavedField, { span: 3, label: "NPI Number", value: draft2.providerNpi })
             ] })
           }
-        ) })
+        ) }),
+        /* @__PURE__ */ jsx41(RfaManualToggle, { manual: practiceManual, onChange: setPracticeManual, disabled: locked })
       ] }),
       /* @__PURE__ */ jsx41(RfaContactPicker, { officialForm: true, ...searchClaimsAdministrators ? { searchClaimsAdministrators } : {}, ...getClaimsAdministratorDirectory ? { getClaimsAdministratorDirectory } : {}, ...draft2.claimsAdminId ? { administratorId: draft2.claimsAdminId } : {}, ...draft2.claimNumber ? { claimNumber: draft2.claimNumber } : {}, contextKey: draft2.claimId, value: draft2.authorizationContact, disabled: locked, onChange: (id, authorizationContact) => {
         setAdministratorOverride({ id });