@fluid-app/portal-sdk 0.1.483 → 0.1.485

package/dist/{SubscriptionsScreen-DoyP5YBP.cjs → SubscriptionsScreen-9NJY-K63.cjs}

@@ -2600,6 +2600,19 @@ function getMaxEditableBillDate(billingInterval = 1, billingIntervalUnit = "mont
 	if (maxDate.getDate() !== day) maxDate.setDate(0);
 	return maxDate;
 }
+/**
+* Latest date a whole bundle's bill date may be edited to. Every member moves
+* to one shared date, so the strictest member binds: a bundle holding one
+* monthly plan is capped at 12 months even if its other members are yearly.
+*
+* An empty list falls back to the 12-month cap, which is also what a member of
+* unknown cadence resolves to via getMaxEditableBillDate's own default.
+*/
+function getMaxEditableBillDateForBundle(members, from = /* @__PURE__ */ new Date()) {
+	const [first, ...rest] = members.map((member) => getMaxEditableBillDate(member.billingInterval, member.billingIntervalUnit, from));
+	if (!first) return getMaxEditableBillDate(1, "month", from);
+	return rest.reduce((strictest, current) => current < strictest ? current : strictest, first);
+}
 function calculateNextBillDate(billingInterval = 1, billingIntervalUnit = "month") {
 	const now = /* @__PURE__ */ new Date();
 	const nextBillDate = new Date(now);
@@ -2620,6 +2633,36 @@ function calculateNextBillDate(billingInterval = 1, billingIntervalUnit = "month
 	}
 	return nextBillDate.toISOString().split("T")[0] || "";
 }
+/** Longest pause the dialogs have ever offered, before the cap narrows it. */
+const MAX_SKIPPABLE_ORDERS = 99;
+/**
+* How many upcoming orders a pause may skip: the largest count whose resume
+* date still lands inside the bill-date cap.
+*
+* Pausing for a number of orders sets a bill date like any other edit, so the
+* API caps the date it derives from that count, 2 years out for a yearly cadence
+* and 12 months for everything else, and rejects the request naming
+* number_of_orders. Offering counts past that offers a pause the API refuses.
+*
+* Returns 0 when even a single skip overshoots, which happens on a subscription
+* whose next bill date already sits near the cap. Callers should read that as
+* "pausing by order count is unavailable here" and leave the indefinite pause.
+*
+* The two ends deliberately measure from different places: the resume date
+* counts forward from the current bill date, the cap counts forward from today.
+* The API stays the backstop, so the exact boundary count depends on its
+* resume-date arithmetic agreeing with calculateResumeDate.
+*/
+function getMaxSkippableOrders(billingInterval = 1, billingIntervalUnit = "month", currentNextBillDate, from = /* @__PURE__ */ new Date()) {
+	const cap = getMaxEditableBillDate(billingInterval, billingIntervalUnit, from);
+	let allowed = 0;
+	for (let count = 1; count <= MAX_SKIPPABLE_ORDERS; count += 1) {
+		const resume = calculateResumeDate(billingInterval, billingIntervalUnit, count, currentNextBillDate ?? from);
+		if (new Date(resume.getUTCFullYear(), resume.getUTCMonth(), resume.getUTCDate()) > cap) break;
+		allowed = count;
+	}
+	return allowed;
+}
 function formatDate(dateString, locale = "en-US") {
 	if (!dateString) return "";
 	const parts = (dateString.split("T")[0] ?? dateString).split("-");
@@ -2680,22 +2723,30 @@ function formatTime(dateString, timezone, locale = "en-US") {
 		return "";
 	}
 }
-function getNextBillDisplay(subscription, labels = {
+function getNextBillDisplay(nextBillDate, displayStatus, labels = {
 	cancelled: "Cancelled",
 	completed: "Completed",
 	paused: "Paused",
 	notAvailable: "N/A"
 }, locale = "en-US") {
-	if (subscription?.billing_cycle_limit_reached) return labels.completed;
-	if (subscription?.status === "cancelled") return labels.cancelled;
-	if (subscription?.next_bill_date) return formatDate(subscription.next_bill_date, locale);
-	if (subscription?.status === "paused") return labels.paused;
+	if (displayStatus === "completed") return labels.completed;
+	if (displayStatus === "cancelled") return labels.cancelled;
+	if (nextBillDate) return formatDate(nextBillDate, locale);
+	if (displayStatus === "paused") return labels.paused;
 	return labels.notAvailable;
 }
 //#endregion
 //#region ../../subscriptions/core/src/utils/subscription-actions.ts
+/**
+* The one rule for a completed subscription: its current plan's
+* billing-cycle limit is reached. Every "completed" presentation and
+* gate reads this, so a new terminal condition lands here once.
+*/
+function isSubscriptionCompleted(subscription) {
+	return subscription?.billing_cycle_limit_reached === true;
+}
 function getSubscriptionDisplayStatus(subscription) {
-	return subscription.billingCycleLimitReached === true ? "completed" : subscription.status;
+	return isSubscriptionCompleted(subscription) ? "completed" : subscription.status;
 }
 function hasPendingSubscriptionSkip(skips, today = /* @__PURE__ */ new Date()) {
 	if (!skips?.length) return false;
@@ -2707,13 +2758,11 @@ function hasPendingSubscriptionSkip(skips, today = /* @__PURE__ */ new Date()) {
 	});
 }
 function getSubscriptionActionPolicy(subscription) {
-	if (subscription.billingCycleLimitReached === true) return {
-		primary: null,
-		order: [],
-		menu: [],
-		recovery: null
-	};
-	if (subscription.status === "active") {
+	const status = getSubscriptionDisplayStatus({
+		status: subscription.status,
+		billing_cycle_limit_reached: subscription.billingCycleLimitReached
+	});
+	if (status === "active") {
 		const skipAllowanceAvailable = subscription.maxSkips == null || (subscription.skippedCount ?? 0) < subscription.maxSkips;
 		const canSkip = subscription.allowSkipping === true && subscription.nextBillDate != null && skipAllowanceAvailable;
 		const order = [];
@@ -2728,19 +2777,19 @@ function getSubscriptionActionPolicy(subscription) {
 			recovery: null
 		};
 	}
-	if (subscription.status === "paused") return {
+	if (status === "paused") return {
 		primary: "resume_subscription",
 		order: [],
 		menu: ["cancel_subscription"],
 		recovery: null
 	};
-	if (subscription.status === "cancelled") return {
+	if (status === "cancelled") return {
 		primary: "reactivate_subscription",
 		order: [],
 		menu: [],
 		recovery: null
 	};
-	if (subscription.status === "past_due") {
+	if (status === "past_due") {
 		const isExhausted = subscription.nextRetryAt == null;
 		const secondary = subscription.canChangePaymentMethod ? "change_payment_method" : null;
 		return {
@@ -2756,13 +2805,13 @@ function getSubscriptionActionPolicy(subscription) {
 			}
 		};
 	}
-	if (subscription.status === "completed") return {
+	if (status === "completed") return {
 		primary: null,
 		order: [],
 		menu: [],
 		recovery: null
 	};
-	if (["pending", "trial"].includes(subscription.status)) return {
+	if (["pending", "trial"].includes(status)) return {
 		primary: null,
 		order: [],
 		menu: ["cancel_subscription"],
@@ -4188,6 +4237,30 @@ function isPaymentMethodUsable(pm) {
 	return Boolean(addr.address1 && addr.city && addr.state && addr.zip && addr.country_code);
 }
 //#endregion
+//#region src/screens/subscriptions/bundle-drawer/bill-date-bounds.ts
+function getDaysInMonth(year, month) {
+	return new Date(year, month + 1, 0).getDate();
+}
+function isYearOutOfRange(year, { today, maxDate }) {
+	return year < today.getFullYear() || year > maxDate.getFullYear();
+}
+function isMonthOutOfRange(year, month, bounds) {
+	const { today, maxDate } = bounds;
+	if (isYearOutOfRange(year, bounds)) return true;
+	if (year === maxDate.getFullYear() && month > maxDate.getMonth()) return true;
+	if (year > today.getFullYear()) return false;
+	return month < today.getMonth();
+}
+function isDayOutOfRange(year, month, day, bounds) {
+	const { today, maxDate } = bounds;
+	if (day > getDaysInMonth(year, month)) return true;
+	if (isMonthOutOfRange(year, month, bounds)) return true;
+	if (year === maxDate.getFullYear() && month === maxDate.getMonth() && day > maxDate.getDate()) return true;
+	if (year > today.getFullYear()) return false;
+	if (month > today.getMonth()) return false;
+	return day < today.getDate();
+}
+//#endregion
 //#region src/screens/subscriptions/bundle-drawer/use-bundle-form.ts
 function pickDefaultAddressId(addresses, defaultAddressId) {
 	if (defaultAddressId != null) {
@@ -4208,11 +4281,11 @@ function pickDefaultPaymentMethodId(paymentMethods, defaultPaymentMethodId) {
 	if (flagged) return flagged.id;
 	return usable[0]?.id ?? null;
 }
-function useBundleForm({ addresses, paymentMethods, defaultAddressId, defaultPaymentMethodId }) {
+function useBundleForm({ subscriptions: subscriptionList, addresses, paymentMethods, defaultAddressId, defaultPaymentMethodId }) {
 	const [step, setStep] = (0, react.useState)(1);
 	const [selectedTokens, setSelectedTokens] = (0, react.useState)(() => /* @__PURE__ */ new Set());
 	const today = (0, react.useMemo)(() => /* @__PURE__ */ new Date(), []);
-	const [selectedYear, setYearState] = (0, react.useState)(today.getUTCFullYear());
+	const [selectedYear, setYearState] = (0, react.useState)(today.getFullYear());
 	const [selectedMonth, setMonthState] = (0, react.useState)(null);
 	const [selectedDay, setDayState] = (0, react.useState)(null);
 	const [selectedAddressId, setSelectedAddressId] = (0, react.useState)(() => pickDefaultAddressId(addresses, defaultAddressId));
@@ -4231,55 +4304,73 @@ function useBundleForm({ addresses, paymentMethods, defaultAddressId, defaultPay
 		paymentMethods,
 		defaultPaymentMethodId
 	]);
+	const toggleToken = (0, react.useCallback)((token) => {
+		setSelectedTokens((prev) => {
+			const next = new Set(prev);
+			if (next.has(token)) next.delete(token);
+			else next.add(token);
+			return next;
+		});
+	}, []);
+	const bounds = (0, react.useMemo)(() => {
+		return {
+			today,
+			maxDate: getMaxEditableBillDateForBundle(Array.from(selectedTokens).map((token) => {
+				const plan = subscriptionList.find((sub) => sub.subscription_token === token)?.subscription_plan;
+				return {
+					billingInterval: plan?.billing_interval,
+					billingIntervalUnit: plan?.billing_interval_unit
+				};
+			}), today)
+		};
+	}, [
+		selectedTokens,
+		subscriptionList,
+		today
+	]);
+	const setYear = (0, react.useCallback)((y) => {
+		setYearState(y);
+		if (selectedMonth == null) return;
+		if (isMonthOutOfRange(y, selectedMonth, bounds)) {
+			setMonthState(null);
+			setDayState(null);
+			return;
+		}
+		if (selectedDay != null && isDayOutOfRange(y, selectedMonth, selectedDay, bounds)) setDayState(null);
+	}, [
+		selectedMonth,
+		selectedDay,
+		bounds
+	]);
+	const setMonth = (0, react.useCallback)((m) => {
+		setMonthState(m);
+		if (selectedDay != null && isDayOutOfRange(selectedYear, m, selectedDay, bounds)) setDayState(null);
+	}, [
+		selectedDay,
+		selectedYear,
+		bounds
+	]);
+	const setDay = (0, react.useCallback)((d) => setDayState(d), []);
+	const canProceedFromStep1 = selectedTokens.size >= 2;
+	const selectedDateOutOfRange = selectedMonth !== null && selectedDay !== null && isDayOutOfRange(selectedYear, selectedMonth, selectedDay, bounds);
 	return {
 		step,
 		setStep,
 		selectedTokens,
-		toggleToken: (0, react.useCallback)((token) => {
-			setSelectedTokens((prev) => {
-				const next = new Set(prev);
-				if (next.has(token)) next.delete(token);
-				else next.add(token);
-				return next;
-			});
-		}, []),
+		toggleToken,
 		selectedYear,
 		selectedMonth,
 		selectedDay,
-		setYear: (0, react.useCallback)((y) => {
-			setYearState(y);
-			if (selectedMonth != null) {
-				const isPastMonth = y < today.getUTCFullYear() || y === today.getUTCFullYear() && selectedMonth < today.getUTCMonth();
-				const isPastDay = y === today.getUTCFullYear() && selectedMonth === today.getUTCMonth() && selectedDay != null && selectedDay < today.getUTCDate();
-				if (isPastMonth) {
-					setMonthState(null);
-					setDayState(null);
-				} else if (isPastDay) setDayState(null);
-			}
-		}, [
-			selectedMonth,
-			selectedDay,
-			today
-		]),
-		setMonth: (0, react.useCallback)((m) => {
-			setMonthState(m);
-			if (selectedDay != null) {
-				const daysInNewMonth = new Date(Date.UTC(selectedYear, m + 1, 0)).getUTCDate();
-				const isPastDay = selectedYear === today.getUTCFullYear() && m === today.getUTCMonth() && selectedDay < today.getUTCDate();
-				if (selectedDay > daysInNewMonth || isPastDay) setDayState(null);
-			}
-		}, [
-			selectedDay,
-			selectedYear,
-			today
-		]),
-		setDay: (0, react.useCallback)((d) => setDayState(d), []),
+		setYear,
+		setMonth,
+		setDay,
 		selectedAddressId,
 		setSelectedAddressId,
 		selectedPaymentMethodId,
 		setSelectedPaymentMethodId,
-		canProceedFromStep1: selectedTokens.size >= 2,
-		canProceedFromStep2: selectedMonth !== null && selectedDay !== null,
+		bounds,
+		canProceedFromStep1,
+		canProceedFromStep2: selectedMonth !== null && selectedDay !== null && !selectedDateOutOfRange,
 		canProceedFromStep3: selectedAddressId != null,
 		canProceedFromStep4: selectedPaymentMethodId != null,
 		formattedDate: (0, react.useMemo)(() => {
@@ -4508,34 +4599,20 @@ const MONTHS = [
 	"Nov",
 	"Dec"
 ];
-function getDaysInMonth(year, month) {
-	return new Date(Date.UTC(year, month + 1, 0)).getUTCDate();
-}
-function DrawerStepDate({ selectedYear, selectedMonth, selectedDay, onYearChange, onMonthChange, onDayChange }) {
+function DrawerStepDate({ selectedYear, selectedMonth, selectedDay, onYearChange, onMonthChange, onDayChange, bounds }) {
 	const { t } = useSubscriptionsTranslation();
-	const today = (0, react.useMemo)(() => /* @__PURE__ */ new Date(), []);
-	const currentYear = today.getUTCFullYear();
-	const currentMonth = today.getUTCMonth();
-	const currentDay = today.getUTCDate();
+	const currentYear = bounds.today.getFullYear();
 	const availableYears = (0, react.useMemo)(() => [
 		currentYear,
 		currentYear + 1,
 		currentYear + 2
 	], [currentYear]);
-	const isMonthDisabled = (monthIndex) => {
-		if (selectedYear < currentYear) return true;
-		if (selectedYear > currentYear) return false;
-		return monthIndex < currentMonth;
-	};
+	const isYearDisabled = (year) => isYearOutOfRange(year, bounds);
+	const isMonthDisabled = (monthIndex) => isMonthOutOfRange(selectedYear, monthIndex, bounds);
 	const daysInSelectedMonth = selectedMonth == null ? 31 : getDaysInMonth(selectedYear, selectedMonth);
 	const isDayDisabled = (day) => {
 		if (selectedMonth == null) return true;
-		if (day > getDaysInMonth(selectedYear, selectedMonth)) return true;
-		if (selectedYear < currentYear) return true;
-		if (selectedYear > currentYear) return false;
-		if (selectedMonth > currentMonth) return false;
-		if (selectedMonth < currentMonth) return true;
-		return day < currentDay;
+		return isDayOutOfRange(selectedYear, selectedMonth, day, bounds);
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex-1 overflow-y-auto px-6 py-4",
@@ -4558,10 +4635,13 @@ function DrawerStepDate({ selectedYear, selectedMonth, selectedDay, onYearChange
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "grid grid-cols-3 gap-2",
 					children: availableYears.map((year) => {
+						const isActive = selectedYear === year;
+						const disabled = isYearDisabled(year);
 						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
+							disabled,
 							onClick: () => onYearChange(year),
-							className: `rounded-lg px-3 py-2.5 text-xs font-semibold transition-all ${selectedYear === year ? "bg-primary text-primary-foreground" : "text-foreground ring-border hover:ring-foreground/20 bg-transparent ring-1"}`,
+							className: `rounded-lg px-3 py-2.5 text-xs font-semibold transition-all ${isActive ? "bg-primary text-primary-foreground" : "text-foreground ring-border hover:ring-foreground/20 bg-transparent ring-1"} ${disabled ? "cursor-not-allowed opacity-40" : ""}`,
 							children: year
 						}, year);
 					})
@@ -4805,6 +4885,7 @@ function BundleSubscriptionsDrawer({ open, onOpenChange, subscriptions: subscrip
 	const { t } = useSubscriptionsTranslation();
 	const { isMobile } = require_sidebar.useSidebar();
 	const form = useBundleForm({
+		subscriptions: subscriptionList,
 		addresses,
 		paymentMethods,
 		defaultAddressId,
@@ -4849,7 +4930,8 @@ function BundleSubscriptionsDrawer({ open, onOpenChange, subscriptions: subscrip
 				selectedDay: form.selectedDay,
 				onYearChange: form.setYear,
 				onMonthChange: form.setMonth,
-				onDayChange: form.setDay
+				onDayChange: form.setDay,
+				bounds: form.bounds
 			}),
 			form.step === 3 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DrawerStepAddress, {
 				addresses,
@@ -5410,7 +5492,8 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 	const { t, locale } = useSubscriptionsTranslation();
 	const [pauseType, setPauseType] = (0, react.useState)("indefinite");
 	const [selectedOrderCount, setSelectedOrderCount] = (0, react.useState)(null);
-	const orderCountOptions = Array.from({ length: 99 }, (_, i) => i + 1);
+	const maxSkippableOrders = getMaxSkippableOrders(billingInterval, billingIntervalUnit, currentNextBillDate);
+	const orderCountOptions = Array.from({ length: maxSkippableOrders }, (_, i) => i + 1);
 	const calculatedResumeDate = selectedOrderCount && currentNextBillDate ? calculateResumeDate(billingInterval, billingIntervalUnit, selectedOrderCount, currentNextBillDate) : null;
 	(0, react.useEffect)(() => {
 		if (!open) return;
@@ -5490,10 +5573,11 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 									type: "radio",
 									checked: pauseType === "order_count",
 									onChange: () => setPauseType("order_count"),
-									className: "border-border accent-primary size-4 focus:ring-0"
+									disabled: maxSkippableOrders === 0,
+									className: "border-border accent-primary size-4 focus:ring-0 disabled:opacity-40"
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 									htmlFor: "pause-order-count",
-									className: "text-foreground cursor-pointer text-sm font-medium",
+									className: `text-sm font-medium ${maxSkippableOrders === 0 ? "text-muted-foreground cursor-not-allowed" : "text-foreground cursor-pointer"}`,
 									children: t("pause_for_orders")
 								})]
 							}), pauseType === "order_count" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -6487,12 +6571,14 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 	const variant = subscription.variant;
 	const product = variant?.product;
 	const quantity = displayQuantity ?? subscription.quantity;
+	const displayStatus = getSubscriptionDisplayStatus(subscription);
+	const paymentFailed = displayStatus === "past_due";
 	const quantityInputId = `subscription-${subscription.subscription_token}-quantity`;
 	const pricing = computeSubscriptionPricing(subscription);
 	const subtotal = formatCurrency(pricing.subtotalUnit * quantity);
 	const totalPrice = formatCurrency(pricing.totalUnit * quantity);
 	const effectiveNextBillDate = displayNextBillDate ?? subscription.next_bill_date;
-	const nextOrderTimeOfDay = subscription.billing_cycle_limit_reached ? "" : formatTime(effectiveNextBillDate, subscription.timezone, locale);
+	const nextOrderTimeOfDay = displayStatus === "completed" ? "" : formatTime(effectiveNextBillDate, subscription.timezone, locale);
 	const nextBillDisplayLabels = {
 		cancelled: t("date_cancelled"),
 		completed: t("list_status_completed"),
@@ -6516,14 +6602,11 @@ function SubscriptionItemsSection({ subscription, displayQuantity, displayNextBi
 							children: [
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "text-muted-foreground mb-1 text-sm",
-									children: subscription.status === "past_due" && !subscription.billing_cycle_limit_reached ? t("payment_failed_on") : t("next_order_date")
+									children: paymentFailed ? t("payment_failed_on") : t("next_order_date")
 								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 									className: "text-foreground text-2xl font-bold",
-									children: subscription.status === "past_due" && !subscription.billing_cycle_limit_reached ? subscription.last_failed_at ? formatOptionalDate(subscription.last_failed_at, locale) : "—" : getNextBillDisplay(displayNextBillDate ? {
-										...subscription,
-										next_bill_date: displayNextBillDate
-									} : subscription, nextBillDisplayLabels, locale)
+									children: paymentFailed ? subscription.last_failed_at ? formatOptionalDate(subscription.last_failed_at, locale) : "—" : getNextBillDisplay(effectiveNextBillDate, displayStatus, nextBillDisplayLabels, locale)
 								}),
 								nextOrderTimeOfDay && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 									className: "text-muted-foreground mt-1 text-xs",
@@ -6654,10 +6737,7 @@ function SubscriptionManagementSection({ subscription, actionPolicy, isMutating,
 	const plan = subscription.subscription_plan;
 	const quantity = subscription.quantity;
 	const totalPrice = formatCurrency(subscription.price * quantity);
-	const displayStatus = getSubscriptionDisplayStatus({
-		status: subscription.status,
-		billingCycleLimitReached: subscription.billing_cycle_limit_reached
-	});
+	const displayStatus = getSubscriptionDisplayStatus(subscription);
 	const cadenceKey = getCadenceKey(plan.billing_interval_unit);
 	const interval = plan.billing_interval;
 	const unitKeys = UNIT_KEYS[plan.billing_interval_unit.toLowerCase()];
@@ -6852,7 +6932,7 @@ function SubscriptionManagementSection({ subscription, actionPolicy, isMutating,
 							subscriptionToken: subscription.subscription_token,
 							customerId: subscription.customer?.id ?? 0,
 							countryCode: subscription.address?.country_code ?? "US",
-							disabled: subscription.billing_cycle_limit_reached
+							disabled: isSubscriptionCompleted(subscription)
 						}) : subscription.address && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "border-border mb-6 border-b pb-4",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -6989,7 +7069,7 @@ function SubscriptionDetail({ token, onNotFound, onError, onSuccess, onMutationE
 	const { data, isLoading, error } = useSubscription(token);
 	const subscription = data?.subscription;
 	const customerId = subscription?.customer?.id ?? 0;
-	const waiverPreviewEnabled = subscription?.status === "past_due" && subscription.billing_cycle_limit_reached !== true && subscription.next_retry_at == null;
+	const waiverPreviewEnabled = subscription?.status === "past_due" && !isSubscriptionCompleted(subscription) && subscription.next_retry_at == null;
 	const waiverPreviewQuery = useFailedCycleWaiverPreview(token, { enabled: waiverPreviewEnabled });
 	const isWaiverPreviewLoading = waiverPreviewEnabled && waiverPreviewQuery.isFetching;
 	const waiverPreview = waiverPreviewQuery.data?.failed_cycle_waiver;
@@ -7149,7 +7229,8 @@ function SubscriptionDetail({ token, onNotFound, onError, onSuccess, onMutationE
 	if (isLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SubscriptionDetailSkeleton, {});
 	if (!subscription) return null;
 	const plan = subscription.subscription_plan;
-	const isActive = subscription.status === "active" && !subscription.billing_cycle_limit_reached;
+	const displayStatus = getSubscriptionDisplayStatus(subscription);
+	const isActive = displayStatus === "active";
 	const actionPolicy = getSubscriptionActionPolicy({
 		status: subscription.status,
 		billingCycleLimitReached: subscription.billing_cycle_limit_reached,
@@ -7168,7 +7249,7 @@ function SubscriptionDetail({ token, onNotFound, onError, onSuccess, onMutationE
 	const childPaymentRecoveryDisabled = childPaymentRecoveryToken === token;
 	const waiverMutationPending = waiverMutation.isPending && waiverMutation.variables?.subscriptionToken === token;
 	const aggregateRecoveryDisabled = directParentRecoveryDisabled || childPaymentRecoveryDisabled || waiverMutationPending;
-	const paymentMethodDisabled = subscription.billing_cycle_limit_reached || directParentRecoveryDisabled || waiverMutationPending || independentParentMutationDisabled;
+	const paymentMethodDisabled = isSubscriptionCompleted(subscription) || directParentRecoveryDisabled || waiverMutationPending || independentParentMutationDisabled;
 	const isMutating = independentParentMutationDisabled || aggregateRecoveryDisabled;
 	const handlePauseConfirm = (selection) => {
 		const pauseParams = { customerId };
@@ -7225,7 +7306,7 @@ function SubscriptionDetail({ token, onNotFound, onError, onSuccess, onMutationE
 		}, { onSuccess: () => setShowReactivateModal(false) });
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		subscription.status === "past_due" && !subscription.billing_cycle_limit_reached && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		displayStatus === "past_due" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "mb-4 px-2 sm:px-0 lg:mb-6",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PastDueBanner, {
 				productTitle: subscription.variant?.product?.title ?? null,
@@ -7545,7 +7626,7 @@ async function invalidateSubscriptionPaymentRecoveryCache(queryClient, subscript
 }
 async function completeSubscriptionPaymentUpdate(args) {
 	const cached = args.queryClient.getQueryData(subscriptionsKeys.detail(args.updatedSubscriptionToken));
-	if (cached?.subscription.status === "past_due" && cached.subscription.billing_cycle_limit_reached !== true) {
+	if (cached?.subscription.status === "past_due" && !isSubscriptionCompleted(cached.subscription)) {
 		args.queueRetry(args.updatedSubscriptionToken);
 		return;
 	}
@@ -8336,7 +8417,6 @@ function PortalSubscriptionShippingAddressSectionInner({ addressId, address: cur
 				addressList: addresses,
 				selectedAddressId: addressId ?? 0,
 				onSelectAddress: (addr) => {
-					if (disabled) return;
 					if (addr.id === addressId) return;
 					updateSubscription.mutate({
 						subscriptionToken,
@@ -8344,7 +8424,6 @@ function PortalSubscriptionShippingAddressSectionInner({ addressId, address: cur
 					});
 				},
 				onAddAddressClick: () => {
-					if (disabled) return;
 					setEditingAddress(null);
 					setIsFormDialogOpen(true);
 				},
@@ -8614,4 +8693,4 @@ Object.defineProperty(exports, "subscriptionsScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=SubscriptionsScreen-DoyP5YBP.cjs.map
+//# sourceMappingURL=SubscriptionsScreen-9NJY-K63.cjs.map