@flopay/react 1.3.1 → 1.3.2

package/dist/index.mjs

@@ -1337,6 +1337,9 @@ import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-run
 var STRIPE_RESUME_KEY = "flopay_stripe_resume";
 var LEGACY_WALLET_RESUME_KEY = "flopay_wallet_resume";
 var PAYPAL_RESUME_KEY = "flopay_paypal_resume";
+function isAccountValidationError(err) {
+  return err instanceof FloPayError3 && typeof err.statusCode === "number" && err.statusCode >= 400 && err.statusCode < 500;
+}
 function toVaultMount(block) {
   if (!block?.html) return null;
   return {
@@ -2838,10 +2841,6 @@ function SplitCardFormInner({
     },
     [onErrorChange]
   );
-  useEffect5(() => {
-    if (!vaultActive || !cardCapture) return;
-    cardCapture.setSubmitGate?.(avsInvalid);
-  }, [vaultActive, cardCapture, avsInvalid]);
   useEffect5(() => {
     if (!vaultActive || !cardCapture) return;
     cardCapture.setCardFieldOrder?.(cardFieldOrder ?? null, avsConfig == null);
@@ -2922,6 +2921,46 @@ function SplitCardFormInner({
     baseUrl
   };
   const vaultCompletedRef = useRef4(false);
+  const buildVaultAccountSnapshot = useCallback(() => {
+    const { resolvedAccount: resolvedAccount2, avsConfig: avsConfig2, fullName: fullName2, avsCheckProp: avsCheckProp2 } = vaultOutcomeRef.current;
+    const cc = selectedCountryRef.current || resolvedAccount2.country || "US";
+    const stateVisible = avsConfig2 ? isAVSFieldVisible(avsConfig2.state, cc) : false;
+    const line1Visible = avsConfig2 ? isAVSFieldVisible(avsConfig2.address_line_1, cc) : false;
+    const zipVisible = avsConfig2 ? isAVSFieldVisible(avsConfig2.postal_code, cc) : false;
+    const cityVisible = avsConfig2 ? isAVSFieldVisible(avsConfig2.city, cc) : false;
+    const line2Visible = avsConfig2 ? isAVSFieldVisible(avsConfig2.address_line_2, cc) : false;
+    const derivedState = line1Visible && !stateVisible && zipVisible ? getStateFromPostalCode(cc, (zipCodeRef.current ?? "").trim()) : null;
+    const stateValue2 = stateVisible ? stateRef.current : derivedState;
+    return {
+      accountData: {
+        userId: resolvedAccount2.userId ?? "",
+        email: resolvedAccount2.email ?? "",
+        firstName: resolvedAccount2.firstName ?? fullName2.trim().split(/\s+/)[0] ?? "",
+        lastName: resolvedAccount2.lastName ?? fullName2.trim().split(/\s+/).slice(1).join(" ") ?? "",
+        ...zipVisible && zipCodeRef.current ? { zip: zipCodeRef.current } : {},
+        ...cityVisible && cityRef.current ? { city: cityRef.current } : {},
+        ...stateValue2 ? { state: stateValue2 } : {},
+        ...line1Visible && addressLine1Ref.current ? { addressLine1: addressLine1Ref.current } : {},
+        ...line2Visible && addressLine2Ref.current ? { addressLine2: addressLine2Ref.current } : {},
+        country: cc
+      },
+      ...avsCheckProp2 !== void 0 ? { avsCheck: avsCheckProp2 } : {},
+      ...avsConfig2 ? {
+        avsConfig: {
+          country: isAVSFieldVisible(avsConfig2.country, cc),
+          postal_code: zipVisible,
+          address_line_1: line1Visible,
+          address_line_2: line2Visible,
+          city: cityVisible,
+          state: stateVisible
+        }
+      } : {}
+    };
+  }, []);
+  useEffect5(() => {
+    if (!vaultActive || !cardCapture) return;
+    cardCapture.setSubmitGate?.(avsInvalid);
+  }, [vaultActive, cardCapture, avsInvalid]);
   useEffect5(() => {
     if (!vaultActive || !cardCapture) return;
     vaultCompletedRef.current = false;
@@ -2929,41 +2968,14 @@ function SplitCardFormInner({
     const offSubmitting = cardCapture.on("submitting", () => {
       setHasAttemptedSubmit(true);
       setOverlayStatus("processing");
-      const { resolvedAccount: resolvedAccount2, avsConfig: avsConfig2, fullName: fullName2, avsCheckProp: avsCheckProp2, baseUrl: baseUrl2, sessionId: sessionId2, nonce: nonce2 } = vaultOutcomeRef.current;
+      const { baseUrl: baseUrl2, sessionId: sessionId2, nonce: nonce2, updateError: updateError2, onError: onError2 } = vaultOutcomeRef.current;
       if (!sessionId2 || !nonce2) return;
-      const cc = selectedCountryRef.current || resolvedAccount2.country || "US";
-      const stateVisible = avsConfig2 ? isAVSFieldVisible(avsConfig2.state, cc) : false;
-      const line1Visible = avsConfig2 ? isAVSFieldVisible(avsConfig2.address_line_1, cc) : false;
-      const zipVisible = avsConfig2 ? isAVSFieldVisible(avsConfig2.postal_code, cc) : false;
-      const cityVisible = avsConfig2 ? isAVSFieldVisible(avsConfig2.city, cc) : false;
-      const line2Visible = avsConfig2 ? isAVSFieldVisible(avsConfig2.address_line_2, cc) : false;
-      const derivedState = line1Visible && !stateVisible && zipVisible ? getStateFromPostalCode(cc, zipCodeRef.current ?? "") : null;
-      const stateValue2 = stateVisible ? stateRef.current : derivedState;
-      void new PaymentAPI2(baseUrl2).patchAccountSnapshot(sessionId2, nonce2, {
-        accountData: {
-          userId: resolvedAccount2.userId ?? "",
-          email: resolvedAccount2.email ?? "",
-          firstName: resolvedAccount2.firstName ?? fullName2.trim().split(/\s+/)[0] ?? "",
-          lastName: resolvedAccount2.lastName ?? fullName2.trim().split(/\s+/).slice(1).join(" ") ?? "",
-          ...zipVisible && zipCodeRef.current ? { zip: zipCodeRef.current } : {},
-          ...cityVisible && cityRef.current ? { city: cityRef.current } : {},
-          ...stateValue2 ? { state: stateValue2 } : {},
-          ...line1Visible && addressLine1Ref.current ? { addressLine1: addressLine1Ref.current } : {},
-          ...line2Visible && addressLine2Ref.current ? { addressLine2: addressLine2Ref.current } : {},
-          country: cc
-        },
-        ...avsCheckProp2 !== void 0 ? { avsCheck: avsCheckProp2 } : {},
-        ...avsConfig2 ? {
-          avsConfig: {
-            country: isAVSFieldVisible(avsConfig2.country, cc),
-            postal_code: zipVisible,
-            address_line_1: line1Visible,
-            address_line_2: line2Visible,
-            city: cityVisible,
-            state: stateVisible
-          }
-        } : {}
-      }).catch(() => {
+      void new PaymentAPI2(baseUrl2).patchAccountSnapshot(sessionId2, nonce2, buildVaultAccountSnapshot()).catch((err) => {
+        if (!isAccountValidationError(err)) return;
+        const message = err instanceof Error ? err.message : "Please check your billing address and try again.";
+        updateError2(message);
+        setOverlayStatus(null);
+        onError2?.(err instanceof FloPayError3 ? err : new FloPayError3(message, "api_error"));
       });
     });
     const offComplete = cardCapture.on("complete", async (event) => {
@@ -3193,7 +3205,7 @@ function SplitCardFormInner({
               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 derivedState = line1Visible && !stateVisible && zipVisible ? getStateFromPostalCode(c, (zipCodeRef.current ?? "").trim()) : null;
               const stateValue2 = stateVisible ? stateRef.current : derivedState;
               return {
                 country: c,