@usethrottle/auth 0.5.0 → 0.6.1

package/dist/index.d.cts

@@ -170,6 +170,11 @@ interface Subscription {
     planReference: string;
     planName: string | null;
     interval: string;
+    intervalUnit: string | null;
+    intervalCount: number | null;
+    totalPayments: number | null;
+    paymentsMade: number;
+    completedAt: string | null;
     amount: number;
     quantity: number;
     currency: string;

package/dist/index.d.ts

@@ -170,6 +170,11 @@ interface Subscription {
     planReference: string;
     planName: string | null;
     interval: string;
+    intervalUnit: string | null;
+    intervalCount: number | null;
+    totalPayments: number | null;
+    paymentsMade: number;
+    completedAt: string | null;
     amount: number;
     quantity: number;
     currency: string;

package/dist/react/components/index.cjs

@@ -1225,6 +1225,7 @@ var enUS = {
     endsOn: "Ends on",
     cancelledOn: "Cancelled on",
     trialEnds: "Trial ends",
+    installmentProgress: "Payment {paid} of {total}",
     cancelButton: "Cancel",
     cancelAtPeriodEnd: "Cancel at period end",
     cancelNow: "Cancel immediately",
@@ -1240,7 +1241,8 @@ var enUS = {
      * Display copy for `subscription.status`. Mirrors SubscriptionStatus in
      * `@commerce/subscriptions`; copied rather than imported because this
      * package has no runtime dependencies. Without it a buyer in dunning saw
-     * the literal pill `past_due`.
+     * the literal pill `past_due`. `completed` is an installment plan that
+     * has taken its last payment.
      */
     statusLabels: {
       active: "Active",
@@ -1248,7 +1250,8 @@ var enUS = {
       cancelled: "Cancelled",
       pastDue: "Payment overdue",
       trialing: "Trial",
-      unpaid: "Unpaid"
+      unpaid: "Unpaid",
+      completed: "Paid in full"
     }
   },
   security: {
@@ -4380,19 +4383,42 @@ function InvoicesPanel(props) {
   ) }) }) });
 }
 
-// src/react/components/account/SubscriptionsPanel.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
-var CAN_PAUSE = /* @__PURE__ */ new Set(["active", "trialing"]);
-var CAN_RESUME = /* @__PURE__ */ new Set(["paused"]);
-var CAN_CANCEL2 = /* @__PURE__ */ new Set(["active", "trialing", "paused", "past_due", "unpaid"]);
-var INTERVAL_WORD = {
+// ../core-cadence/src/cadence.ts
+var INTERVAL_UNITS = ["hour", "day", "week", "month"];
+var NAMED_INTERVALS = ["weekly", "biweekly", "monthly", "quarterly", "yearly"];
+var INTERVAL_VALUES = [...NAMED_INTERVALS, "custom"];
+var HOUR_MS = 36e5;
+var DAY_MS = 24 * HOUR_MS;
+var WEEK_MS = 7 * DAY_MS;
+function isNamedInterval(value) {
+  return typeof value === "string" && NAMED_INTERVALS.includes(value);
+}
+function isIntervalUnit(value) {
+  return typeof value === "string" && INTERVAL_UNITS.includes(value);
+}
+
+// ../core-cadence/src/labels.ts
+var NAMED_NOUN = {
   weekly: "week",
   biweekly: "2 weeks",
   monthly: "month",
   quarterly: "quarter",
   yearly: "year"
 };
-var intervalWord = (interval) => INTERVAL_WORD[interval] ?? interval;
+function cadenceNoun(cadence) {
+  if (isNamedInterval(cadence.interval)) return NAMED_NOUN[cadence.interval];
+  if (isIntervalUnit(cadence.intervalUnit) && cadence.intervalCount != null) {
+    return cadence.intervalCount === 1 ? cadence.intervalUnit : `${cadence.intervalCount} ${cadence.intervalUnit}s`;
+  }
+  return cadence.interval;
+}
+
+// src/react/components/account/SubscriptionsPanel.tsx
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var CAN_PAUSE = /* @__PURE__ */ new Set(["active"]);
+var CAN_RESUME = /* @__PURE__ */ new Set(["paused"]);
+var CAN_CANCEL2 = /* @__PURE__ */ new Set(["active", "trialing", "paused", "past_due", "unpaid"]);
+var isInstallment = (sub) => sub.totalPayments != null;
 function SubscriptionsPanel(props) {
   const a = useAppearance(props.appearance);
   const scoped = useAppearanceProviderValue(props.appearance);
@@ -4412,9 +4438,12 @@ function SubscriptionsPanel(props) {
       await run(fn);
     })();
   };
-  const priceLabel = (sub) => `${formatMoney(sub.amount, sub.currency, locale)} / ${intervalWord(sub.interval)}${sub.quantity > 1 ? ` \xD7 ${sub.quantity}` : ""}`;
-  const renewsLabel = (sub) => formatDate(sub.status === "cancelled" ? sub.cancelledAt ?? sub.currentPeriodEnd : sub.currentPeriodEnd, locale);
-  const lifecycleActions = (sub, variantFor) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "throttle-actions", children: [
+  const priceLabel = (sub) => `${formatMoney(sub.amount, sub.currency, locale)} / ${cadenceNoun(sub)}${sub.quantity > 1 ? ` \xD7 ${sub.quantity}` : ""}`;
+  const renewsLabel = (sub) => formatDate(
+    sub.status === "completed" ? sub.completedAt ?? sub.currentPeriodEnd : sub.status === "cancelled" ? sub.cancelledAt ?? sub.currentPeriodEnd : sub.currentPeriodEnd,
+    locale
+  );
+  const lifecycleActions = (sub, variantFor) => isInstallment(sub) ? null : /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "throttle-actions", children: [
     CAN_PAUSE.has(sub.status) ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       Button,
       {
@@ -4489,7 +4518,10 @@ function SubscriptionsPanel(props) {
             rowKey: (sub) => sub.id,
             rows,
             columns: [
-              { key: "plan", label: t.subscriptions.columnPlan, render: (sub) => sub.planName ?? sub.planReference },
+              { key: "plan", label: t.subscriptions.columnPlan, render: (sub) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+                sub.planName ?? sub.planReference,
+                sub.totalPayments != null ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "throttle-muted", children: t.subscriptions.installmentProgress.replace("{paid}", String(Math.min(sub.paymentsMade ?? 0, sub.totalPayments))).replace("{total}", String(sub.totalPayments)) }) : null
+              ] }) },
               { key: "price", label: t.subscriptions.columnPrice, render: (sub) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "throttle-table__money", children: priceLabel(sub) }) },
               { key: "renews", label: t.subscriptions.columnRenews, render: (sub) => renewsLabel(sub) },
               { key: "status", label: t.subscriptions.columnStatus, render: (sub) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "throttle-row", children: [
@@ -4505,13 +4537,18 @@ function SubscriptionsPanel(props) {
               /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("strong", { children: sub.planName ?? sub.planReference }),
               /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(StatusBadge, { status: sub.status, labels: t.subscriptions.statusLabels })
             ] }),
+            sub.totalPayments != null ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "throttle-muted", children: t.subscriptions.installmentProgress.replace("{paid}", String(Math.min(sub.paymentsMade ?? 0, sub.totalPayments))).replace("{total}", String(sub.totalPayments)) }) : null,
             /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "throttle-muted", children: [
               formatMoney(sub.amount, sub.currency, locale),
               " / ",
-              intervalWord(sub.interval),
+              cadenceNoun(sub),
               sub.quantity > 1 ? ` \xD7 ${sub.quantity}` : ""
             ] }),
-            sub.status === "cancelled" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "throttle-muted", children: [
+            sub.status === "completed" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "throttle-muted", children: [
+              t.subscriptions.statusLabels.completed,
+              " ",
+              formatDate(sub.completedAt ?? sub.currentPeriodEnd, locale)
+            ] }) : sub.status === "cancelled" ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("p", { className: "throttle-muted", children: [
               t.subscriptions.cancelledOn,
               " ",
               formatDate(sub.cancelledAt ?? sub.currentPeriodEnd, locale)