@fluid-app/portal-sdk 0.1.1219 → 0.1.1220

package/dist/{SubscriptionsScreen-CxEdQKlg.cjs → SubscriptionsScreen-By7btXkq.cjs}

@@ -70,6 +70,6 @@ require("./translation-adapter-B2E8epKq.cjs");
 require("./sidebar-BTwncyT-.cjs");
 require("./ScreenHeaderContext-fJKG4BUl.cjs");
 require("./use-portal-card-add-3ds-flow-H2gDb3lf.cjs");
-const require_SubscriptionsScreen = require("./SubscriptionsScreen-CRnrYD8h.cjs");
+const require_SubscriptionsScreen = require("./SubscriptionsScreen-DtIxSeAE.cjs");
 exports.SubscriptionsScreen = require_SubscriptionsScreen.SubscriptionsScreen;
 exports.subscriptionsScreenPropertySchema = require_SubscriptionsScreen.subscriptionsScreenPropertySchema;

package/dist/{SubscriptionsScreen-B0g_o0v1.mjs → SubscriptionsScreen-C0gkZIka.mjs}

@@ -6740,10 +6740,14 @@ function PauseSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, err
 }
 //#endregion
 //#region ../../subscriptions/ui/src/components/resume-subscription-dialog.tsx
-function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, errorMessage, defaultNextBillDate, presentation = "dialog", blackoutDays }) {
+function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, errorMessage, defaultNextBillDate, currentNextBillDate, currentLastBillDate, timezone, presentation = "dialog", blackoutDays }) {
 	const { t, locale } = useSubscriptionsTranslation();
 	const [selectedDate, setSelectedDate] = useState(void 0);
 	const [calendarOpen, setCalendarOpen] = useState(false);
+	const [confirmingEarlyOrder, setConfirmingEarlyOrder] = useState(false);
+	useEffect(() => {
+		if (!open) setConfirmingEarlyOrder(false);
+	}, [open]);
 	const [popoverContainer, setPopoverContainer] = useState(null);
 	const today = /* @__PURE__ */ new Date();
 	today.setHours(0, 0, 0, 0);
@@ -6754,13 +6758,22 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 		const clamped = seeded < minDate ? minDate : seeded;
 		setSelectedDate(isBlackoutDay(clamped, blackoutDays) ? void 0 : clamped);
 	}, [open, defaultNextBillDate]);
+	const selectedDayIso = selectedDate ? format(selectedDate, "yyyy-MM-dd") : "";
+	const scheduledDayIso = currentNextBillDate ? calendarDayIso(currentNextBillDate, timezone) : "";
+	const lastOrderDayIso = currentLastBillDate ? calendarDayIso(currentLastBillDate, timezone) : "";
+	const placesEarlyOrder = selectedDayIso !== "" && scheduledDayIso !== "" && selectedDayIso < scheduledDayIso;
 	const handleConfirm = () => {
-		if (!selectedDate) return;
-		onConfirm(format(selectedDate, "yyyy-MM-dd"));
+		if (!selectedDayIso) return;
+		if (placesEarlyOrder && !confirmingEarlyOrder) {
+			setConfirmingEarlyOrder(true);
+			return;
+		}
+		onConfirm(selectedDayIso);
 	};
 	const handleDismiss = (next) => {
 		if (!next) {
 			setSelectedDate(void 0);
+			setConfirmingEarlyOrder(false);
 			setCalendarOpen(false);
 		}
 		onOpenChange(next);
@@ -6775,7 +6788,21 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				className: "space-y-4",
-				children: /* @__PURE__ */ jsxs("div", {
+				children: confirmingEarlyOrder && selectedDayIso !== "" ? /* @__PURE__ */ jsxs("div", {
+					className: "space-y-3",
+					role: "alert",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "text-foreground text-sm font-medium",
+						children: t("bill_date_early_order_confirm_title", { date: formatLongDate$1(parseIsoDate(selectedDayIso), locale) })
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "text-muted-foreground space-y-1 text-sm",
+						children: [
+							lastOrderDayIso !== "" && /* @__PURE__ */ jsx("p", { children: t("bill_date_early_order_confirm_last_placed", { date: formatLongDate$1(parseIsoDate(lastOrderDayIso), locale) }) }),
+							scheduledDayIso !== "" && /* @__PURE__ */ jsx("p", { children: t("bill_date_early_order_confirm_next_scheduled", { date: formatLongDate$1(parseIsoDate(scheduledDayIso), locale) }) }),
+							/* @__PURE__ */ jsx("p", { children: t("bill_date_early_order_confirm_consequence", { date: formatLongDate$1(parseIsoDate(selectedDayIso), locale) }) })
+						]
+					})]
+				}) : /* @__PURE__ */ jsxs("div", {
 					className: "space-y-2",
 					children: [
 						/* @__PURE__ */ jsx(Label, {
@@ -6803,6 +6830,7 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 										selected: selectedDate,
 										onSelect: (date) => {
 											setSelectedDate(date);
+											setConfirmingEarlyOrder(false);
 											setCalendarOpen(false);
 										},
 										disabled: (date) => date < minDate || isBlackoutDay(date, blackoutDays),
@@ -6839,9 +6867,20 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 				className: "text-destructive text-left text-sm",
 				children: errorMessage
 			}),
-			/* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsxs("div", {
+			/* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx("div", {
 				className: "flex w-full flex-row justify-between gap-x-2",
-				children: [/* @__PURE__ */ jsx(Button, {
+				children: confirmingEarlyOrder ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+					className: "bg-muted text-foreground ring-border hover:bg-muted/80 h-10 min-w-[70px] rounded p-3 ring-1",
+					onClick: () => setConfirmingEarlyOrder(false),
+					disabled: isLoading,
+					children: t("bill_date_early_order_keep")
+				}), /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					className: "bg-primary text-primary-foreground h-10 min-w-[70px] rounded p-3 hover:opacity-90 disabled:opacity-50",
+					onClick: handleConfirm,
+					disabled: isLoading,
+					children: isLoading ? /* @__PURE__ */ jsx("div", { className: "border-primary-foreground size-5 animate-spin rounded-full border-4 border-t-4 border-t-transparent" }) : t("bill_date_early_order_place", { date: formatMediumDate(parseIsoDate(selectedDayIso), locale) })
+				})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
 					className: "bg-muted text-foreground ring-border hover:bg-muted/80 h-10 min-w-[70px] rounded p-3 ring-1",
 					onClick: () => handleDismiss(false),
 					children: t("resume_dialog_cancel")
@@ -6851,7 +6890,7 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 					onClick: handleConfirm,
 					disabled: !selectedDate || isLoading,
 					children: isLoading ? /* @__PURE__ */ jsx("div", { className: "border-primary-foreground size-5 animate-spin rounded-full border-4 border-t-4 border-t-transparent" }) : t("resume_dialog_action")
-				})]
+				})] })
 			}) })
 		]
 	});
@@ -8596,7 +8635,10 @@ function SubscriptionDetail({ token, onNotFound, onError, onSuccess, onMutationE
 			isLoading: resumeMutation.isPending,
 			errorMessage: resumeMutation.isError ? t("generic_error") : void 0,
 			blackoutDays: subscription.blackout_days,
-			defaultNextBillDate: calculateNextBillDate(plan.billing_interval, plan.billing_interval_unit)
+			defaultNextBillDate: calculateNextBillDate(plan.billing_interval, plan.billing_interval_unit),
+			currentNextBillDate: subscription.next_bill_date,
+			currentLastBillDate: subscription.last_bill_date,
+			timezone: subscription.timezone
 		}),
 		/* @__PURE__ */ jsx(FailedCycleWaiverDialog, {
 			open: waiverDialogToken === token,
@@ -10582,4 +10624,4 @@ const subscriptionsScreenPropertySchema = {
 //#endregion
 export { subscriptionsScreenPropertySchema as n, SubscriptionsScreen as t };
 
-//# sourceMappingURL=SubscriptionsScreen-B0g_o0v1.mjs.map
+//# sourceMappingURL=SubscriptionsScreen-C0gkZIka.mjs.map