@fluid-app/portal-sdk 0.1.312 → 0.1.313

package/dist/{SubscriptionsScreen-CFEAH36q.cjs → SubscriptionsScreen-CNjeVllB.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-9hOWP6kD.cjs");
-const require_FluidProvider = require("./FluidProvider-FvdFx8ML.cjs");
+const require_FluidProvider = require("./FluidProvider-CiMgrTE0.cjs");
 const require_portal_tenant_content = require("./portal_tenant_content-CrltRlMW.cjs");
 const require_countries_api_context = require("./countries-api-context-G-NW4BoH.cjs");
 const require_PortalTenantClientProvider = require("./PortalTenantClientProvider-OhJylQjc.cjs");
@@ -11,7 +11,7 @@ const require_query_keys = require("./query-keys-D3lK70Ea.cjs");
 const require_use_account = require("./use-account-CEjH1hp5.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-C1-hd9Rw.cjs");
 const require_static_dict_adapter = require("./static-dict-adapter-DUeLZtek.cjs");
-const require_AddressAutocompleteInput = require("./AddressAutocompleteInput-CmbuVfD5.cjs");
+const require_AddressAutocompleteInput = require("./AddressAutocompleteInput-BqZwiUup.cjs");
 const require_isAfter = require("./isAfter-DXdeICis.cjs");
 let react = require("react");
 let _tanstack_react_query = require("@tanstack/react-query");
@@ -4555,12 +4555,21 @@ const ADDRESS_DIALOG_LABELS = {
 	first_name: "First Name",
 	last_name: "Last Name",
 	deleting: "Deleting…",
-	tap_to_confirm: "Tap to confirm"
+	tap_to_confirm: "Tap to confirm",
+	add_credit_card: "Add Credit Card",
+	add_billing_address: "Add billing address",
+	billing_address: "Billing Address",
+	same_as_shipping: "Same as shipping address",
+	use_a_different_address: "Use a different address",
+	set_as_default_payment_method: "Set as default payment method",
+	save_card: "Save Card",
+	saving: "Saving...",
+	securing: "Loading secure form..."
 };
 function addressDialogT(key) {
 	return ADDRESS_DIALOG_LABELS[key] ?? key.split("_").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
 }
-function mapToFluidPayAddress$1(raw) {
+function mapToFluidPayAddress$2(raw) {
 	return {
 		id: raw.id,
 		address1: raw.street1,
@@ -4588,7 +4597,7 @@ function SubscriptionsListScreenInner({ customerId, isLoadingCustomer, onToast }
 	const { data: addresses = [] } = (0, _tanstack_react_query.useQuery)({
 		queryKey: require_query_keys.payKeys.addresses.list(),
 		queryFn: async () => {
-			return (await payApi.fetchAddresses()).addresses.map(mapToFluidPayAddress$1);
+			return (await payApi.fetchAddresses()).addresses.map(mapToFluidPayAddress$2);
 		},
 		enabled: !!customerId && !isLoadingCustomer
 	});
@@ -4649,11 +4658,14 @@ function SubscriptionsListScreenInner({ customerId, isLoadingCustomer, onToast }
 		onError: () => onToast?.("Failed to add address", "error")
 	});
 	const addCreditCardMutation = (0, _tanstack_react_query.useMutation)({
-		mutationFn: (data) => payApi.createPaymentMethod({ payment_method: {
-			type: "card",
-			token: data.payment_method.token,
-			default: data.default_payment_method
-		} }),
+		mutationFn: (data) => payApi.createPaymentMethod({
+			payment_method: {
+				type: "card",
+				token: data.payment_method.token,
+				default: data.set_as_default
+			},
+			billing_address_id: data.billing_address_id
+		}),
 		onSuccess: () => {
 			queryClient.invalidateQueries({ queryKey: require_query_keys.payKeys.paymentMethods.all });
 			onToast?.("Payment method added", "success");
@@ -4758,17 +4770,33 @@ function SubscriptionsListScreenInner({ customerId, isLoadingCustomer, onToast }
 				} catch {}
 			},
 			isSubmitting: addCreditCardMutation.isPending,
-			countries: countryOptions,
 			jwt: "",
-			renderAddressAutocomplete: ({ control, setValue, countryCode }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.AddressAutocompleteInput, {
-				control,
-				setValue,
-				countryIso: countryCode,
-				addressLineField: "address1",
-				cityField: "city",
-				stateField: "state",
-				postalCodeField: "zip",
-				placeholder: addressDialogT("address_line_1")
+			savedAddresses: addresses,
+			defaultBillingAddressId: addresses.find((a) => a.default)?.id,
+			renderAddressFormDialog: ({ isOpen, onClose, onAddressCreated }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.AddressFormDialog, {
+				isOpen,
+				onClose,
+				selectedAddress: null,
+				defaultCountry: addresses.find((a) => a.default)?.country_code ?? config.countryIso ?? "US",
+				t: addressDialogT,
+				onSubmit: async (formData) => {
+					try {
+						onAddressCreated(mapToFluidPayAddress$2(await createAddressMutation.mutateAsync(formData)));
+					} catch {}
+				},
+				isSubmitting: createAddressMutation.isPending,
+				countries: countryOptions,
+				fetchStates: fetchStatesFromCountries,
+				renderAddressAutocomplete: ({ control, setValue, countryCode }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.AddressAutocompleteInput, {
+					control,
+					setValue,
+					countryIso: countryCode,
+					addressLineField: "address1",
+					cityField: "city",
+					stateField: "state",
+					postalCodeField: "postal_code",
+					placeholder: addressDialogT("address_line_1")
+				})
 			})
 		})
 	] });
@@ -6467,6 +6495,20 @@ function SelectablePaymentMethodDropdown({ title, displayPaymentMethod, paymentM
 }
 //#endregion
 //#region src/subscriptions/PortalSubscriptionPaymentMethodSection.tsx
+function mapToFluidPayAddress$1(raw) {
+	return {
+		id: raw.id,
+		address1: raw.street1,
+		address2: raw.street2,
+		city: raw.city,
+		country_code: raw.country,
+		default: raw.default,
+		name: raw.name,
+		postal_code: raw.zip,
+		state: raw.state,
+		subdivision_code: null
+	};
+}
 function subscriptionPaymentMethodToFluidPay(raw) {
 	const details = raw.details;
 	return {
@@ -6507,6 +6549,13 @@ function PortalSubscriptionPaymentMethodSectionInner({ paymentMethod: currentPay
 			return (await payApi.fetchPaymentMethods()).payment_methods.map(require_AddressAutocompleteInput.mapToFluidPayPaymentMethod);
 		}
 	});
+	const { data: addresses = [] } = (0, _tanstack_react_query.useQuery)({
+		queryKey: require_query_keys.payKeys.addresses.list(),
+		queryFn: async () => {
+			return (await payApi.fetchAddresses()).addresses.map(mapToFluidPayAddress$1);
+		},
+		enabled: isAddDialogOpen
+	});
 	const countriesApi = require_countries_api_context.useCountriesApi();
 	const { data: countriesData } = (0, _tanstack_react_query.useQuery)({
 		queryKey: require_query_keys.storeKeys.countries(),
@@ -6529,17 +6578,9 @@ function PortalSubscriptionPaymentMethodSectionInner({ paymentMethod: currentPay
 			payment_method: {
 				type: "card",
 				token: data.payment_method.token,
-				default: data.default_payment_method
+				default: data.set_as_default
 			},
-			...data.billing_address && { billing_address: {
-				country: data.billing_address.country_code,
-				name: data.billing_address.name ?? null,
-				street1: data.billing_address.address1,
-				street2: data.billing_address.address2 ?? null,
-				city: data.billing_address.city,
-				state: data.billing_address.state,
-				zip: data.billing_address.zip
-			} }
+			billing_address_id: data.billing_address_id
 		}),
 		onSuccess: async () => {
 			await queryClient.invalidateQueries({ queryKey: require_query_keys.payKeys.paymentMethods.all });
@@ -6547,6 +6588,24 @@ function PortalSubscriptionPaymentMethodSectionInner({ paymentMethod: currentPay
 		},
 		onError: (err) => onError?.(profileT("failed_to_add_payment_method"), err)
 	});
+	const createAddressMutation = (0, _tanstack_react_query.useMutation)({
+		mutationFn: (body) => {
+			const combinedName = `${body.address.first_name} ${body.address.last_name}`.trim();
+			return payApi.createAddress({ address: {
+				name: combinedName.length > 0 ? combinedName : null,
+				street1: body.address.address1,
+				street2: body.address.address2,
+				city: body.address.city,
+				state: body.address.state,
+				zip: body.address.postal_code,
+				country: body.address.country_code
+			} });
+		},
+		onSuccess: () => {
+			queryClient.invalidateQueries({ queryKey: require_query_keys.payKeys.addresses.all });
+		},
+		onError: (err) => onError?.(profileT("failed_to_create_address"), err)
+	});
 	const updatePaymentMethodMutation = (0, _tanstack_react_query.useMutation)({
 		mutationFn: ({ paymentMethodId, data }) => payApi.updatePaymentMethod(paymentMethodId, { payment_method: {
 			default: data.set_as_default,
@@ -6642,17 +6701,31 @@ function PortalSubscriptionPaymentMethodSectionInner({ paymentMethod: currentPay
 					} catch {}
 				},
 				isSubmitting: addCardMutation.isPending,
-				countries: countryOptions,
 				jwt: "",
-				renderAddressAutocomplete: ({ control, setValue, countryCode }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.AddressAutocompleteInput, {
-					control,
-					setValue,
-					countryIso: countryCode,
-					addressLineField: "address1",
-					cityField: "city",
-					stateField: "state",
-					postalCodeField: "zip",
-					placeholder: profileT("address_line_1")
+				savedAddresses: addresses,
+				defaultBillingAddressId: addresses.find((a) => a.default)?.id,
+				renderAddressFormDialog: ({ isOpen, onClose, onAddressCreated }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.AddressFormDialog, {
+					isOpen,
+					onClose,
+					selectedAddress: null,
+					t: tFn,
+					onSubmit: async (formData) => {
+						try {
+							onAddressCreated(mapToFluidPayAddress$1(await createAddressMutation.mutateAsync(formData)));
+						} catch {}
+					},
+					isSubmitting: createAddressMutation.isPending,
+					countries: countryOptions,
+					renderAddressAutocomplete: ({ control, setValue, countryCode }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.AddressAutocompleteInput, {
+						control,
+						setValue,
+						countryIso: countryCode,
+						addressLineField: "address1",
+						cityField: "city",
+						stateField: "state",
+						postalCodeField: "postal_code",
+						placeholder: profileT("address_line_1")
+					})
 				})
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AddressAutocompleteInput.EditPaymentMethodDialog, {
@@ -7144,4 +7217,4 @@ Object.defineProperty(exports, "subscriptionsScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=SubscriptionsScreen-CFEAH36q.cjs.map
+//# sourceMappingURL=SubscriptionsScreen-CNjeVllB.cjs.map