@meterbox/customer-portal 0.1.4 → 0.1.6

package/README.md

@@ -44,7 +44,9 @@ function handlePlanSelect(plan, billingInterval) {
   (`/v1/customer-portal/:id/cancellation`). Also exported on its own as
   `<CancelSubscription>`. Each step reaches you as a webhook
   (`customer.cancel.initiated`, `customer.win-back.accepted`,
-  `customer.cancel.confirmed`).
+  `customer.cancel.confirmed`). Below that, the customer's **invoices**, each
+  with its PDF and payment page (`<InvoiceHistory>`,
+  `GET /v1/customer-portal/:id/invoices`).
 - **Plans**: the published plans (`GET /v1/customer-portal/:id/plans`) in a
   `<PricingTable>` (monthly/annual toggle and each plan's model rates
   included) + inline

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meterbox/customer-portal",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Drop-in multi-page React customer portal for Meterbox: Account, Plans, Credits. Built on @meterbox/react.",
   "license": "MIT",
   "homepage": "https://meterbox.ai",
@@ -17,7 +17,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@meterbox/react": "0.1.2"
+    "@meterbox/react": "0.1.4"
   },
   "peerDependencies": {
     "react": ">=17",

package/src/pages/AccountPage.js

@@ -1,9 +1,11 @@
 /**
  * <AccountPage /> — fetches GET /v1/customer-portal/:id/me and renders the
- * customer's own profile + current plan.
+ * customer's own profile + current plan, the way to cancel, and their
+ * invoices with PDFs (`<InvoiceHistory>` from @meterbox/react).
  */
 
 const React = require("react");
+const { InvoiceHistory } = require("@meterbox/react");
 const CancelSubscription = require("../CancelSubscription");
 
 const styles = {
@@ -163,6 +165,7 @@ function AccountPage({ baseUrl, customerId, customerToken, fetch: fetchImpl }) {
       cancelAt: me.cancel_at,
       onChange: reload,
     }),
+    React.createElement(InvoiceHistory, { baseUrl, customerId, customerToken, fetch: fetchImpl }),
   );
 }