@fluid-app/portal-sdk 0.1.1219 → 0.1.1221

package/dist/{SubscriptionsScreen-CRnrYD8h.cjs → SubscriptionsScreen-DtIxSeAE.cjs}

@@ -6802,10 +6802,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] = (0, react.useState)(void 0);
 	const [calendarOpen, setCalendarOpen] = (0, react.useState)(false);
+	const [confirmingEarlyOrder, setConfirmingEarlyOrder] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (!open) setConfirmingEarlyOrder(false);
+	}, [open]);
 	const [popoverContainer, setPopoverContainer] = (0, react.useState)(null);
 	const today = /* @__PURE__ */ new Date();
 	today.setHours(0, 0, 0, 0);
@@ -6816,13 +6820,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 ? require_isAfter.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(require_isAfter.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);
@@ -6837,7 +6850,21 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "space-y-4",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				children: confirmingEarlyOrder && selectedDayIso !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "space-y-3",
+					role: "alert",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-foreground text-sm font-medium",
+						children: t("bill_date_early_order_confirm_title", { date: formatLongDate$1(parseIsoDate(selectedDayIso), locale) })
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "text-muted-foreground space-y-1 text-sm",
+						children: [
+							lastOrderDayIso !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("bill_date_early_order_confirm_last_placed", { date: formatLongDate$1(parseIsoDate(lastOrderDayIso), locale) }) }),
+							scheduledDayIso !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("bill_date_early_order_confirm_next_scheduled", { date: formatLongDate$1(parseIsoDate(scheduledDayIso), locale) }) }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("bill_date_early_order_confirm_consequence", { date: formatLongDate$1(parseIsoDate(selectedDayIso), locale) }) })
+						]
+					})]
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "space-y-2",
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
@@ -6865,6 +6892,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),
@@ -6901,9 +6929,20 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 				className: "text-destructive text-left text-sm",
 				children: errorMessage
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogFooter, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DialogFooter, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "flex w-full flex-row justify-between gap-x-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
+				children: confirmingEarlyOrder ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.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__ */ (0, react_jsx_runtime.jsx)(require_src.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.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")
@@ -6913,7 +6952,7 @@ function ResumeSubscriptionDialog({ open, onOpenChange, onConfirm, isLoading, er
 					onClick: handleConfirm,
 					disabled: !selectedDate || isLoading,
 					children: isLoading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary-foreground size-5 animate-spin rounded-full border-4 border-t-4 border-t-transparent" }) : t("resume_dialog_action")
-				})]
+				})] })
 			}) })
 		]
 	});
@@ -8658,7 +8697,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__ */ (0, react_jsx_runtime.jsx)(FailedCycleWaiverDialog, {
 			open: waiverDialogToken === token,
@@ -10655,4 +10697,4 @@ Object.defineProperty(exports, "subscriptionsScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=SubscriptionsScreen-CRnrYD8h.cjs.map
+//# sourceMappingURL=SubscriptionsScreen-DtIxSeAE.cjs.map