@86d-store/memberships 0.1.0

package/README.md

@@ -0,0 +1,193 @@
+<p align="center">
+  <a href="https://86d.app">
+    <img src="https://86d.app/icon" height="96" alt="86d" />
+  </a>
+</p>
+
+<p align="center">
+  The Modern Foundation for Commerce
+</p>
+
+<p align="center">
+  <a href="https://x.com/86d_app"><strong>X</strong></a> ·
+  <a href="https://www.linkedin.com/company/86d"><strong>LinkedIn</strong></a>
+</p>
+<br/>
+
+> [!WARNING]
+> This project is under active development and is not ready for production use. Please proceed with caution. Use at your own risk. 
+
+📚 **Documentation:** [86d.app/docs/modules/memberships](https://86d.app/docs/modules/memberships)
+
+# @86d-store/memberships
+
+Paid membership plans for your commerce store. Create tiered subscription plans with exclusive benefits, gated products, and member-only pricing. Supports monthly, yearly, and lifetime billing intervals with optional trial periods.
+
+## Installation
+
+The memberships module is included in the 86d platform. Enable it in your store's `config.json`:
+
+```json
+{
+  "modules": {
+    "memberships": {}
+  }
+}
+```
+
+## Configuration
+
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| `defaultTrialDays` | string | `"0"` | Default trial period for plans |
+| `defaultMaxMembers` | string | — | Max members per plan |
+
+## Usage
+
+```ts
+import memberships from "@86d-store/memberships";
+
+// In your store configuration
+memberships({
+  defaultTrialDays: "14",
+});
+```
+
+## Store Endpoints
+
+| Method | Path | Description |
+|--------|------|-------------|
+| GET | `/memberships/plans` | List active plans |
+| GET | `/memberships/plans/:slug` | Get plan details with benefits |
+| GET | `/memberships/my-membership` | Get customer's current membership |
+| POST | `/memberships/subscribe` | Subscribe to a plan |
+| POST | `/memberships/cancel` | Cancel a membership |
+| GET | `/memberships/check-access` | Check if customer can access a product |
+
+### List plans
+
+```
+GET /memberships/plans?take=50&skip=0
+→ { plans: MembershipPlan[] }
+```
+
+### Get plan details
+
+```
+GET /memberships/plans/gold
+→ { plan: MembershipPlan, benefits: MembershipBenefit[] }
+```
+
+### Subscribe (requires auth)
+
+```
+POST /memberships/subscribe
+{ planId: string }
+→ { membership: Membership }
+```
+
+Customer ID is derived from the session — never provided by the client.
+
+### Check product access (requires auth)
+
+```
+GET /memberships/check-access?productId=prod_1
+→ { hasAccess: boolean }
+```
+
+Returns `{ hasAccess: false }` for unauthenticated requests. Customer ID is derived from the session.
+
+## Admin Endpoints
+
+| Method | Path | Description |
+|--------|------|-------------|
+| GET | `/admin/memberships` | List all memberships (filter by status, planId) |
+| GET | `/admin/memberships/stats` | Dashboard statistics |
+| GET | `/admin/memberships/plans` | List all plans |
+| POST | `/admin/memberships/plans/create` | Create a plan |
+| POST | `/admin/memberships/plans/:id/update` | Update a plan |
+| POST | `/admin/memberships/plans/:id/delete` | Delete a plan (cascades) |
+| GET | `/admin/memberships/:id` | Get membership details |
+| POST | `/admin/memberships/:id/cancel` | Cancel a membership |
+| POST | `/admin/memberships/:id/pause` | Pause a membership |
+| POST | `/admin/memberships/:id/resume` | Resume a paused membership |
+| POST | `/admin/memberships/plans/:planId/benefits/add` | Add benefit to plan |
+| POST | `/admin/memberships/benefits/:id/remove` | Remove a benefit |
+| POST | `/admin/memberships/plans/:planId/products/gate` | Gate products to plan |
+| POST | `/admin/memberships/plans/:planId/products/ungate` | Ungate products |
+
+## Store UI
+
+The module includes customer-facing store components in `src/store/components/` (TSX logic + MDX templates):
+
+| Page | Component | Description |
+|------|-----------|-------------|
+| `/memberships` | `PlanListing` | Browse all active membership plans with pricing and features |
+| `/memberships/:slug` | `PlanDetail` | Plan detail with benefits, features list, and subscribe action |
+| (embeddable) | `MyMembership` | Customer membership dashboard — view status, benefits, cancel |
+
+## Admin UI
+
+The module includes admin UI components in `src/admin/components/index.tsx` (client components using `useModuleClient`):
+
+| Page | Component | Description |
+|------|-----------|-------------|
+| `/admin/memberships` | `MembershipAdmin` | Membership list with status filters, member management |
+| `/admin/memberships/plans` | `MembershipPlans` | Plan list with create/edit forms, benefit and product gating management |
+
+## Service API
+
+The `MembershipController` provides 24 methods:
+
+### Plans
+- `createPlan(params)` — Create a membership plan
+- `getPlan(id)` — Get plan by ID
+- `getPlanBySlug(slug)` — Get plan by URL slug
+- `updatePlan(id, params)` — Update plan fields (null clears optional fields)
+- `deletePlan(id)` — Delete plan with cascade
+- `listPlans(params?)` — List plans with filtering and pagination
+- `countPlans(params?)` — Count plans
+
+### Memberships
+- `subscribe({ customerId, planId })` — Subscribe customer (auto-cancels previous)
+- `cancelMembership(id)` — Cancel membership
+- `pauseMembership(id)` — Pause active/trial membership
+- `resumeMembership(id)` — Resume paused membership
+- `getMembership(id)` — Get by ID
+- `getCustomerMembership(customerId)` — Get active membership with plan
+- `listMemberships(params?)` — List with filters
+- `countMemberships(params?)` — Count with filters
+
+### Benefits
+- `addBenefit(params)` — Add benefit to plan
+- `removeBenefit(id)` — Remove benefit
+- `listBenefits(planId)` — List plan benefits
+- `getCustomerBenefits(customerId)` — Get active benefits for member
+
+### Product Gating
+- `gateProduct({ planId, productId })` — Gate product to plan
+- `ungateProduct({ planId, productId })` — Remove gate
+- `listGatedProducts({ planId })` — List gated products
+- `countGatedProducts(planId)` — Count gated products
+- `canAccessProduct({ customerId, productId })` — Check access
+
+### Admin
+- `getStats()` — Dashboard statistics
+
+## Types
+
+```ts
+type BillingInterval = "monthly" | "yearly" | "lifetime";
+type MembershipStatus = "active" | "trial" | "expired" | "cancelled" | "paused";
+type BenefitType = "discount_percentage" | "free_shipping" | "early_access" | "exclusive_products" | "priority_support";
+```
+
+## Notes
+
+- A customer can have only one active membership at a time
+- Subscribing to a new plan automatically cancels the previous one
+- Plans with `trialDays > 0` start memberships in `trial` status
+- Lifetime plans have no expiration date
+- Product gating is plan-specific — a product can be gated to multiple plans
+- `canAccessProduct` returns `true` for ungated products (no membership required)
+- Deleting a plan cascades to its benefits, gated products, and memberships

package/dist/admin/components/_shared.d.ts

@@ -0,0 +1,13 @@
+export declare function useMembershipsApi(): {
+    listMemberships: import("@86d-store/core/client/types").AnyEndpointHook;
+    getMembership: import("@86d-store/core/client/types").AnyEndpointHook;
+    cancelMembership: import("@86d-store/core/client/types").AnyEndpointHook;
+    pauseMembership: import("@86d-store/core/client/types").AnyEndpointHook;
+    resumeMembership: import("@86d-store/core/client/types").AnyEndpointHook;
+    stats: import("@86d-store/core/client/types").AnyEndpointHook;
+    listPlans: import("@86d-store/core/client/types").AnyEndpointHook;
+    createPlan: import("@86d-store/core/client/types").AnyEndpointHook;
+    updatePlan: import("@86d-store/core/client/types").AnyEndpointHook;
+    deletePlan: import("@86d-store/core/client/types").AnyEndpointHook;
+};
+//# sourceMappingURL=_shared.d.ts.map

package/dist/admin/components/_shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_shared.d.ts","sourceRoot":"","sources":["../../../src/admin/components/_shared.tsx"],"names":[],"mappings":"AAIA,wBAAgB,iBAAiB;;;;;;;;;;;EAoBhC"}

package/dist/admin/components/_shared.js

@@ -0,0 +1,17 @@
+"use client";
+import { useModuleClient } from "@86d-store/core/client/provider";
+export function useMembershipsApi() {
+    const client = useModuleClient();
+    return {
+        listMemberships: client.module("memberships").admin["/admin/memberships"],
+        getMembership: client.module("memberships").admin["/admin/memberships/:id"],
+        cancelMembership: client.module("memberships").admin["/admin/memberships/:id/cancel"],
+        pauseMembership: client.module("memberships").admin["/admin/memberships/:id/pause"],
+        resumeMembership: client.module("memberships").admin["/admin/memberships/:id/resume"],
+        stats: client.module("memberships").admin["/admin/memberships/stats"],
+        listPlans: client.module("memberships").admin["/admin/memberships/plans"],
+        createPlan: client.module("memberships").admin["/admin/memberships/plans/create"],
+        updatePlan: client.module("memberships").admin["/admin/memberships/plans/:id/update"],
+        deletePlan: client.module("memberships").admin["/admin/memberships/plans/:id/delete"],
+    };
+}

package/dist/admin/components/membership-admin.d.ts

@@ -0,0 +1,2 @@
+export declare function MembershipAdmin(): import("react").JSX.Element;
+//# sourceMappingURL=membership-admin.d.ts.map

package/dist/admin/components/membership-admin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"membership-admin.d.ts","sourceRoot":"","sources":["../../../src/admin/components/membership-admin.tsx"],"names":[],"mappings":"AA+CA,wBAAgB,eAAe,gCA8O9B"}

package/dist/admin/components/membership-admin.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { useMembershipsApi } from "./_shared";
+const MEMBERSHIP_SKELETON_IDS = ["a", "b", "c", "d"];
+const STATUS_COLORS = {
+    active: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400",
+    trial: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400",
+    expired: "bg-muted text-muted-foreground",
+    cancelled: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400",
+    paused: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400",
+};
+function formatDate(dateStr) {
+    return new Date(dateStr).toLocaleDateString(undefined, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+    });
+}
+export function MembershipAdmin() {
+    const api = useMembershipsApi();
+    const [statusFilter, setStatusFilter] = useState("");
+    const { data, isLoading } = api.listMemberships.useQuery({
+        ...(statusFilter ? { status: statusFilter } : {}),
+    });
+    const { data: statsData } = api.stats.useQuery({});
+    const cancelMutation = api.cancelMembership.useMutation();
+    const pauseMutation = api.pauseMembership.useMutation();
+    const resumeMutation = api.resumeMembership.useMutation();
+    const memberships = data?.memberships ?? [];
+    const stats = statsData?.stats;
+    const handleAction = async (id, action) => {
+        const mutation = action === "cancel"
+            ? cancelMutation
+            : action === "pause"
+                ? pauseMutation
+                : resumeMutation;
+        try {
+            await mutation.mutateAsync({ params: { id } });
+            window.location.reload();
+        }
+        catch {
+            // silently handled
+        }
+    };
+    return (_jsxs("div", { children: [_jsxs("div", { className: "mb-6", children: [_jsx("h1", { className: "font-bold text-2xl text-foreground", children: "Memberships" }), _jsx("p", { className: "mt-1 text-muted-foreground text-sm", children: "Manage customer memberships" })] }), stats ? (_jsxs("div", { className: "mb-6 grid gap-4 sm:grid-cols-3 lg:grid-cols-5", children: [_jsxs("div", { className: "rounded-lg border border-border bg-card p-4", children: [_jsx("p", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Total" }), _jsx("p", { className: "mt-1 font-bold text-2xl text-foreground", children: stats.totalMemberships })] }), _jsxs("div", { className: "rounded-lg border border-border bg-card p-4", children: [_jsx("p", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Active" }), _jsx("p", { className: "mt-1 font-bold text-2xl text-green-600", children: stats.activeMemberships })] }), _jsxs("div", { className: "rounded-lg border border-border bg-card p-4", children: [_jsx("p", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Trial" }), _jsx("p", { className: "mt-1 font-bold text-2xl text-blue-600", children: stats.trialMemberships })] }), _jsxs("div", { className: "rounded-lg border border-border bg-card p-4", children: [_jsx("p", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Paused" }), _jsx("p", { className: "mt-1 font-bold text-2xl text-yellow-600", children: stats.pausedMemberships })] }), _jsxs("div", { className: "rounded-lg border border-border bg-card p-4", children: [_jsx("p", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Cancelled" }), _jsx("p", { className: "mt-1 font-bold text-2xl text-red-600", children: stats.cancelledMemberships })] })] })) : null, _jsx("div", { className: "mb-4", children: _jsxs("select", { "aria-label": "Filter by status", value: statusFilter, onChange: (e) => setStatusFilter(e.target.value), className: "rounded-md border border-border bg-background px-2 py-1.5 text-sm", children: [_jsx("option", { value: "", children: "All statuses" }), _jsx("option", { value: "active", children: "Active" }), _jsx("option", { value: "trial", children: "Trial" }), _jsx("option", { value: "expired", children: "Expired" }), _jsx("option", { value: "cancelled", children: "Cancelled" }), _jsx("option", { value: "paused", children: "Paused" })] }) }), isLoading ? (_jsx("div", { className: "space-y-3", children: MEMBERSHIP_SKELETON_IDS.map((id) => (_jsx("div", { className: "h-16 animate-pulse rounded-lg border border-border bg-muted/30" }, `membership-skel-${id}`))) })) : memberships.length === 0 ? (_jsx("div", { className: "rounded-lg border border-border bg-card p-8 text-center", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "No memberships found." }) })) : (_jsx("div", { className: "overflow-x-auto rounded-md border border-border", children: _jsxs("table", { className: "w-full text-left text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "border-border border-b bg-muted", children: [_jsx("th", { scope: "col", className: "px-4 py-2 font-medium text-muted-foreground", children: "ID" }), _jsx("th", { scope: "col", className: "px-4 py-2 font-medium text-muted-foreground", children: "Customer" }), _jsx("th", { scope: "col", className: "px-4 py-2 font-medium text-muted-foreground", children: "Plan" }), _jsx("th", { scope: "col", className: "px-4 py-2 font-medium text-muted-foreground", children: "Status" }), _jsx("th", { scope: "col", className: "px-4 py-2 font-medium text-muted-foreground", children: "Started" }), _jsx("th", { scope: "col", className: "px-4 py-2 font-medium text-muted-foreground", children: "Actions" })] }) }), _jsx("tbody", { className: "divide-y divide-border", children: memberships.map((m) => (_jsxs("tr", { className: "transition-colors hover:bg-muted/50", children: [_jsxs("td", { className: "px-4 py-2 font-mono text-xs", children: [m.id.slice(0, 8), "..."] }), _jsxs("td", { className: "px-4 py-2 text-foreground", children: [m.customerId.slice(0, 8), "..."] }), _jsxs("td", { className: "px-4 py-2 text-foreground", children: [m.planId.slice(0, 8), "..."] }), _jsx("td", { className: "px-4 py-2", children: _jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 font-medium text-xs ${STATUS_COLORS[m.status] ?? "bg-muted text-muted-foreground"}`, children: m.status }) }), _jsx("td", { className: "px-4 py-2 text-muted-foreground text-xs", children: formatDate(m.startDate) }), _jsx("td", { className: "px-4 py-2", children: _jsxs("div", { className: "flex gap-1", children: [m.status === "active" || m.status === "trial" ? (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: () => handleAction(m.id, "pause"), className: "rounded px-2 py-1 text-xs hover:bg-muted", children: "Pause" }), _jsx("button", { type: "button", onClick: () => handleAction(m.id, "cancel"), className: "rounded px-2 py-1 text-red-600 text-xs hover:bg-red-50 dark:hover:bg-red-900/20", children: "Cancel" })] })) : null, m.status === "paused" ? (_jsx("button", { type: "button", onClick: () => handleAction(m.id, "resume"), className: "rounded px-2 py-1 text-xs hover:bg-muted", children: "Resume" })) : null] }) })] }, m.id))) })] }) }))] }));
+}

package/dist/admin/components/membership-plans.d.ts

@@ -0,0 +1,2 @@
+export declare function MembershipPlans(): import("react").JSX.Element;
+//# sourceMappingURL=membership-plans.d.ts.map

package/dist/admin/components/membership-plans.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"membership-plans.d.ts","sourceRoot":"","sources":["../../../src/admin/components/membership-plans.tsx"],"names":[],"mappings":"AAgXA,wBAAgB,eAAe,gCAgL9B"}

package/dist/admin/components/membership-plans.js

@@ -0,0 +1,153 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { useMembershipsApi } from "./_shared";
+function PlanSheet({ plan, onSaved, onCancel }) {
+    const api = useMembershipsApi();
+    const isEditing = !!plan;
+    const firstInputRef = useRef(null);
+    useEffect(() => {
+        firstInputRef.current?.focus();
+    }, []);
+    const [name, setName] = useState(plan?.name ?? "");
+    const [slug, setSlug] = useState(plan?.slug ?? "");
+    const [description, setDescription] = useState(plan?.description ?? "");
+    const [price, setPrice] = useState(plan ? String((plan.price / 100).toFixed(2)) : "");
+    const [billingInterval, setBillingInterval] = useState(plan?.billingInterval ?? "monthly");
+    const [trialDays, setTrialDays] = useState(String(plan?.trialDays ?? 0));
+    const [maxMembers, setMaxMembers] = useState(plan?.maxMembers ? String(plan.maxMembers) : "");
+    const [features, setFeatures] = useState(plan?.features ? plan.features.join(", ") : "");
+    const [isActive, setIsActive] = useState(plan?.isActive ?? true);
+    const [error, setError] = useState("");
+    const createMutation = api.createPlan.useMutation({
+        onSuccess: () => {
+            void api.listPlans.invalidate();
+            onSaved();
+        },
+        onError: (err) => setError(extractError(err)),
+    });
+    const updateMutation = api.updatePlan.useMutation({
+        onSuccess: () => {
+            void api.listPlans.invalidate();
+            onSaved();
+        },
+        onError: (err) => setError(extractError(err)),
+    });
+    const isPending = createMutation.isPending || updateMutation.isPending;
+    function handleSubmit(e) {
+        e.preventDefault();
+        setError("");
+        if (!name.trim()) {
+            setError("Plan name is required.");
+            return;
+        }
+        const parsedPrice = Math.round(Number.parseFloat(price) * 100);
+        if (Number.isNaN(parsedPrice) || parsedPrice < 0) {
+            setError("Enter a valid price.");
+            return;
+        }
+        const parsedTrialDays = Number.parseInt(trialDays, 10) || 0;
+        const parsedMaxMembers = maxMembers.trim()
+            ? Number.parseInt(maxMembers, 10)
+            : undefined;
+        const parsedFeatures = features.trim()
+            ? features
+                .split(",")
+                .map((f) => f.trim())
+                .filter(Boolean)
+            : undefined;
+        const autoSlug = name
+            .toLowerCase()
+            .replace(/[^a-z0-9]+/g, "-")
+            .replace(/^-|-$/g, "");
+        if (isEditing) {
+            updateMutation.mutate({
+                params: { id: plan.id },
+                body: {
+                    name: name.trim(),
+                    slug: slug.trim() || autoSlug,
+                    description: description.trim() || null,
+                    price: parsedPrice,
+                    billingInterval: billingInterval,
+                    trialDays: parsedTrialDays,
+                    isActive,
+                    ...(parsedMaxMembers != null ? { maxMembers: parsedMaxMembers } : {}),
+                    ...(parsedFeatures != null ? { features: parsedFeatures } : {}),
+                },
+            });
+        }
+        else {
+            createMutation.mutate({
+                body: {
+                    name: name.trim(),
+                    slug: slug.trim() || autoSlug,
+                    description: description.trim() || undefined,
+                    price: parsedPrice,
+                    billingInterval: billingInterval,
+                    trialDays: parsedTrialDays,
+                    ...(parsedMaxMembers != null ? { maxMembers: parsedMaxMembers } : {}),
+                    ...(parsedFeatures != null ? { features: parsedFeatures } : {}),
+                },
+            });
+        }
+    }
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex justify-end", children: [_jsx("button", { type: "button", className: "absolute inset-0 cursor-default bg-black/40", "aria-label": "Close panel", onClick: onCancel }), _jsxs("div", { role: "dialog", "aria-modal": "true", className: "relative flex h-full w-full max-w-md flex-col overflow-y-auto border-border border-l bg-background shadow-2xl", children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between border-border border-b px-6 py-4", children: [_jsx("h2", { className: "font-semibold text-foreground text-lg", children: isEditing ? "Edit Plan" : "New Plan" }), _jsx("button", { type: "button", onClick: onCancel, className: "rounded-md p-1.5 text-muted-foreground hover:bg-muted hover:text-foreground", "aria-label": "Close", children: "\u2715" })] }), _jsxs("form", { onSubmit: handleSubmit, className: "flex flex-1 flex-col gap-5 px-6 py-6", children: [error ? (_jsx("div", { role: "alert", className: "rounded-lg border border-destructive/30 bg-destructive/10 p-3 text-destructive text-sm", children: error })) : null, _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { children: [_jsxs("label", { htmlFor: "ps-name", className: labelCls, children: ["Name ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx("input", { ref: firstInputRef, id: "ps-name", className: inputCls, value: name, onChange: (e) => setName(e.target.value), placeholder: "Premium" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "ps-slug", className: labelCls, children: "Slug" }), _jsx("input", { id: "ps-slug", className: inputCls, value: slug, onChange: (e) => setSlug(e.target.value), placeholder: "premium" })] })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-3", children: [_jsxs("div", { children: [_jsxs("label", { htmlFor: "ps-price", className: labelCls, children: ["Price ($) ", _jsx("span", { className: "text-destructive", children: "*" })] }), _jsx("input", { id: "ps-price", type: "number", step: "0.01", min: "0", className: inputCls, value: price, onChange: (e) => setPrice(e.target.value), placeholder: "9.99" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "ps-interval", className: labelCls, children: "Billing" }), _jsxs("select", { id: "ps-interval", className: inputCls, value: billingInterval, onChange: (e) => setBillingInterval(e.target.value), children: [_jsx("option", { value: "monthly", children: "Monthly" }), _jsx("option", { value: "yearly", children: "Yearly" }), _jsx("option", { value: "lifetime", children: "Lifetime" })] })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "ps-trial", className: labelCls, children: "Trial days" }), _jsx("input", { id: "ps-trial", type: "number", min: "0", className: inputCls, value: trialDays, onChange: (e) => setTrialDays(e.target.value), placeholder: "0" })] })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "ps-description", className: labelCls, children: "Description" }), _jsx("input", { id: "ps-description", className: inputCls, value: description, onChange: (e) => setDescription(e.target.value), placeholder: "What's included in this plan" })] }), _jsxs("div", { children: [_jsxs("label", { htmlFor: "ps-features", className: labelCls, children: ["Features", " ", _jsx("span", { className: "font-normal text-muted-foreground", children: "(comma-separated)" })] }), _jsx("input", { id: "ps-features", className: inputCls, value: features, onChange: (e) => setFeatures(e.target.value), placeholder: "Unlimited orders, Priority support" })] }), _jsxs("div", { children: [_jsxs("label", { htmlFor: "ps-maxmembers", className: labelCls, children: ["Max members", " ", _jsx("span", { className: "font-normal text-muted-foreground", children: "(leave blank for unlimited)" })] }), _jsx("input", { id: "ps-maxmembers", type: "number", min: "1", className: inputCls, value: maxMembers, onChange: (e) => setMaxMembers(e.target.value), placeholder: "Unlimited" })] }), isEditing ? (_jsxs("label", { className: "flex cursor-pointer items-center gap-3", children: [_jsx("input", { type: "checkbox", checked: isActive, onChange: (e) => setIsActive(e.target.checked), className: "h-4 w-4 rounded border-border accent-foreground" }), _jsx("span", { className: "text-foreground text-sm", children: "Active" })] })) : null] }), _jsxs("div", { className: "mt-auto flex justify-end gap-2 border-border border-t pt-4", children: [_jsx("button", { type: "button", onClick: onCancel, className: "rounded-lg border border-border px-4 py-2 text-foreground text-sm hover:bg-muted", children: "Cancel" }), _jsx("button", { type: "submit", disabled: isPending, className: "rounded-lg bg-foreground px-4 py-2 font-medium text-background text-sm hover:opacity-90 disabled:opacity-50", children: isPending
+                                            ? isEditing
+                                                ? "Saving..."
+                                                : "Creating..."
+                                            : isEditing
+                                                ? "Save Changes"
+                                                : "Create Plan" })] })] })] })] }));
+}
+const PLAN_SKELETON_IDS = ["a", "b", "c"];
+function formatCurrency(amount) {
+    return new Intl.NumberFormat(undefined, {
+        style: "currency",
+        currency: "USD",
+    }).format(amount / 100);
+}
+const INTERVAL_LABELS = {
+    monthly: "Monthly",
+    yearly: "Yearly",
+    lifetime: "Lifetime",
+};
+function extractError(err) {
+    if (err && typeof err === "object" && "message" in err) {
+        return String(err.message);
+    }
+    return "An unexpected error occurred";
+}
+const labelCls = "mb-1 block font-medium text-foreground text-sm";
+const inputCls = "w-full rounded-lg border border-input bg-background px-3 py-2 text-sm outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-1 disabled:opacity-50";
+export function MembershipPlans() {
+    const api = useMembershipsApi();
+    const [showCreate, setShowCreate] = useState(false);
+    const [editPlan, setEditPlan] = useState(null);
+    const anyModalOpen = showCreate || !!editPlan;
+    useEffect(() => {
+        if (!anyModalOpen)
+            return;
+        function handler(e) {
+            if (e.key === "Escape") {
+                setShowCreate(false);
+                setEditPlan(null);
+            }
+        }
+        document.addEventListener("keydown", handler);
+        return () => document.removeEventListener("keydown", handler);
+    }, [anyModalOpen]);
+    const { data, isLoading } = api.listPlans.useQuery({});
+    const deleteMutation = api.deletePlan.useMutation({
+        onSuccess: () => void api.listPlans.invalidate(),
+    });
+    const plans = data?.plans ?? [];
+    const handleDelete = (plan) => {
+        if (!confirm(`Delete plan "${plan.name}"? Active subscribers will not be affected, but new signups will be disabled.`))
+            return;
+        deleteMutation.mutate({ params: { id: plan.id } });
+    };
+    return (_jsxs("div", { children: [showCreate ? (_jsx(PlanSheet, { onSaved: () => setShowCreate(false), onCancel: () => setShowCreate(false) })) : null, editPlan ? (_jsx(PlanSheet, { plan: editPlan, onSaved: () => setEditPlan(null), onCancel: () => setEditPlan(null) })) : null, _jsxs("div", { className: "mb-6 flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "font-bold text-2xl text-foreground", children: "Membership Plans" }), _jsx("p", { className: "mt-1 text-muted-foreground text-sm", children: "Create and manage subscription plans" })] }), _jsx("button", { type: "button", onClick: () => setShowCreate(true), className: "rounded-lg bg-foreground px-4 py-2 font-medium text-background text-sm hover:opacity-90", children: "Create Plan" })] }), isLoading ? (_jsx("div", { className: "space-y-3", children: PLAN_SKELETON_IDS.map((id) => (_jsx("div", { className: "h-20 animate-pulse rounded-lg border border-border bg-muted/30" }, `plan-skel-${id}`))) })) : plans.length === 0 ? (_jsxs("div", { className: "rounded-lg border border-border bg-card p-10 text-center", children: [_jsx("p", { className: "font-medium text-foreground text-sm", children: "No plans yet" }), _jsx("p", { className: "mt-1 text-muted-foreground text-xs", children: "Create a plan to start accepting memberships" }), _jsx("button", { type: "button", onClick: () => setShowCreate(true), className: "mt-4 rounded-lg bg-foreground px-4 py-2 font-medium text-background text-sm hover:opacity-90", children: "Create Plan" })] })) : (_jsx("div", { className: "space-y-3", children: plans.map((plan) => (_jsx("div", { className: "rounded-lg border border-border bg-card p-4", children: _jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("p", { className: "font-medium text-foreground text-sm", children: plan.name }), _jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 font-medium text-xs ${plan.isActive
+                                                    ? "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400"
+                                                    : "bg-muted text-muted-foreground"}`, children: plan.isActive ? "Active" : "Inactive" })] }), _jsxs("div", { className: "mt-1.5 flex flex-wrap items-center gap-3 text-muted-foreground text-xs", children: [_jsx("span", { children: formatCurrency(plan.price) }), _jsx("span", { children: INTERVAL_LABELS[plan.billingInterval] ??
+                                                    plan.billingInterval }), plan.trialDays > 0 ? (_jsxs("span", { children: [plan.trialDays, "-day trial"] })) : null, plan.maxMembers ? (_jsxs("span", { children: ["Max ", plan.maxMembers, " members"] })) : null, plan.description ? _jsx("span", { children: plan.description }) : null] }), plan.features && plan.features.length > 0 ? (_jsx("div", { className: "mt-2 flex flex-wrap gap-1", children: plan.features.map((f) => (_jsx("span", { className: "rounded-full bg-muted px-2 py-0.5 text-muted-foreground text-xs", children: f }, f))) })) : null] }), _jsxs("div", { className: "flex gap-1", children: [_jsx("button", { type: "button", onClick: () => setEditPlan(plan), className: "rounded px-2 py-1 text-xs hover:bg-muted", children: "Edit" }), _jsx("button", { type: "button", onClick: () => handleDelete(plan), disabled: deleteMutation.isPending, className: "rounded px-2 py-1 text-red-600 text-xs hover:bg-red-50 disabled:opacity-50 dark:hover:bg-red-900/20", children: "Delete" })] })] }) }, plan.id))) }))] }));
+}

package/dist/admin/endpoints/add-benefit.d.ts

@@ -0,0 +1,28 @@
+import { z } from "zod";
+export declare const addBenefit: import("better-call").StrictEndpoint<"/admin/memberships/plans/:planId/benefits/add", {
+    method: "POST";
+    params: z.ZodObject<{
+        planId: z.ZodString;
+    }, z.core.$strip>;
+    body: z.ZodObject<{
+        type: z.ZodEnum<{
+            discount_percentage: "discount_percentage";
+            free_shipping: "free_shipping";
+            early_access: "early_access";
+            exclusive_products: "exclusive_products";
+            priority_support: "priority_support";
+        }>;
+        value: z.ZodString;
+        description: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>>;
+        isActive: z.ZodOptional<z.ZodBoolean>;
+    }, z.core.$strip>;
+}, {
+    error: string;
+    status: number;
+    benefit?: never;
+} | {
+    benefit: import("../..").MembershipBenefit;
+    error?: never;
+    status?: never;
+}>;
+//# sourceMappingURL=add-benefit.d.ts.map

package/dist/admin/endpoints/add-benefit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-benefit.d.ts","sourceRoot":"","sources":["../../../src/admin/endpoints/add-benefit.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;EAuCtB,CAAC"}

package/dist/admin/endpoints/add-benefit.js

@@ -0,0 +1,37 @@
+import { createAdminEndpoint } from "@86d-store/core/api";
+import { sanitizeText } from "@86d-store/core/sanitize";
+import { z } from "zod";
+export const addBenefit = createAdminEndpoint("/admin/memberships/plans/:planId/benefits/add", {
+    method: "POST",
+    params: z.object({ planId: z.string().min(1) }),
+    body: z.object({
+        type: z.enum([
+            "discount_percentage",
+            "free_shipping",
+            "early_access",
+            "exclusive_products",
+            "priority_support",
+        ]),
+        value: z.string().min(1).max(200),
+        description: z.string().max(1000).transform(sanitizeText).optional(),
+        isActive: z.boolean().optional(),
+    }),
+}, async (ctx) => {
+    const controller = ctx.context.controllers
+        .memberships;
+    const plan = await controller.getPlan(ctx.params.planId);
+    if (!plan) {
+        return { error: "Plan not found", status: 404 };
+    }
+    const params = {
+        planId: ctx.params.planId,
+        type: ctx.body.type,
+        value: ctx.body.value,
+    };
+    if (ctx.body.description != null)
+        params.description = ctx.body.description;
+    if (ctx.body.isActive != null)
+        params.isActive = ctx.body.isActive;
+    const benefit = await controller.addBenefit(params);
+    return { benefit };
+});

package/dist/admin/endpoints/cancel-membership.d.ts

@@ -0,0 +1,16 @@
+import { z } from "zod";
+export declare const cancelMembership: import("better-call").StrictEndpoint<"/admin/memberships/:id/cancel", {
+    method: "POST";
+    params: z.ZodObject<{
+        id: z.ZodString;
+    }, z.core.$strip>;
+}, {
+    error: string;
+    status: number;
+    membership?: never;
+} | {
+    membership: import("../..").Membership;
+    error?: never;
+    status?: never;
+}>;
+//# sourceMappingURL=cancel-membership.d.ts.map

package/dist/admin/endpoints/cancel-membership.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cancel-membership.d.ts","sourceRoot":"","sources":["../../../src/admin/endpoints/cancel-membership.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;EAqB5B,CAAC"}

package/dist/admin/endpoints/cancel-membership.js

@@ -0,0 +1,19 @@
+import { createAdminEndpoint } from "@86d-store/core/api";
+import { z } from "zod";
+export const cancelMembership = createAdminEndpoint("/admin/memberships/:id/cancel", {
+    method: "POST",
+    params: z.object({ id: z.string().min(1) }),
+}, async (ctx) => {
+    const controller = ctx.context.controllers
+        .memberships;
+    const membership = await controller.cancelMembership(ctx.params.id);
+    if (!membership) {
+        return { error: "Membership not found", status: 404 };
+    }
+    void ctx.context.events?.emit("membership.cancelled", {
+        membershipId: membership.id,
+        customerId: membership.customerId,
+        planId: membership.planId,
+    });
+    return { membership };
+});

package/dist/admin/endpoints/create-plan.d.ts

@@ -0,0 +1,29 @@
+import { z } from "zod";
+export declare const createPlan: import("better-call").StrictEndpoint<"/admin/memberships/plans/create", {
+    method: "POST";
+    body: z.ZodObject<{
+        name: z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>;
+        slug: z.ZodString;
+        description: z.ZodOptional<z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>>;
+        price: z.ZodNumber;
+        billingInterval: z.ZodEnum<{
+            monthly: "monthly";
+            yearly: "yearly";
+            lifetime: "lifetime";
+        }>;
+        trialDays: z.ZodOptional<z.ZodNumber>;
+        features: z.ZodOptional<z.ZodArray<z.ZodString>>;
+        isActive: z.ZodOptional<z.ZodBoolean>;
+        maxMembers: z.ZodOptional<z.ZodNumber>;
+        sortOrder: z.ZodOptional<z.ZodNumber>;
+    }, z.core.$strip>;
+}, {
+    error: string;
+    status: number;
+    plan?: never;
+} | {
+    plan: import("../..").MembershipPlan;
+    error?: never;
+    status?: never;
+}>;
+//# sourceMappingURL=create-plan.d.ts.map

package/dist/admin/endpoints/create-plan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-plan.d.ts","sourceRoot":"","sources":["../../../src/admin/endpoints/create-plan.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CtB,CAAC"}