@86d-store/memberships 0.1.0

package/dist/store/components/_utils.d.ts

@@ -0,0 +1,11 @@
+export declare function formatPrice(cents: number): string;
+export declare function formatInterval(interval: string): string;
+export declare function formatIntervalFull(interval: string): string;
+export declare function getBenefitIcon(type: string): string;
+export declare function getBenefitLabel(type: string): string;
+export declare function getStatusColor(status: string): {
+    bg: string;
+    text: string;
+    ring: string;
+};
+//# sourceMappingURL=_utils.d.ts.map

package/dist/store/components/_utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_utils.d.ts","sourceRoot":"","sources":["../../../src/store/components/_utils.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKjD;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAWvD;AAED,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAW3D;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAenD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAepD;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACb,CAkCA"}

package/dist/store/components/_utils.js

@@ -0,0 +1,98 @@
+"use client";
+export function formatPrice(cents) {
+    return new Intl.NumberFormat("en-US", {
+        style: "currency",
+        currency: "USD",
+    }).format(cents / 100);
+}
+export function formatInterval(interval) {
+    switch (interval) {
+        case "monthly":
+            return "/mo";
+        case "yearly":
+            return "/yr";
+        case "lifetime":
+            return " one-time";
+        default:
+            return `/${interval}`;
+    }
+}
+export function formatIntervalFull(interval) {
+    switch (interval) {
+        case "monthly":
+            return "per month";
+        case "yearly":
+            return "per year";
+        case "lifetime":
+            return "one-time payment";
+        default:
+            return interval;
+    }
+}
+export function getBenefitIcon(type) {
+    switch (type) {
+        case "discount_percentage":
+            return "\u{1F3F7}\uFE0F";
+        case "free_shipping":
+            return "\u{1F4E6}";
+        case "early_access":
+            return "\u26A1";
+        case "exclusive_products":
+            return "\u{1F512}";
+        case "priority_support":
+            return "\u{1F6E1}\uFE0F";
+        default:
+            return "\u2728";
+    }
+}
+export function getBenefitLabel(type) {
+    switch (type) {
+        case "discount_percentage":
+            return "Member Discount";
+        case "free_shipping":
+            return "Free Shipping";
+        case "early_access":
+            return "Early Access";
+        case "exclusive_products":
+            return "Exclusive Products";
+        case "priority_support":
+            return "Priority Support";
+        default:
+            return type;
+    }
+}
+export function getStatusColor(status) {
+    switch (status) {
+        case "active":
+            return {
+                bg: "bg-green-50 dark:bg-green-950/30",
+                text: "text-green-700 dark:text-green-400",
+                ring: "ring-green-600/20 dark:ring-green-400/30",
+            };
+        case "trial":
+            return {
+                bg: "bg-blue-50 dark:bg-blue-950/30",
+                text: "text-blue-700 dark:text-blue-400",
+                ring: "ring-blue-600/20 dark:ring-blue-400/30",
+            };
+        case "paused":
+            return {
+                bg: "bg-amber-50 dark:bg-amber-950/30",
+                text: "text-amber-700 dark:text-amber-400",
+                ring: "ring-amber-600/20 dark:ring-amber-400/30",
+            };
+        case "cancelled":
+        case "expired":
+            return {
+                bg: "bg-gray-50 dark:bg-gray-800/50",
+                text: "text-gray-600 dark:text-gray-400",
+                ring: "ring-gray-500/20 dark:ring-gray-400/30",
+            };
+        default:
+            return {
+                bg: "bg-gray-50 dark:bg-gray-800/50",
+                text: "text-gray-600 dark:text-gray-400",
+                ring: "ring-gray-500/20 dark:ring-gray-400/30",
+            };
+    }
+}

package/dist/store/components/mdx.d.ts

@@ -0,0 +1,10 @@
+import { MyMembership } from "./my-membership";
+import { PlanDetail } from "./plan-detail";
+import { PlanListing } from "./plan-listing";
+declare const _default: {
+    PlanListing: typeof PlanListing;
+    PlanDetail: typeof PlanDetail;
+    MyMembership: typeof MyMembership;
+};
+export default _default;
+//# sourceMappingURL=mdx.d.ts.map

package/dist/store/components/mdx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mdx.d.ts","sourceRoot":"","sources":["../../../src/store/components/mdx.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;;;;;;AAE7C,wBAI0B"}

package/dist/store/components/mdx.js

@@ -0,0 +1,9 @@
+"use client";
+import { MyMembership } from "./my-membership";
+import { PlanDetail } from "./plan-detail";
+import { PlanListing } from "./plan-listing";
+export default {
+    PlanListing,
+    PlanDetail,
+    MyMembership,
+};

package/dist/store/components/my-membership.d.ts

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

package/dist/store/components/my-membership.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"my-membership.d.ts","sourceRoot":"","sources":["../../../src/store/components/my-membership.tsx"],"names":[],"mappings":"AAqCA,wBAAgB,YAAY,gCAgM3B"}

package/dist/store/components/my-membership.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useMembershipsApi } from "./_hooks";
+import { formatIntervalFull, formatPrice, getBenefitIcon, getBenefitLabel, getStatusColor, } from "./_utils";
+import MyMembershipTemplate from "./my-membership.mdx";
+export function MyMembership() {
+    const api = useMembershipsApi();
+    const [cancelling, setCancelling] = useState(false);
+    const [cancelled, setCancelled] = useState(false);
+    const { data, isLoading } = api.getMyMembership.useQuery();
+    const cancelMutation = api.cancel.useMutation();
+    if (isLoading) {
+        return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { children: [_jsx("div", { className: "h-7 w-40 animate-pulse rounded bg-muted" }), _jsx("div", { className: "mt-2 h-4 w-64 animate-pulse rounded bg-muted-foreground/10" })] }), _jsxs("div", { className: "animate-pulse rounded-xl border border-border p-6", children: [_jsx("div", { className: "h-5 w-24 rounded bg-muted" }), _jsx("div", { className: "mt-3 h-4 w-48 rounded bg-muted-foreground/10" })] })] }));
+    }
+    const membership = data?.membership;
+    const benefits = data?.benefits ?? [];
+    if (!membership) {
+        return (_jsxs("div", { className: "space-y-6", children: [_jsx("div", { children: _jsx("h1", { className: "font-bold text-2xl text-foreground tracking-tight", children: "My Membership" }) }), _jsxs("div", { className: "rounded-xl border border-border bg-background p-8 text-center", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "mx-auto mb-3 text-muted-foreground/50", "aria-hidden": "true", children: _jsx("path", { d: "M6 3h12l4 6-10 13L2 9z" }) }), _jsx("p", { className: "font-medium text-foreground text-sm", children: "You don't have an active membership" }), _jsx("p", { className: "mt-1 text-muted-foreground text-sm", children: "Browse our plans and unlock exclusive benefits." }), _jsx("a", { href: "/memberships", className: "mt-4 inline-flex items-center rounded-md bg-foreground px-4 py-2 font-medium text-background text-sm transition-opacity hover:opacity-90", children: "View plans" })] })] }));
+    }
+    const statusColor = getStatusColor(membership.status);
+    const isActive = membership.status === "active" || membership.status === "trial";
+    const handleCancel = async () => {
+        setCancelling(true);
+        try {
+            await cancelMutation.mutateAsync({
+                membershipId: membership.id,
+            });
+            setCancelled(true);
+        }
+        catch {
+            // ignore
+        }
+        finally {
+            setCancelling(false);
+        }
+    };
+    const statusCard = (_jsxs("div", { className: "rounded-xl border border-border bg-background p-6", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { children: [_jsx("h2", { className: "font-semibold text-foreground text-lg", children: membership.plan.name }), _jsxs("p", { className: "mt-0.5 text-muted-foreground text-sm", children: [formatPrice(membership.plan.price), " ", formatIntervalFull(membership.plan.billingInterval)] })] }), _jsx("span", { className: `inline-flex items-center rounded-full px-2.5 py-0.5 font-medium text-xs capitalize ring-1 ring-inset ${statusColor.bg} ${statusColor.text} ${statusColor.ring}`, children: cancelled ? "cancelled" : membership.status })] }), _jsxs("div", { className: "mt-4 grid gap-3 text-sm sm:grid-cols-2", children: [_jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground text-xs", children: "Member since" }), _jsx("p", { className: "text-foreground", children: new Date(membership.startDate).toLocaleDateString() })] }), membership.trialEndDate && membership.status === "trial" && (_jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground text-xs", children: "Trial ends" }), _jsx("p", { className: "text-foreground", children: new Date(membership.trialEndDate).toLocaleDateString() })] })), membership.endDate && (_jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground text-xs", children: membership.status === "cancelled" ? "Ends" : "Renews" }), _jsx("p", { className: "text-foreground", children: new Date(membership.endDate).toLocaleDateString() })] }))] })] }));
+    const benefitsCard = benefits.length > 0 ? (_jsxs("div", { className: "rounded-xl border border-border bg-background p-6", children: [_jsx("h2", { className: "mb-3 font-semibold text-foreground", children: "Your Benefits" }), _jsx("div", { className: "space-y-2.5", children: benefits.map((b) => (_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("span", { className: "text-base", "aria-hidden": "true", children: getBenefitIcon(b.type) }), _jsxs("div", { children: [_jsxs("p", { className: "font-medium text-foreground text-sm", children: [getBenefitLabel(b.type), b.type === "discount_percentage" && ` — ${b.value}% off`] }), b.description && (_jsx("p", { className: "text-muted-foreground text-xs", children: b.description }))] })] }, b.id))) })] })) : null;
+    const actions = isActive && !cancelled ? (_jsxs("div", { className: "flex gap-3", children: [_jsx("a", { href: "/memberships", className: "rounded-md border border-border px-4 py-2 text-foreground text-sm transition-colors hover:bg-muted", children: "Change plan" }), _jsx("button", { type: "button", onClick: handleCancel, disabled: cancelling, className: "rounded-md border border-red-200 px-4 py-2 text-red-600 text-sm transition-colors hover:bg-red-50 disabled:opacity-50 dark:border-red-900 dark:text-red-400 dark:hover:bg-red-950/30", children: cancelling ? "Cancelling..." : "Cancel membership" })] })) : null;
+    return (_jsx(MyMembershipTemplate, { statusCard: statusCard, benefitsCard: benefitsCard, actions: actions }));
+}

package/dist/store/components/my-membership.mdx

@@ -0,0 +1,13 @@
+<div className="space-y-6">
+  <div>
+    <h1 className="font-bold text-2xl text-foreground tracking-tight">
+      My Membership
+    </h1>
+    <p className="mt-1 text-muted-foreground text-sm">
+      View and manage your membership plan and benefits.
+    </p>
+  </div>
+  {props.statusCard}
+  {props.benefitsCard}
+  {props.actions}
+</div>

package/dist/store/components/plan-detail.d.ts

@@ -0,0 +1,5 @@
+export declare function PlanDetail(props: {
+    slug?: string | undefined;
+    params?: Record<string, string> | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=plan-detail.d.ts.map

package/dist/store/components/plan-detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plan-detail.d.ts","sourceRoot":"","sources":["../../../src/store/components/plan-detail.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,UAAU,CAAC,KAAK,EAAE;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;CAC5C,+BAgNA"}

package/dist/store/components/plan-detail.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { useMembershipsApi } from "./_hooks";
+import { formatInterval, formatIntervalFull, formatPrice, getBenefitIcon, getBenefitLabel, } from "./_utils";
+import PlanDetailTemplate from "./plan-detail.mdx";
+export function PlanDetail(props) {
+    const slug = props.slug ?? props.params?.slug;
+    const api = useMembershipsApi();
+    const [subscribing, setSubscribing] = useState(false);
+    const [subscribeResult, setSubscribeResult] = useState(null);
+    const { data, isLoading } = api.getPlan.useQuery({ slug: slug ?? "" }, { enabled: Boolean(slug) });
+    const subscribeMutation = api.subscribe.useMutation();
+    if (!slug) {
+        return (_jsx("div", { className: "py-16 text-center", children: _jsx("p", { className: "text-muted-foreground text-sm", children: "Plan not found" }) }));
+    }
+    if (isLoading) {
+        return (_jsxs("div", { className: "mx-auto max-w-2xl animate-pulse space-y-6", children: [_jsx("div", { className: "h-4 w-32 rounded bg-muted-foreground/10" }), _jsx("div", { className: "h-8 w-48 rounded bg-muted" }), _jsx("div", { className: "h-4 w-72 rounded bg-muted-foreground/10" }), _jsx("div", { className: "h-12 w-32 rounded bg-muted" }), _jsxs("div", { className: "space-y-3 rounded-xl border border-border p-6", children: [_jsx("div", { className: "h-5 w-24 rounded bg-muted" }), _jsx("div", { className: "h-4 w-full rounded bg-muted-foreground/10" }), _jsx("div", { className: "h-4 w-3/4 rounded bg-muted-foreground/10" })] })] }));
+    }
+    if (!data) {
+        return (_jsxs("div", { className: "py-16 text-center", children: [_jsx("p", { className: "font-medium text-foreground text-sm", children: "Plan not found" }), _jsx("a", { href: "/memberships", className: "mt-2 inline-block text-muted-foreground text-sm underline", children: "Browse all plans" })] }));
+    }
+    const { plan, benefits } = data;
+    const handleSubscribe = async () => {
+        setSubscribing(true);
+        setSubscribeResult(null);
+        try {
+            await subscribeMutation.mutateAsync({
+                planId: plan.id,
+            });
+            setSubscribeResult("success");
+        }
+        catch {
+            setSubscribeResult("error");
+        }
+        finally {
+            setSubscribing(false);
+        }
+    };
+    const header = (_jsxs("div", { children: [_jsx("h1", { className: "font-bold text-2xl text-foreground tracking-tight", children: plan.name }), plan.description && (_jsx("p", { className: "mt-2 text-muted-foreground", children: plan.description })), _jsxs("div", { className: "mt-4 flex items-baseline gap-1.5", children: [_jsx("span", { className: "font-bold text-4xl text-foreground", children: formatPrice(plan.price) }), _jsx("span", { className: "text-muted-foreground", children: formatIntervalFull(plan.billingInterval) })] }), plan.trialDays > 0 && (_jsxs("p", { className: "mt-1 text-green-600 text-sm dark:text-green-400", children: ["Start with a ", plan.trialDays, "-day free trial"] }))] }));
+    const benefitsSection = benefits.length > 0 ? (_jsxs("div", { className: "rounded-xl border border-border bg-background p-6", children: [_jsx("h2", { className: "mb-4 font-semibold text-foreground text-lg", children: "Member Benefits" }), _jsx("div", { className: "space-y-3", children: benefits.map((benefit) => (_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("span", { className: "mt-0.5 text-lg", "aria-hidden": "true", children: getBenefitIcon(benefit.type) }), _jsxs("div", { children: [_jsxs("p", { className: "font-medium text-foreground text-sm", children: [getBenefitLabel(benefit.type), benefit.type === "discount_percentage" &&
+                                            ` — ${benefit.value}% off`] }), benefit.description && (_jsx("p", { className: "text-muted-foreground text-xs", children: benefit.description }))] })] }, benefit.id))) })] })) : null;
+    const featuresSection = plan.features && plan.features.length > 0 ? (_jsxs("div", { className: "rounded-xl border border-border bg-background p-6", children: [_jsx("h2", { className: "mb-4 font-semibold text-foreground text-lg", children: "What's Included" }), _jsx("ul", { className: "space-y-2.5", children: plan.features.map((feature) => (_jsxs("li", { className: "flex items-start gap-2.5 text-muted-foreground text-sm", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "mt-0.5 shrink-0 text-green-600 dark:text-green-400", "aria-hidden": "true", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }), feature] }, feature))) })] })) : null;
+    const actionSection = (_jsx("div", { className: "space-y-3", children: subscribeResult === "success" ? (_jsxs("div", { className: "rounded-lg border border-green-200 bg-green-50 p-4 text-center dark:border-green-900 dark:bg-green-950/30", children: [_jsx("p", { className: "font-medium text-green-800 text-sm dark:text-green-300", children: "Welcome! Your membership is now active." }), _jsx("a", { href: "/account", className: "mt-1 inline-block text-green-600 text-xs underline dark:text-green-400", children: "Go to your account" })] })) : (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", onClick: handleSubscribe, disabled: subscribing, className: "w-full rounded-lg bg-foreground px-6 py-3 font-medium text-background text-sm transition-opacity hover:opacity-90 disabled:opacity-50", children: subscribing
+                        ? "Subscribing..."
+                        : plan.trialDays > 0
+                            ? `Start ${plan.trialDays}-day free trial`
+                            : `Subscribe — ${formatPrice(plan.price)}${formatInterval(plan.billingInterval)}` }), subscribeResult === "error" && (_jsx("p", { className: "text-center text-red-500 text-sm", children: "Could not subscribe. Please sign in and try again." }))] })) }));
+    return (_jsx(PlanDetailTemplate, { planName: plan.name, header: header, benefitsSection: benefitsSection, featuresSection: featuresSection, actionSection: actionSection }));
+}

package/dist/store/components/plan-detail.mdx

@@ -0,0 +1,15 @@
+import Link from "next/link";
+
+<div className="mx-auto max-w-2xl space-y-8">
+  <div>
+    <nav className="mb-4 flex items-center gap-2 text-muted-foreground text-sm">
+      <Link href="/memberships" className="transition-colors hover:text-foreground">Memberships</Link>
+      <span>/</span>
+      <span className="text-foreground">{props.planName}</span>
+    </nav>
+    {props.header}
+  </div>
+  {props.benefitsSection}
+  {props.featuresSection}
+  {props.actionSection}
+</div>

package/dist/store/components/plan-listing.d.ts

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

package/dist/store/components/plan-listing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plan-listing.d.ts","sourceRoot":"","sources":["../../../src/store/components/plan-listing.tsx"],"names":[],"mappings":"AAqBA,wBAAgB,WAAW,gCAmJ1B"}

package/dist/store/components/plan-listing.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { useMembershipsApi } from "./_hooks";
+import { formatInterval, formatPrice } from "./_utils";
+import PlanListingTemplate from "./plan-listing.mdx";
+const PLAN_SKELETON_IDS = ["a", "b", "c"];
+export function PlanListing() {
+    const api = useMembershipsApi();
+    const { data, isLoading } = api.listPlans.useQuery();
+    const plans = data?.plans ?? [];
+    if (isLoading) {
+        return (_jsxs("div", { className: "space-y-8", children: [_jsxs("div", { className: "text-center", children: [_jsx("div", { className: "mx-auto h-8 w-48 animate-pulse rounded bg-muted" }), _jsx("div", { className: "mx-auto mt-3 h-4 w-72 animate-pulse rounded bg-muted-foreground/10" })] }), _jsx("div", { className: "mx-auto grid max-w-5xl gap-6 sm:grid-cols-2 lg:grid-cols-3", children: PLAN_SKELETON_IDS.map((id) => (_jsxs("div", { className: "animate-pulse rounded-xl border border-border p-6", children: [_jsx("div", { className: "mb-4 h-5 w-24 rounded bg-muted" }), _jsx("div", { className: "mb-2 h-8 w-20 rounded bg-muted" }), _jsx("div", { className: "mb-6 h-3 w-16 rounded bg-muted-foreground/10" }), _jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "h-3 w-full rounded bg-muted-foreground/10" }), _jsx("div", { className: "h-3 w-3/4 rounded bg-muted-foreground/10" }), _jsx("div", { className: "h-3 w-5/6 rounded bg-muted-foreground/10" })] }), _jsx("div", { className: "mt-6 h-10 w-full rounded bg-muted" })] }, `plan-skel-${id}`))) })] }));
+    }
+    if (plans.length === 0) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center py-20 text-center", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", className: "mb-3 text-muted-foreground/50", "aria-hidden": "true", children: _jsx("path", { d: "M6 3h12l4 6-10 13L2 9z" }) }), _jsx("p", { className: "font-medium text-foreground text-sm", children: "No membership plans available" }), _jsx("p", { className: "mt-1 text-muted-foreground text-sm", children: "Check back soon for exclusive membership offers" })] }));
+    }
+    const sorted = [...plans].sort((a, b) => a.sortOrder - b.sortOrder);
+    const planCards = sorted.map((plan) => (_jsxs(Link, { href: `/memberships/${plan.slug}`, className: "group flex flex-col rounded-xl border border-border bg-background p-6 transition-shadow hover:shadow-md", children: [_jsx("h3", { className: "font-semibold text-foreground text-lg transition-colors group-hover:text-foreground/80", children: plan.name }), plan.description && (_jsx("p", { className: "mt-1 text-muted-foreground text-sm", children: plan.description })), _jsxs("div", { className: "mt-4 flex items-baseline gap-1", children: [_jsx("span", { className: "font-bold text-3xl text-foreground", children: formatPrice(plan.price) }), _jsx("span", { className: "text-muted-foreground text-sm", children: formatInterval(plan.billingInterval) })] }), plan.trialDays > 0 && (_jsxs("p", { className: "mt-1 text-muted-foreground text-xs", children: [plan.trialDays, "-day free trial"] })), plan.features && plan.features.length > 0 && (_jsx("ul", { className: "mt-4 flex-1 space-y-2", children: plan.features.map((feature) => (_jsxs("li", { className: "flex items-start gap-2 text-muted-foreground text-sm", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "mt-0.5 shrink-0 text-green-600 dark:text-green-400", "aria-hidden": "true", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }), feature] }, feature))) })), _jsxs("div", { className: "mt-6 flex items-center justify-center rounded-md border border-border px-4 py-2 font-medium text-foreground text-sm transition-colors group-hover:bg-muted", children: ["View plan", _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "ml-1.5", "aria-hidden": "true", children: _jsx("path", { d: "m9 18 6-6-6-6" }) })] })] }, plan.id)));
+    return _jsx(PlanListingTemplate, { planCards: planCards });
+}

package/dist/store/components/plan-listing.mdx

@@ -0,0 +1,13 @@
+<div className="space-y-8">
+  <div className="text-center">
+    <h1 className="font-bold text-3xl text-foreground tracking-tight">
+      Membership Plans
+    </h1>
+    <p className="mx-auto mt-2 max-w-xl text-muted-foreground">
+      Unlock exclusive benefits, member-only pricing, and early access to new products.
+    </p>
+  </div>
+  <div className="mx-auto grid max-w-5xl gap-6 sm:grid-cols-2 lg:grid-cols-3">
+    {props.planCards}
+  </div>
+</div>

package/dist/store/endpoints/cancel.d.ts

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

package/dist/store/endpoints/cancel.d.ts.map

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

package/dist/store/endpoints/cancel.js

@@ -0,0 +1,25 @@
+import { createStoreEndpoint } from "@86d-store/core/api";
+import { z } from "zod";
+export const cancel = createStoreEndpoint("/memberships/cancel", {
+    method: "POST",
+    body: z.object({
+        membershipId: z.string().min(1).max(200),
+    }),
+}, async (ctx) => {
+    const session = ctx.context.session;
+    if (!session) {
+        return { error: "Authentication required", status: 401 };
+    }
+    const controller = ctx.context.controllers
+        .memberships;
+    // Verify ownership before mutating
+    const existing = await controller.getMembership(ctx.body.membershipId);
+    if (!existing || existing.customerId !== session.user.id) {
+        return { error: "Membership not found", status: 404 };
+    }
+    const membership = await controller.cancelMembership(ctx.body.membershipId);
+    if (!membership) {
+        return { error: "Membership not found", status: 404 };
+    }
+    return { membership };
+});

package/dist/store/endpoints/check-access.d.ts

@@ -0,0 +1,10 @@
+import { z } from "zod";
+export declare const checkAccess: import("better-call").StrictEndpoint<"/memberships/check-access", {
+    method: "GET";
+    query: z.ZodObject<{
+        productId: z.ZodString;
+    }, z.core.$strip>;
+}, {
+    hasAccess: boolean;
+}>;
+//# sourceMappingURL=check-access.d.ts.map

package/dist/store/endpoints/check-access.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-access.d.ts","sourceRoot":"","sources":["../../../src/store/endpoints/check-access.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,WAAW;;;;;;;EAwBvB,CAAC"}

package/dist/store/endpoints/check-access.js

@@ -0,0 +1,20 @@
+import { createStoreEndpoint } from "@86d-store/core/api";
+import { z } from "zod";
+export const checkAccess = createStoreEndpoint("/memberships/check-access", {
+    method: "GET",
+    query: z.object({
+        productId: z.string().min(1).max(200),
+    }),
+}, async (ctx) => {
+    const session = ctx.context.session;
+    if (!session) {
+        return { hasAccess: false };
+    }
+    const controller = ctx.context.controllers
+        .memberships;
+    const hasAccess = await controller.canAccessProduct({
+        customerId: session.user.id,
+        productId: ctx.query.productId,
+    });
+    return { hasAccess };
+});

package/dist/store/endpoints/get-membership.d.ts

@@ -0,0 +1,19 @@
+export declare const getMembership: import("better-call").StrictEndpoint<"/memberships/my-membership", {
+    method: "GET";
+}, {
+    error: string;
+    status: number;
+    membership?: never;
+    benefits?: never;
+} | {
+    membership: null;
+    benefits: never[];
+    error?: never;
+    status?: never;
+} | {
+    membership: import("../..").MembershipWithPlan;
+    benefits: import("../..").MembershipBenefit[];
+    error?: never;
+    status?: never;
+}>;
+//# sourceMappingURL=get-membership.d.ts.map

package/dist/store/endpoints/get-membership.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-membership.d.ts","sourceRoot":"","sources":["../../../src/store/endpoints/get-membership.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;EAwBzB,CAAC"}

package/dist/store/endpoints/get-membership.js

@@ -0,0 +1,18 @@
+import { createStoreEndpoint } from "@86d-store/core/api";
+export const getMembership = createStoreEndpoint("/memberships/my-membership", {
+    method: "GET",
+}, async (ctx) => {
+    const session = ctx.context.session;
+    if (!session) {
+        return { error: "Authentication required", status: 401 };
+    }
+    const controller = ctx.context.controllers
+        .memberships;
+    const customerId = session.user.id;
+    const membership = await controller.getCustomerMembership(customerId);
+    if (!membership) {
+        return { membership: null, benefits: [] };
+    }
+    const benefits = await controller.getCustomerBenefits(customerId);
+    return { membership, benefits };
+});

package/dist/store/endpoints/get-plan.d.ts

@@ -0,0 +1,18 @@
+import { z } from "zod";
+export declare const getPlan: import("better-call").StrictEndpoint<"/memberships/plans/:slug", {
+    method: "GET";
+    params: z.ZodObject<{
+        slug: z.ZodString;
+    }, z.core.$strip>;
+}, {
+    error: string;
+    status: number;
+    plan?: never;
+    benefits?: never;
+} | {
+    plan: import("../..").MembershipPlan;
+    benefits: import("../..").MembershipBenefit[];
+    error?: never;
+    status?: never;
+}>;
+//# sourceMappingURL=get-plan.d.ts.map

package/dist/store/endpoints/get-plan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-plan.d.ts","sourceRoot":"","sources":["../../../src/store/endpoints/get-plan.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;EAqBnB,CAAC"}

package/dist/store/endpoints/get-plan.js

@@ -0,0 +1,17 @@
+import { createStoreEndpoint } from "@86d-store/core/api";
+import { z } from "zod";
+export const getPlan = createStoreEndpoint("/memberships/plans/:slug", {
+    method: "GET",
+    params: z.object({
+        slug: z.string().min(1).max(200),
+    }),
+}, async (ctx) => {
+    const controller = ctx.context.controllers
+        .memberships;
+    const plan = await controller.getPlanBySlug(ctx.params.slug);
+    if (!plan?.isActive) {
+        return { error: "Plan not found", status: 404 };
+    }
+    const benefits = await controller.listBenefits(plan.id);
+    return { plan, benefits: benefits.filter((b) => b.isActive) };
+});

package/dist/store/endpoints/list-plans.d.ts

@@ -0,0 +1,11 @@
+import { z } from "zod";
+export declare const listPlans: import("better-call").StrictEndpoint<"/memberships/plans", {
+    method: "GET";
+    query: z.ZodObject<{
+        take: z.ZodOptional<z.ZodCoercedNumber<unknown>>;
+        skip: z.ZodOptional<z.ZodCoercedNumber<unknown>>;
+    }, z.core.$strip>;
+}, {
+    plans: import("../..").MembershipPlan[];
+}>;
+//# sourceMappingURL=list-plans.d.ts.map

package/dist/store/endpoints/list-plans.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-plans.d.ts","sourceRoot":"","sources":["../../../src/store/endpoints/list-plans.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,SAAS;;;;;;;;EAqBrB,CAAC"}

package/dist/store/endpoints/list-plans.js

@@ -0,0 +1,18 @@
+import { createStoreEndpoint } from "@86d-store/core/api";
+import { z } from "zod";
+export const listPlans = createStoreEndpoint("/memberships/plans", {
+    method: "GET",
+    query: z.object({
+        take: z.coerce.number().int().min(1).max(100).optional(),
+        skip: z.coerce.number().int().min(0).optional(),
+    }),
+}, async (ctx) => {
+    const controller = ctx.context.controllers
+        .memberships;
+    const plans = await controller.listPlans({
+        isActive: true,
+        take: ctx.query.take ?? 50,
+        skip: ctx.query.skip ?? 0,
+    });
+    return { plans };
+});

package/dist/store/endpoints/routes.d.ts

@@ -0,0 +1,82 @@
+export declare const storeEndpoints: {
+    "/memberships/plans": import("better-call").StrictEndpoint<"/memberships/plans", {
+        method: "GET";
+        query: import("zod").ZodObject<{
+            take: import("zod").ZodOptional<import("zod").ZodCoercedNumber<unknown>>;
+            skip: import("zod").ZodOptional<import("zod").ZodCoercedNumber<unknown>>;
+        }, import("zod/v4/core").$strip>;
+    }, {
+        plans: import("../..").MembershipPlan[];
+    }>;
+    "/memberships/plans/:slug": import("better-call").StrictEndpoint<"/memberships/plans/:slug", {
+        method: "GET";
+        params: import("zod").ZodObject<{
+            slug: import("zod").ZodString;
+        }, import("zod/v4/core").$strip>;
+    }, {
+        error: string;
+        status: number;
+        plan?: never;
+        benefits?: never;
+    } | {
+        plan: import("../..").MembershipPlan;
+        benefits: import("../..").MembershipBenefit[];
+        error?: never;
+        status?: never;
+    }>;
+    "/memberships/my-membership": import("better-call").StrictEndpoint<"/memberships/my-membership", {
+        method: "GET";
+    }, {
+        error: string;
+        status: number;
+        membership?: never;
+        benefits?: never;
+    } | {
+        membership: null;
+        benefits: never[];
+        error?: never;
+        status?: never;
+    } | {
+        membership: import("../..").MembershipWithPlan;
+        benefits: import("../..").MembershipBenefit[];
+        error?: never;
+        status?: never;
+    }>;
+    "/memberships/subscribe": import("better-call").StrictEndpoint<"/memberships/subscribe", {
+        method: "POST";
+        body: import("zod").ZodObject<{
+            planId: import("zod").ZodString;
+        }, import("zod/v4/core").$strip>;
+    }, {
+        error: string;
+        status: number;
+        membership?: never;
+    } | {
+        membership: import("../..").Membership;
+        error?: never;
+        status?: never;
+    }>;
+    "/memberships/cancel": import("better-call").StrictEndpoint<"/memberships/cancel", {
+        method: "POST";
+        body: import("zod").ZodObject<{
+            membershipId: import("zod").ZodString;
+        }, import("zod/v4/core").$strip>;
+    }, {
+        error: string;
+        status: number;
+        membership?: never;
+    } | {
+        membership: import("../..").Membership;
+        error?: never;
+        status?: never;
+    }>;
+    "/memberships/check-access": import("better-call").StrictEndpoint<"/memberships/check-access", {
+        method: "GET";
+        query: import("zod").ZodObject<{
+            productId: import("zod").ZodString;
+        }, import("zod/v4/core").$strip>;
+    }, {
+        hasAccess: boolean;
+    }>;
+};
+//# sourceMappingURL=routes.d.ts.map