@usethrottle/auth 0.8.0 → 0.10.0

package/dist/index.d.cts

@@ -164,6 +164,18 @@ interface Invoice {
     sourceType: string | null;
     /** Frozen at issue — the lines actually billed, not the order's lines today. */
     lineItems: InvoiceLineItem[];
+    /**
+     * Set when the invoice bills less than the order: the order total its lines
+     * add up to. `total` is then the amount due (Net-N invoice) or the amount
+     * paid (a deposit receipt). Null when the invoice bills the whole order.
+     */
+    orderTotal: number | null;
+    /** Net-N invoices: paid on the order before this invoice (e.g. a deposit). */
+    amountPaid: number | null;
+    /** Net-N invoices: waived by a comp. */
+    compWaived: number | null;
+    /** Deposit receipts: the balance still due, billed on the Net-N invoice. */
+    balanceDue: number | null;
     /** Resolved on the detail read only; null on list rows and when the hop fails. */
     orderId: string | null;
     orderNumber: string | null;

package/dist/index.d.ts

@@ -164,6 +164,18 @@ interface Invoice {
     sourceType: string | null;
     /** Frozen at issue — the lines actually billed, not the order's lines today. */
     lineItems: InvoiceLineItem[];
+    /**
+     * Set when the invoice bills less than the order: the order total its lines
+     * add up to. `total` is then the amount due (Net-N invoice) or the amount
+     * paid (a deposit receipt). Null when the invoice bills the whole order.
+     */
+    orderTotal: number | null;
+    /** Net-N invoices: paid on the order before this invoice (e.g. a deposit). */
+    amountPaid: number | null;
+    /** Net-N invoices: waived by a comp. */
+    compWaived: number | null;
+    /** Deposit receipts: the balance still due, billed on the Net-N invoice. */
+    balanceDue: number | null;
     /** Resolved on the detail read only; null on list rows and when the hop fails. */
     orderId: string | null;
     orderNumber: string | null;

package/dist/react/components/index.cjs

@@ -1209,6 +1209,12 @@ var enUS = {
     viewSubscription: "View subscription",
     payButton: "Pay this invoice",
     billedTo: "Billed to",
+    /** Shown when an invoice bills less than the order, matching the PDF. */
+    orderTotal: "Order total",
+    amountPaid: "Amount paid",
+    waived: "Waived",
+    amountDue: "Amount due",
+    balanceDue: "Balance due",
     /** Display copy for `invoice.status` — the wire values are paid|open|void. */
     statusLabels: { paid: "Paid", open: "Open", void: "Void" },
     downloadUnavailable: "This invoice is not available to download right now."
@@ -3797,6 +3803,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
 var import_jsx_runtime36 = require("react/jsx-runtime");
@@ -4224,6 +4245,9 @@ function InvoiceDetail(props) {
     /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PanelState, { resource, isEmpty: (i) => i === null, emptyTitle: t.invoices.empty, skeletonRows: 4, children: (invoice) => {
       const money = (v) => formatMoney(v, invoice.currency, locale);
       const lines = invoice.lineItems ?? [];
+      const partOfOrder = invoice.orderTotal != null;
+      const isDepositReceipt = partOfOrder && invoice.balanceDue != null;
+      const headlineLabel = !partOfOrder ? t.invoices.total : isDepositReceipt ? t.invoices.amountPaid : t.invoices.amountDue;
       return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { ...a.el("invoiceDetail.layout", "throttle-detail"), children: [
         /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { ...a.el("invoiceDetail.main", "throttle-detail__main"), children: [
           /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "throttle-detail__section", children: [
@@ -4257,10 +4281,14 @@ function InvoiceDetail(props) {
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("aside", { ...a.el("invoiceDetail.rail", "throttle-detail__rail"), children: [
           /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "throttle-detail__section", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "throttle-detail__label", children: t.invoices.total }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "throttle-detail__label", children: headlineLabel }),
             /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "throttle-detail__headline", children: money(invoice.total) })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { ...a.el("invoiceDetail.totals", "throttle-totals"), children: [
+            partOfOrder ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Line2, { label: t.invoices.orderTotal, value: money(invoice.orderTotal) }) : null,
+            partOfOrder && invoice.amountPaid ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Line2, { label: t.invoices.amountPaid, value: `-${money(invoice.amountPaid)}` }) : null,
+            partOfOrder && invoice.compWaived ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Line2, { label: t.invoices.waived, value: `-${money(invoice.compWaived)}` }) : null,
+            isDepositReceipt && invoice.balanceDue ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Line2, { label: t.invoices.balanceDue, value: money(invoice.balanceDue) }) : null,
             invoice.dueAt ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Line2, { label: t.invoices.due, value: formatDate(invoice.dueAt, locale) }) : null,
             invoice.periodStart && invoice.periodEnd ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
               Line2,
@@ -4483,12 +4511,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__ */ (0, import_jsx_runtime43.jsx)("ul", { className: "throttle-muted", "aria-label": t.subscriptions.upcomingPayments, children: upcoming.map((r) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("li", { children: t.subscriptions.upcomingPayment.replace("{amount}", formatMoney(r.net, sub.currency, locale)).replace("{date}", formatDate(r.dueAt, locale)) }, r.dueAt)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("ul", { className: "throttle-muted", "aria-label": t.subscriptions.upcomingPayments, children: upcoming.map((r) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("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,