@usethrottle/auth 0.5.0 → 0.6.1

package/dist/react/components/index.d.cts

@@ -322,6 +322,7 @@ declare const enUS: {
         endsOn: string;
         cancelledOn: string;
         trialEnds: string;
+        installmentProgress: string;
         cancelButton: string;
         cancelAtPeriodEnd: string;
         cancelNow: string;
@@ -337,7 +338,8 @@ declare const 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: string;
@@ -346,6 +348,7 @@ declare const enUS: {
             pastDue: string;
             trialing: string;
             unpaid: string;
+            completed: string;
         };
     };
     security: {

package/dist/react/components/index.d.ts

@@ -322,6 +322,7 @@ declare const enUS: {
         endsOn: string;
         cancelledOn: string;
         trialEnds: string;
+        installmentProgress: string;
         cancelButton: string;
         cancelAtPeriodEnd: string;
         cancelNow: string;
@@ -337,7 +338,8 @@ declare const 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: string;
@@ -346,6 +348,7 @@ declare const enUS: {
             pastDue: string;
             trialing: string;
             unpaid: string;
+            completed: string;
         };
     };
     security: {

package/dist/react/components/index.js

@@ -671,6 +671,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",
@@ -686,7 +687,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",
@@ -694,7 +696,8 @@ var enUS = {
       cancelled: "Cancelled",
       pastDue: "Payment overdue",
       trialing: "Trial",
-      unpaid: "Unpaid"
+      unpaid: "Unpaid",
+      completed: "Paid in full"
     }
   },
   security: {
@@ -3703,19 +3706,42 @@ function InvoicesPanel(props) {
   ) }) }) });
 }
 
-// src/react/components/account/SubscriptionsPanel.tsx
-import { jsx as jsx42, jsxs as jsxs32 } from "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
+import { Fragment as Fragment8, jsx as jsx42, jsxs as jsxs32 } from "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);
@@ -3735,9 +3761,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__ */ jsxs32("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__ */ jsxs32("div", { className: "throttle-actions", children: [
     CAN_PAUSE.has(sub.status) ? /* @__PURE__ */ jsx42(
       Button,
       {
@@ -3812,7 +3841,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__ */ jsxs32(Fragment8, { children: [
+                sub.planName ?? sub.planReference,
+                sub.totalPayments != null ? /* @__PURE__ */ jsx42("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__ */ jsx42("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__ */ jsxs32("div", { className: "throttle-row", children: [
@@ -3828,13 +3860,18 @@ function SubscriptionsPanel(props) {
               /* @__PURE__ */ jsx42("strong", { children: sub.planName ?? sub.planReference }),
               /* @__PURE__ */ jsx42(StatusBadge, { status: sub.status, labels: t.subscriptions.statusLabels })
             ] }),
+            sub.totalPayments != null ? /* @__PURE__ */ jsx42("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__ */ jsxs32("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__ */ jsxs32("p", { className: "throttle-muted", children: [
+            sub.status === "completed" ? /* @__PURE__ */ jsxs32("p", { className: "throttle-muted", children: [
+              t.subscriptions.statusLabels.completed,
+              " ",
+              formatDate(sub.completedAt ?? sub.currentPeriodEnd, locale)
+            ] }) : sub.status === "cancelled" ? /* @__PURE__ */ jsxs32("p", { className: "throttle-muted", children: [
               t.subscriptions.cancelledOn,
               " ",
               formatDate(sub.cancelledAt ?? sub.currentPeriodEnd, locale)
@@ -3891,7 +3928,7 @@ function describeDevice(userAgent) {
 }
 
 // src/react/components/account/SecurityPanel.tsx
-import { Fragment as Fragment8, jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx43, jsxs as jsxs33 } from "react/jsx-runtime";
 function SecurityPanel(props) {
   const a = useAppearance(props.appearance);
   const scoped = useAppearanceProviderValue(props.appearance);
@@ -3956,7 +3993,7 @@ function SecurityPanel(props) {
     ),
     /* @__PURE__ */ jsxs33("div", { ...a.el("securityPanel.sessionList", "throttle-stack"), children: [
       /* @__PURE__ */ jsx43("h3", { children: t.security.sessionsTitle }),
-      listError ? /* @__PURE__ */ jsxs33(Fragment8, { children: [
+      listError ? /* @__PURE__ */ jsxs33(Fragment9, { children: [
         /* @__PURE__ */ jsx43(Alert, { tone: "error", children: listError }),
         /* @__PURE__ */ jsx43(Button, { variant: "secondary", onClick: () => void load(), children: t.common.retry })
       ] }) : null,
@@ -4037,7 +4074,7 @@ function SecurityPanel(props) {
 }
 
 // src/react/components/account/AccountDashboard.tsx
-import { Fragment as Fragment9, jsx as jsx44, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx44, jsxs as jsxs34 } from "react/jsx-runtime";
 var ACCOUNT_TABS = [
   "profile",
   "addresses",
@@ -4152,7 +4189,7 @@ function AccountDashboard(props) {
     sidebar ? /* @__PURE__ */ jsxs34("div", { className: "throttle-account", children: [
       /* @__PURE__ */ jsx44("div", { ...a.el("accountDashboard.sidebar"), children: nav }),
       panel
-    ] }) : /* @__PURE__ */ jsxs34(Fragment9, { children: [
+    ] }) : /* @__PURE__ */ jsxs34(Fragment10, { children: [
       /* @__PURE__ */ jsx44("div", { ...a.el("accountDashboard.tabs"), children: nav }),
       panel
     ] })
@@ -4477,21 +4514,21 @@ function SignUpPage(props) {
 }
 
 // src/react/components/guards.tsx
-import { Fragment as Fragment10, jsx as jsx53 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx53 } from "react/jsx-runtime";
 function SignedIn(props) {
   const { status } = useAuth();
-  return status === "authenticated" ? /* @__PURE__ */ jsx53(Fragment10, { children: props.children }) : null;
+  return status === "authenticated" ? /* @__PURE__ */ jsx53(Fragment11, { children: props.children }) : null;
 }
 function SignedOut(props) {
   const { status } = useAuth();
-  return status === "unauthenticated" ? /* @__PURE__ */ jsx53(Fragment10, { children: props.children }) : null;
+  return status === "unauthenticated" ? /* @__PURE__ */ jsx53(Fragment11, { children: props.children }) : null;
 }
 function Protect(props) {
   const { status, emailVerified } = useAuth();
   if (status === "loading") return null;
-  if (status !== "authenticated") return /* @__PURE__ */ jsx53(Fragment10, { children: props.fallback ?? null });
-  if (props.requireVerified && !emailVerified) return /* @__PURE__ */ jsx53(Fragment10, { children: props.fallback ?? null });
-  return /* @__PURE__ */ jsx53(Fragment10, { children: props.children });
+  if (status !== "authenticated") return /* @__PURE__ */ jsx53(Fragment11, { children: props.fallback ?? null });
+  if (props.requireVerified && !emailVerified) return /* @__PURE__ */ jsx53(Fragment11, { children: props.fallback ?? null });
+  return /* @__PURE__ */ jsx53(Fragment11, { children: props.children });
 }
 
 // src/react/components/UserButton.tsx