@mindbill/react 0.77.30 → 0.77.31

package/dist/index.js

@@ -10312,7 +10312,7 @@ function TreatmentDraftShell({ title, description, children, hideHeading = false
 .mbtd .mbrfa-pickers[data-columns="1"]{grid-template-columns:minmax(0,1fr)}.mbtd .mbrfa-pickers[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mbtd .mbrfa-picker{display:grid;gap:5px;min-width:0;font-size:13px;align-content:start}.mbtd .mbrfa-picker>span:first-child{font-weight:600}
 .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}
+.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 button.mbrfa-link.mbrfa-link{border:0;background:none;padding:0;min-height:0;color:var(--mb-accent);font-size:12px;text-decoration:underline}
 .mbtd fieldset.mbrfa-plain.mbrfa-plain{border:0;padding:0;margin:0;background:none;border-radius:0;min-width:0}
@@ -12351,14 +12351,17 @@ function RfaIdentitySelect({ label: label5, placeholder, searchPlaceholder, quer
       trigger.current?.focus();
     }
   }, children: [
-    /* @__PURE__ */ jsx35("style", { children: `.mbrfa-identity-select{position:relative;min-width:0}.mbrfa-identity-select>button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;gap:12px;min-height:44px}.mbrfa-identity-select small{display:block;opacity:.75;font-size:12px;margin-top:3px}.mbrfa-identity-menu{position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;padding:10px;background:var(--mbtd-surface,#fff);color:inherit;border:1px solid var(--mbtd-border,#d6d3cc);border-radius:8px;box-shadow:0 8px 24px #0002}.mbrfa-identity-menu input{width:100%;box-sizing:border-box}.mbrfa-identity-options{max-height:280px;overflow:auto;margin-top:6px}.mbrfa-identity-options button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;border-radius:4px;min-height:44px}.mbrfa-identity-options button:hover,.mbrfa-identity-options button[data-active=true]{background:#1c595918}.mbrfa-identity-menu p{padding:8px;margin:0}` }),
+    /* @__PURE__ */ jsx35("style", { children: `.mbrfa-identity-select{position:relative;min-width:0}.mbrfa-identity-select>button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;gap:12px;min-height:44px}.mbrfa-identity-select small{display:block;opacity:.75;font-size:12px;margin-top:3px}.mbrfa-identity-select>button{height:44px}.mbrfa-identity-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mbrfa-identity-value small{display:inline;margin:0}.mbrfa-identity-menu{position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;padding:10px;background:var(--mbtd-surface,#fff);color:inherit;border:1px solid var(--mbtd-border,#d6d3cc);border-radius:8px;box-shadow:0 8px 24px #0002}.mbrfa-identity-menu input{width:100%;box-sizing:border-box}.mbrfa-identity-options{max-height:280px;overflow:auto;margin-top:6px}.mbrfa-identity-options button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;border-radius:4px;min-height:44px}.mbrfa-identity-options button:hover,.mbrfa-identity-options button[data-active=true]{background:#1c595918}.mbrfa-identity-menu p{padding:8px;margin:0}` }),
     /* @__PURE__ */ jsxs33("button", { ref: trigger, type: "button", "aria-label": label5, "aria-haspopup": "listbox", "aria-expanded": open, "aria-controls": open ? `${id}-list` : void 0, disabled, onClick: () => {
       setOpen(!open);
       setActive(0);
     }, children: [
-      /* @__PURE__ */ jsx35("span", { children: selected ? /* @__PURE__ */ jsxs33(Fragment20, { children: [
+      /* @__PURE__ */ jsx35("span", { className: "mbrfa-identity-value", children: selected ? /* @__PURE__ */ jsxs33(Fragment20, { children: [
         selected.label,
-        selected.detail ? /* @__PURE__ */ jsx35("small", { children: selected.detail }) : null
+        selected.detail ? /* @__PURE__ */ jsxs33("small", { children: [
+          " \xB7 ",
+          selected.detail
+        ] }) : null
       ] }) : placeholder }),
       /* @__PURE__ */ jsx35("span", { "aria-hidden": "true", children: "\u2304" })
     ] }),
@@ -12588,15 +12591,13 @@ 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, onRefreshProfile }) {
+function RfaPracticePicker({ profile, value, onChange, managePracticeHref, manageLocationsHref }) {
   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 ?? "" : "");
   const located = (chosen, phone) => ({ address: chosen.street, city: chosen.city, state: chosen.state, zip: chosen.zip, ...chosen.contact?.name ? { contactName: chosen.contact.name } : {}, ...chosen.contact?.phone || phone ? { phone: chosen.contact?.phone || phone } : {}, ...chosen.contact?.fax ? { fax: chosen.contact.fax } : {}, ...chosen.contact?.email ? { email: chosen.contact.email } : {} });
   const [practiceQuery, setPracticeQuery] = useState23("");
   const [locationQuery, setLocationQuery] = useState23("");
-  const [refreshing, setRefreshing] = useState23(false);
-  const [error, setError] = useState23("");
   const locations = (profile?.locations ?? []).filter((item) => item.active !== false && (item.billingProviderId ? item.billingProviderId === practice : practices.length <= 1));
   return /* @__PURE__ */ jsxs36(Fragment21, { children: [
     /* @__PURE__ */ jsxs36(RfaPicker, { label: "Practice", children: [
@@ -12611,7 +12612,7 @@ function RfaPracticePicker({ profile, value, onChange, managePracticeHref, manag
         setLocation(chosen?.id ?? "");
         onChange({ ...value, name: provider.name, phone: provider.phone ?? "", address: provider.billingStreet ?? "", city: provider.billingCity ?? "", state: provider.billingState ?? "", zip: provider.billingZip ?? "", ...chosen ? located(chosen, provider.phone) : {} });
       } }),
-      managePracticeHref ? /* @__PURE__ */ jsx38("a", { href: managePracticeHref, target: "_blank", rel: "noopener noreferrer", children: "Add / manage practices" }) : null
+      /* @__PURE__ */ jsx38("span", { className: "mbrfa-picker-links", children: managePracticeHref ? /* @__PURE__ */ jsx38("a", { href: managePracticeHref, target: "_blank", rel: "noopener noreferrer", children: "Add / manage practices" }) : null })
     ] }),
     /* @__PURE__ */ jsxs36(RfaPicker, { label: "Practice location", children: [
       /* @__PURE__ */ jsx38(RfaIdentitySelect, { label: "Practice location", placeholder: practice ? "Choose a location" : "Choose a practice first", searchPlaceholder: "Search locations", query: locationQuery, onSearch: setLocationQuery, searchable: true, disabled: !practice, value: location, options: locations.filter((item) => item.id === location || item.name.toLowerCase().includes(locationQuery.toLowerCase())).map((item) => ({ id: item.id, label: item.name, detail: `${item.street}, ${item.city}` })), onSelect: (id) => {
@@ -12621,15 +12622,7 @@ function RfaPracticePicker({ profile, value, onChange, managePracticeHref, manag
         setLocationQuery("");
         onChange({ ...value, ...located(chosen, practices.find((item) => item.id === practice)?.phone) });
       } }),
-      /* @__PURE__ */ jsxs36("span", { className: "mbrfa-picker-links", children: [
-        manageLocationsHref ? /* @__PURE__ */ jsx38("a", { href: manageLocationsHref, target: "_blank", rel: "noopener noreferrer", children: "Add / manage locations" }) : null,
-        onRefreshProfile ? /* @__PURE__ */ jsx38("button", { type: "button", className: "mbrfa-link", disabled: refreshing, onClick: () => {
-          setRefreshing(true);
-          setError("");
-          void onRefreshProfile().catch(() => setError("Could not refresh saved practices. Try again.")).finally(() => setRefreshing(false));
-        }, children: refreshing ? "Refreshing\u2026" : "Refresh saved choices" }) : null
-      ] }),
-      error ? /* @__PURE__ */ jsx38("p", { role: "alert", children: error }) : null
+      /* @__PURE__ */ jsx38("span", { className: "mbrfa-picker-links", children: manageLocationsHref ? /* @__PURE__ */ jsx38("a", { href: manageLocationsHref, target: "_blank", rel: "noopener noreferrer", children: "Add / manage locations" }) : null })
     ] })
   ] });
 }
@@ -12908,6 +12901,21 @@ function RfaDraftForm({ initialDraft, identity, officialForm = false, formDetail
     filledEmail.current = physicianEmail;
     setDraft((current) => current.requestingPractice?.email && current.requestingPractice.email !== previous ? current : { ...current, requestingPractice: { ...current.requestingPractice, email: physicianEmail } });
   }, [officialForm, physicianEmail]);
+  useEffect22(() => {
+    if (!officialForm || !onRefreshProfile) return;
+    let last = Date.now();
+    const refresh = () => {
+      if (document.visibilityState === "hidden" || Date.now() - last < 2e3) return;
+      last = Date.now();
+      void onRefreshProfile().catch(() => void 0);
+    };
+    window.addEventListener("focus", refresh);
+    document.addEventListener("visibilitychange", refresh);
+    return () => {
+      window.removeEventListener("focus", refresh);
+      document.removeEventListener("visibilitychange", refresh);
+    };
+  }, [officialForm, onRefreshProfile]);
   const [administratorOverride, setAdministratorOverride] = useState26(null);
   const identityKey = `${identity?.claimId ?? ""}:${identity?.claimsAdminId ?? ""}`;
   const previousClaim = useRef18(identityKey);
@@ -13026,7 +13034,7 @@ 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 } : {}, ...onRefreshProfile ? { onRefreshProfile } : {} })
+          /* @__PURE__ */ jsx41(RfaPracticePicker, { profile: organizationProfile, value: draft2.requestingPractice, onChange: (requestingPractice) => update({ requestingPractice }), ...managePracticeHref ? { managePracticeHref } : {}, ...manageLocationsHref ? { manageLocationsHref } : {} })
         ] }),
         /* @__PURE__ */ jsx41("fieldset", { className: "mbrfa-plain", disabled: locked, children: /* @__PURE__ */ jsx41(
           RfaOfficialContactFields,
@@ -13312,7 +13320,6 @@ function SavedIdentityForm({ client, claimId, renderingProviderId, onSave, canCr
       active = false;
     };
   }, [client, query, effectiveClaimId, effectiveProviderId, renderingProviderId, reload]);
-  const refreshProfile = draftFormProps?.officialForm ? draftFormProps.onRefreshProfile : void 0;
   const refreshOnReturn = !!draftFormProps?.officialForm;
   useEffect23(() => {
     if (!refreshOnReturn) return;
@@ -13321,7 +13328,6 @@ function SavedIdentityForm({ client, claimId, renderingProviderId, onSave, canCr
       if (document.visibilityState === "hidden" || Date.now() - last < 2e3) return;
       last = Date.now();
       setReload((value) => value + 1);
-      void refreshProfile?.().catch(() => void 0);
     };
     window.addEventListener("focus", refresh);
     document.addEventListener("visibilitychange", refresh);
@@ -13329,7 +13335,7 @@ function SavedIdentityForm({ client, claimId, renderingProviderId, onSave, canCr
       window.removeEventListener("focus", refresh);
       document.removeEventListener("visibilitychange", refresh);
     };
-  }, [refreshOnReturn, refreshProfile]);
+  }, [refreshOnReturn]);
   const claim = context?.claims.find((value) => value.claimId === selectedClaim);
   const provider = context?.renderingProviders.find((value) => value.id === selectedProvider);
   const locked = disabled || loading;