@mesub/react 0.1.0 → 0.1.2

package/README.md

@@ -16,9 +16,22 @@ part in the browser: picking one, connecting it, signing in the right order.
 
 **[Read the docs](https://docs.mesub.io/docs/react)** for the walkthrough.
 
-> **Status: early, 0.x, not on npm yet.** The API may still change between
-> minor versions. See the [board](https://github.com/orgs/Mesub-io/projects/5)
-> for what is next.
+[![npm](https://img.shields.io/npm/v/@mesub/react)](https://www.npmjs.com/package/@mesub/react)
+
+> **Status: early, 0.x.** The API may still change between minor versions:
+> `npm update` takes patches (0.1.x), a new minor (0.2.0) takes
+> `npm install @mesub/react@latest`. See the
+> [board](https://github.com/orgs/Mesub-io/projects/5) for what is next.
+
+## Install
+
+```sh
+npm install @mesub/react
+```
+
+`react` and `react-dom` 18 or later are peer dependencies. Every release is
+built by GitHub Actions from a tagged commit and published with a provenance
+statement: `npm audit signatures` verifies it.
 
 ## Requirements
 
@@ -57,7 +70,7 @@ export function App({ children }) {
 | Prop        | What it is                                                                                                                               |
 | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------- |
 | `endpoint`  | Where you mounted the routes. A path on your site, or a full URL.                                                                        |
-| `chain`     | The network the wallet signs for: `solana:devnet` (the default) or `solana:mainnet`. It must match your plans' `network`.                |
+| `chain`     | The network the wallet signs for: `solana:mainnet` (the default, where Mesub runs). It must match your plans' `network`.                 |
 | `fetch`     | Your own `(url, init) => Promise<Response>`, to add headers or credentials.                                                              |
 | `theme`     | `light`, `dark` or `auto`, set on the widget as `data-mesub-theme`.                                                                      |
 | `manageUrl` | Where "Cancel any time" leads once subscribed: your own page (`/account`, or a full URL). Mesub's page by default; `null` for no button. |
@@ -88,8 +101,10 @@ import { SubscribeButton } from '@mesub/react';
 dialog, from the plan to the receipt:
 
 1. **The plan**: its name, price and period, from `GET /plans/:slug`, and its end
-   date when it has one. A plan that ends before a second charge can run is
-   priced `once`, with the date its access runs to.
+   when it has one. A plan ends on any second, so its end is always written
+   with its time, in UTC, the same for every subscriber: `Oct 20, 2026, 23:59 UTC`.
+   A plan that ends before a second charge can run is priced `once`, with the
+   end its access runs to.
 2. **A wallet**: the installed wallets that can sign
    ([Wallet Standard](https://github.com/wallet-standard/wallet-standard), so
    Phantom, Solflare and the others). The one picked is asked for its account.

package/dist/index.cjs

@@ -457,6 +457,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)}`;
 }
@@ -1426,7 +1434,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__ */ (0, import_jsx_runtime4.jsx)(
@@ -1626,7 +1634,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",
@@ -1747,7 +1755,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.";
   }
@@ -2659,9 +2667,9 @@ function SubscriptionDialog({
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: "Total paid" }),
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { title: total.title, children: total.text })
         ] }) : null,
-        moment(plan?.ends_at) ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { "data-mesub-row": "", children: [
+        planEnd(plan?.ends_at) ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { "data-mesub-row": "", children: [
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: "Plan ends" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: moment(plan?.ends_at) })
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: planEnd(plan?.ends_at) })
         ] }) : null,
         closeFrom(row) ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { "data-mesub-row": "", children: [
           /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: "Close from" }),
@@ -2776,7 +2784,7 @@ function SubscriptionDialog({
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function MesubProvider({
   endpoint,
-  chain = "solana:devnet",
+  chain = "solana:mainnet",
   fetch,
   theme,
   manageUrl,