@lukoweb/apitogo-plugin-dev-portal-billing 0.2.54 → 0.2.57

package/dist/{AccountPlansPage-0PYGy1aV.mjs → AccountPlansPage-DBBVHGuw.mjs}

@@ -1,13 +1,14 @@
-import { f as parseManifestPlans, n as useDevPortalPreviewMode, r as useIsDemoSession, s as isActiveSubscription, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BstWzITX.mjs";
-import { t as PricingCard } from "./PricingCard-YJIEwydG.mjs";
+import { f as parseManifestPlans, n as useDevPortalPreviewMode, r as useIsDemoSession, s as isActiveSubscription, t as useDevPortalApiBaseUrl, y as withPlanFeatures } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
+import { t as PricingCard } from "./PricingCard-CRlUGh0k.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
 import { n as readProblemDetail } from "./problem-details-n20-dy3w.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-DuVq2tXL.mjs";
-import { t as usePlans } from "./usePlans-BF7Hy2qJ.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-C1UMb8rJ.mjs";
+import { t as usePlans } from "./usePlans-D_Khso7B.mjs";
+import { n as readPendingCheckout, t as clearPendingCheckout } from "./pending-checkout-DpVaNnTu.mjs";
 import { Head } from "@lukoweb/apitogo/components";
 import { CreditCardIcon } from "@lukoweb/apitogo/icons";
 import { useSearchParams } from "@lukoweb/apitogo/router";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMutation, useQueryClient } from "@lukoweb/apitogo/react-query";
 
@@ -59,17 +60,21 @@ var AccountPlansPage_exports = /* @__PURE__ */ __exportAll({ default: () => Acco
 const AccountPlansPage = () => {
 	const [searchParams] = useSearchParams();
 	const checkoutCancelled = searchParams.get("checkout") === "cancelled";
-	const { previewPlans } = useDevPortalBillingConfig();
+	const { previewPlans, planFeatures } = useDevPortalBillingConfig();
 	const isPreview = useDevPortalPreviewMode();
 	const isDemoSession = useIsDemoSession();
 	const livePlans = usePlans();
-	const catalog = isPreview ? parseManifestPlans(previewPlans) : livePlans.data;
+	const catalog = isPreview ? withPlanFeatures(parseManifestPlans(previewPlans), planFeatures) : livePlans.data;
 	const isLoading = isPreview ? false : livePlans.isLoading;
 	const isError = isPreview ? false : livePlans.isError;
 	const { data: me } = useMySubscriptions();
 	const cancelMutation = useCancelSubscription();
 	const [cancelingSku, setCancelingSku] = useState(null);
 	const subscriptionBySku = new Map((me?.subscriptions ?? []).map((sub) => [sub.planSku, sub]));
+	useEffect(() => {
+		if (checkoutCancelled) clearPendingCheckout();
+	}, [checkoutCancelled]);
+	const pendingSku = checkoutCancelled ? void 0 : readPendingCheckout();
 	const handleUnsubscribe = async (planSku) => {
 		setCancelingSku(planSku);
 		try {
@@ -133,7 +138,8 @@ const AccountPlansPage = () => {
 						isSubscribed,
 						onUnsubscribe: isPreview || isDemoSession ? void 0 : handleUnsubscribe,
 						isCanceling: cancelingSku === plan.sku,
-						cancelDisabled: isPreview || isDemoSession
+						cancelDisabled: isPreview || isDemoSession,
+						isConfirming: !isSubscribed && pendingSku === plan.sku
 					}, plan.sku);
 				})
 			}) : !isLoading && !isError ? /* @__PURE__ */ jsx("div", {

package/dist/{CheckoutPage-Bpa128i2.mjs → CheckoutPage-CZ9NXp8z.mjs}

@@ -1,7 +1,8 @@
 import { n as ALREADY_SUBSCRIBED_PARAM, s as PRICING_PATH, t as ACCOUNT_PLANS_PATH } from "./paths-DaVyTIDJ.mjs";
-import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BstWzITX.mjs";
+import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 import { n as readProblemDetail, t as isAlreadySubscribedMessage } from "./problem-details-n20-dy3w.mjs";
-import { t as FREE_CHECKOUT_MARKER } from "./billing-state-Dgcc3_pT.mjs";
+import { r as rememberPendingCheckout } from "./pending-checkout-DpVaNnTu.mjs";
+import { t as FREE_CHECKOUT_MARKER } from "./billing-state-CJmy96zI.mjs";
 import { ShieldIcon } from "@lukoweb/apitogo/icons";
 import { Link, useNavigate, useSearchParams } from "@lukoweb/apitogo/router";
 import { useEffect } from "react";
@@ -87,6 +88,10 @@ const CheckoutPage = () => {
 		}
 	});
 	const freeProvisioned = checkoutQuery.data?.checkoutUrl == null && checkoutQuery.data?.entitlementProvisioned === true;
+	const checkoutUrl = checkoutQuery.data?.checkoutUrl;
+	useEffect(() => {
+		if (checkoutUrl) rememberPendingCheckout(planSku);
+	}, [checkoutUrl, planSku]);
 	const alreadySubscribed = checkoutQuery.isError && isAlreadySubscribedMessage(checkoutQuery.error.message);
 	useEffect(() => {
 		if (alreadySubscribed) navigate(`/account/subscriptions?${ALREADY_SUBSCRIBED_PARAM}=${encodeURIComponent(planSku)}`, { replace: true });

package/dist/{ContactSalesPage-BslD3Yk4.mjs → ContactSalesPage-D4jX0rtt.mjs}

@@ -1,8 +1,8 @@
 import { s as PRICING_PATH } from "./paths-DaVyTIDJ.mjs";
-import { l as isPlanCustomPriced, n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BstWzITX.mjs";
+import { l as isPlanCustomPriced, n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 import "./DevPortalBillingContext-CR83s4LO.mjs";
 import { n as readProblemDetail } from "./problem-details-n20-dy3w.mjs";
-import { t as usePlans } from "./usePlans-BF7Hy2qJ.mjs";
+import { t as usePlans } from "./usePlans-D_Khso7B.mjs";
 import { Link, useSearchParams } from "@lukoweb/apitogo/router";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{CredentialsPage-C4qpBVrh.mjs → CredentialsPage-CVecoIuQ.mjs}

@@ -1,10 +1,10 @@
 import { t as ACCOUNT_PLANS_PATH } from "./paths-DaVyTIDJ.mjs";
-import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BstWzITX.mjs";
+import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
 import { r as createDemoCredentials, t as DEMO_GATEWAY_KEY_HEADER } from "./demo-session-yK9qEqV-.mjs";
-import { n as useApiKeys } from "./useApiKeys-CEwMzqju.mjs";
-import { n as apiReferencePath, r as ApiKeysPanel } from "./account-links-9h91uCGj.mjs";
-import { i as ChoosePlanNotice, r as keyPlanNote, t as apiKeysPageState } from "./page-state-BB-72pbw.mjs";
+import { n as useApiKeys } from "./useApiKeys-CnyxipLc.mjs";
+import { n as apiReferencePath, r as ApiKeysPanel } from "./account-links-CpTOzb2V.mjs";
+import { i as ChoosePlanNotice, r as keyPlanNote, t as apiKeysPageState } from "./page-state-BLL2JJBc.mjs";
 import { Head } from "@lukoweb/apitogo/components";
 import { KeyRoundIcon } from "@lukoweb/apitogo/icons";
 import { Link as Link$1 } from "@lukoweb/apitogo/router";

package/dist/{PricingCard-YJIEwydG.mjs → PricingCard-CRlUGh0k.mjs}

@@ -1,5 +1,5 @@
 import { i as CONTACT_SALES_PATH, r as CHECKOUT_PATH } from "./paths-DaVyTIDJ.mjs";
-import { d as listPlanFeatureLines, i as formatPlanDisplayPrice, l as isPlanCustomPriced, o as formatPlanPriceUnit, s as isActiveSubscription, u as isPlanFree } from "./useDevPortalApiBaseUrl-BstWzITX.mjs";
+import { d as listPlanFeatureLines, i as formatPlanDisplayPrice, l as isPlanCustomPriced, o as formatPlanPriceUnit, s as isActiveSubscription, u as isPlanFree } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 import { Button } from "@lukoweb/apitogo/components";
 import { Link as Link$1 } from "@lukoweb/apitogo/router";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "@lukoweb/apitogo/ui/AlertDialog.js";
@@ -18,7 +18,7 @@ const accountCtaLabel = (plan) => {
 };
 /** Custom-priced plans skip checkout and open the contact-sales form. */
 const planCtaPath = (plan) => `${isPlanCustomPriced(plan) ? CONTACT_SALES_PATH : CHECKOUT_PATH}?planSku=${encodeURIComponent(plan.sku)}`;
-const PricingCard = ({ plan, mode = "public", subscriptionStatus, isSubscribed = false, onUnsubscribe, onSwitch, isSwitching = false, isCanceling = false, cancelDisabled = false, featured = false }) => {
+const PricingCard = ({ plan, mode = "public", subscriptionStatus, isSubscribed = false, onUnsubscribe, onSwitch, isSwitching = false, isCanceling = false, cancelDisabled = false, featured = false, isConfirming = false }) => {
 	const isActive = isSubscribed || isActiveSubscription(subscriptionStatus ?? "");
 	const features = listPlanFeatureLines(plan);
 	const displayPrice = formatPlanDisplayPrice(plan);
@@ -83,7 +83,13 @@ const PricingCard = ({ plan, mode = "public", subscriptionStatus, isSubscribed =
 						className: "text-center text-xs text-muted-foreground",
 						children: "Unsubscribe is available after the portal is published."
 					}) : null
-				] }) : onSwitch && !isPlanCustomPriced(plan) ? /* @__PURE__ */ jsxs(AlertDialog, { children: [/* @__PURE__ */ jsx(AlertDialogTrigger, {
+				] }) : isConfirming ? /* @__PURE__ */ jsx(Button, {
+					variant: "secondary",
+					className: "w-full",
+					disabled: true,
+					"data-testid": `confirming-${plan.sku}`,
+					children: "Confirming payment…"
+				}) : onSwitch && !isPlanCustomPriced(plan) ? /* @__PURE__ */ jsxs(AlertDialog, { children: [/* @__PURE__ */ jsx(AlertDialogTrigger, {
 					asChild: true,
 					children: /* @__PURE__ */ jsx(Button, {
 						variant: featured ? "default" : "outline",

package/dist/{PricingPage-DIhoFOd9.mjs → PricingPage-BM7NH4VQ.mjs}

@@ -1,9 +1,9 @@
-import { f as parseManifestPlans, h as pickFeaturedPlanSku, n as useDevPortalPreviewMode } from "./useDevPortalApiBaseUrl-BstWzITX.mjs";
-import { t as PricingCard } from "./PricingCard-YJIEwydG.mjs";
+import { f as parseManifestPlans, h as pickFeaturedPlanSku, n as useDevPortalPreviewMode, y as withPlanFeatures } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
+import { t as PricingCard } from "./PricingCard-CRlUGh0k.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as usePlans } from "./usePlans-BF7Hy2qJ.mjs";
-import { t as isPreviewPricingEnabled } from "./pricing-config-C44AIqql.mjs";
-import { a as isPricingLoading, n as buildCompareRows } from "./billing-state-Dgcc3_pT.mjs";
+import { t as usePlans } from "./usePlans-D_Khso7B.mjs";
+import { t as isPreviewPricingEnabled } from "./pricing-config-Bc6eWFUO.mjs";
+import { a as isPricingLoading, n as buildCompareRows } from "./billing-state-CJmy96zI.mjs";
 import { Head, Heading } from "@lukoweb/apitogo/components";
 import { Navigate } from "@lukoweb/apitogo/router";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -66,19 +66,20 @@ const DEFAULT_COMPARE_ROWS = [
 		]
 	}
 ];
+/** Only what the platform itself does, so the defaults never promise anything for the tenant (API-124). */
 const DEFAULT_FAQS = [{
-	question: "What happens if I exceed my quota?",
-	answer: "Requests over your monthly quota return a 429 response so you can test rate-limit handling instead of being cut off unexpectedly."
+	question: "What happens if I go over my plan's limits?",
+	answer: "Calls over the rate limit or the quota are refused with a 429 response, and its Retry-After header says when to try again."
 }, {
-	question: "Can I change plans later?",
-	answer: "Yes, upgrade or downgrade any time from your billing page. Changes apply on your next billing cycle."
+	question: "Can I have more than one plan?",
+	answer: "Yes. Each plan has its own API keys and limits: create a key for a plan on the API keys page and use it in your app."
 }];
 const PricingPage = () => {
-	const { pricing, previewPlans } = useDevPortalBillingConfig();
+	const { pricing, previewPlans, featuredPlanSku, planFeatures } = useDevPortalBillingConfig();
 	const isPreview = useDevPortalPreviewMode();
 	const pricingEnabled = isPreviewPricingEnabled() || isPreview;
 	const livePlans = usePlans();
-	const catalog = isPreview ? parseManifestPlans(previewPlans) : livePlans.data;
+	const catalog = isPreview ? withPlanFeatures(parseManifestPlans(previewPlans), planFeatures) : livePlans.data;
 	const { isPending: authPending } = useAuth();
 	const isLoading = isPricingLoading({
 		isPreview,
@@ -92,10 +93,10 @@ const PricingPage = () => {
 		to: "/",
 		replace: true
 	});
-	const title = pricing?.title ?? "Pay for what you call";
-	const subtitle = pricing?.subtitle ?? "Every plan includes the full endpoint catalog. Higher tiers raise your request quota, rate limit, and support level.";
+	const title = pricing?.title ?? "Plans and pricing";
+	const subtitle = pricing?.subtitle ?? "Choose the plan that fits how you use the API. Each plan lists its limits and what it includes.";
 	const plans = catalog?.plans ?? [];
-	const featuredSku = pickFeaturedPlanSku(plans);
+	const featuredSku = pickFeaturedPlanSku(plans, featuredPlanSku);
 	const compareRows = buildCompareRows({
 		plans,
 		configuredRows: pricing?.compareRows,

package/dist/{SubscriptionsPage-D7hsYtTB.mjs → SubscriptionsPage-C58HnDmQ.mjs}

@@ -1,12 +1,13 @@
 import { a as CREDENTIALS_PATH, n as ALREADY_SUBSCRIBED_PARAM, t as ACCOUNT_PLANS_PATH } from "./paths-DaVyTIDJ.mjs";
-import { a as formatPlanPrice, p as parseMonthlyQuotaCalls, s as isActiveSubscription, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BstWzITX.mjs";
+import { a as formatPlanPrice, p as parseMonthlyQuotaCalls, s as isActiveSubscription, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-DuVq2tXL.mjs";
-import { t as usePlans } from "./usePlans-BF7Hy2qJ.mjs";
-import { n as useApiKeys } from "./useApiKeys-CEwMzqju.mjs";
-import { t as useUsage } from "./useUsage-CJ9VIBc7.mjs";
-import { i as hasPaymentProvider, r as checkoutConfirmingText } from "./billing-state-Dgcc3_pT.mjs";
-import { i as ChoosePlanNotice, n as billingPageState, r as keyPlanNote } from "./page-state-BB-72pbw.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-C1UMb8rJ.mjs";
+import { t as usePlans } from "./usePlans-D_Khso7B.mjs";
+import { n as readPendingCheckout, t as clearPendingCheckout } from "./pending-checkout-DpVaNnTu.mjs";
+import { n as useApiKeys } from "./useApiKeys-CnyxipLc.mjs";
+import { t as useUsage } from "./useUsage-DeEDgDdj.mjs";
+import { i as hasPaymentProvider, r as checkoutConfirmingText } from "./billing-state-CJmy96zI.mjs";
+import { i as ChoosePlanNotice, n as billingPageState, r as keyPlanNote } from "./page-state-BLL2JJBc.mjs";
 import { Head, Spinner } from "@lukoweb/apitogo/components";
 import { Link as Link$1, useSearchParams } from "@lukoweb/apitogo/router";
 import { useEffect } from "react";
@@ -71,7 +72,12 @@ const SubscriptionsPage = () => {
 	const earlierSubscriptions = subscriptions.filter((sub) => !isActiveSubscription(sub.status));
 	const hasActivePlan = activeSubscriptions.length > 0;
 	const singlePlan = activeSubscriptions.length === 1 ? planBySku.get(activeSubscriptions[0].planSku) : void 0;
-	const confirmingPayment = checkoutSuccess && !isLoading && !hasActivePlan;
+	const pendingSku = checkoutSuccess ? readPendingCheckout() : void 0;
+	const pendingActive = pendingSku !== void 0 && activeSubscriptions.some((sub) => sub.planSku === pendingSku);
+	const confirmingPayment = checkoutSuccess && !isLoading && (pendingSku !== void 0 ? !pendingActive : !hasActivePlan);
+	useEffect(() => {
+		if (pendingActive) clearPendingCheckout();
+	}, [pendingActive]);
 	useEffect(() => {
 		if (!confirmingPayment) return;
 		let attempts = 0;
@@ -120,7 +126,7 @@ const SubscriptionsPage = () => {
 				className: "mb-6 rounded-xl border border-border bg-card p-4 text-sm",
 				children: checkoutConfirmingText(checkoutPaid)
 			}) : null,
-			checkoutSuccess && hasActivePlan ? /* @__PURE__ */ jsx("div", {
+			checkoutSuccess && hasActivePlan && !confirmingPayment ? /* @__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,
@@ -207,7 +213,7 @@ const SubscriptionsPage = () => {
 					})
 				})]
 			}) : null,
-			billingState === "empty" ? /* @__PURE__ */ jsx(ChoosePlanNotice, {
+			billingState === "empty" && !confirmingPayment ? /* @__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,

package/dist/{UsagePage-Di9kQ_3Z.mjs → UsagePage-C5opT1KD.mjs}

@@ -1,8 +1,8 @@
-import { m as parseQuotaPeriodDays, p as parseMonthlyQuotaCalls, s as isActiveSubscription } from "./useDevPortalApiBaseUrl-BstWzITX.mjs";
+import { m as parseQuotaPeriodDays, p as parseMonthlyQuotaCalls, s as isActiveSubscription } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 import "./DevPortalBillingContext-CR83s4LO.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-DuVq2tXL.mjs";
-import { t as usePlans } from "./usePlans-BF7Hy2qJ.mjs";
-import { n as useUsageRecent, t as useUsage } from "./useUsage-CJ9VIBc7.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-C1UMb8rJ.mjs";
+import { t as usePlans } from "./usePlans-D_Khso7B.mjs";
+import { n as useUsageRecent, t as useUsage } from "./useUsage-DeEDgDdj.mjs";
 import { Head } from "@lukoweb/apitogo/components";
 import { Link as Link$1 } from "@lukoweb/apitogo/router";
 import { useState } from "react";

package/dist/{account-links-9h91uCGj.mjs → account-links-CpTOzb2V.mjs}

@@ -1,4 +1,4 @@
-import { i as useRevokeApiKey, r as useCreateApiKey, t as API_KEY_CAP_REACHED } from "./useApiKeys-CEwMzqju.mjs";
+import { i as useRevokeApiKey, r as useCreateApiKey, t as API_KEY_CAP_REACHED } from "./useApiKeys-CnyxipLc.mjs";
 import { Spinner } from "@lukoweb/apitogo/components";
 import { KeyRoundIcon, TrashIcon } from "@lukoweb/apitogo/icons";
 import { useState } from "react";

package/dist/{billing-state-Dgcc3_pT.mjs → billing-state-CJmy96zI.mjs}

@@ -1,4 +1,4 @@
-import { _ as rateLimitCell, g as quotaCell } from "./useDevPortalApiBaseUrl-BstWzITX.mjs";
+import { _ as rateLimitCell, g as quotaCell } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 
 //#region src/utils/billing-state.ts
 /** Whether the pricing page has no plans to show yet because the answer is still on its way. */

package/dist/index.d.mts

@@ -58,7 +58,14 @@ type DevPortalBillingConfig = {
    * The header API users send their key in, as the portal build knows it from the gateway config. Wins over the plans
    * backend's answer, which only knows the platform default.
    */
-  keyHeader?: string; /** Local preview plan catalog (from `apitogo.config.json` `plans`). */
+  keyHeader?: string; /** The plan shown as "Popular"; none unless the tenant marked one (API-124). */
+  featuredPlanSku?: string; /** Lines each plan's card lists, by lowercased sku, from `features` in plans.json (API-129). */
+  planFeatures?: Record<string, string[]>;
+  /**
+   * The gateway checks tokens (`gateway.auth`), so Try it offers "Signed-in user". False for a gateway that checks keys,
+   * where the token only gets a 401 (API-129). Absent (an older wrapper): offered, as before.
+   */
+  tokenIdentity?: boolean; /** Local preview plan catalog (from `apitogo.config.json` `plans`). */
   previewPlans?: Array<{
     sku: string;
     displayName: string;
@@ -266,7 +273,7 @@ type PlansPreviewItem = {
   featured?: boolean;
 };
 /** Maps plans to landing `PlansPreviewSection` cards, highlighting the same plan as /pricing. */
-declare const toPlansPreviewItems: (plans: DevPortalPlan[]) => PlansPreviewItem[];
+declare const toPlansPreviewItems: (plans: DevPortalPlan[], featuredPlanSku?: string) => PlansPreviewItem[];
 /**
  * Plan cards for the landing `PlansPreviewSection`, sourced like the /pricing page: the dev
  * portal backend when live, `modules.userPanel.plans.items` from `apitogo.config.json` in

package/dist/index.mjs

@@ -1,15 +1,16 @@
-import { t as AccountPlansPage } from "./AccountPlansPage-0PYGy1aV.mjs";
+import { t as AccountPlansPage } from "./AccountPlansPage-DBBVHGuw.mjs";
 import { a as CREDENTIALS_PATH, c as SUBSCRIPTIONS_PATH, i as CONTACT_SALES_PATH, l as USAGE_PATH, o as LOGIN_NAV_PATH, r as CHECKOUT_PATH, s as PRICING_PATH, t as ACCOUNT_PLANS_PATH } from "./paths-DaVyTIDJ.mjs";
-import { d as listPlanFeatureLines, f as parseManifestPlans, h as pickFeaturedPlanSku, i as formatPlanDisplayPrice, o as formatPlanPriceUnit, s as isActiveSubscription, v as resolveDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BstWzITX.mjs";
-import "./PricingCard-YJIEwydG.mjs";
+import { d as listPlanFeatureLines, f as parseManifestPlans, h as pickFeaturedPlanSku, i as formatPlanDisplayPrice, o as formatPlanPriceUnit, s as isActiveSubscription, v as resolveDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
+import "./PricingCard-CRlUGh0k.mjs";
 import { n as useDevPortalBillingConfig, t as DevPortalBillingProvider } from "./DevPortalBillingContext-CR83s4LO.mjs";
 import { t as DEMO_GATEWAY_KEY_HEADER } from "./demo-session-yK9qEqV-.mjs";
-import { t as useMySubscriptions } from "./useMySubscriptions-DuVq2tXL.mjs";
-import { n as startPlansPrefetch, t as usePlans } from "./usePlans-BF7Hy2qJ.mjs";
-import { a as playgroundKeyIdentities, i as useRevokeApiKey, n as useApiKeys, r as useCreateApiKey, t as API_KEY_CAP_REACHED } from "./useApiKeys-CEwMzqju.mjs";
-import { n as useUsageRecent, t as useUsage } from "./useUsage-CJ9VIBc7.mjs";
-import { r as ApiKeysPanel, t as accountLayoutProps } from "./account-links-9h91uCGj.mjs";
-import { t as isPreviewPricingEnabled } from "./pricing-config-C44AIqql.mjs";
+import { t as useMySubscriptions } from "./useMySubscriptions-C1UMb8rJ.mjs";
+import { n as startPlansPrefetch, t as usePlans } from "./usePlans-D_Khso7B.mjs";
+import "./pending-checkout-DpVaNnTu.mjs";
+import { a as playgroundKeyIdentities, i as useRevokeApiKey, n as useApiKeys, r as useCreateApiKey, t as API_KEY_CAP_REACHED } from "./useApiKeys-CnyxipLc.mjs";
+import { n as useUsageRecent, t as useUsage } from "./useUsage-DeEDgDdj.mjs";
+import { r as ApiKeysPanel, t as accountLayoutProps } from "./account-links-CpTOzb2V.mjs";
+import { t as isPreviewPricingEnabled } from "./pricing-config-Bc6eWFUO.mjs";
 import { Head, Link } from "@lukoweb/apitogo/components";
 import { ArrowRightIcon, KeyRoundIcon, StarsIcon } from "@lukoweb/apitogo/icons";
 import { Outlet } from "@lukoweb/apitogo/router";
@@ -366,13 +367,13 @@ async function getSignedInIdentities(apiBaseUrl, fetchImpl = fetch) {
 
 //#endregion
 //#region src/DevPortalBillingPlugin.tsx
-const AccountPlansPage$1 = lazy(() => import("./AccountPlansPage-0PYGy1aV.mjs").then((n) => n.n));
-const CheckoutPage = lazy(() => import("./CheckoutPage-Bpa128i2.mjs"));
-const ContactSalesPage = lazy(() => import("./ContactSalesPage-BslD3Yk4.mjs"));
-const CredentialsPage = lazy(() => import("./CredentialsPage-C4qpBVrh.mjs"));
-const PricingPage = lazy(() => import("./PricingPage-DIhoFOd9.mjs"));
-const SubscriptionsPage = lazy(() => import("./SubscriptionsPage-D7hsYtTB.mjs"));
-const UsagePage = lazy(() => import("./UsagePage-Di9kQ_3Z.mjs"));
+const AccountPlansPage$1 = lazy(() => import("./AccountPlansPage-DBBVHGuw.mjs").then((n) => n.n));
+const CheckoutPage = lazy(() => import("./CheckoutPage-CZ9NXp8z.mjs"));
+const ContactSalesPage = lazy(() => import("./ContactSalesPage-D4jX0rtt.mjs"));
+const CredentialsPage = lazy(() => import("./CredentialsPage-CVecoIuQ.mjs"));
+const PricingPage = lazy(() => import("./PricingPage-BM7NH4VQ.mjs"));
+const SubscriptionsPage = lazy(() => import("./SubscriptionsPage-C58HnDmQ.mjs"));
+const UsagePage = lazy(() => import("./UsagePage-C5opT1KD.mjs"));
 function resolvePricingEnabled(config) {
 	if (config.__meta?.pricingEnabled !== void 0) return config.__meta.pricingEnabled;
 	return isPreviewPricingEnabled();
@@ -397,7 +398,7 @@ const devPortalBillingPlugin = createPlugin((options = {}) => {
 				}
 			});
 		},
-		getIdentities: async () => [...playgroundKeyIdentities(), ...await getSignedInIdentities(resolveDevPortalApiBaseUrl(options.apiBaseUrl))],
+		getIdentities: async () => [...playgroundKeyIdentities(), ...options.tokenIdentity === false ? [] : await getSignedInIdentities(resolveDevPortalApiBaseUrl(options.apiBaseUrl))],
 		getProfileMenuItems: () => [{
 			label: "Billing",
 			path: SUBSCRIPTIONS_PATH,
@@ -495,8 +496,8 @@ function useGatewayCall() {
 //#endregion
 //#region src/hooks/usePlansPreview.ts
 /** Maps plans to landing `PlansPreviewSection` cards, highlighting the same plan as /pricing. */
-const toPlansPreviewItems = (plans) => {
-	const featuredSku = pickFeaturedPlanSku(plans);
+const toPlansPreviewItems = (plans, featuredPlanSku) => {
+	const featuredSku = pickFeaturedPlanSku(plans, featuredPlanSku);
 	return plans.map((plan) => ({
 		name: plan.displayName,
 		price: formatPlanDisplayPrice(plan),
@@ -513,7 +514,8 @@ const toPlansPreviewItems = (plans) => {
 */
 const usePlansPreview = () => {
 	const { data } = usePlans();
-	return toPlansPreviewItems(data?.plans ?? parseManifestPlans().plans);
+	const { featuredPlanSku } = useDevPortalBillingConfig();
+	return toPlansPreviewItems(data?.plans ?? parseManifestPlans().plans, featuredPlanSku);
 };
 
 //#endregion

package/dist/pending-checkout-DpVaNnTu.mjs

@@ -0,0 +1,45 @@
+//#region src/utils/pending-checkout.ts
+const STORAGE_KEY = "apitogo-pending-checkout";
+/** How long a checkout counts as waiting for its payment to be confirmed. Stripe usually confirms within seconds. */
+const PENDING_FOR_MS = 600 * 1e3;
+const storage = () => {
+	try {
+		return typeof sessionStorage === "undefined" ? void 0 : sessionStorage;
+	} catch {
+		return;
+	}
+};
+/**
+* Remembers the plan the customer is about to pay for, as checkout sends them to Stripe. Back in the portal the payment
+* is confirmed a few seconds later; until then the pages must not offer that plan again (API-128), even when the
+* customer already holds another plan. Only this browser tab knows it.
+*/
+function rememberPendingCheckout(sku, now = Date.now()) {
+	try {
+		storage()?.setItem(STORAGE_KEY, JSON.stringify({
+			sku,
+			at: now
+		}));
+	} catch {}
+}
+/** The plan still waiting for its payment to be confirmed, or undefined when none is (or it is too old). */
+function readPendingCheckout(now = Date.now()) {
+	try {
+		const raw = storage()?.getItem(STORAGE_KEY);
+		if (!raw) return void 0;
+		const pending = JSON.parse(raw);
+		if (typeof pending.sku !== "string" || typeof pending.at !== "number") return void 0;
+		return now - pending.at <= PENDING_FOR_MS ? pending.sku : void 0;
+	} catch {
+		return;
+	}
+}
+/** The payment was confirmed (the plan is active) or given up on. */
+function clearPendingCheckout() {
+	try {
+		storage()?.removeItem(STORAGE_KEY);
+	} catch {}
+}
+
+//#endregion
+export { readPendingCheckout as n, rememberPendingCheckout as r, clearPendingCheckout as t };

package/dist/{useApiKeys-CEwMzqju.mjs → useApiKeys-CnyxipLc.mjs}

@@ -1,4 +1,4 @@
-import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BstWzITX.mjs";
+import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
 import { n as readProblemDetail } from "./problem-details-n20-dy3w.mjs";
 import { n as createDemoApiKeys, t as DEMO_GATEWAY_KEY_HEADER } from "./demo-session-yK9qEqV-.mjs";

package/dist/{useDevPortalApiBaseUrl-BstWzITX.mjs → useDevPortalApiBaseUrl-BfpUBayO.mjs}

@@ -115,13 +115,20 @@ function formatPlanDisplayPrice(plan) {
 function formatPlanPriceUnit(plan) {
 	return isPlanCustomPriced(plan) ? "talk to us" : formatBillingPeriod(plan.billingPeriod);
 }
-/** SKU of the plan to highlight: `developer` if present, else the first low-priced paid plan. */
-function pickFeaturedPlanSku(plans) {
-	return plans.find((p) => p.sku === "developer")?.sku ?? plans.find((p) => p.priceAmount > 0 && p.priceAmount < 50)?.sku ?? plans.find((p) => p.priceAmount > 0)?.sku;
+/**
+* SKU of the plan to highlight: the one the tenant marked `featured`, when the catalog has it. It used to be guessed
+* (a plan called "developer", or the first cheap paid one), which put "Popular" on a plan the tenant never chose
+* (API-124).
+*/
+function pickFeaturedPlanSku(plans, featuredPlanSku) {
+	const wanted = featuredPlanSku?.trim().toLowerCase();
+	return wanted ? plans.find((p) => p.sku.toLowerCase() === wanted)?.sku : void 0;
 }
 function formatRateLimit(rate) {
 	if (!rate || typeof rate !== "object") return null;
-	const { calls, renewalPeriodSeconds } = rate;
+	const limit = rate;
+	const calls = limit.calls;
+	const renewalPeriodSeconds = limit.renewalPeriodSeconds ?? limit.periodSeconds;
 	if (calls == null || renewalPeriodSeconds == null) return null;
 	if (renewalPeriodSeconds === 1) return `${calls} req/sec rate limit`;
 	const window = renewalPeriodSeconds === 60 ? "minute" : `${renewalPeriodSeconds} seconds`;
@@ -129,7 +136,9 @@ function formatRateLimit(rate) {
 }
 function formatQuota(quota) {
 	if (!quota || typeof quota !== "object") return null;
-	const { calls, renewalPeriodDays } = quota;
+	const limit = quota;
+	const calls = limit.calls;
+	const renewalPeriodDays = limit.renewalPeriodDays ?? limit.periodDays;
 	if (calls == null) return null;
 	if (calls < 0) return "Unlimited requests";
 	const formatted = calls.toLocaleString();
@@ -172,19 +181,27 @@ function parseLimits(limitsJson) {
 	}
 }
 /** Marketing bullets keyed by common sample SKUs when limitsJson is sparse. */
-const SAMPLE_PLAN_FEATURE_EXTRAS = {
-	free: ["All endpoints"],
-	developer: ["Webhooks included", "Email support"],
-	team: ["5 team seats", "Priority support"],
-	enterprise: [
-		"Unlimited requests",
-		"Custom rate limits",
-		"SSO & audit logs",
-		"Dedicated SLA"
-	]
-};
+/**
+* Lines a plan gets from its name alone. Empty on purpose: "SSO & audit logs" or "Dedicated SLA" under a plan called
+* Enterprise were promises the tenant never made (API-124). A plan shows its limits, its endpoints and what the
+* tenant wrote.
+*/
+const SAMPLE_PLAN_FEATURE_EXTRAS = {};
+/** Gives each plan the feature lines plans.json names for its sku (API-129). Plans without any keep their own. */
+function withPlanFeatures(catalog, planFeatures) {
+	if (!planFeatures || Object.keys(planFeatures).length === 0) return catalog;
+	return {
+		...catalog,
+		plans: catalog.plans.map((plan) => {
+			const features = planFeatures[plan.sku.trim().toLowerCase()];
+			return features?.length ? {
+				...plan,
+				features
+			} : plan;
+		})
+	};
+}
 function listPlanFeatureLines(plan) {
-	if (plan.features && plan.features.length > 0) return plan.features;
 	const lines = [];
 	if (plan.limitsJson?.trim()) try {
 		const limits = JSON.parse(plan.limitsJson);
@@ -193,7 +210,8 @@ function listPlanFeatureLines(plan) {
 		const rateLine = formatRateLimit(limits.rateLimit);
 		if (rateLine) lines.push(rateLine);
 	} catch {}
-	const extras = SAMPLE_PLAN_FEATURE_EXTRAS[plan.sku.toLowerCase()];
+	for (const feature of plan.features ?? []) if (!lines.includes(feature)) lines.push(feature);
+	const extras = plan.features?.length ? void 0 : SAMPLE_PLAN_FEATURE_EXTRAS[plan.sku.toLowerCase()];
 	if (extras) {
 		for (const extra of extras) if (!lines.includes(extra)) lines.push(extra);
 	}
@@ -250,4 +268,4 @@ function useDevPortalPreviewMode() {
 }
 
 //#endregion
-export { rateLimitCell as _, formatPlanPrice as a, isPlaceholderDevPortalApiUrl as c, listPlanFeatureLines as d, parseManifestPlans as f, quotaCell as g, pickFeaturedPlanSku as h, formatPlanDisplayPrice as i, isPlanCustomPriced as l, parseQuotaPeriodDays as m, useDevPortalPreviewMode as n, formatPlanPriceUnit as o, parseMonthlyQuotaCalls as p, useIsDemoSession as r, isActiveSubscription as s, useDevPortalApiBaseUrl as t, isPlanFree as u, resolveDevPortalApiBaseUrl as v };
+export { rateLimitCell as _, formatPlanPrice as a, isPlaceholderDevPortalApiUrl as c, listPlanFeatureLines as d, parseManifestPlans as f, quotaCell as g, pickFeaturedPlanSku as h, formatPlanDisplayPrice as i, isPlanCustomPriced as l, parseQuotaPeriodDays as m, useDevPortalPreviewMode as n, formatPlanPriceUnit as o, parseMonthlyQuotaCalls as p, useIsDemoSession as r, isActiveSubscription as s, useDevPortalApiBaseUrl as t, isPlanFree as u, resolveDevPortalApiBaseUrl as v, withPlanFeatures as y };

package/dist/{useMySubscriptions-DuVq2tXL.mjs → useMySubscriptions-C1UMb8rJ.mjs}

@@ -1,4 +1,4 @@
-import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BstWzITX.mjs";
+import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
 import { i as createDemoMeResponse } from "./demo-session-yK9qEqV-.mjs";
 import { useQuery } from "@lukoweb/apitogo/react-query";

package/dist/{usePlans-BF7Hy2qJ.mjs → usePlans-D_Khso7B.mjs}

@@ -1,4 +1,4 @@
-import { c as isPlaceholderDevPortalApiUrl, f as parseManifestPlans, n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BstWzITX.mjs";
+import { c as isPlaceholderDevPortalApiUrl, f as parseManifestPlans, n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl, y as withPlanFeatures } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
 import { useQuery } from "@lukoweb/apitogo/react-query";
 
@@ -37,17 +37,18 @@ function usePlans() {
 	const apiBaseUrl = useDevPortalApiBaseUrl();
 	const isPreview = useDevPortalPreviewMode();
 	const isDemoSession = useIsDemoSession();
-	const { previewPlans } = useDevPortalBillingConfig();
+	const { previewPlans, planFeatures } = useDevPortalBillingConfig();
 	const liveQuery = useQuery({
 		queryKey: ["dev-portal-plans", apiBaseUrl],
 		enabled: !isPreview && !isDemoSession && Boolean(apiBaseUrl),
 		queryFn: async () => {
 			if (!apiBaseUrl) return { plans: [] };
 			return loadPlans(apiBaseUrl);
-		}
+		},
+		select: (catalog) => withPlanFeatures(catalog, planFeatures)
 	});
 	if (isPreview || isDemoSession) {
-		const data = parseManifestPlans(previewPlans);
+		const data = withPlanFeatures(parseManifestPlans(previewPlans), planFeatures);
 		return {
 			...liveQuery,
 			data,

package/dist/{useUsage-CJ9VIBc7.mjs → useUsage-DeEDgDdj.mjs}

@@ -1,4 +1,4 @@
-import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BstWzITX.mjs";
+import { n as useDevPortalPreviewMode, r as useIsDemoSession, t as useDevPortalApiBaseUrl } from "./useDevPortalApiBaseUrl-BfpUBayO.mjs";
 import { useQuery } from "@lukoweb/apitogo/react-query";
 import { useAuth } from "@lukoweb/apitogo/hooks";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukoweb/apitogo-plugin-dev-portal-billing",
-  "version": "0.2.54",
+  "version": "0.2.57",
   "repository": {
     "type": "git",
     "url": "https://github.com/zuplo/zudoku",
@@ -46,8 +46,8 @@
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "tsdown": "0.20.3",
-    "@lukoweb/apitogo": "0.2.54",
-    "@lukoweb/apitogo-module-user-panel": "0.2.54"
+    "@lukoweb/apitogo": "0.2.57",
+    "@lukoweb/apitogo-module-user-panel": "0.2.57"
   },
   "peerDependencies": {
     "react": ">=19.2.0",