@usebridge/sdk-react 0.4.0 → 0.5.0

package/dist/index.d.cts

@@ -29,7 +29,7 @@ declare function useBridgeSdk(): BridgeSdk;
  * @param query the query to search for, may be an empty string
  * @param limit the maximum number of results to return, defaults to 10
  */
-declare function usePayerAutocomplete(query: string, { limit, }: {
+declare function usePayerAutocomplete(query: string, { limit, }?: {
     /**
      * The maximum number of results to return, defaults to 10
      */
@@ -162,7 +162,7 @@ type FieldState<F extends Field, T = EligibilityInputState[F]["value"]> = {
 /**
  * Manages the input state for each field
  */
-declare function useEligibilityInputField<F extends Field, T = EligibilityInputState[F]["value"]>(field: F): FieldState<F, T>;
+declare function useEligibilityInputField<F extends Field, T = EligibilityInputState[F]["value"]>(field: F, defaultValue?: T): FieldState<F, T>;
 
 /**
  * Aggregated determination of whether all inputs are valid

package/dist/index.d.ts

@@ -29,7 +29,7 @@ declare function useBridgeSdk(): BridgeSdk;
  * @param query the query to search for, may be an empty string
  * @param limit the maximum number of results to return, defaults to 10
  */
-declare function usePayerAutocomplete(query: string, { limit, }: {
+declare function usePayerAutocomplete(query: string, { limit, }?: {
     /**
      * The maximum number of results to return, defaults to 10
      */
@@ -162,7 +162,7 @@ type FieldState<F extends Field, T = EligibilityInputState[F]["value"]> = {
 /**
  * Manages the input state for each field
  */
-declare function useEligibilityInputField<F extends Field, T = EligibilityInputState[F]["value"]>(field: F): FieldState<F, T>;
+declare function useEligibilityInputField<F extends Field, T = EligibilityInputState[F]["value"]>(field: F, defaultValue?: T): FieldState<F, T>;
 
 /**
  * Aggregated determination of whether all inputs are valid

package/dist/index.js

@@ -159,22 +159,44 @@ var require_lodash = __commonJS({
 });
 
 // src/sdk/index.tsx
-import { createContext, useContext, useRef } from "react";
+import { createContext, useContext, useRef as useRef2 } from "react";
 import { BridgeSdk as BridgeSdk2 } from "@usebridge/sdk-core";
 
 // src/sdk/use-prefetch-payers.ts
 import "@usebridge/sdk-core";
-import { useEffect } from "react";
+import { useEffect, useRef } from "react";
 function usePrefetchPayers(bridgeSdk, enabled) {
+  const fetched = useRef(false);
   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
+import { useEffect as useEffect2 } from "react";
+function useAnalyticsLifecycle(bridgeSdk) {
+  useEffect2(() => {
+    return () => {
+      bridgeSdk._analytics.flush();
+    };
+  }, [bridgeSdk]);
+  useEffect2(() => {
+    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
 import { jsxs } from "react/jsx-runtime";
 var BridgeSdkContext = createContext(null);
@@ -183,8 +205,11 @@ var BridgeSdkProvider = ({
   prefetchPayers = true,
   children
 }) => {
-  const { current } = useRef(new BridgeSdk2(config));
+  const sdkRef = useRef2(null);
+  if (!sdkRef.current) sdkRef.current = new BridgeSdk2(config);
+  const current = sdkRef.current;
   usePrefetchPayers(current, prefetchPayers);
+  useAnalyticsLifecycle(current);
   return /* @__PURE__ */ jsxs(BridgeSdkContext.Provider, { value: current, children: [
     " ",
     children,
@@ -198,14 +223,14 @@ function useBridgeSdk() {
 }
 
 // src/payer-search/use-payer-autocomplete.ts
-import { useEffect as useEffect3, useMemo as useMemo2, useRef as useRef3, useState as useState2 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo2, useRef as useRef4, useState as useState2 } from "react";
 
 // ../../node_modules/usehooks-ts/dist/index.js
 var import_lodash = __toESM(require_lodash(), 1);
-import { useState, useCallback, useLayoutEffect, useEffect as useEffect2, useRef as useRef2, useMemo } from "react";
+import { useState, useCallback, useLayoutEffect, useEffect as useEffect3, useRef as useRef3, useMemo } from "react";
 function useIsMounted() {
-  const isMounted = useRef2(false);
-  useEffect2(() => {
+  const isMounted = useRef3(false);
+  useEffect3(() => {
     isMounted.current = true;
     return () => {
       isMounted.current = false;
@@ -226,7 +251,7 @@ async function retryLoop(fn, shouldRetry, delayMs = 500) {
   while (!cancelled) {
     try {
       return await fn();
-    } catch (err) {
+    } catch (_) {
       if (!shouldRetry()) {
         cancelled = true;
       } else {
@@ -1780,14 +1805,14 @@ var omit_default = omit;
 var resultCache = /* @__PURE__ */ new Map();
 function usePayerAutocomplete(query, {
   limit = 10
-}) {
+} = {}) {
   const payerSearch = usePayerSearch();
   const [isLoading, setIsLoading] = useState2(false);
   const [results, setResults] = useState2([]);
   const normalizedQuery = query.trim().toLowerCase();
-  const reqId = useRef3(0);
+  const reqId = useRef4(0);
   const isMounted = useIsMounted();
-  useEffect3(() => {
+  useEffect4(() => {
     const thisId = ++reqId.current;
     const cachedResults = resultCache.get(normalizedQuery);
     if (cachedResults) {
@@ -1830,7 +1855,7 @@ import { createContext as createContext2 } from "react";
 var SoftEligibilityContext = createContext2(null);
 
 // src/eligibility-input/eligibility-input-provider.tsx
-import { useContext as useContext5, useRef as useRef4 } from "react";
+import { useContext as useContext5, useRef as useRef6 } from "react";
 import "zustand";
 
 // src/eligibility-input/eligibility-input-store.ts
@@ -1894,7 +1919,7 @@ var HardEligibilityProvider = ({
 }) => /* @__PURE__ */ jsx(HardEligibilityContext.Provider, { value: session, children: /* @__PURE__ */ jsx(EligibilityInputProvider, { children }) });
 
 // src/hard-eligibility/use-hard-eligibility-state.ts
-import { useEffect as useEffect4, useState as useState3 } from "react";
+import { useEffect as useEffect5, useState as useState3 } from "react";
 import "@usebridge/sdk-core";
 
 // src/hard-eligibility/use-hard-eligibility.ts
@@ -1910,7 +1935,7 @@ function useHardEligibilitySession() {
 function useHardEligibilityState() {
   const session = useHardEligibilitySession();
   const [state, setState] = useState3(session.state);
-  useEffect4(() => {
+  useEffect5(() => {
     session.on("update", setState);
     return () => {
       session.removeListener("update", setState);
@@ -1938,9 +1963,9 @@ import {
 } from "@usebridge/sdk-core";
 
 // src/eligibility-input/use-eligibility-input-field.ts
-import { useContext as useContext4, useEffect as useEffect5, useMemo as useMemo3, useState as useState4 } from "react";
+import { useContext as useContext4, useEffect as useEffect6, useMemo as useMemo3, useRef as useRef5, useState as useState4, useLayoutEffect as useLayoutEffect2 } from "react";
 import { HardEligibility, SoftEligibility } from "@usebridge/sdk-core";
-function useEligibilityInputField(field) {
+function useEligibilityInputField(field, defaultValue) {
   const input = useEligibilityInput();
   const inputField = input[field];
   const { requirePatient } = input;
@@ -1949,19 +1974,19 @@ function useEligibilityInputField(field) {
   let isDisabled = false;
   const [forceMemberId, setForceMemberId] = useState4(false);
   const errorForceMemberId = hardEligibilityContext?.state.error?.forceMemberId;
-  useEffect5(() => {
+  useEffect6(() => {
     if (errorForceMemberId) setForceMemberId(true);
   }, [errorForceMemberId]);
   try {
     const { status } = useHardEligibilityState();
     isDisabled = !HardEligibility.canSubmit(status);
     if (status === "WAITING_FOR_SERVICE_ELIGIBILITY") isDisabled = true;
-  } catch (err) {
+  } catch (_) {
   }
   try {
     const { status } = useSoftEligibilityState();
     isDisabled = !SoftEligibility.canSubmit(status);
-  } catch (err) {
+  } catch (_) {
   }
   if (requirePatient && !hardEligibilityContext)
     throw new Error(`useEligibilityInputField("${field}") requires a HardEligibilityContext`);
@@ -2003,16 +2028,23 @@ function useEligibilityInputField(field) {
     default:
       throw new Error(`Unknown field: ${field}`);
   }
+  const setValue = set;
+  const hasSetDefaultValue = useRef5(false);
+  useLayoutEffect2(() => {
+    if (hasSetDefaultValue.current) return;
+    if (defaultValue) setValue(defaultValue);
+    hasSetDefaultValue.current = true;
+  }, [setValue, defaultValue]);
   return useMemo3(
     () => ({
       value,
-      setValue: set,
+      setValue,
       isVisible,
       isValid,
       isRequired,
       isDisabled
     }),
-    [value, set, isVisible, isValid, isRequired, isDisabled]
+    [value, setValue, isVisible, isValid, isRequired, isDisabled]
   );
 }
 
@@ -2063,10 +2095,44 @@ function useHardEligibilitySubmit() {
   return useMemo4(() => ({ isDisabled, submit }), [isDisabled, submit]);
 }
 
+// src/eligibility-input/eligibility-input-analytics.tsx
+import { useEffect as useEffect7, useMemo as useMemo5 } from "react";
+function useEligibilityInputFieldState(field) {
+  const fieldState = useEligibilityInputField(field);
+  return useMemo5(
+    () => 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 = useMemo5(
+    () => ({ firstName, lastName, dateOfBirth, memberId, payer, state, isValid }),
+    [firstName, lastName, dateOfBirth, memberId, payer, state, isValid]
+  );
+  useEffect7(() => {
+    analytics.event("input.state.updated", payload);
+  }, [analytics, payload]);
+  return null;
+};
+
 // src/eligibility-input/eligibility-input-provider.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var EligibilityInputProvider = ({ children }) => {
-  const storeRef = useRef4(null);
+  const storeRef = useRef6(null);
   const softEligibilityContext = useContext5(SoftEligibilityContext);
   const hardEligibilityContext = useContext5(HardEligibilityContext);
   if (!storeRef.current) {
@@ -2076,7 +2142,10 @@ var EligibilityInputProvider = ({ children }) => {
     else throw new Error("Missing SoftEligibilityContext or HardEligibilityContext");
     storeRef.current = createEligibilityInputStore(requirePatient);
   }
-  return /* @__PURE__ */ jsx2(EligibilityInputContext.Provider, { value: storeRef.current, children });
+  return /* @__PURE__ */ jsxs2(EligibilityInputContext.Provider, { value: storeRef.current, children: [
+    children,
+    /* @__PURE__ */ jsx2(EligibilityInputAnalytics, {})
+  ] });
 };
 
 // src/soft-eligibility/soft-eligibility-provider.tsx
@@ -2097,7 +2166,7 @@ function useCreateSoftEligibilitySession() {
 }
 
 // src/soft-eligibility/use-soft-eligibility-state.ts
-import { useEffect as useEffect6, useState as useState5 } from "react";
+import { useEffect as useEffect8, useState as useState5 } from "react";
 import "@usebridge/sdk-core";
 
 // src/soft-eligibility/use-soft-eligibility.ts
@@ -2113,7 +2182,7 @@ function useSoftEligibilitySession() {
 function useSoftEligibilityState() {
   const session = useSoftEligibilitySession();
   const [state, setState] = useState5(session.state);
-  useEffect6(() => {
+  useEffect8(() => {
     session.on("update", setState);
     return () => {
       session.removeListener("update", setState);
@@ -2123,7 +2192,7 @@ function useSoftEligibilityState() {
 }
 
 // src/soft-eligibility/use-soft-eligibility-submit.ts
-import { useCallback as useCallback6, useMemo as useMemo5 } from "react";
+import { useCallback as useCallback6, useMemo as useMemo6 } from "react";
 import { SoftEligibility as SoftEligibility2 } from "@usebridge/sdk-core";
 function useSoftEligibilitySubmit() {
   const session = useSoftEligibilitySession();
@@ -2136,7 +2205,7 @@ function useSoftEligibilitySubmit() {
     if (!state.value) throw new Error("State is required");
     return session.submit({ payerId: payer.value.id, state: state.value });
   }, [session, payer, state]);
-  return useMemo5(
+  return useMemo6(
     () => ({
       isDisabled,
       submit