@fluid-app/portal-sdk 0.1.391 → 0.1.393

package/dist/{use-portal-card-add-3ds-flow-CaoqaZ1K.cjs → use-portal-card-add-3ds-flow-CoRnrLuK.cjs}

@@ -21122,7 +21122,10 @@ function useVgsCollect() {
 				const next = {
 					isFocused: !!field.isFocused,
 					isValid: !!field.isValid,
-					isEmpty: !!field.isEmpty
+					isEmpty: !!field.isEmpty,
+					cardType: field.cardType,
+					bin: field.bin,
+					last4: field.last4
 				};
 				if (!newState[key] || JSON.stringify(newState[key]) !== JSON.stringify(next)) {
 					newState[key] = next;
@@ -21505,6 +21508,7 @@ function CreditCardFormDialog({ isOpen, onClose, onSubmit, isSubmitting, error,
 				setIsVgsSubmitting(false);
 				return;
 			}
+			const cardMeta = vgsFieldState["card_number"];
 			onSubmit({
 				set_as_default: formData.set_as_default,
 				payment_method: {
@@ -21512,7 +21516,10 @@ function CreditCardFormDialog({ isOpen, onClose, onSubmit, isSubmitting, error,
 					cvv_token: response.card_cvc,
 					exp_month: expMonth,
 					exp_year: expYear,
-					card_holder: cardholderName
+					card_holder: cardholderName,
+					...cardMeta?.bin ? { bin: cardMeta.bin } : {},
+					...cardMeta?.last4 ? { last_four: cardMeta.last4 } : {},
+					...cardMeta?.cardType ? { card_network: cardMeta.cardType } : {}
 				},
 				billing_address_id: billingAddressId
 			});
@@ -21521,7 +21528,11 @@ function CreditCardFormDialog({ isOpen, onClose, onSubmit, isSubmitting, error,
 			setCardError("Please select a billing address.");
 			setIsVgsSubmitting(false);
 		})();
-	}, [handleSubmit, onSubmit]);
+	}, [
+		handleSubmit,
+		onSubmit,
+		vgsFieldState
+	]);
 	const handleVgsError = (0, react.useCallback)((err) => {
 		setCardError(err);
 		setIsVgsSubmitting(false);
@@ -22559,4 +22570,4 @@ Object.defineProperty(exports, "useProfileTranslation", {
 	}
 });
 
-//# sourceMappingURL=use-portal-card-add-3ds-flow-CaoqaZ1K.cjs.map
+//# sourceMappingURL=use-portal-card-add-3ds-flow-CoRnrLuK.cjs.map