@lukoweb/apitogo-plugin-dev-portal-billing 0.2.53 → 0.2.56

package/dist/SubscriptionsPage-msO31jv-.mjs

@@ -1,223 +0,0 @@
-import { i as CREDENTIALS_PATH, t as ACCOUNT_PLANS_PATH } from "./paths-ujy9wjVK.mjs";
-import { a as formatPlanPrice, p as parseMonthlyQuotaCalls, s as isActiveSubscription, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BstWzITX.mjs";
-import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-BtxAXA1m.mjs";
-import { t as usePlans } from "./usePlans-DPGFWcVo.mjs";
-import { n as useApiKeys } from "./useApiKeys-CVgXfUop.mjs";
-import { t as useUsage } from "./useUsage--5sZub3M.mjs";
-import { i as hasPaymentProvider, r as checkoutConfirmingText } from "./billing-state-DbU5Lpoz.mjs";
-import { n as ChoosePlanNotice, t as keyPlanNote } from "./key-plan-note-DTWeFhn2.mjs";
-import { Head, Spinner } from "@lukoweb/apitogo/components";
-import { Link as Link$1, useSearchParams } from "@lukoweb/apitogo/router";
-import { useEffect } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useMutation } from "@lukoweb/apitogo/react-query";
-import { useAuth } from "@lukoweb/apitogo/hooks";
-import { Button as Button$1 } from "@lukoweb/apitogo/ui/Button.js";
-
-//#region src/hooks/useBillingPortal.ts
-function useBillingPortal() {
-	const apiBaseUrl = useDevPortalApiBaseUrl();
-	return useMutation({ mutationFn: async (returnUrl) => {
-		if (!apiBaseUrl) throw new Error("Dev portal API is not configured.");
-		const response = await fetch(`${apiBaseUrl}/api/v1/subscriptions/billing-portal`, {
-			method: "POST",
-			headers: {
-				Accept: "application/json",
-				"Content-Type": "application/json"
-			},
-			credentials: "include",
-			body: JSON.stringify({ returnUrl: returnUrl ?? `${window.location.origin}/account/subscriptions` })
-		});
-		if (!response.ok) throw new Error("Unable to open billing portal.");
-		const body = await response.json();
-		if (!body.url) throw new Error("Billing portal URL was not returned.");
-		window.location.assign(body.url);
-	} });
-}
-
-//#endregion
-//#region src/pages/SubscriptionsPage.tsx
-const SubscriptionsPage = () => {
-	const { billing } = useDevPortalBillingConfig();
-	const auth = useAuth();
-	const [searchParams] = useSearchParams();
-	const checkoutSuccess = searchParams.get("checkout") === "success";
-	const checkoutPaid = searchParams.get("paid") !== "0";
-	const { data: me, isLoading, refetch } = useMySubscriptions();
-	const { data: catalog } = usePlans();
-	const billingPortal = useBillingPortal();
-	const { data: usage } = useUsage("30d");
-	const { data: apiKeys } = useApiKeys();
-	const planNote = keyPlanNote(apiKeys?.plans ?? []);
-	const planBySku = new Map((catalog?.plans ?? []).map((plan) => [plan.sku, plan]));
-	const subscriptions = me?.subscriptions ?? [];
-	const activeSubscription = subscriptions.find((sub) => isActiveSubscription(sub.status));
-	const activePlan = activeSubscription ? planBySku.get(activeSubscription.planSku) : void 0;
-	const confirmingPayment = checkoutSuccess && !isLoading && !activeSubscription;
-	useEffect(() => {
-		if (!confirmingPayment) return;
-		let attempts = 0;
-		const timer = setInterval(() => {
-			attempts += 1;
-			refetch();
-			if (attempts >= 30) clearInterval(timer);
-		}, 2e3);
-		return () => clearInterval(timer);
-	}, [confirmingPayment, refetch]);
-	const monthlyQuota = activePlan ? parseMonthlyQuotaCalls(activePlan.limitsJson) : null;
-	const usedRequests = usage?.requestCount ?? 0;
-	const quotaPct = monthlyQuota && monthlyQuota > 0 ? Math.min(100, Math.round(usedRequests / monthlyQuota * 100)) : null;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "px-8 py-7",
-		children: [
-			/* @__PURE__ */ jsx(Head, { children: /* @__PURE__ */ jsx("title", { children: "Billing" }) }),
-			/* @__PURE__ */ jsx("h1", {
-				className: "mb-2 text-[1.6rem] font-bold tracking-[-0.01em]",
-				children: "Billing"
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "mb-8 text-muted-foreground",
-				children: "Manage your plan, payment method, and invoices."
-			}),
-			confirmingPayment ? /* @__PURE__ */ jsx("div", {
-				className: "mb-6 rounded-xl border border-border bg-card p-4 text-sm",
-				children: checkoutConfirmingText(checkoutPaid)
-			}) : null,
-			checkoutSuccess && activeSubscription ? /* @__PURE__ */ jsx("div", {
-				className: "mb-6 rounded-xl border border-green-500/30 bg-green-500/10 p-4 text-sm",
-				children: planNote ? /* @__PURE__ */ jsxs(Fragment, { children: [
-					planNote.text,
-					" ",
-					/* @__PURE__ */ jsx(Link$1, {
-						to: CREDENTIALS_PATH,
-						className: "font-medium underline",
-						children: "Create the key"
-					}),
-					"."
-				] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-					"Your subscription is active.",
-					" ",
-					/* @__PURE__ */ jsx(Link$1, {
-						to: CREDENTIALS_PATH,
-						className: "font-medium underline",
-						children: "View your API credentials"
-					}),
-					"."
-				] })
-			}) : null,
-			isLoading ? /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground",
-				children: "Loading billing details…"
-			}) : null,
-			!isLoading && activeSubscription ? /* @__PURE__ */ jsxs("div", {
-				className: "mb-8 rounded-xl border border-border bg-card p-6",
-				children: [
-					/* @__PURE__ */ jsx("p", {
-						className: "text-xs font-medium uppercase tracking-[0.05em] text-muted-foreground",
-						children: "Current plan"
-					}),
-					/* @__PURE__ */ jsx("h2", {
-						className: "mt-2 text-2xl font-bold",
-						children: activePlan?.displayName ?? activeSubscription.planSku
-					}),
-					activePlan ? /* @__PURE__ */ jsx("p", {
-						className: "mt-1 text-sm text-muted-foreground",
-						children: formatPlanPrice(activePlan)
-					}) : /* @__PURE__ */ jsx("p", {
-						className: "mt-1 text-sm text-muted-foreground",
-						children: "This plan is no longer offered. Your access continues until you cancel or change plan."
-					}),
-					activeSubscription.currentPeriodEnd ? /* @__PURE__ */ jsxs("p", {
-						className: "mt-3 text-sm text-muted-foreground",
-						children: [
-							"Renews",
-							" ",
-							new Date(activeSubscription.currentPeriodEnd).toLocaleDateString()
-						]
-					}) : null,
-					quotaPct != null && monthlyQuota != null ? /* @__PURE__ */ jsxs("div", {
-						className: "mt-5",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "mb-1.5 flex justify-between text-xs text-muted-foreground",
-							children: [/* @__PURE__ */ jsx("span", { children: "Monthly requests" }), /* @__PURE__ */ jsxs("span", { children: [
-								usedRequests.toLocaleString(),
-								" /",
-								" ",
-								monthlyQuota.toLocaleString()
-							] })]
-						}), /* @__PURE__ */ jsx("div", {
-							className: "h-2 rounded-full bg-muted",
-							children: /* @__PURE__ */ jsx("div", {
-								className: "h-full rounded-full bg-primary transition-[width]",
-								style: { width: `${quotaPct}%` }
-							})
-						})]
-					}) : null
-				]
-			}) : null,
-			!isLoading && subscriptions.length === 0 ? /* @__PURE__ */ jsx(ChoosePlanNotice, {
-				className: "mb-8 rounded-xl border border-dashed p-8 text-center",
-				body: "You do not have a plan yet. Choose one to start using the API; your billing details appear here afterwards."
-			}) : null,
-			!isLoading && subscriptions.length > 1 ? /* @__PURE__ */ jsx("div", {
-				className: "mb-8 space-y-4",
-				children: subscriptions.map((subscription) => {
-					const plan = planBySku.get(subscription.planSku);
-					return /* @__PURE__ */ jsx("article", {
-						className: "rounded-xl border bg-card p-5",
-						children: /* @__PURE__ */ jsxs("div", {
-							className: "flex flex-wrap items-start justify-between gap-4",
-							children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
-								className: "font-semibold",
-								children: plan?.displayName ?? subscription.planSku
-							}), plan ? /* @__PURE__ */ jsx("p", {
-								className: "mt-1 text-sm text-muted-foreground",
-								children: formatPlanPrice(plan)
-							}) : null] }), /* @__PURE__ */ jsx("span", {
-								className: "rounded-full bg-muted px-3 py-1 text-xs font-medium text-muted-foreground",
-								children: subscription.status
-							})]
-						})
-					}, `${subscription.planSku}-${subscription.status}`);
-				})
-			}) : null,
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex flex-wrap gap-3",
-				children: [
-					/* @__PURE__ */ jsx(Button$1, {
-						variant: "outline",
-						asChild: true,
-						children: /* @__PURE__ */ jsx(Link$1, {
-							to: ACCOUNT_PLANS_PATH,
-							children: "Change plan"
-						})
-					}),
-					auth.isAuthenticated && hasPaymentProvider(billing) ? /* @__PURE__ */ jsx(Button$1, {
-						variant: "default",
-						disabled: billingPortal.isPending,
-						onClick: () => {
-							billingPortal.mutate();
-						},
-						children: billingPortal.isPending ? /* @__PURE__ */ jsx(Spinner, {}) : "Manage payment & invoices"
-					}) : null,
-					auth.isAuthenticated ? /* @__PURE__ */ jsx(Button$1, {
-						variant: "secondary",
-						asChild: true,
-						children: /* @__PURE__ */ jsx(Link$1, {
-							to: CREDENTIALS_PATH,
-							children: "API credentials"
-						})
-					}) : null
-				]
-			}),
-			billingPortal.isError ? /* @__PURE__ */ jsx("p", {
-				className: "mt-4 text-sm text-destructive",
-				children: billingPortal.error instanceof Error ? billingPortal.error.message : "Unable to open billing portal."
-			}) : null
-		]
-	});
-};
-
-//#endregion
-export { SubscriptionsPage as default };

package/dist/paths-ujy9wjVK.mjs

@@ -1,12 +0,0 @@
-//#region src/paths.ts
-const PRICING_PATH = "/pricing";
-const ACCOUNT_PLANS_PATH = "/account/plans";
-const CHECKOUT_PATH = "/checkout";
-const CONTACT_SALES_PATH = "/contact-sales";
-const SUBSCRIPTIONS_PATH = "/account/subscriptions";
-const CREDENTIALS_PATH = "/account/credentials";
-const USAGE_PATH = "/account/usage";
-const LOGIN_NAV_PATH = "/signin";
-
-//#endregion
-export { LOGIN_NAV_PATH as a, USAGE_PATH as c, CREDENTIALS_PATH as i, CHECKOUT_PATH as n, PRICING_PATH as o, CONTACT_SALES_PATH as r, SUBSCRIPTIONS_PATH as s, ACCOUNT_PLANS_PATH as t };