@fluid-app/portal-sdk 0.1.312 → 0.1.313

package/dist/{SubscriptionsScreen-CGTKGw7C.mjs → SubscriptionsScreen-DcmKn9y1.mjs}

@@ -1,5 +1,5 @@
 import { at as subscriptions_reactivate, ct as subscriptions_skip, et as subscription_bundles_create, it as subscriptions_pause, lt as subscriptions_update, nt as subscriptions_cancel, ot as subscriptions_resume, rt as subscriptions_list, st as subscriptions_show, tt as subscription_bundles_list } from "./portal_tenant_content-CRrn7i-P.mjs";
-import { B as usePayApi, n as useFluidContext } from "./FluidProvider-D4T1Tfn7.mjs";
+import { B as usePayApi, n as useFluidContext } from "./FluidProvider-BdjVFM6g.mjs";
 import { n as useCountriesApi } from "./countries-api-context-DScC_39w.mjs";
 import { n as usePortalTenantClient } from "./PortalTenantClientProvider-_VXOs0t4.mjs";
 import { n as useActiveLocale } from "./locale-context-DGCebJhw.mjs";
@@ -10,7 +10,7 @@ import { n as payKeys, r as storeKeys } from "./query-keys-BkMRwfNo.mjs";
 import { t as useAccount } from "./use-account-GjZt_eis.mjs";
 import { n as useAppNavigation } from "./AppNavigationContext-DNomMUij.mjs";
 import { n as createDomainTranslations, r as useDomainDict, t as createStaticDictAdapter } from "./static-dict-adapter-CGDunURa.mjs";
-import { a as AddressFormDialog, c as PaymentIcon, f as ConfirmActionDialog, h as useProfileTranslation, i as CreditCardFormDialog, l as getCardDisplayName, m as ProfileTranslationBridge, n as createFluidPayApiAdapter, o as EditPaymentMethodDialog, p as EllipsesDropdown, r as mapToFluidPayPaymentMethod, s as FluidPayCoreProvider, t as AddressAutocompleteInput, u as getCardExpiry } from "./AddressAutocompleteInput-RLaGWKfq.mjs";
+import { a as AddressFormDialog, c as PaymentIcon, f as ConfirmActionDialog, h as useProfileTranslation, i as CreditCardFormDialog, l as getCardDisplayName, m as ProfileTranslationBridge, n as createFluidPayApiAdapter, o as EditPaymentMethodDialog, p as EllipsesDropdown, r as mapToFluidPayPaymentMethod, s as FluidPayCoreProvider, t as AddressAutocompleteInput, u as getCardExpiry } from "./AddressAutocompleteInput-DY0ZFQOs.mjs";
 import { createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
 import { useInfiniteQuery, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -4493,12 +4493,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,
@@ -4526,7 +4535,7 @@ function SubscriptionsListScreenInner({ customerId, isLoadingCustomer, onToast }
 	const { data: addresses = [] } = useQuery({
 		queryKey: payKeys.addresses.list(),
 		queryFn: async () => {
-			return (await payApi.fetchAddresses()).addresses.map(mapToFluidPayAddress$1);
+			return (await payApi.fetchAddresses()).addresses.map(mapToFluidPayAddress$2);
 		},
 		enabled: !!customerId && !isLoadingCustomer
 	});
@@ -4587,11 +4596,14 @@ function SubscriptionsListScreenInner({ customerId, isLoadingCustomer, onToast }
 		onError: () => onToast?.("Failed to add address", "error")
 	});
 	const addCreditCardMutation = 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: payKeys.paymentMethods.all });
 			onToast?.("Payment method added", "success");
@@ -4696,17 +4708,33 @@ function SubscriptionsListScreenInner({ customerId, isLoadingCustomer, onToast }
 				} catch {}
 			},
 			isSubmitting: addCreditCardMutation.isPending,
-			countries: countryOptions,
 			jwt: "",
-			renderAddressAutocomplete: ({ control, setValue, countryCode }) => /* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsx(AddressAutocompleteInput, {
+					control,
+					setValue,
+					countryIso: countryCode,
+					addressLineField: "address1",
+					cityField: "city",
+					stateField: "state",
+					postalCodeField: "postal_code",
+					placeholder: addressDialogT("address_line_1")
+				})
 			})
 		})
 	] });
@@ -6405,6 +6433,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 {
@@ -6445,6 +6487,13 @@ function PortalSubscriptionPaymentMethodSectionInner({ paymentMethod: currentPay
 			return (await payApi.fetchPaymentMethods()).payment_methods.map(mapToFluidPayPaymentMethod);
 		}
 	});
+	const { data: addresses = [] } = useQuery({
+		queryKey: payKeys.addresses.list(),
+		queryFn: async () => {
+			return (await payApi.fetchAddresses()).addresses.map(mapToFluidPayAddress$1);
+		},
+		enabled: isAddDialogOpen
+	});
 	const countriesApi = useCountriesApi();
 	const { data: countriesData } = useQuery({
 		queryKey: storeKeys.countries(),
@@ -6467,17 +6516,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: payKeys.paymentMethods.all });
@@ -6485,6 +6526,24 @@ function PortalSubscriptionPaymentMethodSectionInner({ paymentMethod: currentPay
 		},
 		onError: (err) => onError?.(profileT("failed_to_add_payment_method"), err)
 	});
+	const createAddressMutation = 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: payKeys.addresses.all });
+		},
+		onError: (err) => onError?.(profileT("failed_to_create_address"), err)
+	});
 	const updatePaymentMethodMutation = useMutation({
 		mutationFn: ({ paymentMethodId, data }) => payApi.updatePaymentMethod(paymentMethodId, { payment_method: {
 			default: data.set_as_default,
@@ -6580,17 +6639,31 @@ function PortalSubscriptionPaymentMethodSectionInner({ paymentMethod: currentPay
 					} catch {}
 				},
 				isSubmitting: addCardMutation.isPending,
-				countries: countryOptions,
 				jwt: "",
-				renderAddressAutocomplete: ({ control, setValue, countryCode }) => /* @__PURE__ */ jsx(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__ */ jsx(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__ */ jsx(AddressAutocompleteInput, {
+						control,
+						setValue,
+						countryIso: countryCode,
+						addressLineField: "address1",
+						cityField: "city",
+						stateField: "state",
+						postalCodeField: "postal_code",
+						placeholder: profileT("address_line_1")
+					})
 				})
 			}),
 			/* @__PURE__ */ jsx(EditPaymentMethodDialog, {
@@ -7071,4 +7144,4 @@ const subscriptionsScreenPropertySchema = {
 //#endregion
 export { subscriptionsScreenPropertySchema as n, SubscriptionsScreen as t };
 
-//# sourceMappingURL=SubscriptionsScreen-CGTKGw7C.mjs.map
+//# sourceMappingURL=SubscriptionsScreen-DcmKn9y1.mjs.map