@meith/plugin-dues 0.3.0 → 0.3.1

package/README.md

@@ -24,6 +24,12 @@ the old primary group straight back. A member who would rather be shown as
 something else can pick any group they are in under UserCP → Profile; the
 choice is theirs, and it drops away with the membership it names.
 
+**Staff are the exception, and they are meant to be.** A moderator or
+administrator who buys gets the group and everything it carries, as a secondary
+membership — but their standing does not move, and they are still shown as
+staff. Selling a badge is fine; selling somebody out of the one that says who
+answers for the board is not.
+
 **Try it before you read any of this**: [demo.meith.dev](https://demo.meith.dev)
 runs this plugin against a Stripe that is not Stripe — a shop with a year of
 history behind it, and a checkout a visitor can actually go through. See

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meith/plugin-dues",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Membership dues for a Meith board: Stripe-backed subscriptions as a contained plugin.",
   "license": "LGPL-3.0-or-later",
   "repository": {
@@ -20,7 +20,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@meith/plugin-kit": "^0.3.0"
+    "@meith/plugin-kit": "^0.3.1"
   },
   "peerDependencies": {
     "react": "^19.2.0"

package/src/definition.tsx

@@ -39,7 +39,7 @@ export function dues(input: DuesConfigInput): PluginDefinition {
   return definePlugin({
     key: 'dues',
     name: 'Dues',
-    version: '0.1.0',
+    version: '0.3.1',
     description:
       `Sells ${config.label.toLowerCase()} — time-limited membership of a group — ` +
       'through Stripe, for yourself or as a gift.',

package/src/ui/admin.tsx

@@ -19,7 +19,12 @@ import {
 } from '../store'
 import { SUBSCRIBED_EVENT_TYPES } from '../stripe/events'
 
-const CARD = 'flex flex-col gap-3 rounded-lg border border-border p-4'
+const QUIET_PANEL =
+  'rounded-lg border border-border bg-card p-4 text-sm text-muted-foreground'
+
+const CARD =
+  'flex flex-col gap-3 rounded-lg border border-border bg-card p-4 text-card-foreground ' +
+  'shadow-elevation'
 const TH = 'px-2 py-1.5 text-left text-xs font-medium text-muted-foreground'
 const TD = 'px-2 py-1.5 align-top'
 const INPUT =
@@ -352,7 +357,7 @@ export async function MembersPage({ context }: { context: PluginAdminPageContext
         its own.
       </p>
       {memberships.length === 0 ? (
-        <p className="rounded-lg border border-border p-4 text-sm text-muted-foreground">
+        <p className={QUIET_PANEL}>
           Nothing sold yet.
         </p>
       ) : (

package/src/ui/pages.tsx

@@ -14,7 +14,12 @@ import {
   type PlanRow,
 } from '../store'
 
-const CARD = 'flex flex-col gap-3 rounded-lg border border-border p-4'
+const QUIET_PANEL =
+  'rounded-lg border border-border bg-card p-4 text-sm text-muted-foreground'
+
+const CARD =
+  'flex flex-col gap-3 rounded-lg border border-border bg-card p-4 text-card-foreground ' +
+  'shadow-elevation'
 const INPUT =
   'w-full rounded-md border border-border bg-background px-3 py-2 text-sm ' +
   'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring'
@@ -263,7 +268,7 @@ export async function PlansPage({
       <Notice query={context.query} />
       <HeldCard memberships={memberships} />
       {plans.length === 0 && (
-        <p className="rounded-lg border border-border p-4 text-sm text-muted-foreground">
+        <p className={QUIET_PANEL}>
           Nothing is on sale just now.
         </p>
       )}
@@ -311,7 +316,7 @@ export function GoPage({
 
   if (!allowed) {
     return (
-      <p className="rounded-lg border border-border p-4 text-sm text-muted-foreground">
+      <p className={QUIET_PANEL}>
         That is not somewhere this board sends people.{' '}
         <a href="/plugins/dues" className="font-medium underline underline-offset-2">
           Back to safety.
@@ -356,7 +361,7 @@ export async function ReturnPage({
     (order.buyerUserId !== viewerId && order.recipientUserId !== viewerId)
   ) {
     return (
-      <p className="rounded-lg border border-border p-4 text-sm text-muted-foreground">
+      <p className={QUIET_PANEL}>
         There is no order of yours here.{' '}
         <a href="/plugins/dues" className="font-medium underline underline-offset-2">
           Back to {config.label.toLowerCase()}
@@ -489,7 +494,7 @@ export async function ManagePage({
       )}
 
       {memberships.length === 0 ? (
-        <p className="rounded-lg border border-border p-4 text-sm text-muted-foreground">
+        <p className={QUIET_PANEL}>
           You hold no {config.label.toLowerCase()} yet.{' '}
           <a href="/plugins/dues" className="font-medium underline underline-offset-2">
             The plans are here.