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

package/dist/{AccountPlansPage-0PYGy1aV.mjs → AccountPlansPage-BuM7fe82.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 } from "./useDevPortalApiBaseUrl-BiI2jFjU.mjs";
+import { t as PricingCard } from "./PricingCard-DFuQEw7Y.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-BYVIIWbe.mjs";
+import { t as usePlans } from "./usePlans-HyhIIuJZ.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";
 
@@ -70,6 +71,10 @@ const AccountPlansPage = () => {
 	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-BSiADcI6.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-BiI2jFjU.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-DBQR2tad.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-BqqDmorF.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-BiI2jFjU.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-HyhIIuJZ.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-DjNvBBLb.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-BiI2jFjU.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-BOY3vIOr.mjs";
+import { n as apiReferencePath, r as ApiKeysPanel } from "./account-links-Drofs-f-.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-DFuQEw7Y.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-BiI2jFjU.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-SpL81vpd.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 } from "./useDevPortalApiBaseUrl-BiI2jFjU.mjs";
+import { t as PricingCard } from "./PricingCard-DFuQEw7Y.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-HyhIIuJZ.mjs";
+import { t as isPreviewPricingEnabled } from "./pricing-config-Bc6eWFUO.mjs";
+import { a as isPricingLoading, n as buildCompareRows } from "./billing-state-DBQR2tad.mjs";
 import { Head, Heading } from "@lukoweb/apitogo/components";
 import { Navigate } from "@lukoweb/apitogo/router";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -66,15 +66,16 @@ 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 } = useDevPortalBillingConfig();
 	const isPreview = useDevPortalPreviewMode();
 	const pricingEnabled = isPreviewPricingEnabled() || isPreview;
 	const livePlans = usePlans();
@@ -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-CwsBtNld.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-BiI2jFjU.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-BYVIIWbe.mjs";
+import { t as usePlans } from "./usePlans-HyhIIuJZ.mjs";
+import { n as readPendingCheckout, t as clearPendingCheckout } from "./pending-checkout-DpVaNnTu.mjs";
+import { n as useApiKeys } from "./useApiKeys-BOY3vIOr.mjs";
+import { t as useUsage } from "./useUsage-B5x9YuKa.mjs";
+import { i as hasPaymentProvider, r as checkoutConfirmingText } from "./billing-state-DBQR2tad.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-Dw5Uepg3.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-BiI2jFjU.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-BYVIIWbe.mjs";
+import { t as usePlans } from "./usePlans-HyhIIuJZ.mjs";
+import { n as useUsageRecent, t as useUsage } from "./useUsage-B5x9YuKa.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-Drofs-f-.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-BOY3vIOr.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-DBQR2tad.mjs}

@@ -1,4 +1,4 @@
-import { _ as rateLimitCell, g as quotaCell } from "./useDevPortalApiBaseUrl-BstWzITX.mjs";
+import { _ as rateLimitCell, g as quotaCell } from "./useDevPortalApiBaseUrl-BiI2jFjU.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,8 @@ 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; /** Local preview plan catalog (from `apitogo.config.json` `plans`). */
   previewPlans?: Array<{
     sku: string;
     displayName: string;
@@ -266,7 +267,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-BuM7fe82.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-BiI2jFjU.mjs";
+import "./PricingCard-DFuQEw7Y.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-BYVIIWbe.mjs";
+import { n as startPlansPrefetch, t as usePlans } from "./usePlans-HyhIIuJZ.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-BOY3vIOr.mjs";
+import { n as useUsageRecent, t as useUsage } from "./useUsage-B5x9YuKa.mjs";
+import { r as ApiKeysPanel, t as accountLayoutProps } from "./account-links-Drofs-f-.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-BuM7fe82.mjs").then((n) => n.n));
+const CheckoutPage = lazy(() => import("./CheckoutPage-BSiADcI6.mjs"));
+const ContactSalesPage = lazy(() => import("./ContactSalesPage-BqqDmorF.mjs"));
+const CredentialsPage = lazy(() => import("./CredentialsPage-DjNvBBLb.mjs"));
+const PricingPage = lazy(() => import("./PricingPage-SpL81vpd.mjs"));
+const SubscriptionsPage = lazy(() => import("./SubscriptionsPage-CwsBtNld.mjs"));
+const UsagePage = lazy(() => import("./UsagePage-Dw5Uepg3.mjs"));
 function resolvePricingEnabled(config) {
 	if (config.__meta?.pricingEnabled !== void 0) return config.__meta.pricingEnabled;
 	return isPreviewPricingEnabled();
@@ -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-BOY3vIOr.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-BiI2jFjU.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-BiI2jFjU.mjs}

@@ -115,9 +115,14 @@ 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;
@@ -172,17 +177,12 @@ 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 = {};
 function listPlanFeatureLines(plan) {
 	if (plan.features && plan.features.length > 0) return plan.features;
 	const lines = [];

package/dist/{useMySubscriptions-DuVq2tXL.mjs → useMySubscriptions-BYVIIWbe.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-BiI2jFjU.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-HyhIIuJZ.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 } from "./useDevPortalApiBaseUrl-BiI2jFjU.mjs";
 import { n as useDevPortalBillingConfig } from "./DevPortalBillingContext-CR83s4LO.mjs";
 import { useQuery } from "@lukoweb/apitogo/react-query";
 

package/dist/{useUsage-CJ9VIBc7.mjs → useUsage-B5x9YuKa.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-BiI2jFjU.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.56",
   "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.56",
+    "@lukoweb/apitogo-module-user-panel": "0.2.56"
   },
   "peerDependencies": {
     "react": ">=19.2.0",