@flopay/react 0.5.0 → 0.5.2

package/dist/index.d.cts

@@ -456,6 +456,14 @@ interface SplitCardFormProps {
     country?: string;
     /** Pre-filled ZIP/postal code for AVS. */
     zip?: string;
+    /** Pre-filled street address (line 1) for AVS. Typically from a partner GeoIP / profile lookup. */
+    addressLine1?: string;
+    /** Pre-filled apt/suite/unit (line 2) for AVS. */
+    addressLine2?: string;
+    /** Pre-filled city for AVS. Typically from a partner GeoIP / profile lookup. */
+    city?: string;
+    /** Pre-filled state/province for AVS. Typically from a partner GeoIP / profile lookup. */
+    state?: string;
     /** Callback when AVS country changes. */
     onCountryChange?: (country: string) => void;
     /** Callback when AVS ZIP/postal code changes. */

package/dist/index.d.ts

@@ -456,6 +456,14 @@ interface SplitCardFormProps {
     country?: string;
     /** Pre-filled ZIP/postal code for AVS. */
     zip?: string;
+    /** Pre-filled street address (line 1) for AVS. Typically from a partner GeoIP / profile lookup. */
+    addressLine1?: string;
+    /** Pre-filled apt/suite/unit (line 2) for AVS. */
+    addressLine2?: string;
+    /** Pre-filled city for AVS. Typically from a partner GeoIP / profile lookup. */
+    city?: string;
+    /** Pre-filled state/province for AVS. Typically from a partner GeoIP / profile lookup. */
+    state?: string;
     /** Callback when AVS country changes. */
     onCountryChange?: (country: string) => void;
     /** Callback when AVS ZIP/postal code changes. */

package/dist/index.mjs

@@ -245,7 +245,8 @@ import {
   getStateOptions,
   COUNTRY_OPTIONS,
   resolveAVSConfig,
-  isAVSFieldVisible
+  isAVSFieldVisible,
+  getStateFromPostalCode
 } from "@flopay/shared";
 import { forwardRef, useCallback, useContext as useContext3, useEffect as useEffect3, useImperativeHandle, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
 
@@ -1022,6 +1023,10 @@ function SplitCardFormInner({
   avsLayout: avsLayoutProp = "row",
   country: countryProp,
   zip: zipProp,
+  addressLine1: addressLine1Prop,
+  addressLine2: addressLine2Prop,
+  city: cityProp,
+  state: stateProp,
   onCountryChange,
   onZipChange,
   avsCheck: avsCheckProp,
@@ -1042,17 +1047,17 @@ function SplitCardFormInner({
   const [is3DSActive, setIs3DSActive] = useState2(false);
   const [selectedCountry, setSelectedCountry] = useState2(countryProp ?? "US");
   const [zipCode, setZipCode] = useState2(zipProp ?? "");
-  const [addressLine1, setAddressLine1] = useState2("");
-  const [addressLine2, setAddressLine2] = useState2("");
-  const [city, setCity] = useState2("");
-  const [stateValue, setStateValue] = useState2("");
+  const [addressLine1, setAddressLine1] = useState2(addressLine1Prop ?? "");
+  const [addressLine2, setAddressLine2] = useState2(addressLine2Prop ?? "");
+  const [city, setCity] = useState2(cityProp ?? "");
+  const [stateValue, setStateValue] = useState2(stateProp ?? "");
   const [accountPatch, setAccountPatch] = useState2({});
   const zipCodeRef = useRef2(zipProp ?? "");
   const selectedCountryRef = useRef2(countryProp ?? "US");
-  const addressLine1Ref = useRef2("");
-  const addressLine2Ref = useRef2("");
-  const cityRef = useRef2("");
-  const stateRef = useRef2("");
+  const addressLine1Ref = useRef2(addressLine1Prop ?? "");
+  const addressLine2Ref = useRef2(addressLine2Prop ?? "");
+  const cityRef = useRef2(cityProp ?? "");
+  const stateRef = useRef2(stateProp ?? "");
   const avsConfig = useMemo2(() => resolveAVSConfig(enableAVSProp), [enableAVSProp]);
   const enableAVS = avsConfig !== null;
   const [viewState, setViewState] = useState2(initialCardOpen ? "card" : "buttons");
@@ -1228,12 +1233,17 @@ function SplitCardFormInner({
               lastName: effectiveAccount.lastName ?? fullName.trim().split(/\s+/).slice(1).join(" ") ?? "",
               ...avsConfig ? (() => {
                 const c = selectedCountryRef.current;
+                const stateVisible = isAVSFieldVisible(avsConfig.state, c);
+                const line1Visible = isAVSFieldVisible(avsConfig.address_line_1, c);
+                const zipVisible = isAVSFieldVisible(avsConfig.postal_code, c);
+                const derivedState = line1Visible && !stateVisible && zipVisible ? getStateFromPostalCode(c, zipCodeRef.current ?? "") : null;
+                const stateValue2 = stateVisible ? stateRef.current : derivedState;
                 return {
                   country: c,
-                  ...isAVSFieldVisible(avsConfig.postal_code, c) && zipCodeRef.current ? { zip: zipCodeRef.current } : {},
+                  ...zipVisible && zipCodeRef.current ? { zip: zipCodeRef.current } : {},
                   ...isAVSFieldVisible(avsConfig.city, c) && cityRef.current ? { city: cityRef.current } : {},
-                  ...isAVSFieldVisible(avsConfig.state, c) && stateRef.current ? { state: stateRef.current } : {},
-                  ...isAVSFieldVisible(avsConfig.address_line_1, c) && addressLine1Ref.current ? { addressLine1: addressLine1Ref.current } : {},
+                  ...stateValue2 ? { state: stateValue2 } : {},
+                  ...line1Visible && addressLine1Ref.current ? { addressLine1: addressLine1Ref.current } : {},
                   ...isAVSFieldVisible(avsConfig.address_line_2, c) && addressLine2Ref.current ? { addressLine2: addressLine2Ref.current } : {}
                 };
               })() : {}
@@ -1288,7 +1298,12 @@ function SplitCardFormInner({
             if (avsConfig && isAVSFieldVisible(avsConfig.address_line_1, retryCC) && addressLine1Ref.current.trim()) retryBillingAddress["line1"] = addressLine1Ref.current.trim();
             if (avsConfig && isAVSFieldVisible(avsConfig.address_line_2, retryCC) && addressLine2Ref.current.trim()) retryBillingAddress["line2"] = addressLine2Ref.current.trim();
             if (avsConfig && isAVSFieldVisible(avsConfig.city, retryCC) && cityRef.current.trim()) retryBillingAddress["city"] = cityRef.current.trim();
-            if (avsConfig && isAVSFieldVisible(avsConfig.state, retryCC) && stateRef.current.trim()) retryBillingAddress["state"] = stateRef.current.trim();
+            if (avsConfig && isAVSFieldVisible(avsConfig.state, retryCC) && stateRef.current.trim()) {
+              retryBillingAddress["state"] = stateRef.current.trim();
+            } else if (avsConfig && isAVSFieldVisible(avsConfig.address_line_1, retryCC) && !isAVSFieldVisible(avsConfig.state, retryCC) && isAVSFieldVisible(avsConfig.postal_code, retryCC)) {
+              const derivedRetryState = getStateFromPostalCode(retryCC, zipCodeRef.current.trim());
+              if (derivedRetryState) retryBillingAddress["state"] = derivedRetryState;
+            }
             const result = await flopay.confirmPayment({
               clientSecret: secret,
               returnUrl: window.location.href,
@@ -1483,7 +1498,12 @@ function SplitCardFormInner({
         if (avsConfig && isAVSFieldVisible(avsConfig.address_line_1, cc) && addressLine1Ref.current.trim()) billingAddress["line1"] = addressLine1Ref.current.trim();
         if (avsConfig && isAVSFieldVisible(avsConfig.address_line_2, cc) && addressLine2Ref.current.trim()) billingAddress["line2"] = addressLine2Ref.current.trim();
         if (avsConfig && isAVSFieldVisible(avsConfig.city, cc) && cityRef.current.trim()) billingAddress["city"] = cityRef.current.trim();
-        if (avsConfig && isAVSFieldVisible(avsConfig.state, cc) && stateRef.current.trim()) billingAddress["state"] = stateRef.current.trim();
+        if (avsConfig && isAVSFieldVisible(avsConfig.state, cc) && stateRef.current.trim()) {
+          billingAddress["state"] = stateRef.current.trim();
+        } else if (avsConfig && isAVSFieldVisible(avsConfig.address_line_1, cc) && !isAVSFieldVisible(avsConfig.state, cc) && isAVSFieldVisible(avsConfig.postal_code, cc)) {
+          const derivedSubmitState = getStateFromPostalCode(cc, zipCodeRef.current.trim());
+          if (derivedSubmitState) billingAddress["state"] = derivedSubmitState;
+        }
         const billingDetails = {
           ...resolvedAccount.email ? { email: resolvedAccount.email } : {},
           ...fullName.trim() ? { name: fullName.trim() } : {},
@@ -3534,6 +3554,8 @@ function FloPayCheckout({
         enableAVS,
         avsLayout,
         country: session?.customer?.country,
+        city: session?.customer?.city,
+        state: session?.customer?.state,
         onCountryChange,
         onZipChange,
         avsCheck: !!enableAVS,