@usethrottle/auth 0.4.0 → 0.5.0

package/dist/react/components/index.js

@@ -3708,6 +3708,14 @@ 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 = {
+  weekly: "week",
+  biweekly: "2 weeks",
+  monthly: "month",
+  quarterly: "quarter",
+  yearly: "year"
+};
+var intervalWord = (interval) => INTERVAL_WORD[interval] ?? interval;
 function SubscriptionsPanel(props) {
   const a = useAppearance(props.appearance);
   const scoped = useAppearanceProviderValue(props.appearance);
@@ -3727,7 +3735,7 @@ function SubscriptionsPanel(props) {
       await run(fn);
     })();
   };
-  const priceLabel = (sub) => `${formatMoney(sub.amount, sub.currency, locale)} / ${sub.interval}${sub.quantity > 1 ? ` \xD7 ${sub.quantity}` : ""}`;
+  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: [
     CAN_PAUSE.has(sub.status) ? /* @__PURE__ */ jsx42(
@@ -3823,7 +3831,7 @@ function SubscriptionsPanel(props) {
             /* @__PURE__ */ jsxs32("p", { className: "throttle-muted", children: [
               formatMoney(sub.amount, sub.currency, locale),
               " / ",
-              sub.interval,
+              intervalWord(sub.interval),
               sub.quantity > 1 ? ` \xD7 ${sub.quantity}` : ""
             ] }),
             sub.status === "cancelled" ? /* @__PURE__ */ jsxs32("p", { className: "throttle-muted", children: [