@flopay/react 0.5.0 → 0.5.2

package/dist/index.cjs

@@ -1060,6 +1060,10 @@ function SplitCardFormInner({
   avsLayout: avsLayoutProp = "row",
   country: countryProp,
   zip: zipProp,
+  addressLine1: addressLine1Prop,
+  addressLine2: addressLine2Prop,
+  city: cityProp,
+  state: stateProp,
   onCountryChange,
   onZipChange,
   avsCheck: avsCheckProp,
@@ -1080,17 +1084,17 @@ function SplitCardFormInner({
   const [is3DSActive, setIs3DSActive] = (0, import_react7.useState)(false);
   const [selectedCountry, setSelectedCountry] = (0, import_react7.useState)(countryProp ?? "US");
   const [zipCode, setZipCode] = (0, import_react7.useState)(zipProp ?? "");
-  const [addressLine1, setAddressLine1] = (0, import_react7.useState)("");
-  const [addressLine2, setAddressLine2] = (0, import_react7.useState)("");
-  const [city, setCity] = (0, import_react7.useState)("");
-  const [stateValue, setStateValue] = (0, import_react7.useState)("");
+  const [addressLine1, setAddressLine1] = (0, import_react7.useState)(addressLine1Prop ?? "");
+  const [addressLine2, setAddressLine2] = (0, import_react7.useState)(addressLine2Prop ?? "");
+  const [city, setCity] = (0, import_react7.useState)(cityProp ?? "");
+  const [stateValue, setStateValue] = (0, import_react7.useState)(stateProp ?? "");
   const [accountPatch, setAccountPatch] = (0, import_react7.useState)({});
   const zipCodeRef = (0, import_react7.useRef)(zipProp ?? "");
   const selectedCountryRef = (0, import_react7.useRef)(countryProp ?? "US");
-  const addressLine1Ref = (0, import_react7.useRef)("");
-  const addressLine2Ref = (0, import_react7.useRef)("");
-  const cityRef = (0, import_react7.useRef)("");
-  const stateRef = (0, import_react7.useRef)("");
+  const addressLine1Ref = (0, import_react7.useRef)(addressLine1Prop ?? "");
+  const addressLine2Ref = (0, import_react7.useRef)(addressLine2Prop ?? "");
+  const cityRef = (0, import_react7.useRef)(cityProp ?? "");
+  const stateRef = (0, import_react7.useRef)(stateProp ?? "");
   const avsConfig = (0, import_react7.useMemo)(() => (0, import_shared4.resolveAVSConfig)(enableAVSProp), [enableAVSProp]);
   const enableAVS = avsConfig !== null;
   const [viewState, setViewState] = (0, import_react7.useState)(initialCardOpen ? "card" : "buttons");
@@ -1266,12 +1270,17 @@ function SplitCardFormInner({
               lastName: effectiveAccount.lastName ?? fullName.trim().split(/\s+/).slice(1).join(" ") ?? "",
               ...avsConfig ? (() => {
                 const c = selectedCountryRef.current;
+                const stateVisible = (0, import_shared4.isAVSFieldVisible)(avsConfig.state, c);
+                const line1Visible = (0, import_shared4.isAVSFieldVisible)(avsConfig.address_line_1, c);
+                const zipVisible = (0, import_shared4.isAVSFieldVisible)(avsConfig.postal_code, c);
+                const derivedState = line1Visible && !stateVisible && zipVisible ? (0, import_shared4.getStateFromPostalCode)(c, zipCodeRef.current ?? "") : null;
+                const stateValue2 = stateVisible ? stateRef.current : derivedState;
                 return {
                   country: c,
-                  ...(0, import_shared4.isAVSFieldVisible)(avsConfig.postal_code, c) && zipCodeRef.current ? { zip: zipCodeRef.current } : {},
+                  ...zipVisible && zipCodeRef.current ? { zip: zipCodeRef.current } : {},
                   ...(0, import_shared4.isAVSFieldVisible)(avsConfig.city, c) && cityRef.current ? { city: cityRef.current } : {},
-                  ...(0, import_shared4.isAVSFieldVisible)(avsConfig.state, c) && stateRef.current ? { state: stateRef.current } : {},
-                  ...(0, import_shared4.isAVSFieldVisible)(avsConfig.address_line_1, c) && addressLine1Ref.current ? { addressLine1: addressLine1Ref.current } : {},
+                  ...stateValue2 ? { state: stateValue2 } : {},
+                  ...line1Visible && addressLine1Ref.current ? { addressLine1: addressLine1Ref.current } : {},
                   ...(0, import_shared4.isAVSFieldVisible)(avsConfig.address_line_2, c) && addressLine2Ref.current ? { addressLine2: addressLine2Ref.current } : {}
                 };
               })() : {}
@@ -1326,7 +1335,12 @@ function SplitCardFormInner({
             if (avsConfig && (0, import_shared4.isAVSFieldVisible)(avsConfig.address_line_1, retryCC) && addressLine1Ref.current.trim()) retryBillingAddress["line1"] = addressLine1Ref.current.trim();
             if (avsConfig && (0, import_shared4.isAVSFieldVisible)(avsConfig.address_line_2, retryCC) && addressLine2Ref.current.trim()) retryBillingAddress["line2"] = addressLine2Ref.current.trim();
             if (avsConfig && (0, import_shared4.isAVSFieldVisible)(avsConfig.city, retryCC) && cityRef.current.trim()) retryBillingAddress["city"] = cityRef.current.trim();
-            if (avsConfig && (0, import_shared4.isAVSFieldVisible)(avsConfig.state, retryCC) && stateRef.current.trim()) retryBillingAddress["state"] = stateRef.current.trim();
+            if (avsConfig && (0, import_shared4.isAVSFieldVisible)(avsConfig.state, retryCC) && stateRef.current.trim()) {
+              retryBillingAddress["state"] = stateRef.current.trim();
+            } else if (avsConfig && (0, import_shared4.isAVSFieldVisible)(avsConfig.address_line_1, retryCC) && !(0, import_shared4.isAVSFieldVisible)(avsConfig.state, retryCC) && (0, import_shared4.isAVSFieldVisible)(avsConfig.postal_code, retryCC)) {
+              const derivedRetryState = (0, import_shared4.getStateFromPostalCode)(retryCC, zipCodeRef.current.trim());
+              if (derivedRetryState) retryBillingAddress["state"] = derivedRetryState;
+            }
             const result = await flopay.confirmPayment({
               clientSecret: secret,
               returnUrl: window.location.href,
@@ -1521,7 +1535,12 @@ function SplitCardFormInner({
         if (avsConfig && (0, import_shared4.isAVSFieldVisible)(avsConfig.address_line_1, cc) && addressLine1Ref.current.trim()) billingAddress["line1"] = addressLine1Ref.current.trim();
         if (avsConfig && (0, import_shared4.isAVSFieldVisible)(avsConfig.address_line_2, cc) && addressLine2Ref.current.trim()) billingAddress["line2"] = addressLine2Ref.current.trim();
         if (avsConfig && (0, import_shared4.isAVSFieldVisible)(avsConfig.city, cc) && cityRef.current.trim()) billingAddress["city"] = cityRef.current.trim();
-        if (avsConfig && (0, import_shared4.isAVSFieldVisible)(avsConfig.state, cc) && stateRef.current.trim()) billingAddress["state"] = stateRef.current.trim();
+        if (avsConfig && (0, import_shared4.isAVSFieldVisible)(avsConfig.state, cc) && stateRef.current.trim()) {
+          billingAddress["state"] = stateRef.current.trim();
+        } else if (avsConfig && (0, import_shared4.isAVSFieldVisible)(avsConfig.address_line_1, cc) && !(0, import_shared4.isAVSFieldVisible)(avsConfig.state, cc) && (0, import_shared4.isAVSFieldVisible)(avsConfig.postal_code, cc)) {
+          const derivedSubmitState = (0, import_shared4.getStateFromPostalCode)(cc, zipCodeRef.current.trim());
+          if (derivedSubmitState) billingAddress["state"] = derivedSubmitState;
+        }
         const billingDetails = {
           ...resolvedAccount.email ? { email: resolvedAccount.email } : {},
           ...fullName.trim() ? { name: fullName.trim() } : {},
@@ -3572,6 +3591,8 @@ function FloPayCheckout({
         enableAVS,
         avsLayout,
         country: session?.customer?.country,
+        city: session?.customer?.city,
+        state: session?.customer?.state,
         onCountryChange,
         onZipChange,
         avsCheck: !!enableAVS,