@fluid-app/portal-sdk 0.1.311 → 0.1.312

package/dist/{SubscriptionsScreen-DpcL08EP.mjs → SubscriptionsScreen-CGTKGw7C.mjs}

@@ -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,
@@ -5565,6 +5581,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 +5598,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" })]
 					})]
@@ -7049,4 +7071,4 @@ const subscriptionsScreenPropertySchema = {
 //#endregion
 export { subscriptionsScreenPropertySchema as n, SubscriptionsScreen as t };
 
-//# sourceMappingURL=SubscriptionsScreen-DpcL08EP.mjs.map
+//# sourceMappingURL=SubscriptionsScreen-CGTKGw7C.mjs.map