@fluid-app/portal-sdk 0.1.311 → 0.1.313

package/dist/{SubscriptionsScreen-DpcL08EP.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";
@@ -2378,6 +2378,21 @@ function formatDate(dateString, isCancelled = false) {
 	};
 	return `${monthName} ${dayNum}${ordinalSuffix(dayNum)}, ${yearNum}`;
 }
+function formatTime(dateString, timezone) {
+	if (!dateString || !timezone) return "";
+	const date = new Date(dateString);
+	if (Number.isNaN(date.getTime())) return "";
+	try {
+		return new Intl.DateTimeFormat("en-US", {
+			hour: "numeric",
+			minute: "2-digit",
+			hour12: true,
+			timeZone: timezone
+		}).format(date);
+	} catch {
+		return "";
+	}
+}
 function getNextBillDisplay(subscription) {
 	if (subscription?.status === "cancelled") return "Cancelled";
 	if (subscription?.next_bill_date) return formatDate(subscription.next_bill_date);
@@ -2423,6 +2438,7 @@ function mapDetailSubscription(bff) {
 		original_price: safeParsePrice(bff.original_price, price),
 		next_bill_date: bff.next_billing_date ?? null,
 		last_bill_date: bff.last_billing_date ?? null,
+		timezone: bff.timezone ?? null,
 		next_ship_date: null,
 		last_ship_date: null,
 		disabled: false,
@@ -4477,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,
@@ -4510,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
 	});
@@ -4571,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");
@@ -4680,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")
+				})
 			})
 		})
 	] });
@@ -5565,6 +5609,7 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 	const quantityInputId = `subscription-${subscription.subscription_token}-quantity`;
 	const discount = subscription.original_price != null ? subscription.original_price - subscription.price : 0;
 	const subtotal = discount > 0 ? formatCurrency(subscription.original_price * quantity) : totalPrice;
+	const nextOrderTimeOfDay = formatTime(displayNextBillDate ?? subscription.next_bill_date, subscription.timezone);
 	return /* @__PURE__ */ jsx("section", {
 		className: "bg-muted flex w-full flex-col items-center rounded-lg px-8 lg:col-span-4 lg:self-start",
 		children: /* @__PURE__ */ jsxs("div", {
@@ -5581,32 +5626,37 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 							className: "grid grid-cols-2 gap-4",
 							children: [/* @__PURE__ */ jsxs("div", {
 								className: "border-border border-r pr-4",
-								children: [/* @__PURE__ */ jsx("div", {
-									className: "text-muted-foreground mb-1 text-sm",
-									children: t("next_order_date")
-								}), /* @__PURE__ */ jsx("div", {
-									className: "text-foreground text-2xl font-bold",
-									children: getNextBillDisplay(displayNextBillDate ? {
-										...subscription,
-										next_bill_date: displayNextBillDate
-									} : subscription)
-								})]
-							}), /* @__PURE__ */ jsxs("div", {
-								className: "pl-4",
 								children: [
 									/* @__PURE__ */ jsx("div", {
 										className: "text-muted-foreground mb-1 text-sm",
-										children: t("next_bill_amount")
+										children: t("next_order_date")
 									}),
 									/* @__PURE__ */ jsx("div", {
 										className: "text-foreground text-2xl font-bold",
-										children: formatCurrency(subscription.price * quantity)
+										children: getNextBillDisplay(displayNextBillDate ? {
+											...subscription,
+											next_bill_date: displayNextBillDate
+										} : subscription)
 									}),
-									(displayNextBillDate ?? subscription.next_bill_date) && /* @__PURE__ */ jsx("div", {
+									nextOrderTimeOfDay && /* @__PURE__ */ jsxs("div", {
 										className: "text-muted-foreground mt-1 text-xs",
-										children: formatDate(displayNextBillDate ?? subscription.next_bill_date ?? "")
+										children: [
+											nextOrderTimeOfDay,
+											" (",
+											subscription.timezone,
+											")"
+										]
 									})
 								]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "pl-4",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "text-muted-foreground mb-1 text-sm",
+									children: t("next_bill_amount")
+								}), /* @__PURE__ */ jsx("div", {
+									className: "text-foreground text-2xl font-bold",
+									children: formatCurrency(subscription.price * quantity)
+								})]
 							})]
 						}), /* @__PURE__ */ jsx("hr", { className: "border-border mt-4" })]
 					})]
@@ -6383,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 {
@@ -6423,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(),
@@ -6445,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 });
@@ -6463,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,
@@ -6558,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, {
@@ -7049,4 +7144,4 @@ const subscriptionsScreenPropertySchema = {
 //#endregion
 export { subscriptionsScreenPropertySchema as n, SubscriptionsScreen as t };
 
-//# sourceMappingURL=SubscriptionsScreen-DpcL08EP.mjs.map
+//# sourceMappingURL=SubscriptionsScreen-DcmKn9y1.mjs.map