@fluid-app/portal-sdk 0.1.475 → 0.1.477

package/dist/{use-portal-card-add-3ds-flow-BBIXp3G5.mjs → use-portal-card-add-3ds-flow-Dxz8NvV-.mjs}

@@ -1,6 +1,6 @@
 import { o as __toESM, r as __commonJSMin } from "./translation-adapter-DZSZxcjS.mjs";
-import { $ as useAddressFieldsApiOptional } from "./build-widget-registry-BvaGCB_P.mjs";
-import { a as createProfileTranslationAdapter, o as profileDomain, v as useAddressAutocompleteApiOptional } from "./FluidProvider-BNHU_neW.mjs";
+import { $ as useAddressFieldsApiOptional } from "./build-widget-registry---S4DdG-.mjs";
+import { a as createProfileTranslationAdapter, o as profileDomain, v as useAddressAutocompleteApiOptional } from "./FluidProvider-DMeeVh2c.mjs";
 import { t as MobileBottomSheet } from "./MobileBottomSheet-CNgqNScw.mjs";
 import { a as useActiveLocale, r as useDomainDict } from "./static-dict-adapter-DUyazFbx.mjs";
 import { t as createTranslationContext } from "./translation-api-context-factory-BTpIuUF0.mjs";
@@ -526,7 +526,7 @@ const SET_OPTS = {
 };
 const DEBOUNCE_MS = 250;
 const EMPTY_STATE_OPTIONS = [];
-function AddressAutocompleteInput({ control, setValue, countryIso, addressLineField, cityField, stateField, postalCodeField, stateOptions = EMPTY_STATE_OPTIONS, id, label, placeholder, disabled }) {
+function AddressAutocompleteInput({ control, setValue, countryIso, addressLineField, cityField, stateField, postalCodeField, stateOptions = EMPTY_STATE_OPTIONS, id, label, placeholder, disabled, inputClassName }) {
 	const api = useAddressAutocompleteApiOptional();
 	const { field, fieldState: { error } } = useController({
 		name: addressLineField,
@@ -666,6 +666,7 @@ function AddressAutocompleteInput({ control, setValue, countryIso, addressLineFi
 				children: [
 					/* @__PURE__ */ jsx(Input$1, {
 						id: inputId,
+						className: inputClassName,
 						type: "text",
 						ref: field.ref,
 						value: field.value ?? "",
@@ -701,6 +702,11 @@ function AddressAutocompleteInput({ control, setValue, countryIso, addressLineFi
 		]
 	});
 }
+//#endregion
+//#region ../../platform/address-fields/src/country-config.ts
+function isFieldRequired$1(addressFields, fieldName) {
+	return addressFields.find((f) => f.field === fieldName)?.required ?? false;
+}
 createContext(null);
 //#endregion
 //#region ../../fluid-pay/core/src/context.ts
@@ -1095,16 +1101,20 @@ function EditPaymentMethodDialog({ isOpen, paymentMethod, billingAddress, onClos
 	const stateLabel = config?.regionLabel ? t(config.regionLabel) : t("state");
 	const stateDecision = useMemo(() => {
 		const answered = countryFields?.country === billingCountry;
-		if (answered && countryFields?.fields) return {
+		const fields = answered ? countryFields?.fields : null;
+		if (fields) return {
 			ready: true,
-			required: countryFields.fields.find((f) => f.field === "state")?.required ?? false
+			used: fields.some((field) => field.field === "state") || stateSelectOptions.length > 0,
+			required: isFieldRequired$1(fields, "state")
 		};
 		if (addressFieldsApi && !answered) return {
 			ready: false,
+			used: true,
 			required: false
 		};
 		return {
 			ready: stateOptionsReady,
+			used: true,
 			required: stateSelectOptions.length > 0
 		};
 	}, [
@@ -1124,7 +1134,13 @@ function EditPaymentMethodDialog({ isOpen, paymentMethod, billingAddress, onClos
 			});
 			return;
 		}
-		onSubmit(data);
+		onSubmit(stateDecision.used ? data : {
+			...data,
+			billing_address: {
+				...data.billing_address,
+				state: ""
+			}
+		});
 	});
 	const deleteButtonLabel = useMemo(() => {
 		if (isDeleting) return t("deleting");
@@ -1217,14 +1233,14 @@ function EditPaymentMethodDialog({ isOpen, paymentMethod, billingAddress, onClos
 							label: t("address_line_2")
 						}),
 						/* @__PURE__ */ jsxs("div", {
-							className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
+							className: cn("grid grid-cols-1 gap-3", stateDecision.used ? "sm:grid-cols-3" : "sm:grid-cols-2"),
 							children: [
 								/* @__PURE__ */ jsx(FormTextField$1, {
 									control,
 									name: "billing_address.city",
 									label: t("city")
 								}),
-								stateSelectOptions.length > 0 ? /* @__PURE__ */ jsx(FormSelectField, {
+								stateDecision.used && (stateSelectOptions.length > 0 ? /* @__PURE__ */ jsx(FormSelectField, {
 									control,
 									name: "billing_address.state",
 									label: stateLabel,
@@ -1234,7 +1250,7 @@ function EditPaymentMethodDialog({ isOpen, paymentMethod, billingAddress, onClos
 									control,
 									name: "billing_address.state",
 									label: stateLabel
-								}),
+								})),
 								/* @__PURE__ */ jsx(FormTextField$1, {
 									control,
 									name: "billing_address.zip",
@@ -22541,4 +22557,4 @@ function usePortalCardAdd3DSFlow({ payApi, onApproved, onFailed, onCanceled, t }
 //#endregion
 export { ProfileTranslationBridge as _, getBrowserInfo as a, EditPaymentMethodDialog as c, getCardDisplayName as d, getCardExpiry as f, EllipsesDropdown as g, ConfirmActionDialog as h, isThreeDsRequiredCreate as i, FluidPayCoreProvider as l, UserInfoDialog as m, createFluidPayApiAdapter as n, CreditCardFormDialog as o, getPaymentMethodLogoBrand as p, mapToFluidPayPaymentMethod as r, AddressFormDialog as s, usePortalCardAdd3DSFlow as t, PaymentIcon as u, useProfileTranslation as v };
 
-//# sourceMappingURL=use-portal-card-add-3ds-flow-BBIXp3G5.mjs.map
+//# sourceMappingURL=use-portal-card-add-3ds-flow-Dxz8NvV-.mjs.map