@usethrottle/auth 0.9.0 → 0.10.1

package/dist/react/components/index.js

@@ -8,7 +8,7 @@ import {
   useOrders,
   useSavedCards,
   useSubscriptions
-} from "../../chunk-TKSBAC7W.js";
+} from "../../chunk-ZYYWXVX5.js";
 import {
   messageForError
 } from "../../chunk-K7RCWADI.js";
@@ -21,7 +21,7 @@ import {
   memoryStorage,
   useAuth,
   useAuthContext
-} from "../../chunk-HQP5QTHQ.js";
+} from "../../chunk-X4DGZ4JU.js";
 
 // src/react/components/provider.tsx
 import { createContext as createContext6, useCallback as useCallback4, useContext as useContext6, useMemo as useMemo4, useRef as useRef9, useState as useState21 } from "react";
@@ -3126,6 +3126,21 @@ function formatDate(value, locale) {
     return date.toISOString().slice(0, 10);
   }
 }
+function scheduleDueLabel(row, locale) {
+  if (row.intervalUnit !== "hour") return formatDate(row.dueAt, locale);
+  const date = new Date(row.dueAt);
+  if (Number.isNaN(date.getTime())) return "";
+  const opts = {
+    dateStyle: "medium",
+    timeStyle: "short",
+    timeZone: "UTC"
+  };
+  try {
+    return `${new Intl.DateTimeFormat(locale, opts).format(date)} UTC`;
+  } catch {
+    return `${new Intl.DateTimeFormat("en-US", opts).format(date)} UTC`;
+  }
+}
 
 // src/react/components/account/OrderStatus.tsx
 import { Fragment as Fragment7, jsx as jsx35, jsxs as jsxs25 } from "react/jsx-runtime";
@@ -3819,12 +3834,15 @@ function SubscriptionsPanel(props) {
   const nextPaymentLabel = (sub) => {
     if (!isVariedSchedule(sub.paymentSchedule) || !sub.paymentSchedule || sub.nextPaymentAmount == null) return null;
     const upcoming = sub.paymentSchedule.find((r) => r.status !== "paid");
-    return t.subscriptions.installmentNext.replace("{amount}", formatMoney(sub.nextPaymentAmount, sub.currency, locale)).replace("{date}", formatDate(upcoming?.dueAt ?? sub.currentPeriodEnd, locale));
+    return t.subscriptions.installmentNext.replace("{amount}", formatMoney(sub.nextPaymentAmount, sub.currency, locale)).replace(
+      "{date}",
+      upcoming?.dueAt ? scheduleDueLabel({ dueAt: upcoming.dueAt, intervalUnit: upcoming.intervalUnit }, locale) : formatDate(sub.currentPeriodEnd, locale)
+    );
   };
   const upcomingList = (sub) => {
     const upcoming = upcomingSchedulePayments(sub.paymentSchedule);
     if (upcoming.length === 0) return null;
-    return /* @__PURE__ */ jsx42("ul", { className: "throttle-muted", "aria-label": t.subscriptions.upcomingPayments, children: upcoming.map((r) => /* @__PURE__ */ jsx42("li", { children: t.subscriptions.upcomingPayment.replace("{amount}", formatMoney(r.net, sub.currency, locale)).replace("{date}", formatDate(r.dueAt, locale)) }, r.dueAt)) });
+    return /* @__PURE__ */ jsx42("ul", { className: "throttle-muted", "aria-label": t.subscriptions.upcomingPayments, children: upcoming.map((r) => /* @__PURE__ */ jsx42("li", { children: t.subscriptions.upcomingPayment.replace("{amount}", formatMoney(r.net, sub.currency, locale)).replace("{date}", scheduleDueLabel(r, locale)) }, r.dueAt)) });
   };
   const renewsLabel = (sub) => formatDate(
     sub.status === "completed" ? sub.completedAt ?? sub.currentPeriodEnd : sub.status === "cancelled" ? sub.cancelledAt ?? sub.currentPeriodEnd : sub.currentPeriodEnd,