@fluid-app/portal-sdk 0.1.311 → 0.1.313

package/dist/{SubscriptionsScreen-7DGtY49t.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");
@@ -2440,6 +2440,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);
@@ -2485,6 +2500,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,
@@ -4539,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,
@@ -4572,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
 	});
@@ -4633,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");
@@ -4742,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")
+				})
 			})
 		})
 	] });
@@ -5627,6 +5671,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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -5643,32 +5688,37 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 							className: "grid grid-cols-2 gap-4",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "border-border border-r pr-4",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "text-muted-foreground mb-1 text-sm",
-									children: t("next_order_date")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "text-foreground text-2xl font-bold",
-									children: getNextBillDisplay(displayNextBillDate ? {
-										...subscription,
-										next_bill_date: displayNextBillDate
-									} : subscription)
-								})]
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "pl-4",
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 										className: "text-muted-foreground mb-1 text-sm",
-										children: t("next_bill_amount")
+										children: t("next_order_date")
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
+									nextOrderTimeOfDay && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: "text-muted-foreground mt-1 text-xs",
-										children: formatDate(displayNextBillDate ?? subscription.next_bill_date ?? "")
+										children: [
+											nextOrderTimeOfDay,
+											" (",
+											subscription.timezone,
+											")"
+										]
 									})
 								]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "pl-4",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "text-muted-foreground mb-1 text-sm",
+									children: t("next_bill_amount")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "text-foreground text-2xl font-bold",
+									children: formatCurrency(subscription.price * quantity)
+								})]
 							})]
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { className: "border-border mt-4" })]
 					})]
@@ -6445,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 {
@@ -6485,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(),
@@ -6507,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 });
@@ -6525,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,
@@ -6620,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, {
@@ -7122,4 +7217,4 @@ Object.defineProperty(exports, "subscriptionsScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=SubscriptionsScreen-7DGtY49t.cjs.map
+//# sourceMappingURL=SubscriptionsScreen-CNjeVllB.cjs.map