@lukoweb/apitogo-plugin-dev-portal-billing 0.1.37

package/dist/index.d.mts

@@ -0,0 +1,17 @@
+import * as _lukoweb_apitogo0 from "@lukoweb/apitogo";
+
+//#region src/types.d.ts
+type DevPortalBillingConfig = {
+  pricing?: {
+    title?: string;
+    subtitle?: string;
+  };
+};
+//#endregion
+//#region src/DevPortalBillingPlugin.d.ts
+declare const PRICING_PATH = "/pricing";
+declare const CHECKOUT_PATH = "/checkout";
+declare const SUBSCRIPTIONS_PATH = "/account/subscriptions";
+declare const devPortalBillingPlugin: (options?: DevPortalBillingConfig | undefined) => _lukoweb_apitogo0.ApitogoPlugin;
+//#endregion
+export { CHECKOUT_PATH, PRICING_PATH, SUBSCRIPTIONS_PATH, devPortalBillingPlugin };

package/dist/index.mjs

@@ -0,0 +1,571 @@
+import { cn, createPlugin } from "@lukoweb/apitogo";
+import { ShieldIcon, StarsIcon } from "@lukoweb/apitogo/icons";
+import { Button, ClientOnly, Head, Heading } from "@lukoweb/apitogo/components";
+import { Link, Outlet, useNavigate, useSearchParams } from "@lukoweb/apitogo/router";
+import { createContext, useContext, useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAuth } from "@lukoweb/apitogo/hooks";
+import { useQuery } from "@lukoweb/apitogo/react-query";
+import { Alert, AlertAction, AlertDescription } from "@lukoweb/apitogo/ui/Alert";
+import { Button as Button$1 } from "@lukoweb/apitogo/ui/Button";
+
+//#region src/DevPortalBillingContext.tsx
+const DevPortalBillingContext = createContext({});
+const DevPortalBillingProvider = ({ options, children }) => /* @__PURE__ */ jsx(DevPortalBillingContext.Provider, {
+	value: options,
+	children
+});
+const useDevPortalBillingConfig = () => useContext(DevPortalBillingContext);
+
+//#endregion
+//#region src/DevPortalBillingWrapper.tsx
+const DevPortalBillingWrapper = ({ options = {} }) => /* @__PURE__ */ jsx(DevPortalBillingProvider, {
+	options,
+	children: /* @__PURE__ */ jsx(ClientOnly, { children: /* @__PURE__ */ jsx(Outlet, {}) })
+});
+
+//#endregion
+//#region src/components/RedirectPage.tsx
+const RedirectPage = ({ icon: Icon, title, description, url, children }) => {
+	useEffect(() => {
+		if (url) window.location.assign(url);
+	}, [url]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex min-h-screen items-center justify-center bg-muted",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex max-w-md flex-col items-center space-y-6 text-center",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "relative",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "flex h-24 w-24 items-center justify-center rounded-full bg-foreground/10",
+						children: /* @__PURE__ */ jsx(Icon, { className: "h-12 w-12 text-foreground" })
+					})
+				}),
+				children,
+				/* @__PURE__ */ jsxs("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ jsx("h2", {
+						className: "text-2xl font-bold text-card-foreground",
+						children: title
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground",
+						children: description
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex space-x-2",
+					children: [
+						/* @__PURE__ */ jsx("div", { className: "h-3 w-3 animate-pulse rounded-full bg-primary [animation-delay:-0.3s]" }),
+						/* @__PURE__ */ jsx("div", { className: "h-3 w-3 animate-pulse rounded-full bg-primary [animation-delay:-0.15s]" }),
+						/* @__PURE__ */ jsx("div", { className: "h-3 w-3 animate-pulse rounded-full bg-primary" })
+					]
+				})
+			]
+		})
+	});
+};
+
+//#endregion
+//#region src/utils/dev-portal-api.ts
+const DEV_PORTAL_PLACEHOLDER_API_URL = "https://dp-example.azurecontainerapps.io";
+function resolveDevPortalApiBaseUrl(configuredUrl) {
+	const fromConfig = configuredUrl?.trim();
+	if (fromConfig) return fromConfig.replace(/\/+$/, "");
+	const envUrl = typeof VITE_APITOGO_DEV_PORTAL_API_URL === "string" ? VITE_APITOGO_DEV_PORTAL_API_URL.trim() : "";
+	return envUrl ? envUrl.replace(/\/+$/, "") : void 0;
+}
+function isPlaceholderDevPortalApiUrl(apiBaseUrl) {
+	if (!apiBaseUrl) return true;
+	return apiBaseUrl === DEV_PORTAL_PLACEHOLDER_API_URL || apiBaseUrl.includes("dp-example.azurecontainerapps.io");
+}
+function parseMockPlans() {
+	const raw = typeof VITE_APITOGO_DEV_PORTAL_MOCK_PLANS === "string" ? VITE_APITOGO_DEV_PORTAL_MOCK_PLANS.trim() : "";
+	if (!raw) return { plans: [] };
+	try {
+		return { plans: JSON.parse(raw).map((plan) => ({
+			sku: plan.sku,
+			displayName: plan.displayName,
+			isFree: plan.isFree ?? false,
+			priceAmount: plan.priceAmount ?? 0,
+			priceCurrency: plan.priceCurrency ?? "usd",
+			billingPeriod: plan.billingPeriod ?? "monthly",
+			limitsJson: plan.limitsJson ?? null
+		})) };
+	} catch {
+		return { plans: [] };
+	}
+}
+function formatPlanPrice(plan) {
+	if (plan.isFree || plan.priceAmount <= 0) return "Free";
+	const amount = new Intl.NumberFormat(void 0, {
+		style: "currency",
+		currency: plan.priceCurrency.toUpperCase(),
+		minimumFractionDigits: plan.priceAmount % 1 === 0 ? 0 : 2
+	}).format(plan.priceAmount);
+	const period = plan.billingPeriod.toLowerCase();
+	if (period === "monthly" || period === "month") return `${amount}/mo`;
+	if (period === "annual" || period === "year") return `${amount}/yr`;
+	return amount;
+}
+function formatBillingPeriod(period) {
+	const normalized = period.toLowerCase();
+	if (normalized === "month" || normalized === "monthly") return "Monthly";
+	if (normalized === "year" || normalized === "annual") return "Annual";
+	return period;
+}
+function formatRateLimit(rate) {
+	if (!rate || typeof rate !== "object") return null;
+	const { calls, renewalPeriodSeconds } = rate;
+	if (calls == null || renewalPeriodSeconds == null) return null;
+	const window = renewalPeriodSeconds === 60 ? "minute" : `${renewalPeriodSeconds} seconds`;
+	return `${calls} request${calls === 1 ? "" : "s"} per ${window}`;
+}
+function summarizeLimits(limitsJson) {
+	if (!limitsJson?.trim()) return null;
+	try {
+		const limits = JSON.parse(limitsJson);
+		const rateSummary = formatRateLimit(limits.rateLimit);
+		if (rateSummary) return rateSummary;
+		const entries = Object.entries(limits).filter(([, value]) => value != null && typeof value !== "object");
+		if (entries.length === 0) return null;
+		return entries.slice(0, 3).map(([key, value]) => `${key}: ${String(value)}`).join(" · ");
+	} catch {
+		return null;
+	}
+}
+function isActiveSubscription(status) {
+	return status.toLowerCase() === "active";
+}
+
+//#endregion
+//#region src/hooks/useDevPortalApiBaseUrl.ts
+function useDevPortalApiBaseUrl() {
+	const providerData = useAuth().providerData;
+	if (providerData?.type === "dev-portal" && providerData.apiBaseUrl) return providerData.apiBaseUrl;
+	return resolveDevPortalApiBaseUrl();
+}
+function useDevPortalPreviewMode() {
+	const auth = useAuth();
+	const apiBaseUrl = useDevPortalApiBaseUrl();
+	if (auth.authMode === "preview" || auth.isBackendAvailable === false) return true;
+	return isPlaceholderDevPortalApiUrl(apiBaseUrl);
+}
+
+//#endregion
+//#region src/pages/CheckoutPage.tsx
+const CheckoutPage = () => {
+	const [searchParams] = useSearchParams();
+	const planSku = searchParams.get("planSku") ?? "";
+	const navigate = useNavigate();
+	const auth = useAuth();
+	const apiBaseUrl = useDevPortalApiBaseUrl();
+	const isPreview = useDevPortalPreviewMode();
+	const checkoutQuery = useQuery({
+		queryKey: [
+			"dev-portal-checkout",
+			apiBaseUrl,
+			planSku,
+			auth.profile?.sub
+		],
+		enabled: Boolean(planSku) && !isPreview && auth.isAuthenticated && Boolean(apiBaseUrl),
+		retry: false,
+		queryFn: async () => {
+			const response = await fetch(`${apiBaseUrl}/api/v1/subscriptions/checkout`, {
+				method: "POST",
+				headers: {
+					Accept: "application/json",
+					"Content-Type": "application/json"
+				},
+				credentials: "include",
+				body: JSON.stringify({ planSku })
+			});
+			if (!response.ok) {
+				const detail = await response.text();
+				throw new Error(detail || "Checkout failed.");
+			}
+			return await response.json();
+		}
+	});
+	const freeProvisioned = checkoutQuery.data?.isFree === true && checkoutQuery.data.entitlementProvisioned === true;
+	useEffect(() => {
+		if (freeProvisioned) navigate("/account/subscriptions?checkout=success", { replace: true });
+	}, [freeProvisioned, navigate]);
+	if (!planSku) return /* @__PURE__ */ jsxs("div", {
+		className: "mx-auto max-w-lg px-4 py-16 text-center text-muted-foreground",
+		children: [
+			"Missing plan SKU.",
+			" ",
+			/* @__PURE__ */ jsx(Link, {
+				to: "/pricing",
+				className: "text-primary underline",
+				children: "Back to pricing"
+			})
+		]
+	});
+	if (isPreview) return /* @__PURE__ */ jsxs("div", {
+		className: "mx-auto flex min-h-[50vh] max-w-lg flex-col items-center justify-center gap-4 px-4 text-center",
+		children: [
+			/* @__PURE__ */ jsx("h1", {
+				className: "text-2xl font-semibold tracking-tight",
+				children: "Checkout unlocks after publish"
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground",
+				children: "Subscribe and billing flows require a live dev-portal backend. Publish your portal to APItoGo, then return here to complete checkout."
+			}),
+			/* @__PURE__ */ jsx(Button$1, {
+				asChild: true,
+				variant: "outline",
+				children: /* @__PURE__ */ jsx(Link, {
+					to: "/pricing",
+					children: "Back to pricing"
+				})
+			})
+		]
+	});
+	if (freeProvisioned) return null;
+	return /* @__PURE__ */ jsx(RedirectPage, {
+		icon: ShieldIcon,
+		title: "Establishing secure checkout…",
+		description: "Redirecting you to complete your subscription.",
+		url: checkoutQuery.data?.checkoutUrl ?? void 0,
+		children: checkoutQuery.isError ? /* @__PURE__ */ jsxs(Alert, {
+			variant: "destructive",
+			children: [/* @__PURE__ */ jsx(AlertDescription, {
+				className: "first-letter:uppercase",
+				children: checkoutQuery.error.message
+			}), /* @__PURE__ */ jsx(AlertAction, { children: /* @__PURE__ */ jsx(Button$1, {
+				variant: "outline",
+				size: "xs",
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Link, {
+					to: "/pricing",
+					children: "Back to pricing"
+				})
+			}) })]
+		}) : null
+	});
+};
+
+//#endregion
+//#region src/components/PricingCard.tsx
+const PricingCard = ({ plan, isSubscribed = false }) => {
+	const limitsSummary = summarizeLimits(plan.limitsJson);
+	return /* @__PURE__ */ jsxs("article", {
+		className: cn("flex w-full max-w-sm flex-col rounded-xl border bg-card/60 p-6 shadow-xs"),
+		"data-testid": `pricing-card-${plan.sku}`,
+		children: [
+			/* @__PURE__ */ jsx("h2", {
+				className: "text-xl font-semibold",
+				children: plan.displayName
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mt-2 text-3xl font-bold",
+				children: formatPlanPrice(plan)
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "mt-1 text-sm text-muted-foreground",
+				children: formatBillingPeriod(plan.billingPeriod)
+			}),
+			limitsSummary ? /* @__PURE__ */ jsx("p", {
+				className: "mt-4 text-sm text-muted-foreground",
+				children: limitsSummary
+			}) : null,
+			/* @__PURE__ */ jsx("div", {
+				className: "mt-6",
+				children: isSubscribed ? /* @__PURE__ */ jsx(Button, {
+					variant: "secondary",
+					className: "w-full",
+					asChild: true,
+					children: /* @__PURE__ */ jsx(Link, {
+						to: "/account/subscriptions",
+						children: "Manage subscription"
+					})
+				}) : /* @__PURE__ */ jsx(Button, {
+					variant: "default",
+					className: "w-full",
+					asChild: true,
+					children: /* @__PURE__ */ jsx(Link, {
+						to: `/checkout?planSku=${encodeURIComponent(plan.sku)}`,
+						children: plan.isFree ? "Get started" : "Subscribe"
+					})
+				})
+			})
+		]
+	});
+};
+
+//#endregion
+//#region src/hooks/useMySubscriptions.ts
+function useMySubscriptions() {
+	const auth = useAuth();
+	const apiBaseUrl = useDevPortalApiBaseUrl();
+	const isPreview = useDevPortalPreviewMode();
+	return useQuery({
+		queryKey: ["dev-portal-me", apiBaseUrl],
+		enabled: auth.isAuthenticated && !isPreview && Boolean(apiBaseUrl),
+		queryFn: async () => {
+			const response = await fetch(`${apiBaseUrl}/api/v1/auth/me`, {
+				method: "GET",
+				headers: { Accept: "application/json" },
+				credentials: "include"
+			});
+			if (!response.ok) throw new Error("Failed to load subscription status.");
+			return await response.json();
+		}
+	});
+}
+
+//#endregion
+//#region src/hooks/usePlans.ts
+function usePlans() {
+	const apiBaseUrl = useDevPortalApiBaseUrl();
+	const isPreview = useDevPortalPreviewMode();
+	return useQuery({
+		queryKey: [
+			"dev-portal-plans",
+			apiBaseUrl,
+			isPreview
+		],
+		queryFn: async () => {
+			if (isPreview) return parseMockPlans();
+			if (!apiBaseUrl) return { plans: [] };
+			const response = await fetch(`${apiBaseUrl}/api/v1/plans`, { headers: { Accept: "application/json" } });
+			if (!response.ok) throw new Error("Failed to load plans.");
+			return await response.json();
+		}
+	});
+}
+
+//#endregion
+//#region src/pages/PricingPage.tsx
+const PricingPage = () => {
+	const { pricing } = useDevPortalBillingConfig();
+	const auth = useAuth();
+	const isPreview = useDevPortalPreviewMode();
+	const { data: catalog, isLoading, isError } = usePlans();
+	const { data: me } = useMySubscriptions();
+	const activeSkus = new Set((me?.subscriptions ?? []).filter((sub) => isActiveSubscription(sub.status)).map((sub) => sub.planSku));
+	const title = pricing?.title ?? "Pricing";
+	const subtitle = pricing?.subtitle ?? "Compare plans and subscribe when you are ready to integrate.";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "w-full px-4 pt-(--padding-content-top) pb-(--padding-content-bottom)",
+		children: [
+			/* @__PURE__ */ jsxs(Head, { children: [/* @__PURE__ */ jsx("title", { children: title }), /* @__PURE__ */ jsx("meta", {
+				name: "description",
+				content: subtitle
+			})] }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mb-12 space-y-4 text-center",
+				children: [/* @__PURE__ */ jsx(Heading, {
+					level: 1,
+					"data-testid": "title",
+					children: title
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground",
+					"data-testid": "subtitle",
+					children: subtitle
+				})]
+			}),
+			isPreview && !auth.isAuthenticated ? /* @__PURE__ */ jsxs("div", {
+				className: "mx-auto mb-8 max-w-2xl rounded-xl border border-dashed bg-muted/20 p-6 text-center text-sm text-muted-foreground",
+				children: [
+					"Local preview uses mock plans from",
+					" ",
+					/* @__PURE__ */ jsx("code", {
+						className: "rounded bg-muted px-1.5 py-0.5",
+						children: "VITE_APITOGO_DEV_PORTAL_MOCK_PLANS"
+					}),
+					". Checkout activates after the portal is published."
+				]
+			}) : null,
+			isLoading ? /* @__PURE__ */ jsx("p", {
+				className: "text-center text-muted-foreground",
+				children: "Loading plans…"
+			}) : null,
+			isError ? /* @__PURE__ */ jsx("p", {
+				className: "text-center text-destructive",
+				children: "Unable to load plans."
+			}) : null,
+			catalog && catalog.plans.length > 0 ? /* @__PURE__ */ jsx("div", {
+				className: "grid grid-cols-1 justify-center gap-6 sm:grid-cols-[repeat(auto-fit,minmax(280px,max-content))]",
+				children: catalog.plans.map((plan) => /* @__PURE__ */ jsx(PricingCard, {
+					plan,
+					isSubscribed: activeSkus.has(plan.sku)
+				}, plan.sku))
+			}) : !isLoading && !isError ? /* @__PURE__ */ jsx("div", {
+				className: "mx-auto max-w-lg rounded-xl border border-dashed p-8 text-center text-sm text-muted-foreground",
+				children: "No plans are available yet. Sync plans from your APItoGo manifest or platform gateway."
+			}) : null,
+			auth.isAuthenticated ? /* @__PURE__ */ jsx("div", {
+				className: "mt-10 text-center",
+				children: /* @__PURE__ */ jsx(Button$1, {
+					variant: "outline",
+					asChild: true,
+					children: /* @__PURE__ */ jsx(Link, {
+						to: "/account/plans",
+						children: "Manage billing"
+					})
+				})
+			}) : null
+		]
+	});
+};
+
+//#endregion
+//#region src/pages/SubscriptionsPage.tsx
+const SubscriptionsPage = () => {
+	const auth = useAuth();
+	const [searchParams] = useSearchParams();
+	const checkoutSuccess = searchParams.get("checkout") === "success";
+	const { data: me, isLoading } = useMySubscriptions();
+	const { data: catalog } = usePlans();
+	const planBySku = new Map((catalog?.plans ?? []).map((plan) => [plan.sku, plan]));
+	const subscriptions = me?.subscriptions ?? [];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mx-auto max-w-screen-lg px-4 pb-16 pt-(--padding-content-top) lg:px-8",
+		children: [
+			/* @__PURE__ */ jsx(Head, { children: /* @__PURE__ */ jsx("title", { children: "My subscriptions" }) }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mb-8 space-y-2",
+				children: [/* @__PURE__ */ jsx("h1", {
+					className: "text-3xl font-semibold tracking-tight",
+					children: "My subscriptions"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground",
+					children: "Review your active plans and manage billing."
+				})]
+			}),
+			checkoutSuccess ? /* @__PURE__ */ jsx("div", {
+				className: "mb-6 rounded-xl border border-green-500/30 bg-green-500/10 p-4 text-sm",
+				children: "Your subscription is active. API credentials are available from your account dashboard."
+			}) : null,
+			isLoading ? /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground",
+				children: "Loading subscriptions…"
+			}) : null,
+			!isLoading && subscriptions.length === 0 ? /* @__PURE__ */ jsxs("div", {
+				className: "rounded-xl border border-dashed p-8 text-center",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground",
+					children: "You do not have an active subscription yet."
+				}), /* @__PURE__ */ jsx(Button$1, {
+					className: "mt-4",
+					asChild: true,
+					children: /* @__PURE__ */ jsx(Link, {
+						to: "/pricing",
+						children: "View plans"
+					})
+				})]
+			}) : null,
+			subscriptions.length > 0 ? /* @__PURE__ */ jsx("div", {
+				className: "space-y-4",
+				children: subscriptions.map((subscription) => {
+					const plan = planBySku.get(subscription.planSku);
+					return /* @__PURE__ */ jsxs("article", {
+						className: "rounded-xl border bg-card/60 p-6",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "flex flex-wrap items-start justify-between gap-4",
+							children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h2", {
+								className: "text-lg font-medium",
+								children: plan?.displayName ?? subscription.planSku
+							}), plan ? /* @__PURE__ */ jsxs("p", {
+								className: "mt-1 text-sm text-muted-foreground",
+								children: [
+									formatPlanPrice(plan),
+									" ·",
+									" ",
+									formatBillingPeriod(plan.billingPeriod)
+								]
+							}) : null] }), /* @__PURE__ */ jsx("span", {
+								className: isActiveSubscription(subscription.status) ? "rounded-full bg-primary/10 px-3 py-1 text-xs font-medium text-primary" : "rounded-full bg-muted px-3 py-1 text-xs font-medium text-muted-foreground",
+								children: subscription.status
+							})]
+						}), subscription.currentPeriodEnd ? /* @__PURE__ */ jsxs("p", {
+							className: "mt-3 text-sm text-muted-foreground",
+							children: [
+								"Current period ends",
+								" ",
+								new Date(subscription.currentPeriodEnd).toLocaleDateString()
+							]
+						}) : null]
+					}, `${subscription.planSku}-${subscription.status}`);
+				})
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				className: "mt-8 flex flex-wrap gap-3",
+				children: [
+					/* @__PURE__ */ jsx(Button$1, {
+						variant: "outline",
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Link, {
+							to: "/pricing",
+							children: "Change plan"
+						})
+					}),
+					/* @__PURE__ */ jsx(Button$1, {
+						variant: "outline",
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Link, {
+							to: "/account/plans",
+							children: "Billing settings"
+						})
+					}),
+					auth.isAuthenticated ? /* @__PURE__ */ jsx(Button$1, {
+						variant: "secondary",
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Link, {
+							to: "/account/dashboard",
+							children: "Account dashboard"
+						})
+					}) : null
+				]
+			})
+		]
+	});
+};
+
+//#endregion
+//#region src/DevPortalBillingPlugin.tsx
+const PRICING_PATH = "/pricing";
+const CHECKOUT_PATH = "/checkout";
+const SUBSCRIPTIONS_PATH = "/account/subscriptions";
+const devPortalBillingPlugin = createPlugin((options = {}) => ({
+	transformConfig: ({ config, merge }) => merge({ header: { navigation: [...config.header?.navigation ?? [], {
+		label: "Pricing",
+		to: PRICING_PATH
+	}] } }),
+	getProfileMenuItems: () => [{
+		label: "My Subscriptions",
+		path: SUBSCRIPTIONS_PATH,
+		icon: StarsIcon,
+		category: "middle",
+		weight: 25
+	}],
+	getRoutes: () => [{
+		element: /* @__PURE__ */ jsx(DevPortalBillingWrapper, { options }),
+		handle: { layout: "none" },
+		children: [
+			{
+				path: PRICING_PATH,
+				handle: { layout: "default" },
+				element: /* @__PURE__ */ jsx(PricingPage, {})
+			},
+			{
+				path: CHECKOUT_PATH,
+				handle: { layout: "default" },
+				element: /* @__PURE__ */ jsx(CheckoutPage, {})
+			},
+			{
+				path: SUBSCRIPTIONS_PATH,
+				handle: { layout: "default" },
+				element: /* @__PURE__ */ jsx(SubscriptionsPage, {})
+			}
+		]
+	}],
+	getProtectedRoutes: () => [CHECKOUT_PATH, SUBSCRIPTIONS_PATH]
+}));
+
+//#endregion
+export { CHECKOUT_PATH, PRICING_PATH, SUBSCRIPTIONS_PATH, devPortalBillingPlugin };

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@lukoweb/apitogo-plugin-dev-portal-billing",
+  "version": "0.1.37",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/zuplo/zudoku",
+    "directory": "packages/plugin-dev-portal-billing"
+  },
+  "type": "module",
+  "main": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.mts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "prepublishOnly": "pnpm typecheck && pnpm build",
+    "typecheck": "tsc --project tsconfig.json",
+    "test": "vitest run"
+  },
+  "publishConfig": {
+    "main": "./dist/index.mjs",
+    "types": "./dist/index.d.mts",
+    "exports": {
+      ".": {
+        "import": "./dist/index.mjs",
+        "types": "./dist/index.d.mts"
+      }
+    },
+    "access": "public"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "10.4.1",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.2",
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3",
+    "happy-dom": "20.8.3",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "tsdown": "0.20.3",
+    "@lukoweb/apitogo": "0.1.37"
+  },
+  "peerDependencies": {
+    "react": ">=19.2.0",
+    "react-dom": ">=19.2.0",
+    "@lukoweb/apitogo": "*"
+  }
+}