@usebridge/sdk-react 0.4.0 → 0.5.0

package/dist/index.cjs

@@ -187,32 +187,57 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/sdk/index.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_sdk_core2 = require("@usebridge/sdk-core");
 
 // src/sdk/use-prefetch-payers.ts
 var import_sdk_core = require("@usebridge/sdk-core");
 var import_react = require("react");
 function usePrefetchPayers(bridgeSdk, enabled) {
+  const fetched = (0, import_react.useRef)(false);
   (0, import_react.useEffect)(() => {
+    if (fetched.current) return;
     if (enabled) {
       void Promise.all(
         ["", "b", "u", "a"].map((query) => bridgeSdk.payerSearch({ query, limit: 10 }))
       );
+      fetched.current = true;
     }
   }, [bridgeSdk, enabled]);
 }
 
+// src/sdk/use-analytics-lifecycle.ts
+var import_react2 = require("react");
+function useAnalyticsLifecycle(bridgeSdk) {
+  (0, import_react2.useEffect)(() => {
+    return () => {
+      bridgeSdk._analytics.flush();
+    };
+  }, [bridgeSdk]);
+  (0, import_react2.useEffect)(() => {
+    const flush = () => {
+      if (document.visibilityState === "hidden") bridgeSdk._analytics.flush();
+    };
+    if (typeof window !== "undefined") window.addEventListener("visibilitychange", flush);
+    return () => {
+      if (typeof window !== "undefined") window.removeEventListener("visibilitychange", flush);
+    };
+  }, [bridgeSdk]);
+}
+
 // src/sdk/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var BridgeSdkContext = (0, import_react2.createContext)(null);
+var BridgeSdkContext = (0, import_react3.createContext)(null);
 var BridgeSdkProvider = ({
   config,
   prefetchPayers = true,
   children
 }) => {
-  const { current } = (0, import_react2.useRef)(new import_sdk_core2.BridgeSdk(config));
+  const sdkRef = (0, import_react3.useRef)(null);
+  if (!sdkRef.current) sdkRef.current = new import_sdk_core2.BridgeSdk(config);
+  const current = sdkRef.current;
   usePrefetchPayers(current, prefetchPayers);
+  useAnalyticsLifecycle(current);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(BridgeSdkContext.Provider, { value: current, children: [
     " ",
     children,
@@ -220,26 +245,26 @@ var BridgeSdkProvider = ({
   ] });
 };
 function useBridgeSdk() {
-  const context = (0, import_react2.useContext)(BridgeSdkContext);
+  const context = (0, import_react3.useContext)(BridgeSdkContext);
   if (!context) throw new Error("useBridgeSdk must be used within a BridgeSdkProvider");
   return context;
 }
 
 // src/payer-search/use-payer-autocomplete.ts
-var import_react5 = require("react");
+var import_react6 = require("react");
 
 // ../../node_modules/usehooks-ts/dist/index.js
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_lodash = __toESM(require_lodash(), 1);
 function useIsMounted() {
-  const isMounted = (0, import_react3.useRef)(false);
-  (0, import_react3.useEffect)(() => {
+  const isMounted = (0, import_react4.useRef)(false);
+  (0, import_react4.useEffect)(() => {
     isMounted.current = true;
     return () => {
       isMounted.current = false;
     };
   }, []);
-  return (0, import_react3.useCallback)(() => isMounted.current, []);
+  return (0, import_react4.useCallback)(() => isMounted.current, []);
 }
 
 // src/lib/retry-loop.ts
@@ -254,7 +279,7 @@ async function retryLoop(fn, shouldRetry, delayMs = 500) {
   while (!cancelled) {
     try {
       return await fn();
-    } catch (err) {
+    } catch (_) {
       if (!shouldRetry()) {
         cancelled = true;
       } else {
@@ -266,10 +291,10 @@ async function retryLoop(fn, shouldRetry, delayMs = 500) {
 }
 
 // src/payer-search/use-payer-search.ts
-var import_react4 = require("react");
+var import_react5 = require("react");
 function usePayerSearch() {
   const sdk = useBridgeSdk();
-  return (0, import_react4.useCallback)(
+  return (0, import_react5.useCallback)(
     (...args) => sdk.payerSearch(...args),
     [sdk]
   );
@@ -1808,14 +1833,14 @@ var omit_default = omit;
 var resultCache = /* @__PURE__ */ new Map();
 function usePayerAutocomplete(query, {
   limit = 10
-}) {
+} = {}) {
   const payerSearch = usePayerSearch();
-  const [isLoading, setIsLoading] = (0, import_react5.useState)(false);
-  const [results, setResults] = (0, import_react5.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react6.useState)(false);
+  const [results, setResults] = (0, import_react6.useState)([]);
   const normalizedQuery = query.trim().toLowerCase();
-  const reqId = (0, import_react5.useRef)(0);
+  const reqId = (0, import_react6.useRef)(0);
   const isMounted = useIsMounted();
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const thisId = ++reqId.current;
     const cachedResults = resultCache.get(normalizedQuery);
     if (cachedResults) {
@@ -1842,23 +1867,23 @@ function usePayerAutocomplete(query, {
     }
     void run();
   }, [payerSearch, normalizedQuery, limit]);
-  return (0, import_react5.useMemo)(
+  return (0, import_react6.useMemo)(
     () => ({ isLoading, results: results.map((r) => omit_default(r, "code")) }),
     [isLoading, results]
   );
 }
 
 // src/soft-eligibility/soft-eligibility-provider.tsx
-var import_react16 = require("react");
+var import_react18 = require("react");
 var import_sdk_core10 = require("@usebridge/sdk-core");
 
 // src/soft-eligibility/soft-eligibility-context.ts
 var import_sdk_core3 = require("@usebridge/sdk-core");
-var import_react6 = require("react");
-var SoftEligibilityContext = (0, import_react6.createContext)(null);
+var import_react7 = require("react");
+var SoftEligibilityContext = (0, import_react7.createContext)(null);
 
 // src/eligibility-input/eligibility-input-provider.tsx
-var import_react15 = require("react");
+var import_react17 = require("react");
 var import_zustand4 = require("zustand");
 
 // src/eligibility-input/eligibility-input-store.ts
@@ -1894,24 +1919,24 @@ function createEligibilityInputStore(requirePatient) {
 }
 
 // src/eligibility-input/eligibility-input-context.ts
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_zustand2 = require("zustand");
-var EligibilityInputContext = (0, import_react7.createContext)(null);
+var EligibilityInputContext = (0, import_react8.createContext)(null);
 
 // src/hard-eligibility/use-create-hard-eligibility-session.ts
-var import_react8 = require("react");
+var import_react9 = require("react");
 function useCreateHardEligibilitySession() {
   const bridgeSdk = useBridgeSdk();
-  return (0, import_react8.useCallback)(
+  return (0, import_react9.useCallback)(
     (...args) => bridgeSdk.createHardEligibilitySession(...args),
     [bridgeSdk]
   );
 }
 
 // src/hard-eligibility/hard-eligibility-context.ts
-var import_react9 = require("react");
+var import_react10 = require("react");
 var import_sdk_core4 = require("@usebridge/sdk-core");
-var HardEligibilityContext = (0, import_react9.createContext)(null);
+var HardEligibilityContext = (0, import_react10.createContext)(null);
 
 // src/hard-eligibility/hard-eligibility-provider.tsx
 var import_sdk_core5 = require("@usebridge/sdk-core");
@@ -1922,14 +1947,14 @@ var HardEligibilityProvider = ({
 }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(HardEligibilityContext.Provider, { value: session, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(EligibilityInputProvider, { children }) });
 
 // src/hard-eligibility/use-hard-eligibility-state.ts
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_sdk_core7 = require("@usebridge/sdk-core");
 
 // src/hard-eligibility/use-hard-eligibility.ts
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_sdk_core6 = require("@usebridge/sdk-core");
 function useHardEligibilitySession() {
-  const session = (0, import_react10.useContext)(HardEligibilityContext);
+  const session = (0, import_react11.useContext)(HardEligibilityContext);
   if (!session) throw new Error("useHardEligibilitySession must be within a SoftEligibilityContext");
   return session;
 }
@@ -1937,8 +1962,8 @@ function useHardEligibilitySession() {
 // src/hard-eligibility/use-hard-eligibility-state.ts
 function useHardEligibilityState() {
   const session = useHardEligibilitySession();
-  const [state, setState] = (0, import_react11.useState)(session.state);
-  (0, import_react11.useEffect)(() => {
+  const [state, setState] = (0, import_react12.useState)(session.state);
+  (0, import_react12.useEffect)(() => {
     session.on("update", setState);
     return () => {
       session.removeListener("update", setState);
@@ -1948,13 +1973,13 @@ function useHardEligibilityState() {
 }
 
 // src/hard-eligibility/use-hard-eligibility-submit.ts
-var import_react14 = require("react");
+var import_react15 = require("react");
 
 // src/eligibility-input/use-eligibility-input.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_zustand3 = require("zustand");
 var useEligibilityInput = () => {
-  const store = (0, import_react12.useContext)(EligibilityInputContext);
+  const store = (0, import_react13.useContext)(EligibilityInputContext);
   if (!store) throw new Error("useEligibilityInputStore must be within an EligibilityInputProvider");
   return (0, import_zustand3.useStore)(store);
 };
@@ -1963,30 +1988,30 @@ var useEligibilityInput = () => {
 var import_sdk_core9 = require("@usebridge/sdk-core");
 
 // src/eligibility-input/use-eligibility-input-field.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_sdk_core8 = require("@usebridge/sdk-core");
-function useEligibilityInputField(field) {
+function useEligibilityInputField(field, defaultValue) {
   const input = useEligibilityInput();
   const inputField = input[field];
   const { requirePatient } = input;
   const { value, set } = inputField;
-  const hardEligibilityContext = (0, import_react13.useContext)(HardEligibilityContext);
+  const hardEligibilityContext = (0, import_react14.useContext)(HardEligibilityContext);
   let isDisabled = false;
-  const [forceMemberId, setForceMemberId] = (0, import_react13.useState)(false);
+  const [forceMemberId, setForceMemberId] = (0, import_react14.useState)(false);
   const errorForceMemberId = hardEligibilityContext?.state.error?.forceMemberId;
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (errorForceMemberId) setForceMemberId(true);
   }, [errorForceMemberId]);
   try {
     const { status } = useHardEligibilityState();
     isDisabled = !import_sdk_core8.HardEligibility.canSubmit(status);
     if (status === "WAITING_FOR_SERVICE_ELIGIBILITY") isDisabled = true;
-  } catch (err) {
+  } catch (_) {
   }
   try {
     const { status } = useSoftEligibilityState();
     isDisabled = !import_sdk_core8.SoftEligibility.canSubmit(status);
-  } catch (err) {
+  } catch (_) {
   }
   if (requirePatient && !hardEligibilityContext)
     throw new Error(`useEligibilityInputField("${field}") requires a HardEligibilityContext`);
@@ -2028,16 +2053,23 @@ function useEligibilityInputField(field) {
     default:
       throw new Error(`Unknown field: ${field}`);
   }
-  return (0, import_react13.useMemo)(
+  const setValue = set;
+  const hasSetDefaultValue = (0, import_react14.useRef)(false);
+  (0, import_react14.useLayoutEffect)(() => {
+    if (hasSetDefaultValue.current) return;
+    if (defaultValue) setValue(defaultValue);
+    hasSetDefaultValue.current = true;
+  }, [setValue, defaultValue]);
+  return (0, import_react14.useMemo)(
     () => ({
       value,
-      setValue: set,
+      setValue,
       isVisible,
       isValid,
       isRequired,
       isDisabled
     }),
-    [value, set, isVisible, isValid, isRequired, isDisabled]
+    [value, setValue, isVisible, isValid, isRequired, isDisabled]
   );
 }
 
@@ -2062,7 +2094,7 @@ function useHardEligibilitySubmit() {
   const usesExistingPolicy = session.usesExistingPolicy;
   const inputIsValid = usesExistingPolicy ? Boolean(state.value) : useEligibilityInputIsValid();
   const isDisabled = !inputIsValid || !import_sdk_core9.HardEligibility.canSubmit(status);
-  const submit = (0, import_react14.useCallback)(
+  const submit = (0, import_react15.useCallback)(
     ({ clinicalInfo } = {}) => {
       if (!state.value) throw new Error("State is required");
       const submitArgs = {
@@ -2085,15 +2117,49 @@ function useHardEligibilitySubmit() {
     },
     [session, state, payer, firstName, lastName, dateOfBirth, memberId]
   );
-  return (0, import_react14.useMemo)(() => ({ isDisabled, submit }), [isDisabled, submit]);
+  return (0, import_react15.useMemo)(() => ({ isDisabled, submit }), [isDisabled, submit]);
+}
+
+// src/eligibility-input/eligibility-input-analytics.tsx
+var import_react16 = require("react");
+function useEligibilityInputFieldState(field) {
+  const fieldState = useEligibilityInputField(field);
+  return (0, import_react16.useMemo)(
+    () => omit_default(fieldState, "setValue"),
+    [
+      fieldState.value,
+      fieldState.isVisible,
+      fieldState.isValid,
+      fieldState.isRequired,
+      fieldState.isDisabled
+    ]
+  );
 }
+var EligibilityInputAnalytics = () => {
+  const { _analytics: analytics } = useBridgeSdk();
+  const firstName = useEligibilityInputFieldState("firstName");
+  const lastName = useEligibilityInputFieldState("lastName");
+  const dateOfBirth = useEligibilityInputFieldState("dateOfBirth");
+  const memberId = useEligibilityInputFieldState("memberId");
+  const payer = useEligibilityInputFieldState("payer");
+  const state = useEligibilityInputFieldState("state");
+  const isValid = useEligibilityInputIsValid();
+  const payload = (0, import_react16.useMemo)(
+    () => ({ firstName, lastName, dateOfBirth, memberId, payer, state, isValid }),
+    [firstName, lastName, dateOfBirth, memberId, payer, state, isValid]
+  );
+  (0, import_react16.useEffect)(() => {
+    analytics.event("input.state.updated", payload);
+  }, [analytics, payload]);
+  return null;
+};
 
 // src/eligibility-input/eligibility-input-provider.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var EligibilityInputProvider = ({ children }) => {
-  const storeRef = (0, import_react15.useRef)(null);
-  const softEligibilityContext = (0, import_react15.useContext)(SoftEligibilityContext);
-  const hardEligibilityContext = (0, import_react15.useContext)(HardEligibilityContext);
+  const storeRef = (0, import_react17.useRef)(null);
+  const softEligibilityContext = (0, import_react17.useContext)(SoftEligibilityContext);
+  const hardEligibilityContext = (0, import_react17.useContext)(HardEligibilityContext);
   if (!storeRef.current) {
     let requirePatient;
     if (softEligibilityContext) requirePatient = false;
@@ -2101,7 +2167,10 @@ var EligibilityInputProvider = ({ children }) => {
     else throw new Error("Missing SoftEligibilityContext or HardEligibilityContext");
     storeRef.current = createEligibilityInputStore(requirePatient);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(EligibilityInputContext.Provider, { value: storeRef.current, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(EligibilityInputContext.Provider, { value: storeRef.current, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(EligibilityInputAnalytics, {})
+  ] });
 };
 
 // src/soft-eligibility/soft-eligibility-provider.tsx
@@ -2112,24 +2181,24 @@ var SoftEligibilityProvider = ({
 }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SoftEligibilityContext.Provider, { value: session, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(EligibilityInputProvider, { children }) });
 
 // src/soft-eligibility/use-create-soft-eligibility-session.ts
-var import_react17 = require("react");
+var import_react19 = require("react");
 function useCreateSoftEligibilitySession() {
   const bridgeSdk = useBridgeSdk();
-  return (0, import_react17.useCallback)(
+  return (0, import_react19.useCallback)(
     (...args) => bridgeSdk.createSoftEligibilitySession(...args),
     [bridgeSdk]
   );
 }
 
 // src/soft-eligibility/use-soft-eligibility-state.ts
-var import_react19 = require("react");
+var import_react21 = require("react");
 var import_sdk_core12 = require("@usebridge/sdk-core");
 
 // src/soft-eligibility/use-soft-eligibility.ts
-var import_react18 = require("react");
+var import_react20 = require("react");
 var import_sdk_core11 = require("@usebridge/sdk-core");
 function useSoftEligibilitySession() {
-  const session = (0, import_react18.useContext)(SoftEligibilityContext);
+  const session = (0, import_react20.useContext)(SoftEligibilityContext);
   if (!session) throw new Error("useSoftEligibilitySession must be within a SoftEligibilityContext");
   return session;
 }
@@ -2137,8 +2206,8 @@ function useSoftEligibilitySession() {
 // src/soft-eligibility/use-soft-eligibility-state.ts
 function useSoftEligibilityState() {
   const session = useSoftEligibilitySession();
-  const [state, setState] = (0, import_react19.useState)(session.state);
-  (0, import_react19.useEffect)(() => {
+  const [state, setState] = (0, import_react21.useState)(session.state);
+  (0, import_react21.useEffect)(() => {
     session.on("update", setState);
     return () => {
       session.removeListener("update", setState);
@@ -2148,7 +2217,7 @@ function useSoftEligibilityState() {
 }
 
 // src/soft-eligibility/use-soft-eligibility-submit.ts
-var import_react20 = require("react");
+var import_react22 = require("react");
 var import_sdk_core13 = require("@usebridge/sdk-core");
 function useSoftEligibilitySubmit() {
   const session = useSoftEligibilitySession();
@@ -2156,12 +2225,12 @@ function useSoftEligibilitySubmit() {
   const { status } = useSoftEligibilityState();
   const inputIsValid = useEligibilityInputIsValid();
   const isDisabled = !inputIsValid || !import_sdk_core13.SoftEligibility.canSubmit(status);
-  const submit = (0, import_react20.useCallback)(() => {
+  const submit = (0, import_react22.useCallback)(() => {
     if (!payer.value) throw new Error("Payer is required");
     if (!state.value) throw new Error("State is required");
     return session.submit({ payerId: payer.value.id, state: state.value });
   }, [session, payer, state]);
-  return (0, import_react20.useMemo)(
+  return (0, import_react22.useMemo)(
     () => ({
       isDisabled,
       submit