@usethrottle/auth 0.6.0 → 0.7.0

package/dist/index.d.cts

@@ -96,7 +96,10 @@ interface Order {
     billingAddress: unknown | null;
     shippingAddress: unknown | null;
     discountCode: string | null;
+    /** Set only when the order is linked to exactly one subscription. Read `subscriptionIds`. */
     subscriptionId: string | null;
+    /** Every subscription this order created, in line order. One cart can hold several. */
+    subscriptionIds: string[];
     /**
      * The invoice raised for this order, when one exists. Resolved on the
      * detail read only — the list would need a lookup per row.
@@ -120,6 +123,8 @@ interface OrderLineItem {
     discountAmount: number;
     total: number;
     imageUrl: string | null;
+    /** The subscription this line created, or null for a one-time line. */
+    subscriptionId: string | null;
 }
 /**
  * What `getOrder` returns. Deliberately NOT folded into `Order`: the list route

package/dist/index.d.ts

@@ -96,7 +96,10 @@ interface Order {
     billingAddress: unknown | null;
     shippingAddress: unknown | null;
     discountCode: string | null;
+    /** Set only when the order is linked to exactly one subscription. Read `subscriptionIds`. */
     subscriptionId: string | null;
+    /** Every subscription this order created, in line order. One cart can hold several. */
+    subscriptionIds: string[];
     /**
      * The invoice raised for this order, when one exists. Resolved on the
      * detail read only — the list would need a lookup per row.
@@ -120,6 +123,8 @@ interface OrderLineItem {
     discountAmount: number;
     total: number;
     imageUrl: string | null;
+    /** The subscription this line created, or null for a one-time line. */
+    subscriptionId: string | null;
 }
 /**
  * What `getOrder` returns. Deliberately NOT folded into `Order`: the list route

package/dist/react/components/index.cjs

@@ -780,6 +780,7 @@ var THROTTLE_ELEMENT_KEYS = [
   "orderDetail.cancelButton",
   "orderDetail.returnButton",
   "orderDetail.invoiceButton",
+  "orderDetail.subscriptionButton",
   "orderDetail.actions",
   "invoiceDetail.layout",
   "invoiceDetail.main",
@@ -1187,7 +1188,8 @@ var enUS = {
     quantity: "Qty",
     shippingAddress: "Shipping address",
     billingAddress: "Billing address",
-    viewSubscription: "View subscription"
+    viewSubscription: "View subscription",
+    viewSubscriptionFor: "View subscription for"
   },
   invoices: {
     empty: "No invoices yet",
@@ -3862,6 +3864,16 @@ function OrderTimeline(props) {
   ] });
 }
 
+// src/react/components/account/order-subscription-links.ts
+function orderSubscriptionLinks(order, labels) {
+  const ids = order.subscriptionIds?.length ? order.subscriptionIds : order.subscriptionId ? [order.subscriptionId] : [];
+  if (ids.length === 1) return [{ id: ids[0], label: labels.single }];
+  return ids.map((id, index) => {
+    const name = order.lineItems.find((li) => li.subscriptionId === id)?.name;
+    return { id, label: name ? `${labels.named} ${name}` : `${labels.single} ${index + 1}` };
+  });
+}
+
 // src/react/components/account/OrderDetail.tsx
 var import_jsx_runtime39 = require("react/jsx-runtime");
 var CAN_PAY = /* @__PURE__ */ new Set(["draft", "pending"]);
@@ -4022,14 +4034,19 @@ function OrderDetail(props) {
                     children: t.orders.reorder
                   }
                 ) : null,
-                order.subscriptionId && props.onViewSubscription ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                props.onViewSubscription ? orderSubscriptionLinks(order, {
+                  single: t.orders.viewSubscription,
+                  named: t.orders.viewSubscriptionFor
+                }).map((link) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   Button,
                   {
                     variant: "secondary",
-                    onClick: () => props.onViewSubscription(order.subscriptionId),
-                    children: t.orders.viewSubscription
-                  }
-                ) : null,
+                    elementKey: "orderDetail.subscriptionButton",
+                    onClick: () => props.onViewSubscription(link.id),
+                    children: link.label
+                  },
+                  link.id
+                )) : null,
                 showReturn ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   Button,
                   {
@@ -4415,7 +4432,7 @@ function cadenceNoun(cadence) {
 
 // src/react/components/account/SubscriptionsPanel.tsx
 var import_jsx_runtime43 = require("react/jsx-runtime");
-var CAN_PAUSE = /* @__PURE__ */ new Set(["active", "trialing"]);
+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;