@mesub/react 0.1.0 → 0.1.2

package/dist/index.js

@@ -427,6 +427,14 @@ function moment(iso, now = Date.now()) {
 function shortMoment(iso, now = Date.now()) {
   return written(iso, { month: "short", day: "numeric" }, now);
 }
+var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+var two = (n) => String(n).padStart(2, "0");
+function planEnd(iso) {
+  if (!iso) return null;
+  const date = new Date(iso);
+  if (Number.isNaN(date.getTime())) return null;
+  return `${MONTHS[date.getUTCMonth()]} ${date.getUTCDate()}, ${date.getUTCFullYear()}, ${two(date.getUTCHours())}:${two(date.getUTCMinutes())} UTC`;
+}
 function shortAddress(address) {
   return `${address.slice(0, 4)}\u2026${address.slice(-4)}`;
 }
@@ -1396,7 +1404,7 @@ function planScreen(loaded, titleId, reload, close) {
 function stageScreen(props) {
   const { view, plan, chain, titleId } = props;
   const { text: price, title: exact } = briefPrice(plan);
-  const ends = moment(plan.ends_at);
+  const ends = planEnd(plan.ends_at);
   const single = view.name === "review" ? singleCharge(plan, view.prepared.terms.message) : view.name === "signing" || view.name === "subscribed" ? view.single : singleCharge(plan);
   const every = single ? "once" : cadence(plan.period_hours);
   const merchant = /* @__PURE__ */ jsx4(
@@ -1596,7 +1604,7 @@ function stageScreen(props) {
     };
   }
   const nextCharge = view.single ? null : moment(view.subscription.next_charge_at);
-  const accessUntil = view.single ? moment(view.subscription.access_until) ?? ends : null;
+  const accessUntil = view.single ? ends ?? moment(view.subscription.access_until) : null;
   const manage = manageLink(props.manageUrl, view.cancelUrl);
   return {
     step: "subscribed",
@@ -1717,7 +1725,7 @@ function consequence(action, subscription, planEndsAt) {
   }
   if (action === "resume") {
     if (end && until && noChargeAt(Date.parse(end), planEndsAt)) {
-      return `It runs again until ${until}, when the plan ends. Nothing more is charged.`;
+      return `It runs again until ${planEnd(planEndsAt)}, when the plan ends. Nothing more is charged.`;
     }
     return until ? `Charges start again on ${until}, as before.` : "Charges start again, as before.";
   }
@@ -2635,9 +2643,9 @@ function SubscriptionDialog({
           /* @__PURE__ */ jsx7("dt", { children: "Total paid" }),
           /* @__PURE__ */ jsx7("dd", { title: total.title, children: total.text })
         ] }) : null,
-        moment(plan?.ends_at) ? /* @__PURE__ */ jsxs6("div", { "data-mesub-row": "", children: [
+        planEnd(plan?.ends_at) ? /* @__PURE__ */ jsxs6("div", { "data-mesub-row": "", children: [
           /* @__PURE__ */ jsx7("dt", { children: "Plan ends" }),
-          /* @__PURE__ */ jsx7("dd", { children: moment(plan?.ends_at) })
+          /* @__PURE__ */ jsx7("dd", { children: planEnd(plan?.ends_at) })
         ] }) : null,
         closeFrom(row) ? /* @__PURE__ */ jsxs6("div", { "data-mesub-row": "", children: [
           /* @__PURE__ */ jsx7("dt", { children: "Close from" }),
@@ -2752,7 +2760,7 @@ function SubscriptionDialog({
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function MesubProvider({
   endpoint,
-  chain = "solana:devnet",
+  chain = "solana:mainnet",
   fetch,
   theme,
   manageUrl,